diff --git a/docs/next.config.mjs b/docs/next.config.mjs
index 0f63dcbdbc6..55eb09cc864 100644
--- a/docs/next.config.mjs
+++ b/docs/next.config.mjs
@@ -50,6 +50,10 @@ const nextConfig = {
   pageExtensions: ['mdx', 'tsx'],
   turbopack: {
     rules: {
+      './app/**/types.ts': {
+        as: '*.ts',
+        loaders: ['@mui/internal-docs-infra/pipeline/loadPrecomputedTypesMeta'],
+      },
       './src/app/**/demos/*/index.ts': {
         as: '*.ts',
         loaders: ['@mui/internal-docs-infra/pipeline/loadPrecomputedCodeHighlighter'],
@@ -62,6 +66,16 @@ const nextConfig = {
   },
   webpack: (config, { defaultLoaders }) => {
     // for production builds
+    config.module.rules.push({
+      test: /\/types\.ts$/,
+      use: [
+        defaultLoaders.babel,
+        {
+          loader: '@mui/internal-docs-infra/pipeline/loadPrecomputedTypesMeta',
+          options: { performance: { logging: true } },
+        },
+      ],
+    });
     config.module.rules.push({
       test: /\/demos\/[^/]+\/index\.ts$/,
       use: [
diff --git a/docs/package.json b/docs/package.json
index 48a0c159861..52bfd2d494b 100644
--- a/docs/package.json
+++ b/docs/package.json
@@ -21,7 +21,7 @@
     "@emotion/styled": "^11.14.1",
     "@mdx-js/loader": "^3.1.1",
     "@mdx-js/react": "^3.1.1",
-    "@mui/internal-docs-infra": "^0.2.3-canary.10",
+    "@mui/internal-docs-infra": "https://pkg.pr.new/mui/mui-public/@mui/internal-docs-infra@e412f8d",
     "@next/mdx": "^15.5.6",
     "@react-spring/web": "^10.0.3",
     "@stefanprobst/rehype-extract-toc": "^3.0.0",
diff --git a/docs/reference/generated/accordion-header.json b/docs/reference/generated/accordion-header.json
deleted file mode 100644
index 2e4cd39b3c5..00000000000
--- a/docs/reference/generated/accordion-header.json
+++ /dev/null
@@ -1,33 +0,0 @@
-{
-  "name": "AccordionHeader",
-  "description": "A heading that labels the corresponding panel.\nRenders an `<h3>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: Accordion.Item.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: Accordion.Item.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: Accordion.Item.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Accordion.Item.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Accordion.Item.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Accordion.Item.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-open": {
-      "description": "Present when the accordion item is open."
-    },
-    "data-disabled": {
-      "description": "Present when the accordion item is disabled."
-    },
-    "data-index": {
-      "description": "Indicates the index of the accordion item.",
-      "type": "number"
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/accordion-item.json b/docs/reference/generated/accordion-item.json
deleted file mode 100644
index 5bf6dc5e0d3..00000000000
--- a/docs/reference/generated/accordion-item.json
+++ /dev/null
@@ -1,49 +0,0 @@
-{
-  "name": "AccordionItem",
-  "description": "Groups an accordion header with the corresponding panel.\nRenders a `<div>` element.",
-  "props": {
-    "value": {
-      "type": "any",
-      "description": "A unique value that identifies this accordion item.\nIf no value is provided, a unique ID will be generated automatically.\nUse when controlling the accordion programmatically, or to set an initial\nopen state.",
-      "example": "```tsx\n<Accordion.Root value={['a']}>\n  <Accordion.Item value=\"a\" /> // initially open\n  <Accordion.Item value=\"b\" /> // initially closed\n</Accordion.Root>\n```"
-    },
-    "onOpenChange": {
-      "type": "((open: boolean, eventDetails: Accordion.Item.ChangeEventDetails) => void)",
-      "description": "Event handler called when the panel is opened or closed.",
-      "detailedType": "| ((\n    open: boolean,\n    eventDetails: Accordion.Item.ChangeEventDetails,\n  ) => void)\n| undefined"
-    },
-    "style": {
-      "type": "CSSProperties | ((state: Accordion.Item.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: Accordion.Item.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "disabled": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether the component should ignore user interaction.",
-      "detailedType": "boolean | undefined"
-    },
-    "className": {
-      "type": "string | ((state: Accordion.Item.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Accordion.Item.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Accordion.Item.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Accordion.Item.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-open": {
-      "description": "Present when the accordion item is open."
-    },
-    "data-disabled": {
-      "description": "Present when the accordion item is disabled."
-    },
-    "data-index": {
-      "description": "Indicates the index of the accordion item.",
-      "type": "number"
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/accordion-panel.json b/docs/reference/generated/accordion-panel.json
deleted file mode 100644
index 24ee5bbbbdb..00000000000
--- a/docs/reference/generated/accordion-panel.json
+++ /dev/null
@@ -1,63 +0,0 @@
-{
-  "name": "AccordionPanel",
-  "description": "A collapsible panel with the accordion item contents.\nRenders a `<div>` element.",
-  "props": {
-    "hiddenUntilFound": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Allows the browser’s built-in page search to find and expand the panel contents.\n\nOverrides the `keepMounted` prop and uses `hidden=\"until-found\"`\nto hide the element without removing it from the DOM.",
-      "detailedType": "boolean | undefined"
-    },
-    "style": {
-      "type": "CSSProperties | ((state: Accordion.Panel.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: Accordion.Panel.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: Accordion.Panel.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Accordion.Panel.State) => string | undefined)"
-    },
-    "keepMounted": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether to keep the element in the DOM while the panel is closed.\nThis prop is ignored when `hiddenUntilFound` is used.",
-      "detailedType": "boolean | undefined"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Accordion.Panel.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Accordion.Panel.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-open": {
-      "description": "Present when the accordion panel is open."
-    },
-    "data-orientation": {
-      "description": "Indicates the orientation of the accordion."
-    },
-    "data-disabled": {
-      "description": "Present when the accordion item is disabled."
-    },
-    "data-index": {
-      "description": "Indicates the index of the accordion item.",
-      "type": "number"
-    },
-    "data-starting-style": {
-      "description": "Present when the panel is animating in."
-    },
-    "data-ending-style": {
-      "description": "Present when the panel is animating out."
-    }
-  },
-  "cssVariables": {
-    "--accordion-panel-height": {
-      "description": "The accordion panel's height.",
-      "type": "number"
-    },
-    "--accordion-panel-width": {
-      "description": "The accordion panel's width.",
-      "type": "number"
-    }
-  }
-}
diff --git a/docs/reference/generated/accordion-root.json b/docs/reference/generated/accordion-root.json
deleted file mode 100644
index fa60b62cebc..00000000000
--- a/docs/reference/generated/accordion-root.json
+++ /dev/null
@@ -1,80 +0,0 @@
-{
-  "name": "AccordionRoot",
-  "description": "Groups all parts of the accordion.\nRenders a `<div>` element.",
-  "props": {
-    "defaultValue": {
-      "type": "any[]",
-      "description": "The uncontrolled value of the item(s) that should be initially expanded.\n\nTo render a controlled accordion, use the `value` prop instead.",
-      "detailedType": "any[] | undefined"
-    },
-    "value": {
-      "type": "any[]",
-      "description": "The controlled value of the item(s) that should be expanded.\n\nTo render an uncontrolled accordion, use the `defaultValue` prop instead.",
-      "detailedType": "any[] | undefined"
-    },
-    "onValueChange": {
-      "type": "((value: any[], eventDetails: Accordion.Root.ChangeEventDetails) => void)",
-      "description": "Event handler called when an accordion item is expanded or collapsed.\nProvides the new value as an argument.",
-      "detailedType": "| ((\n    value: any[],\n    eventDetails: Accordion.Root.ChangeEventDetails,\n  ) => void)\n| undefined"
-    },
-    "hiddenUntilFound": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Allows the browser’s built-in page search to find and expand the panel contents.\n\nOverrides the `keepMounted` prop and uses `hidden=\"until-found\"`\nto hide the element without removing it from the DOM.",
-      "detailedType": "boolean | undefined"
-    },
-    "multiple": {
-      "type": "boolean",
-      "default": "true",
-      "description": "Whether multiple items can be open at the same time.",
-      "detailedType": "boolean | undefined"
-    },
-    "style": {
-      "type": "CSSProperties | ((state: Accordion.Root.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: Accordion.Root.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "disabled": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether the component should ignore user interaction.",
-      "detailedType": "boolean | undefined"
-    },
-    "loop": {
-      "type": "boolean",
-      "default": "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.",
-      "detailedType": "boolean | undefined"
-    },
-    "orientation": {
-      "type": "Orientation",
-      "default": "'vertical'",
-      "description": "The visual orientation of the accordion.\nControls whether roving focus uses left/right or up/down arrow keys.",
-      "detailedType": "'horizontal' | 'vertical' | undefined"
-    },
-    "className": {
-      "type": "string | ((state: Accordion.Root.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Accordion.Root.State) => string | undefined)"
-    },
-    "keepMounted": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether to keep the element in the DOM while the panel is closed.\nThis prop is ignored when `hiddenUntilFound` is used.",
-      "detailedType": "boolean | undefined"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Accordion.Root.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Accordion.Root.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-orientation": {
-      "description": "Indicates the orientation of the accordion."
-    },
-    "data-disabled": {
-      "description": "Present when the accordion is disabled."
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/accordion-trigger.json b/docs/reference/generated/accordion-trigger.json
deleted file mode 100644
index cbe22facaec..00000000000
--- a/docs/reference/generated/accordion-trigger.json
+++ /dev/null
@@ -1,35 +0,0 @@
-{
-  "name": "AccordionTrigger",
-  "description": "A button that opens and closes the corresponding panel.\nRenders a `<button>` element.",
-  "props": {
-    "nativeButton": {
-      "type": "boolean",
-      "default": "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 (e.g. `<div>`).",
-      "detailedType": "boolean | undefined"
-    },
-    "style": {
-      "type": "CSSProperties | ((state: Accordion.Item.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: Accordion.Item.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: Accordion.Item.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Accordion.Item.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Accordion.Item.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Accordion.Item.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-panel-open": {
-      "description": "Present when the accordion panel is open."
-    },
-    "data-disabled": {
-      "description": "Present when the accordion item is disabled."
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/alert-dialog-backdrop.json b/docs/reference/generated/alert-dialog-backdrop.json
deleted file mode 100644
index 8dc67c9301d..00000000000
--- a/docs/reference/generated/alert-dialog-backdrop.json
+++ /dev/null
@@ -1,41 +0,0 @@
-{
-  "name": "AlertDialogBackdrop",
-  "description": "An overlay displayed beneath the popup.\nRenders a `<div>` element.",
-  "props": {
-    "forceRender": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether the backdrop is forced to render even when nested.",
-      "detailedType": "boolean | undefined"
-    },
-    "style": {
-      "type": "CSSProperties | ((state: AlertDialog.Backdrop.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: AlertDialog.Backdrop.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: AlertDialog.Backdrop.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((\n    state: AlertDialog.Backdrop.State,\n  ) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: AlertDialog.Backdrop.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: AlertDialog.Backdrop.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-open": {
-      "description": "Present when the dialog is open."
-    },
-    "data-closed": {
-      "description": "Present when the dialog is closed."
-    },
-    "data-starting-style": {
-      "description": "Present when the dialog is animating in."
-    },
-    "data-ending-style": {
-      "description": "Present when the dialog is animating out."
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/alert-dialog-close.json b/docs/reference/generated/alert-dialog-close.json
deleted file mode 100644
index 11bd0faa13c..00000000000
--- a/docs/reference/generated/alert-dialog-close.json
+++ /dev/null
@@ -1,32 +0,0 @@
-{
-  "name": "AlertDialogClose",
-  "description": "A button that closes the alert dialog.\nRenders a `<button>` element.",
-  "props": {
-    "nativeButton": {
-      "type": "boolean",
-      "default": "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 (e.g. `<div>`).",
-      "detailedType": "boolean | undefined"
-    },
-    "style": {
-      "type": "CSSProperties | ((state: AlertDialog.Close.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: AlertDialog.Close.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: AlertDialog.Close.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: AlertDialog.Close.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: AlertDialog.Close.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: AlertDialog.Close.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-disabled": {
-      "description": "Present when the button is disabled."
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/alert-dialog-description.json b/docs/reference/generated/alert-dialog-description.json
deleted file mode 100644
index 1d2a6285135..00000000000
--- a/docs/reference/generated/alert-dialog-description.json
+++ /dev/null
@@ -1,22 +0,0 @@
-{
-  "name": "AlertDialogDescription",
-  "description": "A paragraph with additional information about the alert dialog.\nRenders a `<p>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: AlertDialog.Description.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: AlertDialog.Description.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: AlertDialog.Description.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((\n    state: AlertDialog.Description.State,\n  ) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: AlertDialog.Description.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: AlertDialog.Description.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {},
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/alert-dialog-popup.json b/docs/reference/generated/alert-dialog-popup.json
deleted file mode 100644
index 35aa8beefc2..00000000000
--- a/docs/reference/generated/alert-dialog-popup.json
+++ /dev/null
@@ -1,56 +0,0 @@
-{
-  "name": "AlertDialogPopup",
-  "description": "A container for the alert dialog contents.\nRenders a `<div>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: AlertDialog.Popup.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: AlertDialog.Popup.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "initialFocus": {
-      "type": "boolean | RefObject<HTMLElement | null> | ((openType: InteractionType) => boolean | void | HTMLElement | null)",
-      "description": "Determines the element to focus when the dialog 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.",
-      "detailedType": "| boolean\n| React.RefObject<HTMLElement | null>\n| ((\n    openType: InteractionType,\n  ) => boolean | void | HTMLElement | null)\n| undefined"
-    },
-    "finalFocus": {
-      "type": "boolean | RefObject<HTMLElement | null> | ((closeType: InteractionType) => boolean | void | HTMLElement | 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, or `false`/`undefined` to do nothing.",
-      "detailedType": "| boolean\n| React.RefObject<HTMLElement | null>\n| ((\n    closeType: InteractionType,\n  ) => boolean | void | HTMLElement | null)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: AlertDialog.Popup.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: AlertDialog.Popup.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: AlertDialog.Popup.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: AlertDialog.Popup.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-open": {
-      "description": "Present when the dialog is open."
-    },
-    "data-closed": {
-      "description": "Present when the dialog is closed."
-    },
-    "data-nested": {
-      "description": "Present when the dialog is nested within another dialog."
-    },
-    "data-nested-dialog-open": {
-      "description": "Present when the dialog has other open dialogs nested within it."
-    },
-    "data-starting-style": {
-      "description": "Present when the dialog is animating in."
-    },
-    "data-ending-style": {
-      "description": "Present when the dialog is animating out."
-    }
-  },
-  "cssVariables": {
-    "--nested-dialogs": {
-      "description": "Indicates how many dialogs are nested within.",
-      "type": "number"
-    }
-  }
-}
diff --git a/docs/reference/generated/alert-dialog-portal.json b/docs/reference/generated/alert-dialog-portal.json
deleted file mode 100644
index 2d59e528631..00000000000
--- a/docs/reference/generated/alert-dialog-portal.json
+++ /dev/null
@@ -1,33 +0,0 @@
-{
-  "name": "AlertDialogPortal",
-  "description": "A portal element that moves the popup to a different part of the DOM.\nBy default, the portal element is appended to `<body>`.\nRenders a `<div>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: AlertDialog.Portal.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: AlertDialog.Portal.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "container": {
-      "type": "HTMLElement | ShadowRoot | RefObject<HTMLElement | ShadowRoot | null> | null",
-      "description": "A parent element to render the portal element into.",
-      "detailedType": "| HTMLElement\n| ShadowRoot\n| React.RefObject<HTMLElement | ShadowRoot | null>\n| null\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: AlertDialog.Portal.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((\n    state: AlertDialog.Portal.State,\n  ) => string | undefined)"
-    },
-    "keepMounted": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether to keep the portal mounted in the DOM while the popup is hidden.",
-      "detailedType": "boolean | undefined"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: AlertDialog.Portal.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: AlertDialog.Portal.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {},
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/alert-dialog-root.json b/docs/reference/generated/alert-dialog-root.json
deleted file mode 100644
index c7046e9f2e2..00000000000
--- a/docs/reference/generated/alert-dialog-root.json
+++ /dev/null
@@ -1,54 +0,0 @@
-{
-  "name": "AlertDialogRoot",
-  "description": "Groups all parts of the alert dialog.\nDoesn’t render its own HTML element.",
-  "props": {
-    "defaultOpen": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether the dialog is initially open.\n\nTo render a controlled dialog, use the `open` prop instead.",
-      "detailedType": "boolean | undefined"
-    },
-    "open": {
-      "type": "boolean",
-      "description": "Whether the dialog is currently open.",
-      "detailedType": "boolean | undefined"
-    },
-    "onOpenChange": {
-      "type": "((open: boolean, eventDetails: AlertDialog.Root.ChangeEventDetails) => void)",
-      "description": "Event handler called when the dialog is opened or closed.",
-      "detailedType": "| ((\n    open: boolean,\n    eventDetails: AlertDialog.Root.ChangeEventDetails,\n  ) => void)\n| undefined"
-    },
-    "actionsRef": {
-      "type": "RefObject<AlertDialog.Root.Actions>",
-      "description": "A ref to imperative actions.\n- `unmount`: When specified, the dialog will not be unmounted when closed.\nInstead, the `unmount` function must be called to unmount the dialog manually.\nUseful when the dialog's animation is controlled by an external library.",
-      "detailedType": "| React.RefObject<AlertDialog.Root.Actions>\n| undefined"
-    },
-    "defaultTriggerId": {
-      "type": "string | null",
-      "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.",
-      "detailedType": "string | null | undefined"
-    },
-    "handle": {
-      "type": "DialogHandle<Payload>",
-      "description": "A handle to associate the popover with a trigger.\nIf specified, allows external triggers to control the popover's open state.\nCan be created with the AlertDialog.createHandle() method.",
-      "detailedType": "{} | undefined"
-    },
-    "onOpenChangeComplete": {
-      "type": "((open: boolean) => void)",
-      "description": "Event handler called after any animations complete when the dialog is opened or closed.",
-      "detailedType": "((open: boolean) => void) | undefined"
-    },
-    "triggerId": {
-      "type": "string | null",
-      "description": "ID of the trigger that the dialog is associated with.\nThis is useful in conjuntion with the `open` prop to create a controlled dialog.\nThere's no need to specify this prop when the popover is uncontrolled (i.e. when the `open` prop is not set).",
-      "detailedType": "string | null | undefined"
-    },
-    "children": {
-      "type": "ReactNode | PayloadChildRenderFunction<Payload>",
-      "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.",
-      "detailedType": "| React.ReactNode\n| ((arg: { payload: Payload | undefined }) => ReactNode)"
-    }
-  },
-  "dataAttributes": {},
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/alert-dialog-title.json b/docs/reference/generated/alert-dialog-title.json
deleted file mode 100644
index a3a505b7556..00000000000
--- a/docs/reference/generated/alert-dialog-title.json
+++ /dev/null
@@ -1,22 +0,0 @@
-{
-  "name": "AlertDialogTitle",
-  "description": "A heading that labels the dialog.\nRenders an `<h2>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: AlertDialog.Title.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: AlertDialog.Title.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: AlertDialog.Title.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: AlertDialog.Title.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: AlertDialog.Title.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: AlertDialog.Title.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {},
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/alert-dialog-trigger.json b/docs/reference/generated/alert-dialog-trigger.json
deleted file mode 100644
index 4abe0f80b3e..00000000000
--- a/docs/reference/generated/alert-dialog-trigger.json
+++ /dev/null
@@ -1,50 +0,0 @@
-{
-  "name": "AlertDialogTrigger",
-  "description": "A button that opens the alert dialog.\nRenders a `<button>` element.",
-  "props": {
-    "handle": {
-      "type": "DialogHandle<Payload>",
-      "description": "A handle to associate the trigger with a dialog.\nCan be created with the AlertDialog.createHandle() method.",
-      "detailedType": "{} | undefined"
-    },
-    "nativeButton": {
-      "type": "boolean",
-      "default": "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 (e.g. `<div>`).",
-      "detailedType": "boolean | undefined"
-    },
-    "payload": {
-      "type": "Payload",
-      "description": "A payload to pass to the dialog when it is opened.",
-      "detailedType": "Payload | undefined"
-    },
-    "style": {
-      "type": "CSSProperties | ((state: AlertDialog.Trigger.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: AlertDialog.Trigger.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "id": {
-      "type": "string",
-      "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 dialogs in controlled mode (with the Dialog.Root `triggerId` prop).",
-      "detailedType": "string | undefined"
-    },
-    "className": {
-      "type": "string | ((state: AlertDialog.Trigger.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: AlertDialog.Trigger.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: AlertDialog.Trigger.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: AlertDialog.Trigger.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-popup-open": {
-      "description": "Present when the corresponding dialog is open."
-    },
-    "data-disabled": {
-      "description": "Present when the trigger is disabled."
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/alert-dialog-viewport.json b/docs/reference/generated/alert-dialog-viewport.json
deleted file mode 100644
index 495e3661add..00000000000
--- a/docs/reference/generated/alert-dialog-viewport.json
+++ /dev/null
@@ -1,41 +0,0 @@
-{
-  "name": "AlertDialogViewport",
-  "description": "A positioning container for the dialog popup that can be made scrollable.\nRenders a `<div>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: AlertDialog.Viewport.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: AlertDialog.Viewport.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: AlertDialog.Viewport.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((\n    state: AlertDialog.Viewport.State,\n  ) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: AlertDialog.Viewport.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: AlertDialog.Viewport.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-open": {
-      "description": "Present when the dialog is open."
-    },
-    "data-closed": {
-      "description": "Present when the dialog is closed."
-    },
-    "data-nested": {
-      "description": "Present when the dialog is nested within another dialog."
-    },
-    "data-nested-dialog-open": {
-      "description": "Present when the dialog has other open dialogs nested within it."
-    },
-    "data-starting-style": {
-      "description": "Present when the dialog is animating in."
-    },
-    "data-ending-style": {
-      "description": "Present when the dialog is animating out."
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/autocomplete-root.json b/docs/reference/generated/autocomplete-root.json
deleted file mode 100644
index f000dcdac2d..00000000000
--- a/docs/reference/generated/autocomplete-root.json
+++ /dev/null
@@ -1,187 +0,0 @@
-{
-  "name": "AutocompleteRoot",
-  "description": "Groups all parts of the autocomplete.\nDoesn't render its own HTML element.",
-  "props": {
-    "name": {
-      "type": "string",
-      "description": "Identifies the field when a form is submitted.",
-      "detailedType": "string | undefined"
-    },
-    "defaultValue": {
-      "type": "string | number | string[]",
-      "description": "The uncontrolled input value of the autocomplete when it's initially rendered.\n\nTo render a controlled autocomplete, use the `value` prop instead.",
-      "detailedType": "string | number | string[] | undefined"
-    },
-    "value": {
-      "type": "string | number | string[]",
-      "description": "The input value of the autocomplete. Use when controlled.",
-      "detailedType": "string | number | string[] | undefined"
-    },
-    "onValueChange": {
-      "type": "((value: string, eventDetails: Autocomplete.Root.ChangeEventDetails) => void)",
-      "description": "Event handler called when the input value of the autocomplete changes.",
-      "detailedType": "| ((\n    value: string,\n    eventDetails: Autocomplete.Root.ChangeEventDetails,\n  ) => void)\n| undefined"
-    },
-    "defaultOpen": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether the popup is initially open.\n\nTo render a controlled popup, use the `open` prop instead.",
-      "detailedType": "boolean | undefined"
-    },
-    "open": {
-      "type": "boolean",
-      "description": "Whether the popup is currently open. Use when controlled.",
-      "detailedType": "boolean | undefined"
-    },
-    "onOpenChange": {
-      "type": "((open: boolean, eventDetails: Autocomplete.Root.ChangeEventDetails) => void)",
-      "description": "Event handler called when the popup is opened or closed.",
-      "detailedType": "| ((\n    open: boolean,\n    eventDetails: Autocomplete.Root.ChangeEventDetails,\n  ) => void)\n| undefined"
-    },
-    "actionsRef": {
-      "type": "RefObject<Autocomplete.Root.Actions>",
-      "description": "A ref to imperative actions.\n- `unmount`: When specified, the autocomplete will not be unmounted when closed.\nInstead, the `unmount` function must be called to unmount the autocomplete manually.\nUseful when the autocomplete's animation is controlled by an external library.",
-      "detailedType": "| React.RefObject<Autocomplete.Root.Actions>\n| undefined"
-    },
-    "autoHighlight": {
-      "type": "boolean | 'always'",
-      "default": "false",
-      "description": "Whether the first matching item is highlighted automatically.\n- `true`: highlight after the user types and keep the highlight while the query changes.\n- `'always'`: always highlight the first item.",
-      "detailedType": "boolean | 'always' | undefined"
-    },
-    "filter": {
-      "type": "((itemValue: any, query: string, itemToString: ((itemValue: any) => string) | undefined) => boolean) | ((itemValue: ItemValue, query: string, itemToString: ((itemValue: ItemValue) => string) | undefined) => boolean) | null",
-      "description": "Filter function used to match items vs input query.",
-      "detailedType": "| ((\n    itemValue: any,\n    query: string,\n    itemToString:\n      | ((itemValue: any) => string)\n      | undefined,\n  ) => boolean)\n| ((\n    itemValue: ItemValue,\n    query: string,\n    itemToString:\n      | ((itemValue: ItemValue) => string)\n| null\n| undefined"
-    },
-    "filteredItems": {
-      "type": "any[] | Group[]",
-      "description": "Filtered items to display in the list.\nWhen provided, the list will use these items instead of filtering the `items` prop internally.\nUse when you want to control filtering logic externally with the `useFilter()` hook.",
-      "detailedType": "any[] | Group[] | undefined"
-    },
-    "grid": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether list items are presented in a grid layout.\nWhen enabled, arrow keys navigate across rows and columns inferred from DOM rows.",
-      "detailedType": "boolean | undefined"
-    },
-    "highlightItemOnHover": {
-      "type": "boolean",
-      "default": "true",
-      "description": "Whether moving the pointer over items should highlight them.",
-      "detailedType": "boolean | undefined"
-    },
-    "inline": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether the list is rendered inline without using the popup.",
-      "detailedType": "boolean | undefined"
-    },
-    "itemToStringValue": {
-      "type": "((itemValue: any) => string) | ((itemValue: ItemValue) => string)",
-      "description": "When the item values are objects (`<Autocomplete.Item value={object}>`), this function converts the object value to a string representation for both display in the input and form submission.\nIf the shape of the object is `{ value, label }`, the label will be used automatically without needing to specify this prop.",
-      "detailedType": "| ((itemValue: any) => string)\n| ((itemValue: ItemValue) => string)\n| undefined"
-    },
-    "items": {
-      "type": "({ items: any[] })[] | ItemValue[]",
-      "description": "The items to be displayed in the list.\nCan be either a flat array of items or an array of groups with items.",
-      "detailedType": "{ items: any[] }[] | ItemValue[] | undefined"
-    },
-    "keepHighlight": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether the highlighted item should be preserved when the pointer leaves the list.",
-      "detailedType": "boolean | undefined"
-    },
-    "limit": {
-      "type": "number",
-      "default": "-1",
-      "description": "The maximum number of items to display in the list.",
-      "detailedType": "number | undefined"
-    },
-    "locale": {
-      "type": "Intl.LocalesArgument",
-      "description": "The locale to use for string comparison.\nDefaults to the user's runtime locale.",
-      "detailedType": "Intl.LocalesArgument | undefined"
-    },
-    "modal": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Determines if the popup enters a modal state when open.\n- `true`: user interaction is limited to the popup: document page scroll is locked and pointer interactions on outside elements are disabled.\n- `false`: user interaction with the rest of the document is allowed.",
-      "detailedType": "boolean | undefined"
-    },
-    "mode": {
-      "type": "'none' | 'list' | 'both' | 'inline'",
-      "default": "'list'",
-      "description": "Controls how the autocomplete behaves with respect to list filtering and inline autocompletion.\n- `list` (default): items are dynamically filtered based on the input value. The input value does not change based on the active item.\n- `both`: items are dynamically filtered based on the input value, which will temporarily change based on the active item (inline autocompletion).\n- `inline`: items are static (not filtered), and the input value will temporarily change based on the active item (inline autocompletion).\n- `none`: items are static (not filtered), and the input value will not change based on the active item.",
-      "detailedType": "'none' | 'list' | 'both' | 'inline' | undefined"
-    },
-    "onInputValueChange": {
-      "type": "((inputValue: string, eventDetails: Autocomplete.Root.ChangeEventDetails) => void)",
-      "description": "Event handler called when the input value changes.",
-      "detailedType": "| ((\n    inputValue: string,\n    eventDetails: Autocomplete.Root.ChangeEventDetails,\n  ) => void)\n| undefined"
-    },
-    "onItemHighlighted": {
-      "type": "((highlightedValue: any | undefined, eventDetails: Autocomplete.Root.HighlightEventDetails) => void) | ((highlightedValue: ItemValue | undefined, eventDetails: Autocomplete.Root.HighlightEventDetails) => void)",
-      "description": "Callback fired when an item is highlighted or unhighlighted.\nReceives the highlighted item value (or `undefined` if no item is highlighted) and event details with a `reason` property describing why the highlight changed.\nThe `reason` can be:\n- `'keyboard'`: the highlight changed due to keyboard navigation.\n- `'pointer'`: the highlight changed due to pointer hovering.\n- `'none'`: the highlight changed programmatically.",
-      "detailedType": "| ((\n    highlightedValue: any | undefined,\n    eventDetails: Autocomplete.Root.HighlightEventDetails,\n  ) => void)\n| ((\n    highlightedValue: ItemValue | undefined,\n    eventDetails: Autocomplete.Root.HighlightEventDetails,\n  ) => void)\n| undefined"
-    },
-    "onOpenChangeComplete": {
-      "type": "((open: boolean) => void)",
-      "description": "Event handler called after any animations complete when the popup is opened or closed.",
-      "detailedType": "((open: boolean) => void) | undefined"
-    },
-    "openOnInputClick": {
-      "type": "boolean",
-      "default": "true",
-      "description": "Whether the popup opens when clicking the input.",
-      "detailedType": "boolean | undefined"
-    },
-    "submitOnItemClick": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether clicking an item should submit the autocomplete's owning form.\nBy default, clicking an item via a pointer or <kbd>Enter</kbd> key does not submit the owning form.\nUseful when the autocomplete is used as a single-field form search input.",
-      "detailedType": "boolean | undefined"
-    },
-    "virtualized": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether the items are being externally virtualized.",
-      "detailedType": "boolean | undefined"
-    },
-    "disabled": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether the component should ignore user interaction.",
-      "detailedType": "boolean | undefined"
-    },
-    "readOnly": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether the user should be unable to choose a different option from the popup.",
-      "detailedType": "boolean | undefined"
-    },
-    "required": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether the user must choose a value before submitting a form.",
-      "detailedType": "boolean | undefined"
-    },
-    "inputRef": {
-      "type": "Ref<HTMLInputElement>",
-      "description": "A ref to the hidden input element.",
-      "detailedType": "React.Ref<HTMLInputElement> | undefined"
-    },
-    "id": {
-      "type": "string",
-      "description": "The id of the component.",
-      "detailedType": "string | undefined"
-    },
-    "children": {
-      "type": "ReactNode",
-      "detailedType": "React.ReactNode | undefined"
-    }
-  },
-  "dataAttributes": {},
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/autocomplete-value.json b/docs/reference/generated/autocomplete-value.json
deleted file mode 100644
index 30426e63d45..00000000000
--- a/docs/reference/generated/autocomplete-value.json
+++ /dev/null
@@ -1,12 +0,0 @@
-{
-  "name": "AutocompleteValue",
-  "description": "The current value of the autocomplete.\nDoesn't render its own HTML element.",
-  "props": {
-    "children": {
-      "type": "ReactNode | ((value: string) => ReactNode)",
-      "detailedType": "React.ReactNode | ((value: string) => ReactNode)"
-    }
-  },
-  "dataAttributes": {},
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/avatar-fallback.json b/docs/reference/generated/avatar-fallback.json
deleted file mode 100644
index d0fbf30bbc2..00000000000
--- a/docs/reference/generated/avatar-fallback.json
+++ /dev/null
@@ -1,27 +0,0 @@
-{
-  "name": "AvatarFallback",
-  "description": "Rendered when the image fails to load or when no image is provided.\nRenders a `<span>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: Avatar.Root.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((state: Avatar.Root.State) => CSSProperties | undefined)\n| undefined"
-    },
-    "delay": {
-      "type": "number",
-      "description": "How long to wait before showing the fallback. Specified in milliseconds.",
-      "detailedType": "number | undefined"
-    },
-    "className": {
-      "type": "string | ((state: Avatar.Root.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Avatar.Root.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Avatar.Root.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Avatar.Root.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {},
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/avatar-image.json b/docs/reference/generated/avatar-image.json
deleted file mode 100644
index 0765638eeef..00000000000
--- a/docs/reference/generated/avatar-image.json
+++ /dev/null
@@ -1,27 +0,0 @@
-{
-  "name": "AvatarImage",
-  "description": "The image to be displayed in the avatar.\nRenders an `<img>` element.",
-  "props": {
-    "onLoadingStatusChange": {
-      "type": "((status: ImageLoadingStatus) => void)",
-      "description": "Callback fired when the loading status changes.",
-      "detailedType": "((status: ImageLoadingStatus) => void) | undefined"
-    },
-    "style": {
-      "type": "CSSProperties | ((state: Avatar.Root.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((state: Avatar.Root.State) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: Avatar.Root.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Avatar.Root.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Avatar.Root.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Avatar.Root.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {},
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/avatar-root.json b/docs/reference/generated/avatar-root.json
deleted file mode 100644
index 63769b3e6e1..00000000000
--- a/docs/reference/generated/avatar-root.json
+++ /dev/null
@@ -1,22 +0,0 @@
-{
-  "name": "AvatarRoot",
-  "description": "Displays a user's profile picture, initials, or fallback icon.\nRenders a `<span>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: Avatar.Root.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((state: Avatar.Root.State) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: Avatar.Root.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Avatar.Root.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Avatar.Root.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Avatar.Root.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {},
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/button.json b/docs/reference/generated/button.json
deleted file mode 100644
index 380e7cfcbaa..00000000000
--- a/docs/reference/generated/button.json
+++ /dev/null
@@ -1,41 +0,0 @@
-{
-  "name": "Button",
-  "description": "A button component that can be used to trigger actions.\nRenders a `<button>` element.",
-  "props": {
-    "focusableWhenDisabled": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether the button should be focusable when disabled.",
-      "detailedType": "boolean | undefined"
-    },
-    "nativeButton": {
-      "type": "boolean",
-      "detailedType": "boolean | undefined"
-    },
-    "style": {
-      "type": "CSSProperties | ((state: Button.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((state: Button.State) => CSSProperties | undefined)\n| undefined"
-    },
-    "disabled": {
-      "type": "boolean",
-      "description": "Whether the button should ignore user interaction.",
-      "detailedType": "boolean | undefined"
-    },
-    "className": {
-      "type": "string | ((state: Button.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Button.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Button.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((props: HTMLProps, state: Button.State) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-disabled": {
-      "description": "Present when the button is disabled."
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/checkbox-group.json b/docs/reference/generated/checkbox-group.json
deleted file mode 100644
index dae02ff0583..00000000000
--- a/docs/reference/generated/checkbox-group.json
+++ /dev/null
@@ -1,52 +0,0 @@
-{
-  "name": "CheckboxGroup",
-  "description": "Provides a shared state to a series of checkboxes.",
-  "props": {
-    "defaultValue": {
-      "type": "string[]",
-      "description": "Names of the checkboxes in the group that should be initially ticked.\n\nTo render a controlled checkbox group, use the `value` prop instead.",
-      "detailedType": "string[] | undefined"
-    },
-    "value": {
-      "type": "string[]",
-      "description": "Names of the checkboxes in the group that should be ticked.\n\nTo render an uncontrolled checkbox group, use the `defaultValue` prop instead.",
-      "detailedType": "string[] | undefined"
-    },
-    "onValueChange": {
-      "type": "((value: string[], eventDetails: CheckboxGroupChangeEventDetails) => void)",
-      "description": "Event handler called when a checkbox in the group is ticked or unticked.\nProvides the new value as an argument.",
-      "detailedType": "| ((\n    value: string[],\n    eventDetails: CheckboxGroupChangeEventDetails,\n  ) => void)\n| undefined"
-    },
-    "allValues": {
-      "type": "string[]",
-      "description": "Names of all checkboxes in the group. Use this when creating a parent checkbox.",
-      "detailedType": "string[] | undefined"
-    },
-    "style": {
-      "type": "CSSProperties | ((state: CheckboxGroup.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: CheckboxGroup.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "disabled": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether the component should ignore user interaction.",
-      "detailedType": "boolean | undefined"
-    },
-    "className": {
-      "type": "string | ((state: CheckboxGroup.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: CheckboxGroup.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: CheckboxGroup.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: CheckboxGroup.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-disabled": {
-      "description": "Present when the checkbox group is disabled."
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/checkbox-indicator.json b/docs/reference/generated/checkbox-indicator.json
deleted file mode 100644
index 435557997b1..00000000000
--- a/docs/reference/generated/checkbox-indicator.json
+++ /dev/null
@@ -1,68 +0,0 @@
-{
-  "name": "CheckboxIndicator",
-  "description": "Indicates whether the checkbox is ticked.\nRenders a `<span>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: Checkbox.Indicator.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: Checkbox.Indicator.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: Checkbox.Indicator.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Checkbox.Indicator.State) => string | undefined)"
-    },
-    "keepMounted": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether to keep the element in the DOM when the checkbox is not checked.",
-      "detailedType": "boolean | undefined"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Checkbox.Indicator.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Checkbox.Indicator.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-checked": {
-      "description": "Present when the checkbox is checked."
-    },
-    "data-unchecked": {
-      "description": "Present when the checkbox is not checked."
-    },
-    "data-disabled": {
-      "description": "Present when the checkbox is disabled."
-    },
-    "data-readonly": {
-      "description": "Present when the checkbox is readonly."
-    },
-    "data-required": {
-      "description": "Present when the checkbox is required."
-    },
-    "data-valid": {
-      "description": "Present when the checkbox is in valid state (when wrapped in Field.Root)."
-    },
-    "data-invalid": {
-      "description": "Present when the checkbox is in invalid state (when wrapped in Field.Root)."
-    },
-    "data-dirty": {
-      "description": "Present when the checkbox's value has changed (when wrapped in Field.Root)."
-    },
-    "data-touched": {
-      "description": "Present when the checkbox has been touched (when wrapped in Field.Root)."
-    },
-    "data-filled": {
-      "description": "Present when the checkbox is checked (when wrapped in Field.Root)."
-    },
-    "data-focused": {
-      "description": "Present when the checkbox is focused (when wrapped in Field.Root)."
-    },
-    "data-starting-style": {
-      "description": "Present when the checkbox indicator is animating in."
-    },
-    "data-ending-style": {
-      "description": "Present when the checkbox indicator is animating out."
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/checkbox-root.json b/docs/reference/generated/checkbox-root.json
deleted file mode 100644
index a378af3e59c..00000000000
--- a/docs/reference/generated/checkbox-root.json
+++ /dev/null
@@ -1,130 +0,0 @@
-{
-  "name": "CheckboxRoot",
-  "description": "Represents the checkbox itself.\nRenders a `<button>` element and a hidden `<input>` beside.",
-  "props": {
-    "name": {
-      "type": "string",
-      "default": "undefined",
-      "description": "Identifies the field when a form is submitted.",
-      "detailedType": "string | undefined"
-    },
-    "defaultChecked": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether the checkbox is initially ticked.\n\nTo render a controlled checkbox, use the `checked` prop instead.",
-      "detailedType": "boolean | undefined"
-    },
-    "checked": {
-      "type": "boolean",
-      "default": "undefined",
-      "description": "Whether the checkbox is currently ticked.\n\nTo render an uncontrolled checkbox, use the `defaultChecked` prop instead.",
-      "detailedType": "boolean | undefined"
-    },
-    "onCheckedChange": {
-      "type": "((checked: boolean, eventDetails: Checkbox.Root.ChangeEventDetails) => void)",
-      "description": "Event handler called when the checkbox is ticked or unticked.",
-      "detailedType": "| ((\n    checked: boolean,\n    eventDetails: Checkbox.Root.ChangeEventDetails,\n  ) => void)\n| undefined"
-    },
-    "indeterminate": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether the checkbox is in a mixed state: neither ticked, nor unticked.",
-      "detailedType": "boolean | undefined"
-    },
-    "value": {
-      "type": "string",
-      "description": "The value of the selected checkbox.",
-      "detailedType": "string | undefined"
-    },
-    "nativeButton": {
-      "type": "boolean",
-      "default": "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 (e.g. `<div>`).",
-      "detailedType": "boolean | undefined"
-    },
-    "parent": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether the checkbox controls a group of child checkboxes.\n\nMust be used in a [Checkbox Group](https://base-ui.com/react/components/checkbox-group).",
-      "detailedType": "boolean | undefined"
-    },
-    "style": {
-      "type": "CSSProperties | ((state: Checkbox.Root.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: Checkbox.Root.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "disabled": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether the component should ignore user interaction.",
-      "detailedType": "boolean | undefined"
-    },
-    "readOnly": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether the user should be unable to tick or untick the checkbox.",
-      "detailedType": "boolean | undefined"
-    },
-    "required": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether the user must tick the checkbox before submitting a form.",
-      "detailedType": "boolean | undefined"
-    },
-    "inputRef": {
-      "type": "Ref<HTMLInputElement>",
-      "description": "A ref to access the hidden `<input>` element.",
-      "detailedType": "React.Ref<HTMLInputElement> | undefined"
-    },
-    "id": {
-      "type": "string",
-      "description": "The id of the input element.",
-      "detailedType": "string | undefined"
-    },
-    "className": {
-      "type": "string | ((state: Checkbox.Root.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Checkbox.Root.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Checkbox.Root.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Checkbox.Root.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-checked": {
-      "description": "Present when the checkbox is checked."
-    },
-    "data-unchecked": {
-      "description": "Present when the checkbox is not checked."
-    },
-    "data-disabled": {
-      "description": "Present when the checkbox is disabled."
-    },
-    "data-readonly": {
-      "description": "Present when the checkbox is readonly."
-    },
-    "data-required": {
-      "description": "Present when the checkbox is required."
-    },
-    "data-valid": {
-      "description": "Present when the checkbox is in valid state (when wrapped in Field.Root)."
-    },
-    "data-invalid": {
-      "description": "Present when the checkbox is in invalid state (when wrapped in Field.Root)."
-    },
-    "data-dirty": {
-      "description": "Present when the checkbox's value has changed (when wrapped in Field.Root)."
-    },
-    "data-touched": {
-      "description": "Present when the checkbox has been touched (when wrapped in Field.Root)."
-    },
-    "data-filled": {
-      "description": "Present when the checkbox is checked (when wrapped in Field.Root)."
-    },
-    "data-focused": {
-      "description": "Present when the checkbox is focused (when wrapped in Field.Root)."
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/collapsible-panel.json b/docs/reference/generated/collapsible-panel.json
deleted file mode 100644
index c1595a4c0cd..00000000000
--- a/docs/reference/generated/collapsible-panel.json
+++ /dev/null
@@ -1,56 +0,0 @@
-{
-  "name": "CollapsiblePanel",
-  "description": "A panel with the collapsible contents.\nRenders a `<div>` element.",
-  "props": {
-    "hiddenUntilFound": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Allows the browser’s built-in page search to find and expand the panel contents.\n\nOverrides the `keepMounted` prop and uses `hidden=\"until-found\"`\nto hide the element without removing it from the DOM.",
-      "detailedType": "boolean | undefined"
-    },
-    "style": {
-      "type": "CSSProperties | ((state: Collapsible.Panel.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: Collapsible.Panel.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: Collapsible.Panel.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Collapsible.Panel.State) => string | undefined)"
-    },
-    "keepMounted": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether to keep the element in the DOM while the panel is hidden.\nThis prop is ignored when `hiddenUntilFound` is used.",
-      "detailedType": "boolean | undefined"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Collapsible.Panel.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Collapsible.Panel.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-open": {
-      "description": "Present when the collapsible panel is open."
-    },
-    "data-closed": {
-      "description": "Present when the collapsible panel is closed."
-    },
-    "data-starting-style": {
-      "description": "Present when the panel is animating in."
-    },
-    "data-ending-style": {
-      "description": "Present when the panel is animating out."
-    }
-  },
-  "cssVariables": {
-    "--collapsible-panel-height": {
-      "description": "The collapsible panel's height.",
-      "type": "number"
-    },
-    "--collapsible-panel-width": {
-      "description": "The collapsible panel's width.",
-      "type": "number"
-    }
-  }
-}
diff --git a/docs/reference/generated/collapsible-root.json b/docs/reference/generated/collapsible-root.json
deleted file mode 100644
index d5b7fc9f798..00000000000
--- a/docs/reference/generated/collapsible-root.json
+++ /dev/null
@@ -1,43 +0,0 @@
-{
-  "name": "CollapsibleRoot",
-  "description": "Groups all parts of the collapsible.\nRenders a `<div>` element.",
-  "props": {
-    "defaultOpen": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether the collapsible panel is initially open.\n\nTo render a controlled collapsible, use the `open` prop instead.",
-      "detailedType": "boolean | undefined"
-    },
-    "open": {
-      "type": "boolean",
-      "description": "Whether the collapsible panel is currently open.\n\nTo render an uncontrolled collapsible, use the `defaultOpen` prop instead.",
-      "detailedType": "boolean | undefined"
-    },
-    "onOpenChange": {
-      "type": "((open: boolean, eventDetails: Collapsible.Root.ChangeEventDetails) => void)",
-      "description": "Event handler called when the panel is opened or closed.",
-      "detailedType": "| ((\n    open: boolean,\n    eventDetails: Collapsible.Root.ChangeEventDetails,\n  ) => void)\n| undefined"
-    },
-    "style": {
-      "type": "CSSProperties | ((state: Collapsible.Root.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: Collapsible.Root.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "disabled": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether the component should ignore user interaction.",
-      "detailedType": "boolean | undefined"
-    },
-    "className": {
-      "type": "string | ((state: Collapsible.Root.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Collapsible.Root.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Collapsible.Root.State) => ReactElement) | null",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Collapsible.Root.State,\n  ) => ReactElement)\n| null"
-    }
-  },
-  "dataAttributes": {},
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/collapsible-trigger.json b/docs/reference/generated/collapsible-trigger.json
deleted file mode 100644
index eb78aecb678..00000000000
--- a/docs/reference/generated/collapsible-trigger.json
+++ /dev/null
@@ -1,32 +0,0 @@
-{
-  "name": "CollapsibleTrigger",
-  "description": "A button that opens and closes the collapsible panel.\nRenders a `<button>` element.",
-  "props": {
-    "nativeButton": {
-      "type": "boolean",
-      "default": "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 (e.g. `<div>`).",
-      "detailedType": "boolean | undefined"
-    },
-    "style": {
-      "type": "CSSProperties | ((state: Collapsible.Root.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: Collapsible.Root.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: Collapsible.Root.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Collapsible.Root.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Collapsible.Root.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Collapsible.Root.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-panel-open": {
-      "description": "Present when the collapsible panel is open."
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/combobox-arrow.json b/docs/reference/generated/combobox-arrow.json
deleted file mode 100644
index 07aff5442f8..00000000000
--- a/docs/reference/generated/combobox-arrow.json
+++ /dev/null
@@ -1,43 +0,0 @@
-{
-  "name": "ComboboxArrow",
-  "description": "Displays an element positioned against the anchor.\nRenders a `<div>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: Combobox.Arrow.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: Combobox.Arrow.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: Combobox.Arrow.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Combobox.Arrow.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Combobox.Arrow.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Combobox.Arrow.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-open": {
-      "description": "Present when the popup is open."
-    },
-    "data-closed": {
-      "description": "Present when the popup is closed."
-    },
-    "data-uncentered": {
-      "description": "Present when the arrow is uncentered."
-    },
-    "data-anchor-hidden": {
-      "description": "Present when the anchor is hidden."
-    },
-    "data-align": {
-      "description": "Indicates how the popup is aligned relative to specified side.",
-      "type": "'start' | 'center' | 'end'"
-    },
-    "data-side": {
-      "description": "Indicates which side the popup is positioned relative to the trigger.",
-      "type": "'top' | 'bottom' | 'left' | 'right' | 'inline-end' | 'inline-start'"
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/combobox-backdrop.json b/docs/reference/generated/combobox-backdrop.json
deleted file mode 100644
index 64b5c1f465c..00000000000
--- a/docs/reference/generated/combobox-backdrop.json
+++ /dev/null
@@ -1,35 +0,0 @@
-{
-  "name": "ComboboxBackdrop",
-  "description": "An overlay displayed beneath the popup.\nRenders a `<div>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: Combobox.Backdrop.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: Combobox.Backdrop.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: Combobox.Backdrop.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Combobox.Backdrop.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Combobox.Backdrop.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Combobox.Backdrop.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-open": {
-      "description": "Present when the popup is open."
-    },
-    "data-closed": {
-      "description": "Present when the popup is closed."
-    },
-    "data-starting-style": {
-      "description": "Present when the popup is animating in."
-    },
-    "data-ending-style": {
-      "description": "Present when the popup is animating out."
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/combobox-chip-remove.json b/docs/reference/generated/combobox-chip-remove.json
deleted file mode 100644
index 051c28c0e14..00000000000
--- a/docs/reference/generated/combobox-chip-remove.json
+++ /dev/null
@@ -1,28 +0,0 @@
-{
-  "name": "ComboboxChipRemove",
-  "description": "A button to remove a chip.\nRenders a `<button>` element.",
-  "props": {
-    "nativeButton": {
-      "type": "boolean",
-      "default": "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 (e.g. `<div>`).",
-      "detailedType": "boolean | undefined"
-    },
-    "style": {
-      "type": "CSSProperties | ((state: Combobox.ChipRemove.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: Combobox.ChipRemove.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: Combobox.ChipRemove.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Combobox.ChipRemove.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Combobox.ChipRemove.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Combobox.ChipRemove.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {},
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/combobox-chip.json b/docs/reference/generated/combobox-chip.json
deleted file mode 100644
index 00ac6229e5f..00000000000
--- a/docs/reference/generated/combobox-chip.json
+++ /dev/null
@@ -1,22 +0,0 @@
-{
-  "name": "ComboboxChip",
-  "description": "An individual chip that represents a value in a multiselectable input.\nRenders a `<div>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: Combobox.Chip.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: Combobox.Chip.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: Combobox.Chip.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Combobox.Chip.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Combobox.Chip.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Combobox.Chip.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {},
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/combobox-chips.json b/docs/reference/generated/combobox-chips.json
deleted file mode 100644
index 93b20072bf0..00000000000
--- a/docs/reference/generated/combobox-chips.json
+++ /dev/null
@@ -1,22 +0,0 @@
-{
-  "name": "ComboboxChips",
-  "description": "A container for the chips in a multiselectable input.\nRenders a `<div>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: Combobox.Chips.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: Combobox.Chips.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: Combobox.Chips.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Combobox.Chips.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Combobox.Chips.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Combobox.Chips.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {},
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/combobox-clear.json b/docs/reference/generated/combobox-clear.json
deleted file mode 100644
index f9884df91e5..00000000000
--- a/docs/reference/generated/combobox-clear.json
+++ /dev/null
@@ -1,53 +0,0 @@
-{
-  "name": "ComboboxClear",
-  "description": "Clears the value when clicked.\nRenders a `<button>` element.",
-  "props": {
-    "nativeButton": {
-      "type": "boolean",
-      "default": "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 (e.g. `<div>`).",
-      "detailedType": "boolean | undefined"
-    },
-    "style": {
-      "type": "CSSProperties | ((state: Combobox.Clear.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: Combobox.Clear.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "disabled": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether the component should ignore user interaction.",
-      "detailedType": "boolean | undefined"
-    },
-    "className": {
-      "type": "string | ((state: Combobox.Clear.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Combobox.Clear.State) => string | undefined)"
-    },
-    "keepMounted": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether the component should remain mounted in the DOM when not visible.",
-      "detailedType": "boolean | undefined"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Combobox.Clear.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Combobox.Clear.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-popup-open": {
-      "description": "Present when the corresponding popup is open."
-    },
-    "data-disabled": {
-      "description": "Present when the button is disabled."
-    },
-    "data-starting-style": {
-      "description": "Present when the button is animating in."
-    },
-    "data-ending-style": {
-      "description": "Present when the button is animating out."
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/combobox-collection.json b/docs/reference/generated/combobox-collection.json
deleted file mode 100644
index e85604e80da..00000000000
--- a/docs/reference/generated/combobox-collection.json
+++ /dev/null
@@ -1,13 +0,0 @@
-{
-  "name": "ComboboxCollection",
-  "description": "Renders filtered list items.\nDoesn't render its own HTML element.\n\nIf rendering a flat list, pass a function child to the `List` component instead, which implicitly wraps it.",
-  "props": {
-    "children": {
-      "type": "((item: any, index: number) => ReactNode)",
-      "required": true,
-      "detailedType": "(item: any, index: number) => ReactNode"
-    }
-  },
-  "dataAttributes": {},
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/combobox-empty.json b/docs/reference/generated/combobox-empty.json
deleted file mode 100644
index b50a51e4bb1..00000000000
--- a/docs/reference/generated/combobox-empty.json
+++ /dev/null
@@ -1,22 +0,0 @@
-{
-  "name": "ComboboxEmpty",
-  "description": "Renders its children only when the list is empty.\nRequires the `items` prop on the root component.\nAnnounces changes politely to screen readers.\nRenders a `<div>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: Combobox.Empty.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: Combobox.Empty.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: Combobox.Empty.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Combobox.Empty.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Combobox.Empty.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Combobox.Empty.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {},
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/combobox-group-label.json b/docs/reference/generated/combobox-group-label.json
deleted file mode 100644
index ec57a892fea..00000000000
--- a/docs/reference/generated/combobox-group-label.json
+++ /dev/null
@@ -1,22 +0,0 @@
-{
-  "name": "ComboboxGroupLabel",
-  "description": "An accessible label that is automatically associated with its parent group.\nRenders a `<div>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: Combobox.GroupLabel.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: Combobox.GroupLabel.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: Combobox.GroupLabel.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Combobox.GroupLabel.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Combobox.GroupLabel.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Combobox.GroupLabel.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {},
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/combobox-group.json b/docs/reference/generated/combobox-group.json
deleted file mode 100644
index 908c88d530a..00000000000
--- a/docs/reference/generated/combobox-group.json
+++ /dev/null
@@ -1,27 +0,0 @@
-{
-  "name": "ComboboxGroup",
-  "description": "Groups related items with the corresponding label.\nRenders a `<div>` element.",
-  "props": {
-    "items": {
-      "type": "any[]",
-      "description": "Items to be rendered within this group.\nWhen provided, child `Collection` components will use these items.",
-      "detailedType": "any[] | undefined"
-    },
-    "style": {
-      "type": "CSSProperties | ((state: Combobox.Group.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: Combobox.Group.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: Combobox.Group.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Combobox.Group.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Combobox.Group.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Combobox.Group.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {},
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/combobox-icon.json b/docs/reference/generated/combobox-icon.json
deleted file mode 100644
index 0d0bf50085c..00000000000
--- a/docs/reference/generated/combobox-icon.json
+++ /dev/null
@@ -1,22 +0,0 @@
-{
-  "name": "ComboboxIcon",
-  "description": "An icon that indicates that the trigger button opens the popup.\nRenders a `<span>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: Combobox.Icon.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: Combobox.Icon.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: Combobox.Icon.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Combobox.Icon.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Combobox.Icon.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Combobox.Icon.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {},
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/combobox-input.json b/docs/reference/generated/combobox-input.json
deleted file mode 100644
index 13fc6e97e69..00000000000
--- a/docs/reference/generated/combobox-input.json
+++ /dev/null
@@ -1,69 +0,0 @@
-{
-  "name": "ComboboxInput",
-  "description": "A text input to search for items in the list.\nRenders an `<input>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: Combobox.Input.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: Combobox.Input.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "disabled": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether the component should ignore user interaction.",
-      "detailedType": "boolean | undefined"
-    },
-    "className": {
-      "type": "string | ((state: Combobox.Input.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Combobox.Input.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Combobox.Input.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Combobox.Input.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-popup-open": {
-      "description": "Present when the corresponding popup is open."
-    },
-    "data-pressed": {
-      "description": "Present when the input is pressed."
-    },
-    "data-disabled": {
-      "description": "Present when the component is disabled."
-    },
-    "data-readonly": {
-      "description": "Present when the component is readonly."
-    },
-    "data-required": {
-      "description": "Present when the component is required."
-    },
-    "data-valid": {
-      "description": "Present when the component is in valid state (when wrapped in Field.Root)."
-    },
-    "data-invalid": {
-      "description": "Present when the component is in invalid state (when wrapped in Field.Root)."
-    },
-    "data-dirty": {
-      "description": "Present when the component's value has changed (when wrapped in Field.Root)."
-    },
-    "data-touched": {
-      "description": "Present when the component has been touched (when wrapped in Field.Root)."
-    },
-    "data-filled": {
-      "description": "Present when the component has a value (when wrapped in Field.Root)."
-    },
-    "data-focused": {
-      "description": "Present when the input is focused (when wrapped in Field.Root)."
-    },
-    "data-list-empty": {
-      "description": "Present when the corresponding items list is empty."
-    },
-    "data-popup-side": {
-      "description": "Indicates which side the corresponding popup is positioned relative to its anchor.",
-      "type": "'top' | 'bottom' | 'left' | 'right' | 'inline-end' | 'inline-start' | null"
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/combobox-item-indicator.json b/docs/reference/generated/combobox-item-indicator.json
deleted file mode 100644
index 0afacecf813..00000000000
--- a/docs/reference/generated/combobox-item-indicator.json
+++ /dev/null
@@ -1,32 +0,0 @@
-{
-  "name": "ComboboxItemIndicator",
-  "description": "Indicates whether the item is selected.\nRenders a `<span>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: Combobox.ItemIndicator.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: Combobox.ItemIndicator.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "children": {
-      "type": "ReactNode",
-      "detailedType": "React.ReactNode"
-    },
-    "className": {
-      "type": "string | ((state: Combobox.ItemIndicator.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((\n    state: Combobox.ItemIndicator.State,\n  ) => string | undefined)"
-    },
-    "keepMounted": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether to keep the HTML element in the DOM when the item is not selected.",
-      "detailedType": "boolean | undefined"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Combobox.ItemIndicator.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Combobox.ItemIndicator.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {},
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/combobox-item.json b/docs/reference/generated/combobox-item.json
deleted file mode 100644
index 0e9458514ce..00000000000
--- a/docs/reference/generated/combobox-item.json
+++ /dev/null
@@ -1,63 +0,0 @@
-{
-  "name": "ComboboxItem",
-  "description": "An individual item in the list.\nRenders a `<div>` element.",
-  "props": {
-    "value": {
-      "type": "any",
-      "default": "null",
-      "description": "A unique value that identifies this item."
-    },
-    "onClick": {
-      "type": "MouseEventHandler<HTMLElement>",
-      "description": "An optional click handler for the item when selected.\nIt fires when clicking the item with the pointer, as well as when pressing `Enter` with the keyboard if the item is highlighted when the `Input` or `List` element has focus.",
-      "detailedType": "React.MouseEventHandler<HTMLElement> | undefined"
-    },
-    "index": {
-      "type": "number",
-      "description": "The index of the item in the list. Improves performance when specified by avoiding the need to calculate the index automatically from the DOM.",
-      "detailedType": "number | undefined"
-    },
-    "nativeButton": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether the component renders a native `<button>` element when replacing it\nvia the `render` prop.\nSet to `true` if the rendered element is a native button.",
-      "detailedType": "boolean | undefined"
-    },
-    "style": {
-      "type": "CSSProperties | ((state: Combobox.Item.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: Combobox.Item.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "disabled": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether the component should ignore user interaction.",
-      "detailedType": "boolean | undefined"
-    },
-    "children": {
-      "type": "ReactNode",
-      "detailedType": "React.ReactNode"
-    },
-    "className": {
-      "type": "string | ((state: Combobox.Item.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Combobox.Item.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Combobox.Item.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Combobox.Item.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-selected": {
-      "description": "Present when the item is selected."
-    },
-    "data-highlighted": {
-      "description": "Present when the item is highlighted."
-    },
-    "data-disabled": {
-      "description": "Present when the item is disabled."
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/combobox-list.json b/docs/reference/generated/combobox-list.json
deleted file mode 100644
index b99c5d08743..00000000000
--- a/docs/reference/generated/combobox-list.json
+++ /dev/null
@@ -1,26 +0,0 @@
-{
-  "name": "ComboboxList",
-  "description": "A list container for the items.\nRenders a `<div>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: Combobox.List.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: Combobox.List.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "children": {
-      "type": "ReactNode | ((item: any, index: number) => ReactNode)",
-      "detailedType": "| React.ReactNode\n| ((item: any, index: number) => ReactNode)"
-    },
-    "className": {
-      "type": "string | ((state: Combobox.List.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Combobox.List.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Combobox.List.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Combobox.List.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {},
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/combobox-popup.json b/docs/reference/generated/combobox-popup.json
deleted file mode 100644
index 19b5408410d..00000000000
--- a/docs/reference/generated/combobox-popup.json
+++ /dev/null
@@ -1,60 +0,0 @@
-{
-  "name": "ComboboxPopup",
-  "description": "A container for the list.\nRenders a `<div>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: Combobox.Popup.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: Combobox.Popup.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "initialFocus": {
-      "type": "boolean | RefObject<HTMLElement | null> | ((openType: InteractionType) => boolean | void | HTMLElement | null)",
-      "description": "Determines the element to focus when the popup is opened.\n\n- `false`: Do not move focus.\n- `true`: Move focus based on the default behavior (first tabbable element or popup).\n- `RefObject`: Move focus to the ref element.\n- `function`: Called with the interaction type (`mouse`, `touch`, `pen`, or `keyboard`).\n  Return an element to focus, `true` to use the default behavior, or `false`/`undefined` to do nothing.",
-      "detailedType": "| boolean\n| React.RefObject<HTMLElement | null>\n| ((\n    openType: InteractionType,\n  ) => boolean | void | HTMLElement | null)\n| undefined"
-    },
-    "finalFocus": {
-      "type": "boolean | RefObject<HTMLElement | null> | ((closeType: InteractionType) => boolean | void | HTMLElement | null)",
-      "description": "Determines the element to focus when the popup is closed.\n\n- `false`: Do not move focus.\n- `true`: Move focus based on the default behavior (trigger or previously focused element).\n- `RefObject`: Move focus to the ref element.\n- `function`: Called with the interaction type (`mouse`, `touch`, `pen`, or `keyboard`).\n  Return an element to focus, `true` to use the default behavior, or `false`/`undefined` to do nothing.",
-      "detailedType": "| boolean\n| React.RefObject<HTMLElement | null>\n| ((\n    closeType: InteractionType,\n  ) => boolean | void | HTMLElement | null)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: Combobox.Popup.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Combobox.Popup.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Combobox.Popup.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Combobox.Popup.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-open": {
-      "description": "Present when the popup is open."
-    },
-    "data-closed": {
-      "description": "Present when the popup is closed."
-    },
-    "data-align": {
-      "description": "Indicates how the popup is aligned relative to specified side.",
-      "type": "'start' | 'center' | 'end'"
-    },
-    "data-empty": {
-      "description": "Present when the items list is empty."
-    },
-    "data-instant": {
-      "description": "Present if animations should be instant.",
-      "type": "'click' | 'dismiss'"
-    },
-    "data-side": {
-      "description": "Indicates which side the popup is positioned relative to the trigger.",
-      "type": "'top' | 'bottom' | 'left' | 'right' | 'inline-end' | 'inline-start'"
-    },
-    "data-starting-style": {
-      "description": "Present when the popup is animating in."
-    },
-    "data-ending-style": {
-      "description": "Present when the popup is animating out."
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/combobox-portal.json b/docs/reference/generated/combobox-portal.json
deleted file mode 100644
index 85df2cee882..00000000000
--- a/docs/reference/generated/combobox-portal.json
+++ /dev/null
@@ -1,33 +0,0 @@
-{
-  "name": "ComboboxPortal",
-  "description": "A portal element that moves the popup to a different part of the DOM.\nBy default, the portal element is appended to `<body>`.\nRenders a `<div>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: Combobox.Portal.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: Combobox.Portal.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "container": {
-      "type": "HTMLElement | ShadowRoot | RefObject<HTMLElement | ShadowRoot | null> | null",
-      "description": "A parent element to render the portal element into.",
-      "detailedType": "| HTMLElement\n| ShadowRoot\n| React.RefObject<HTMLElement | ShadowRoot | null>\n| null\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: Combobox.Portal.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Combobox.Portal.State) => string | undefined)"
-    },
-    "keepMounted": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether to keep the portal mounted in the DOM while the popup is hidden.",
-      "detailedType": "boolean | undefined"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Combobox.Portal.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Combobox.Portal.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {},
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/combobox-positioner.json b/docs/reference/generated/combobox-positioner.json
deleted file mode 100644
index e2cc2ddcb82..00000000000
--- a/docs/reference/generated/combobox-positioner.json
+++ /dev/null
@@ -1,137 +0,0 @@
-{
-  "name": "ComboboxPositioner",
-  "description": "Positions the popup against the trigger.\nRenders a `<div>` element.",
-  "props": {
-    "collisionAvoidance": {
-      "type": "CollisionAvoidance",
-      "description": "Determines how to handle collisions when positioning the popup.",
-      "example": "```jsx\n<Positioner\n  collisionAvoidance={{\n    side: 'shift',\n    align: 'shift',\n    fallbackAxisSide: 'none',\n  }}\n/>\n```",
-      "detailedType": "| {\n    side?: 'none' | 'flip'\n    align?: 'none' | 'flip' | 'shift'\n    fallbackAxisSide?: 'none' | 'end' | 'start'\n  }\n| {\n    side?: 'none' | 'shift'\n    align?: 'none' | 'shift'\n    fallbackAxisSide?: 'none' | 'end' | 'start'\n  }\n| undefined"
-    },
-    "style": {
-      "type": "CSSProperties | ((state: Combobox.Positioner.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: Combobox.Positioner.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "align": {
-      "type": "Align",
-      "default": "'center'",
-      "description": "How to align the popup relative to the specified side.",
-      "detailedType": "'center' | 'end' | 'start' | undefined"
-    },
-    "alignOffset": {
-      "type": "number | OffsetFunction",
-      "default": "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.",
-      "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```",
-      "detailedType": "| number\n| ((data: {\n    side: Side\n    align: Align\n    anchor: { width: number; height: number }\n    positioner: { width: number; height: number }\n  }) => number)\n| undefined"
-    },
-    "side": {
-      "type": "Side",
-      "default": "'bottom'",
-      "description": "Which side of the anchor element to align the popup against.\nMay automatically change to avoid collisions.",
-      "detailedType": "| 'left'\n| 'right'\n| 'bottom'\n| 'top'\n| 'inline-end'\n| 'inline-start'\n| undefined"
-    },
-    "sideOffset": {
-      "type": "number | OffsetFunction",
-      "default": "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.",
-      "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```",
-      "detailedType": "| number\n| ((data: {\n    side: Side\n    align: Align\n    anchor: { width: number; height: number }\n    positioner: { width: number; height: number }\n  }) => number)\n| undefined"
-    },
-    "arrowPadding": {
-      "type": "number",
-      "default": "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.",
-      "detailedType": "number | undefined"
-    },
-    "anchor": {
-      "type": "Element | RefObject<Element | null> | VirtualElement | (() => Element | VirtualElement | null) | null",
-      "description": "An element to position the popup against.\nBy default, the popup will be positioned against the trigger.",
-      "detailedType": "| Element\n| React.RefObject<Element | null>\n| VirtualElement\n| (() => Element | VirtualElement | null)\n| null\n| undefined"
-    },
-    "collisionBoundary": {
-      "type": "Boundary",
-      "default": "'clipping-ancestors'",
-      "description": "An element or a rectangle that delimits the area that the popup is confined to.",
-      "detailedType": "| Element\n| 'clipping-ancestors'\n| Element[]\n| Rect\n| undefined"
-    },
-    "collisionPadding": {
-      "type": "Padding",
-      "default": "5",
-      "description": "Additional space to maintain from the edge of the collision boundary.",
-      "detailedType": "| {\n    top?: number\n    right?: number\n    bottom?: number\n    left?: number\n  }\n| number\n| undefined"
-    },
-    "sticky": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether to maintain the popup in the viewport after\nthe anchor element was scrolled out of view.",
-      "detailedType": "boolean | undefined"
-    },
-    "positionMethod": {
-      "type": "'fixed' | 'absolute'",
-      "default": "'absolute'",
-      "description": "Determines which CSS `position` property to use.",
-      "detailedType": "'fixed' | 'absolute' | undefined"
-    },
-    "trackAnchor": {
-      "type": "boolean",
-      "default": "true",
-      "description": "Whether the popup tracks any layout shift of its positioning anchor.",
-      "detailedType": "boolean | undefined"
-    },
-    "className": {
-      "type": "string | ((state: Combobox.Positioner.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Combobox.Positioner.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Combobox.Positioner.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Combobox.Positioner.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-open": {
-      "description": "Present when the popup is open."
-    },
-    "data-closed": {
-      "description": "Present when the popup is closed."
-    },
-    "data-anchor-hidden": {
-      "description": "Present when the anchor is hidden."
-    },
-    "data-align": {
-      "description": "Indicates how the popup is aligned relative to specified side.",
-      "type": "'start' | 'center' | 'end'"
-    },
-    "data-empty": {
-      "description": "Present when the items list is empty."
-    },
-    "data-side": {
-      "description": "Indicates which side the popup is positioned relative to the trigger.",
-      "type": "'top' | 'bottom' | 'left' | 'right' | 'inline-end' | 'inline-start'"
-    }
-  },
-  "cssVariables": {
-    "--anchor-height": {
-      "description": "The anchor's height.",
-      "type": "number"
-    },
-    "--anchor-width": {
-      "description": "The anchor's width.",
-      "type": "number"
-    },
-    "--available-height": {
-      "description": "The available height between the trigger and the edge of the viewport.",
-      "type": "number"
-    },
-    "--available-width": {
-      "description": "The available width between the trigger and the edge of the viewport.",
-      "type": "number"
-    },
-    "--transform-origin": {
-      "description": "The coordinates that this element is anchored to. Used for animations and transitions.",
-      "type": "string"
-    }
-  }
-}
diff --git a/docs/reference/generated/combobox-root.json b/docs/reference/generated/combobox-root.json
deleted file mode 100644
index 35e80ccfe54..00000000000
--- a/docs/reference/generated/combobox-root.json
+++ /dev/null
@@ -1,201 +0,0 @@
-{
-  "name": "ComboboxRoot",
-  "description": "Groups all parts of the combobox.\nDoesn't render its own HTML element.",
-  "props": {
-    "name": {
-      "type": "string",
-      "description": "Identifies the field when a form is submitted.",
-      "detailedType": "string | undefined"
-    },
-    "defaultValue": {
-      "type": "Value[] | Value | null",
-      "description": "The uncontrolled selected value of the combobox when it's initially rendered.\n\nTo render a controlled combobox, use the `value` prop instead.",
-      "detailedType": "Value[] | Value | null | undefined"
-    },
-    "value": {
-      "type": "Value[] | Value",
-      "description": "The selected value of the combobox. Use when controlled.",
-      "detailedType": "Value[] | Value | undefined"
-    },
-    "onValueChange": {
-      "type": "((value: Value[] | Value, eventDetails: Combobox.Root.ChangeEventDetails) => void) | ((value: Value[] | Value | any | null, eventDetails: Combobox.Root.ChangeEventDetails) => void)",
-      "description": "Event handler called when the selected value of the combobox changes.",
-      "detailedType": "| ((\n    value: Value[] | Value,\n    eventDetails: Combobox.Root.ChangeEventDetails,\n  ) => void)\n| ((\n    value: Value[] | Value | any | null,\n    eventDetails: Combobox.Root.ChangeEventDetails,\n  ) => void)\n| undefined"
-    },
-    "defaultOpen": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether the popup is initially open.\n\nTo render a controlled popup, use the `open` prop instead.",
-      "detailedType": "boolean | undefined"
-    },
-    "open": {
-      "type": "boolean",
-      "description": "Whether the popup is currently open. Use when controlled.",
-      "detailedType": "boolean | undefined"
-    },
-    "onOpenChange": {
-      "type": "((open: boolean, eventDetails: Combobox.Root.ChangeEventDetails) => void)",
-      "description": "Event handler called when the popup is opened or closed.",
-      "detailedType": "| ((\n    open: boolean,\n    eventDetails: Combobox.Root.ChangeEventDetails,\n  ) => void)\n| undefined"
-    },
-    "actionsRef": {
-      "type": "RefObject<Combobox.Root.Actions>",
-      "description": "A ref to imperative actions.\n- `unmount`: When specified, the combobox will not be unmounted when closed.\nInstead, the `unmount` function must be called to unmount the combobox manually.\nUseful when the combobox's animation is controlled by an external library.",
-      "detailedType": "React.RefObject<Combobox.Root.Actions> | undefined"
-    },
-    "autoHighlight": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether the first matching item is highlighted automatically while filtering.",
-      "detailedType": "boolean | undefined"
-    },
-    "defaultInputValue": {
-      "type": "string | number | string[]",
-      "description": "The uncontrolled input value when initially rendered.\n\nTo render a controlled input, use the `inputValue` prop instead.",
-      "detailedType": "string | number | string[] | undefined"
-    },
-    "filter": {
-      "type": "((itemValue: Value, query: string, itemToString: ((itemValue: Value) => string) | undefined) => boolean) | null",
-      "description": "Filter function used to match items vs input query.",
-      "detailedType": "| ((\n    itemValue: Value,\n    query: string,\n    itemToString:\n      | ((itemValue: Value) => string)\n      | undefined,\n  ) => boolean)\n| null\n| undefined"
-    },
-    "filteredItems": {
-      "type": "any[] | Group[]",
-      "description": "Filtered items to display in the list.\nWhen provided, the list will use these items instead of filtering the `items` prop internally.\nUse when you want to control filtering logic externally with the `useFilter()` hook.",
-      "detailedType": "any[] | Group[] | undefined"
-    },
-    "grid": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether list items are presented in a grid layout.\nWhen enabled, arrow keys navigate across rows and columns inferred from DOM rows.",
-      "detailedType": "boolean | undefined"
-    },
-    "highlightItemOnHover": {
-      "type": "boolean",
-      "default": "true",
-      "description": "Whether moving the pointer over items should highlight them.",
-      "detailedType": "boolean | undefined"
-    },
-    "inline": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether the list is rendered inline without using the popup.",
-      "detailedType": "boolean | undefined"
-    },
-    "inputValue": {
-      "type": "string | number | string[]",
-      "description": "The input value of the combobox. Use when controlled.",
-      "detailedType": "string | number | string[] | undefined"
-    },
-    "isItemEqualToValue": {
-      "type": "((itemValue: Value, selectedValue: Value) => boolean)",
-      "description": "Custom comparison logic used to determine if a combobox item value matches the current selected value. Useful when item values are objects without matching referentially.\nDefaults to `Object.is` comparison.",
-      "detailedType": "| ((itemValue: Value, selectedValue: Value) => boolean)\n| undefined"
-    },
-    "itemToStringLabel": {
-      "type": "((itemValue: Value) => string)",
-      "description": "When the item values are objects (`<Combobox.Item value={object}>`), this function converts the object value to a string representation for display in the input.\nIf the shape of the object is `{ value, label }`, the label will be used automatically without needing to specify this prop.",
-      "detailedType": "((itemValue: Value) => string) | undefined"
-    },
-    "itemToStringValue": {
-      "type": "((itemValue: Value) => string)",
-      "description": "When the item values are objects (`<Combobox.Item value={object}>`), this function converts the object value to a string representation for form submission.\nIf the shape of the object is `{ value, label }`, the value will be used automatically without needing to specify this prop.",
-      "detailedType": "((itemValue: Value) => string) | undefined"
-    },
-    "items": {
-      "type": "any[] | Group[]",
-      "description": "The items to be displayed in the list.\nCan be either a flat array of items or an array of groups with items.",
-      "detailedType": "any[] | Group[] | undefined"
-    },
-    "keepHighlight": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether the highlighted item should be preserved when the pointer leaves the list.",
-      "detailedType": "boolean | undefined"
-    },
-    "limit": {
-      "type": "number",
-      "default": "-1",
-      "description": "The maximum number of items to display in the list.",
-      "detailedType": "number | undefined"
-    },
-    "locale": {
-      "type": "Intl.LocalesArgument",
-      "description": "The locale to use for string comparison.\nDefaults to the user's runtime locale.",
-      "detailedType": "Intl.LocalesArgument | undefined"
-    },
-    "modal": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Determines if the popup enters a modal state when open.\n- `true`: user interaction is limited to the popup: document page scroll is locked and pointer interactions on outside elements are disabled.\n- `false`: user interaction with the rest of the document is allowed.",
-      "detailedType": "boolean | undefined"
-    },
-    "multiple": {
-      "type": "boolean | undefined",
-      "default": "false",
-      "description": "Whether multiple items can be selected.",
-      "detailedType": "boolean | undefined"
-    },
-    "onInputValueChange": {
-      "type": "((inputValue: string, eventDetails: Combobox.Root.ChangeEventDetails) => void)",
-      "description": "Event handler called when the input value changes.",
-      "detailedType": "| ((\n    inputValue: string,\n    eventDetails: Combobox.Root.ChangeEventDetails,\n  ) => void)\n| undefined"
-    },
-    "onItemHighlighted": {
-      "type": "((highlightedValue: Value | undefined, eventDetails: Combobox.Root.HighlightEventDetails) => void)",
-      "description": "Callback fired when an item is highlighted or unhighlighted.\nReceives the highlighted item value (or `undefined` if no item is highlighted) and event details with a `reason` property describing why the highlight changed.\nThe `reason` can be:\n- `'keyboard'`: the highlight changed due to keyboard navigation.\n- `'pointer'`: the highlight changed due to pointer hovering.\n- `'none'`: the highlight changed programmatically.",
-      "detailedType": "| ((\n    highlightedValue: Value | undefined,\n    eventDetails: Combobox.Root.HighlightEventDetails,\n  ) => void)\n| undefined"
-    },
-    "onOpenChangeComplete": {
-      "type": "((open: boolean) => void)",
-      "description": "Event handler called after any animations complete when the popup is opened or closed.",
-      "detailedType": "((open: boolean) => void) | undefined"
-    },
-    "openOnInputClick": {
-      "type": "boolean",
-      "default": "true",
-      "description": "Whether the popup opens when clicking the input.",
-      "detailedType": "boolean | undefined"
-    },
-    "virtualized": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether the items are being externally virtualized.",
-      "detailedType": "boolean | undefined"
-    },
-    "disabled": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether the component should ignore user interaction.",
-      "detailedType": "boolean | undefined"
-    },
-    "readOnly": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether the user should be unable to choose a different option from the popup.",
-      "detailedType": "boolean | undefined"
-    },
-    "required": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether the user must choose a value before submitting a form.",
-      "detailedType": "boolean | undefined"
-    },
-    "inputRef": {
-      "type": "Ref<HTMLInputElement>",
-      "description": "A ref to the hidden input element.",
-      "detailedType": "React.Ref<HTMLInputElement> | undefined"
-    },
-    "id": {
-      "type": "string",
-      "description": "The id of the component.",
-      "detailedType": "string | undefined"
-    },
-    "children": {
-      "type": "ReactNode",
-      "detailedType": "React.ReactNode | undefined"
-    }
-  },
-  "dataAttributes": {},
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/combobox-row.json b/docs/reference/generated/combobox-row.json
deleted file mode 100644
index fa65d07bd3f..00000000000
--- a/docs/reference/generated/combobox-row.json
+++ /dev/null
@@ -1,22 +0,0 @@
-{
-  "name": "ComboboxRow",
-  "description": "Displays a single row of items in a grid list.\nEnable `grid` on the root component to turn the listbox into a grid.\nRenders a `<div>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: Combobox.Row.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((state: Combobox.Row.State) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: Combobox.Row.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Combobox.Row.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Combobox.Row.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Combobox.Row.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {},
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/combobox-status.json b/docs/reference/generated/combobox-status.json
deleted file mode 100644
index 39d092b7200..00000000000
--- a/docs/reference/generated/combobox-status.json
+++ /dev/null
@@ -1,22 +0,0 @@
-{
-  "name": "ComboboxStatus",
-  "description": "Displays a status message whose content changes are announced politely to screen readers.\nUseful for conveying the status of an asynchronously loaded list.\nRenders a `<div>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: Combobox.Status.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: Combobox.Status.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: Combobox.Status.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Combobox.Status.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Combobox.Status.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Combobox.Status.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {},
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/combobox-trigger.json b/docs/reference/generated/combobox-trigger.json
deleted file mode 100644
index 0fae029c1d6..00000000000
--- a/docs/reference/generated/combobox-trigger.json
+++ /dev/null
@@ -1,68 +0,0 @@
-{
-  "name": "ComboboxTrigger",
-  "description": "A button that opens the popup.\nRenders a `<button>` element.",
-  "props": {
-    "nativeButton": {
-      "type": "boolean",
-      "default": "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 (e.g. `<div>`).",
-      "detailedType": "boolean | undefined"
-    },
-    "style": {
-      "type": "CSSProperties | ((state: Combobox.Trigger.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: Combobox.Trigger.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "disabled": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether the component should ignore user interaction.",
-      "detailedType": "boolean | undefined"
-    },
-    "className": {
-      "type": "string | ((state: Combobox.Trigger.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Combobox.Trigger.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Combobox.Trigger.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Combobox.Trigger.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-popup-open": {
-      "description": "Present when the corresponding popup is open."
-    },
-    "data-pressed": {
-      "description": "Present when the trigger is pressed."
-    },
-    "data-disabled": {
-      "description": "Present when the component is disabled."
-    },
-    "data-readonly": {
-      "description": "Present when the component is readonly."
-    },
-    "data-required": {
-      "description": "Present when the component is required."
-    },
-    "data-valid": {
-      "description": "Present when the component is in valid state (when wrapped in Field.Root)."
-    },
-    "data-invalid": {
-      "description": "Present when the component is in invalid state (when wrapped in Field.Root)."
-    },
-    "data-dirty": {
-      "description": "Present when the component's value has changed (when wrapped in Field.Root)."
-    },
-    "data-touched": {
-      "description": "Present when the component has been touched (when wrapped in Field.Root)."
-    },
-    "data-filled": {
-      "description": "Present when the component has a value (when wrapped in Field.Root)."
-    },
-    "data-focused": {
-      "description": "Present when the trigger is focused (when wrapped in Field.Root)."
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/combobox-value.json b/docs/reference/generated/combobox-value.json
deleted file mode 100644
index 2d5daf52320..00000000000
--- a/docs/reference/generated/combobox-value.json
+++ /dev/null
@@ -1,12 +0,0 @@
-{
-  "name": "ComboboxValue",
-  "description": "The current value of the combobox.\nDoesn't render its own HTML element.",
-  "props": {
-    "children": {
-      "type": "ReactNode | ((selectedValue: any) => ReactNode)",
-      "detailedType": "| React.ReactNode\n| ((selectedValue: any) => ReactNode)"
-    }
-  },
-  "dataAttributes": {},
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/context-menu-root.json b/docs/reference/generated/context-menu-root.json
deleted file mode 100644
index e7afd6bb3e8..00000000000
--- a/docs/reference/generated/context-menu-root.json
+++ /dev/null
@@ -1,63 +0,0 @@
-{
-  "name": "ContextMenuRoot",
-  "description": "A component that creates a context menu activated by right clicking or long pressing.\nDoesn’t render its own HTML element.",
-  "props": {
-    "defaultOpen": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether the menu is initially open.\n\nTo render a controlled menu, use the `open` prop instead.",
-      "detailedType": "boolean | undefined"
-    },
-    "open": {
-      "type": "boolean",
-      "description": "Whether the menu is currently open.",
-      "detailedType": "boolean | undefined"
-    },
-    "onOpenChange": {
-      "type": "((open: boolean, eventDetails: ContextMenu.Root.ChangeEventDetails) => void)",
-      "description": "Event handler called when the menu is opened or closed.",
-      "detailedType": "| ((\n    open: boolean,\n    eventDetails: ContextMenu.Root.ChangeEventDetails,\n  ) => void)\n| undefined"
-    },
-    "actionsRef": {
-      "type": "RefObject<Menu.Root.Actions>",
-      "description": "A ref to imperative actions.\n- `unmount`: When specified, the menu will not be unmounted when closed.\nInstead, the `unmount` function must be called to unmount the menu manually.\nUseful when the menu's animation is controlled by an external library.",
-      "detailedType": "React.RefObject<Menu.Root.Actions> | undefined"
-    },
-    "closeParentOnEsc": {
-      "type": "boolean",
-      "default": "true",
-      "description": "When in a submenu, determines whether pressing the Escape key\ncloses the entire menu, or only the current child menu.",
-      "detailedType": "boolean | undefined"
-    },
-    "onOpenChangeComplete": {
-      "type": "((open: boolean) => void)",
-      "description": "Event handler called after any animations complete when the menu is closed.",
-      "detailedType": "((open: boolean) => void) | undefined"
-    },
-    "disabled": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether the component should ignore user interaction.",
-      "detailedType": "boolean | undefined"
-    },
-    "loop": {
-      "type": "boolean",
-      "default": "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.",
-      "detailedType": "boolean | undefined"
-    },
-    "orientation": {
-      "type": "Menu.Root.Orientation",
-      "default": "'vertical'",
-      "description": "The visual orientation of the menu.\nControls whether roving focus uses up/down or left/right arrow keys.",
-      "detailedType": "'horizontal' | 'vertical' | undefined"
-    },
-    "children": {
-      "type": "ReactNode",
-      "required": true,
-      "detailedType": "React.ReactNode"
-    }
-  },
-  "dataAttributes": {},
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/context-menu-trigger.json b/docs/reference/generated/context-menu-trigger.json
deleted file mode 100644
index b1b4d94d171..00000000000
--- a/docs/reference/generated/context-menu-trigger.json
+++ /dev/null
@@ -1,22 +0,0 @@
-{
-  "name": "ContextMenuTrigger",
-  "description": "An area that opens the menu on right click or long press.\nRenders a `<div>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: ContextMenu.Trigger.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: ContextMenu.Trigger.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: ContextMenu.Trigger.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: ContextMenu.Trigger.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: ContextMenu.Trigger.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: ContextMenu.Trigger.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {},
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/dialog-backdrop.json b/docs/reference/generated/dialog-backdrop.json
deleted file mode 100644
index 4b10eeba19f..00000000000
--- a/docs/reference/generated/dialog-backdrop.json
+++ /dev/null
@@ -1,41 +0,0 @@
-{
-  "name": "DialogBackdrop",
-  "description": "An overlay displayed beneath the popup.\nRenders a `<div>` element.",
-  "props": {
-    "forceRender": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether the backdrop is forced to render even when nested.",
-      "detailedType": "boolean | undefined"
-    },
-    "style": {
-      "type": "CSSProperties | ((state: Dialog.Backdrop.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: Dialog.Backdrop.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: Dialog.Backdrop.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Dialog.Backdrop.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Dialog.Backdrop.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Dialog.Backdrop.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-open": {
-      "description": "Present when the dialog is open."
-    },
-    "data-closed": {
-      "description": "Present when the dialog is closed."
-    },
-    "data-starting-style": {
-      "description": "Present when the dialog is animating in."
-    },
-    "data-ending-style": {
-      "description": "Present when the dialog is animating out."
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/dialog-close.json b/docs/reference/generated/dialog-close.json
deleted file mode 100644
index e6b127c1a59..00000000000
--- a/docs/reference/generated/dialog-close.json
+++ /dev/null
@@ -1,32 +0,0 @@
-{
-  "name": "DialogClose",
-  "description": "A button that closes the dialog.\nRenders a `<button>` element.",
-  "props": {
-    "nativeButton": {
-      "type": "boolean",
-      "default": "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 (e.g. `<div>`).",
-      "detailedType": "boolean | undefined"
-    },
-    "style": {
-      "type": "CSSProperties | ((state: Dialog.Close.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((state: Dialog.Close.State) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: Dialog.Close.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Dialog.Close.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Dialog.Close.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Dialog.Close.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-disabled": {
-      "description": "Present when the button is disabled."
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/dialog-description.json b/docs/reference/generated/dialog-description.json
deleted file mode 100644
index 593aaa734d5..00000000000
--- a/docs/reference/generated/dialog-description.json
+++ /dev/null
@@ -1,22 +0,0 @@
-{
-  "name": "DialogDescription",
-  "description": "A paragraph with additional information about the dialog.\nRenders a `<p>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: Dialog.Description.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: Dialog.Description.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: Dialog.Description.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Dialog.Description.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Dialog.Description.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Dialog.Description.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {},
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/dialog-popup.json b/docs/reference/generated/dialog-popup.json
deleted file mode 100644
index ed5ef778197..00000000000
--- a/docs/reference/generated/dialog-popup.json
+++ /dev/null
@@ -1,56 +0,0 @@
-{
-  "name": "DialogPopup",
-  "description": "A container for the dialog contents.\nRenders a `<div>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: Dialog.Popup.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((state: Dialog.Popup.State) => CSSProperties | undefined)\n| undefined"
-    },
-    "initialFocus": {
-      "type": "boolean | RefObject<HTMLElement | null> | ((openType: InteractionType) => boolean | void | HTMLElement | null)",
-      "description": "Determines the element to focus when the dialog 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.",
-      "detailedType": "| boolean\n| React.RefObject<HTMLElement | null>\n| ((\n    openType: InteractionType,\n  ) => boolean | void | HTMLElement | null)\n| undefined"
-    },
-    "finalFocus": {
-      "type": "boolean | RefObject<HTMLElement | null> | ((closeType: InteractionType) => boolean | void | HTMLElement | 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, or `false`/`undefined` to do nothing.",
-      "detailedType": "| boolean\n| React.RefObject<HTMLElement | null>\n| ((\n    closeType: InteractionType,\n  ) => boolean | void | HTMLElement | null)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: Dialog.Popup.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Dialog.Popup.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Dialog.Popup.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Dialog.Popup.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-open": {
-      "description": "Present when the dialog is open."
-    },
-    "data-closed": {
-      "description": "Present when the dialog is closed."
-    },
-    "data-nested": {
-      "description": "Present when the dialog is nested within another dialog."
-    },
-    "data-nested-dialog-open": {
-      "description": "Present when the dialog has other open dialogs nested within it."
-    },
-    "data-starting-style": {
-      "description": "Present when the dialog is animating in."
-    },
-    "data-ending-style": {
-      "description": "Present when the dialog is animating out."
-    }
-  },
-  "cssVariables": {
-    "--nested-dialogs": {
-      "description": "Indicates how many dialogs are nested within.",
-      "type": "number"
-    }
-  }
-}
diff --git a/docs/reference/generated/dialog-portal.json b/docs/reference/generated/dialog-portal.json
deleted file mode 100644
index 5ca0fea3ace..00000000000
--- a/docs/reference/generated/dialog-portal.json
+++ /dev/null
@@ -1,33 +0,0 @@
-{
-  "name": "DialogPortal",
-  "description": "A portal element that moves the popup to a different part of the DOM.\nBy default, the portal element is appended to `<body>`.\nRenders a `<div>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: Dialog.Portal.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: Dialog.Portal.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "container": {
-      "type": "HTMLElement | ShadowRoot | RefObject<HTMLElement | ShadowRoot | null> | null",
-      "description": "A parent element to render the portal element into.",
-      "detailedType": "| HTMLElement\n| ShadowRoot\n| React.RefObject<HTMLElement | ShadowRoot | null>\n| null\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: Dialog.Portal.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Dialog.Portal.State) => string | undefined)"
-    },
-    "keepMounted": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether to keep the portal mounted in the DOM while the popup is hidden.",
-      "detailedType": "boolean | undefined"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Dialog.Portal.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Dialog.Portal.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {},
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/dialog-root.json b/docs/reference/generated/dialog-root.json
deleted file mode 100644
index 1b71e393d8a..00000000000
--- a/docs/reference/generated/dialog-root.json
+++ /dev/null
@@ -1,66 +0,0 @@
-{
-  "name": "DialogRoot",
-  "description": "Groups all parts of the dialog.\nDoesn’t render its own HTML element.",
-  "props": {
-    "defaultOpen": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether the dialog is initially open.\n\nTo render a controlled dialog, use the `open` prop instead.",
-      "detailedType": "boolean | undefined"
-    },
-    "open": {
-      "type": "boolean",
-      "description": "Whether the dialog is currently open.",
-      "detailedType": "boolean | undefined"
-    },
-    "onOpenChange": {
-      "type": "((open: boolean, eventDetails: Dialog.Root.ChangeEventDetails) => void)",
-      "description": "Event handler called when the dialog is opened or closed.",
-      "detailedType": "| ((\n    open: boolean,\n    eventDetails: Dialog.Root.ChangeEventDetails,\n  ) => void)\n| undefined"
-    },
-    "actionsRef": {
-      "type": "RefObject<Dialog.Root.Actions>",
-      "description": "A ref to imperative actions.\n- `unmount`: When specified, the dialog will not be unmounted when closed.\nInstead, the `unmount` function must be called to unmount the dialog manually.\nUseful when the dialog's animation is controlled by an external library.",
-      "detailedType": "React.RefObject<Dialog.Root.Actions> | undefined"
-    },
-    "defaultTriggerId": {
-      "type": "string | null",
-      "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.",
-      "detailedType": "string | null | undefined"
-    },
-    "dismissible": {
-      "type": "boolean",
-      "default": "true",
-      "description": "Determines whether the dialog should close on outside clicks.",
-      "detailedType": "boolean | undefined"
-    },
-    "handle": {
-      "type": "DialogHandle<Payload>",
-      "description": "A handle to associate the popover with a trigger.\nIf specified, allows external triggers to control the popover's open state.\nCan be created with the Dialog.createHandle() method.",
-      "detailedType": "{} | undefined"
-    },
-    "modal": {
-      "type": "boolean | 'trap-focus'",
-      "default": "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.",
-      "detailedType": "boolean | 'trap-focus' | undefined"
-    },
-    "onOpenChangeComplete": {
-      "type": "((open: boolean) => void)",
-      "description": "Event handler called after any animations complete when the dialog is opened or closed.",
-      "detailedType": "((open: boolean) => void) | undefined"
-    },
-    "triggerId": {
-      "type": "string | null",
-      "description": "ID of the trigger that the dialog is associated with.\nThis is useful in conjuntion with the `open` prop to create a controlled dialog.\nThere's no need to specify this prop when the popover is uncontrolled (i.e. when the `open` prop is not set).",
-      "detailedType": "string | null | undefined"
-    },
-    "children": {
-      "type": "ReactNode | PayloadChildRenderFunction<Payload>",
-      "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.",
-      "detailedType": "| React.ReactNode\n| ((arg: { payload: Payload | undefined }) => ReactNode)"
-    }
-  },
-  "dataAttributes": {},
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/dialog-title.json b/docs/reference/generated/dialog-title.json
deleted file mode 100644
index 4a9669ea48b..00000000000
--- a/docs/reference/generated/dialog-title.json
+++ /dev/null
@@ -1,22 +0,0 @@
-{
-  "name": "DialogTitle",
-  "description": "A heading that labels the dialog.\nRenders an `<h2>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: Dialog.Title.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((state: Dialog.Title.State) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: Dialog.Title.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Dialog.Title.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Dialog.Title.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Dialog.Title.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {},
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/dialog-trigger.json b/docs/reference/generated/dialog-trigger.json
deleted file mode 100644
index 6208e53fc8a..00000000000
--- a/docs/reference/generated/dialog-trigger.json
+++ /dev/null
@@ -1,50 +0,0 @@
-{
-  "name": "DialogTrigger",
-  "description": "A button that opens the dialog.\nRenders a `<button>` element.",
-  "props": {
-    "handle": {
-      "type": "DialogHandle<Payload>",
-      "description": "A handle to associate the trigger with a dialog.\nCan be created with the Dialog.createHandle() method.",
-      "detailedType": "{} | undefined"
-    },
-    "nativeButton": {
-      "type": "boolean",
-      "default": "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 (e.g. `<div>`).",
-      "detailedType": "boolean | undefined"
-    },
-    "payload": {
-      "type": "Payload",
-      "description": "A payload to pass to the dialog when it is opened.",
-      "detailedType": "Payload | undefined"
-    },
-    "style": {
-      "type": "CSSProperties | ((state: Dialog.Trigger.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: Dialog.Trigger.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "id": {
-      "type": "string",
-      "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 dialogs in controlled mode (with the Dialog.Root `triggerId` prop).",
-      "detailedType": "string | undefined"
-    },
-    "className": {
-      "type": "string | ((state: Dialog.Trigger.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Dialog.Trigger.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Dialog.Trigger.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Dialog.Trigger.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-popup-open": {
-      "description": "Present when the corresponding dialog is open."
-    },
-    "data-disabled": {
-      "description": "Present when the trigger is disabled."
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/dialog-viewport.json b/docs/reference/generated/dialog-viewport.json
deleted file mode 100644
index 97b53d3b9f2..00000000000
--- a/docs/reference/generated/dialog-viewport.json
+++ /dev/null
@@ -1,41 +0,0 @@
-{
-  "name": "DialogViewport",
-  "description": "A positioning container for the dialog popup that can be made scrollable.\nRenders a `<div>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: Dialog.Viewport.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: Dialog.Viewport.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: Dialog.Viewport.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Dialog.Viewport.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Dialog.Viewport.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Dialog.Viewport.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-open": {
-      "description": "Present when the dialog is open."
-    },
-    "data-closed": {
-      "description": "Present when the dialog is closed."
-    },
-    "data-nested": {
-      "description": "Present when the dialog is nested within another dialog."
-    },
-    "data-nested-dialog-open": {
-      "description": "Present when the dialog has other open dialogs nested within it."
-    },
-    "data-starting-style": {
-      "description": "Present when the dialog is animating in."
-    },
-    "data-ending-style": {
-      "description": "Present when the dialog is animating out."
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/direction-provider.json b/docs/reference/generated/direction-provider.json
deleted file mode 100644
index 29958f585e3..00000000000
--- a/docs/reference/generated/direction-provider.json
+++ /dev/null
@@ -1,18 +0,0 @@
-{
-  "name": "DirectionProvider",
-  "description": "Enables RTL behavior for Base UI components.",
-  "props": {
-    "direction": {
-      "type": "TextDirection",
-      "default": "'ltr'",
-      "description": "The reading direction of the text",
-      "detailedType": "'ltr' | 'rtl' | undefined"
-    },
-    "children": {
-      "type": "ReactNode",
-      "detailedType": "React.ReactNode"
-    }
-  },
-  "dataAttributes": {},
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/field-control.json b/docs/reference/generated/field-control.json
deleted file mode 100644
index 0c7f2436362..00000000000
--- a/docs/reference/generated/field-control.json
+++ /dev/null
@@ -1,53 +0,0 @@
-{
-  "name": "FieldControl",
-  "description": "The form control to label and validate.\nRenders an `<input>` element.\n\nYou can omit this part and use any Base UI input component instead. For example,\n[Input](https://base-ui.com/react/components/input), [Checkbox](https://base-ui.com/react/components/checkbox),\nor [Select](https://base-ui.com/react/components/select), among others, will work with Field out of the box.",
-  "props": {
-    "defaultValue": {
-      "type": "string | number | string[]",
-      "detailedType": "string | number | string[] | undefined"
-    },
-    "onValueChange": {
-      "type": "((value: string, eventDetails: Field.Control.ChangeEventDetails) => void)",
-      "description": "Callback fired when the `value` changes. Use when controlled.",
-      "detailedType": "| ((\n    value: string,\n    eventDetails: Field.Control.ChangeEventDetails,\n  ) => void)\n| undefined"
-    },
-    "style": {
-      "type": "CSSProperties | ((state: Field.Root.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((state: Field.Root.State) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: Field.Root.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Field.Root.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Field.Root.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Field.Root.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-disabled": {
-      "description": "Present when the field is disabled."
-    },
-    "data-valid": {
-      "description": "Present when the field is in valid state."
-    },
-    "data-invalid": {
-      "description": "Present when the field is in invalid state."
-    },
-    "data-dirty": {
-      "description": "Present when the field's value has changed."
-    },
-    "data-touched": {
-      "description": "Present when the field has been touched."
-    },
-    "data-filled": {
-      "description": "Present when the field is filled."
-    },
-    "data-focused": {
-      "description": "Present when the field control is focused."
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/field-description.json b/docs/reference/generated/field-description.json
deleted file mode 100644
index 09856c54be4..00000000000
--- a/docs/reference/generated/field-description.json
+++ /dev/null
@@ -1,44 +0,0 @@
-{
-  "name": "FieldDescription",
-  "description": "A paragraph with additional information about the field.\nRenders a `<p>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: Field.Root.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((state: Field.Root.State) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: Field.Root.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Field.Root.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Field.Root.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Field.Root.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-disabled": {
-      "description": "Present when the field is disabled."
-    },
-    "data-valid": {
-      "description": "Present when the field is in valid state."
-    },
-    "data-invalid": {
-      "description": "Present when the field is in invalid state."
-    },
-    "data-dirty": {
-      "description": "Present when the field's value has changed."
-    },
-    "data-touched": {
-      "description": "Present when the field has been touched."
-    },
-    "data-filled": {
-      "description": "Present when the field is filled."
-    },
-    "data-focused": {
-      "description": "Present when the field control is focused."
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/field-error.json b/docs/reference/generated/field-error.json
deleted file mode 100644
index 0bebd6a8975..00000000000
--- a/docs/reference/generated/field-error.json
+++ /dev/null
@@ -1,49 +0,0 @@
-{
-  "name": "FieldError",
-  "description": "An error message displayed if the field control fails validation.\nRenders a `<div>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: Field.Root.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((state: Field.Root.State) => CSSProperties | undefined)\n| undefined"
-    },
-    "match": {
-      "type": "boolean | 'valid' | 'badInput' | 'customError' | 'patternMismatch' | 'rangeOverflow' | 'rangeUnderflow' | 'stepMismatch' | 'tooLong' | 'tooShort' | 'typeMismatch' | 'valueMissing'",
-      "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.",
-      "detailedType": "| boolean\n| 'valid'\n| 'badInput'\n| 'customError'\n| 'patternMismatch'\n| 'rangeOverflow'\n| 'rangeUnderflow'\n| 'stepMismatch'\n| 'tooLong'\n| 'tooShort'\n| 'typeMismatch'\n| 'valueMissing'\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: Field.Root.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Field.Root.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Field.Root.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Field.Root.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-disabled": {
-      "description": "Present when the field is disabled."
-    },
-    "data-valid": {
-      "description": "Present when the field is in valid state."
-    },
-    "data-invalid": {
-      "description": "Present when the field is in invalid state."
-    },
-    "data-dirty": {
-      "description": "Present when the field's value has changed."
-    },
-    "data-touched": {
-      "description": "Present when the field has been touched."
-    },
-    "data-filled": {
-      "description": "Present when the field is filled."
-    },
-    "data-focused": {
-      "description": "Present when the field control is focused."
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/field-item.json b/docs/reference/generated/field-item.json
deleted file mode 100644
index 7f671af328b..00000000000
--- a/docs/reference/generated/field-item.json
+++ /dev/null
@@ -1,28 +0,0 @@
-{
-  "name": "FieldItem",
-  "description": "Groups individual items in a checkbox group or radio group with a label and description.\nRenders a `<div>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: Field.Root.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((state: Field.Root.State) => CSSProperties | undefined)\n| undefined"
-    },
-    "disabled": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether the wrapped control should ignore user interaction.\nThe `disabled` prop on `<Field.Root>` takes precedence over this.",
-      "detailedType": "boolean | undefined"
-    },
-    "className": {
-      "type": "string | ((state: Field.Root.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Field.Root.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Field.Root.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Field.Root.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {},
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/field-label.json b/docs/reference/generated/field-label.json
deleted file mode 100644
index 37650131746..00000000000
--- a/docs/reference/generated/field-label.json
+++ /dev/null
@@ -1,44 +0,0 @@
-{
-  "name": "FieldLabel",
-  "description": "An accessible label that is automatically associated with the field control.\nRenders a `<label>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: Field.Root.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((state: Field.Root.State) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: Field.Root.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Field.Root.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Field.Root.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Field.Root.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-disabled": {
-      "description": "Present when the field is disabled."
-    },
-    "data-valid": {
-      "description": "Present when the field is in valid state."
-    },
-    "data-invalid": {
-      "description": "Present when the field is in invalid state."
-    },
-    "data-dirty": {
-      "description": "Present when the field's value has changed."
-    },
-    "data-touched": {
-      "description": "Present when the field has been touched."
-    },
-    "data-filled": {
-      "description": "Present when the field is filled."
-    },
-    "data-focused": {
-      "description": "Present when the field control is focused."
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/field-root.json b/docs/reference/generated/field-root.json
deleted file mode 100644
index f36e43baa22..00000000000
--- a/docs/reference/generated/field-root.json
+++ /dev/null
@@ -1,87 +0,0 @@
-{
-  "name": "FieldRoot",
-  "description": "Groups all parts of the field.\nRenders a `<div>` element.",
-  "props": {
-    "name": {
-      "type": "string",
-      "description": "Identifies the field when a form is submitted.\nTakes precedence over the `name` prop on the `<Field.Control>` component.",
-      "detailedType": "string | undefined"
-    },
-    "dirty": {
-      "type": "boolean",
-      "description": "Whether the field's value has been changed from its initial value.\nUseful when the field state is controlled by an external library.",
-      "detailedType": "boolean | undefined"
-    },
-    "style": {
-      "type": "CSSProperties | ((state: Field.Root.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((state: Field.Root.State) => CSSProperties | undefined)\n| undefined"
-    },
-    "touched": {
-      "type": "boolean",
-      "description": "Whether the field has been touched.\nUseful when the field state is controlled by an external library.",
-      "detailedType": "boolean | undefined"
-    },
-    "disabled": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether the component should ignore user interaction.\nTakes precedence over the `disabled` prop on the `<Field.Control>` component.",
-      "detailedType": "boolean | undefined"
-    },
-    "invalid": {
-      "type": "boolean",
-      "description": "Whether the field is invalid.\nUseful when the field state is controlled by an external library.",
-      "detailedType": "boolean | undefined"
-    },
-    "validate": {
-      "type": "((value: unknown, formValues: Record<string, unknown>) => string | string[] | Promise<string | string[] | null> | 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\"`.",
-      "detailedType": "| ((\n    value: unknown,\n    formValues: Record<string, unknown>,\n  ) =>\n    | string\n    | string[]\n    | Promise<string | string[] | null>\n    | null)\n| undefined"
-    },
-    "validationMode": {
-      "type": "Form.ValidationMode",
-      "default": "'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.",
-      "detailedType": "'onBlur' | 'onChange' | 'onSubmit' | undefined"
-    },
-    "validationDebounceTime": {
-      "type": "number",
-      "default": "0",
-      "description": "How long to wait between `validate` callbacks if\n`validationMode=\"onChange\"` is used. Specified in milliseconds.",
-      "detailedType": "number | undefined"
-    },
-    "className": {
-      "type": "string | ((state: Field.Root.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Field.Root.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Field.Root.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Field.Root.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-disabled": {
-      "description": "Present when the field is disabled."
-    },
-    "data-valid": {
-      "description": "Present when the field is valid."
-    },
-    "data-invalid": {
-      "description": "Present when the field is invalid."
-    },
-    "data-dirty": {
-      "description": "Present when the field's value has changed."
-    },
-    "data-touched": {
-      "description": "Present when the field has been touched."
-    },
-    "data-filled": {
-      "description": "Present when the field is filled."
-    },
-    "data-focused": {
-      "description": "Present when the field control is focused."
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/field-validity.json b/docs/reference/generated/field-validity.json
deleted file mode 100644
index 3ddbc1ce913..00000000000
--- a/docs/reference/generated/field-validity.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
-  "name": "FieldValidity",
-  "description": "Used to display a custom message based on the field’s validity.\nRequires `children` to be a function that accepts field validity state as an argument.",
-  "props": {
-    "children": {
-      "type": "((state: Field.Validity.State) => ReactNode)",
-      "required": true,
-      "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```",
-      "detailedType": "(state: Field.Validity.State) => ReactNode"
-    }
-  },
-  "dataAttributes": {},
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/fieldset-legend.json b/docs/reference/generated/fieldset-legend.json
deleted file mode 100644
index c50fe15a078..00000000000
--- a/docs/reference/generated/fieldset-legend.json
+++ /dev/null
@@ -1,22 +0,0 @@
-{
-  "name": "FieldsetLegend",
-  "description": "An accessible label that is automatically associated with the fieldset.\nRenders a `<div>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: Fieldset.Legend.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: Fieldset.Legend.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: Fieldset.Legend.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Fieldset.Legend.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Fieldset.Legend.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Fieldset.Legend.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {},
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/fieldset-root.json b/docs/reference/generated/fieldset-root.json
deleted file mode 100644
index 85808801b47..00000000000
--- a/docs/reference/generated/fieldset-root.json
+++ /dev/null
@@ -1,22 +0,0 @@
-{
-  "name": "FieldsetRoot",
-  "description": "Groups the fieldset legend and the associated fields.\nRenders a `<fieldset>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: Fieldset.Root.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: Fieldset.Root.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: Fieldset.Root.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Fieldset.Root.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Fieldset.Root.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Fieldset.Root.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {},
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/form.json b/docs/reference/generated/form.json
deleted file mode 100644
index 4e229d2c472..00000000000
--- a/docs/reference/generated/form.json
+++ /dev/null
@@ -1,37 +0,0 @@
-{
-  "name": "Form",
-  "description": "A native form element with consolidated error handling.\nRenders a `<form>` element.",
-  "props": {
-    "errors": {
-      "type": "Errors",
-      "description": "An object where the keys correspond to the `name` attribute of the form fields,\nand the values correspond to the error(s) related to that field.",
-      "detailedType": "{} | undefined"
-    },
-    "onClearErrors": {
-      "type": "((errors: Errors) => void)",
-      "description": "Event handler called when the `errors` object is cleared.",
-      "detailedType": "((errors: Errors) => void) | undefined"
-    },
-    "style": {
-      "type": "CSSProperties | ((state: Form.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((state: Form.State) => CSSProperties | undefined)\n| undefined"
-    },
-    "validationMode": {
-      "type": "FormValidationMode",
-      "default": "'onSubmit'",
-      "description": "Determines when the form should be validated.\nThe `validationMode` prop on `<Field.Root>` takes precedence over this.\n\n- `onSubmit` (default): validates the field when the form is submitted, afterwards fields will re-validate on change.\n- `onBlur`: validates a field when it loses focus.\n- `onChange`: validates the field on every change to its value.",
-      "detailedType": "'onBlur' | 'onChange' | 'onSubmit' | undefined"
-    },
-    "className": {
-      "type": "string | ((state: Form.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state."
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Form.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((props: HTMLProps, state: Form.State) => ReactElement)"
-    }
-  },
-  "dataAttributes": {},
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/group-collection-provider.json b/docs/reference/generated/group-collection-provider.json
deleted file mode 100644
index 8911513ee40..00000000000
--- a/docs/reference/generated/group-collection-provider.json
+++ /dev/null
@@ -1,16 +0,0 @@
-{
-  "name": "GroupCollectionProvider",
-  "props": {
-    "items": {
-      "type": "any[]",
-      "required": true
-    },
-    "children": {
-      "type": "ReactNode",
-      "required": true,
-      "detailedType": "React.ReactNode"
-    }
-  },
-  "dataAttributes": {},
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/input.json b/docs/reference/generated/input.json
deleted file mode 100644
index 10d231f6d8b..00000000000
--- a/docs/reference/generated/input.json
+++ /dev/null
@@ -1,53 +0,0 @@
-{
-  "name": "Input",
-  "description": "A native input element that automatically works with [Field](https://base-ui.com/react/components/field).\nRenders an `<input>` element.",
-  "props": {
-    "defaultValue": {
-      "type": "string | number | string[]",
-      "detailedType": "string | number | string[] | undefined"
-    },
-    "onValueChange": {
-      "type": "((value: string, eventDetails: Field.Control.ChangeEventDetails) => void)",
-      "description": "Callback fired when the `value` changes. Use when controlled.",
-      "detailedType": "| ((\n    value: string,\n    eventDetails: Field.Control.ChangeEventDetails,\n  ) => void)\n| undefined"
-    },
-    "style": {
-      "type": "CSSProperties | ((state: Input.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((state: Input.State) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: Input.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Input.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Input.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((props: HTMLProps, state: Input.State) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-disabled": {
-      "description": "Present when the input is disabled."
-    },
-    "data-valid": {
-      "description": "Present when the input is in valid state (when wrapped in Field.Root)."
-    },
-    "data-invalid": {
-      "description": "Present when the input is in invalid state (when wrapped in Field.Root)."
-    },
-    "data-dirty": {
-      "description": "Present when the input's value has changed (when wrapped in Field.Root)."
-    },
-    "data-touched": {
-      "description": "Present when the input has been touched (when wrapped in Field.Root)."
-    },
-    "data-filled": {
-      "description": "Present when the input is filled (when wrapped in Field.Root)."
-    },
-    "data-focused": {
-      "description": "Present when the input is focused (when wrapped in Field.Root)."
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/menu-arrow.json b/docs/reference/generated/menu-arrow.json
deleted file mode 100644
index 885926b0d6b..00000000000
--- a/docs/reference/generated/menu-arrow.json
+++ /dev/null
@@ -1,43 +0,0 @@
-{
-  "name": "MenuArrow",
-  "description": "Displays an element positioned against the menu anchor.\nRenders a `<div>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: Menu.Arrow.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((state: Menu.Arrow.State) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: Menu.Arrow.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Menu.Arrow.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Menu.Arrow.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Menu.Arrow.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-open": {
-      "description": "Present when the menu popup is open."
-    },
-    "data-closed": {
-      "description": "Present when the menu popup is closed."
-    },
-    "data-uncentered": {
-      "description": "Present when the menu arrow is uncentered."
-    },
-    "data-anchor-hidden": {
-      "description": "Present when the anchor is hidden."
-    },
-    "data-align": {
-      "description": "Indicates how the popup is aligned relative to specified side.",
-      "type": "'start' | 'center' | 'end'"
-    },
-    "data-side": {
-      "description": "Indicates which side the popup is positioned relative to the trigger.",
-      "type": "'top' | 'bottom' | 'left' | 'right' | 'inline-end' | 'inline-start'"
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/menu-backdrop.json b/docs/reference/generated/menu-backdrop.json
deleted file mode 100644
index 8559664d6bf..00000000000
--- a/docs/reference/generated/menu-backdrop.json
+++ /dev/null
@@ -1,35 +0,0 @@
-{
-  "name": "MenuBackdrop",
-  "description": "An overlay displayed beneath the menu popup.\nRenders a `<div>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: Menu.Backdrop.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: Menu.Backdrop.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: Menu.Backdrop.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Menu.Backdrop.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Menu.Backdrop.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Menu.Backdrop.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-open": {
-      "description": "Present when the menu is open."
-    },
-    "data-closed": {
-      "description": "Present when the menu is closed."
-    },
-    "data-starting-style": {
-      "description": "Present when the menu is animating in."
-    },
-    "data-ending-style": {
-      "description": "Present when the menu is animating out."
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/menu-checkbox-item-indicator.json b/docs/reference/generated/menu-checkbox-item-indicator.json
deleted file mode 100644
index f934bf11cad..00000000000
--- a/docs/reference/generated/menu-checkbox-item-indicator.json
+++ /dev/null
@@ -1,44 +0,0 @@
-{
-  "name": "MenuCheckboxItemIndicator",
-  "description": "Indicates whether the checkbox item is ticked.\nRenders a `<div>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: Menu.CheckboxItemIndicator.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: Menu.CheckboxItemIndicator.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: Menu.CheckboxItemIndicator.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((\n    state: Menu.CheckboxItemIndicator.State,\n  ) => string | undefined)"
-    },
-    "keepMounted": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether to keep the HTML element in the DOM when the checkbox item is not checked.",
-      "detailedType": "boolean | undefined"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Menu.CheckboxItemIndicator.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Menu.CheckboxItemIndicator.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-checked": {
-      "description": "Present when the menu checkbox item is checked."
-    },
-    "data-unchecked": {
-      "description": "Present when the menu checkbox item is not checked."
-    },
-    "data-disabled": {
-      "description": "Present when the menu checkbox item is disabled."
-    },
-    "data-starting-style": {
-      "description": "Present when the indicator is animating in."
-    },
-    "data-ending-style": {
-      "description": "Present when the indicator is animating out."
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/menu-checkbox-item.json b/docs/reference/generated/menu-checkbox-item.json
deleted file mode 100644
index 39c021e1d7e..00000000000
--- a/docs/reference/generated/menu-checkbox-item.json
+++ /dev/null
@@ -1,83 +0,0 @@
-{
-  "name": "MenuCheckboxItem",
-  "description": "A menu item that toggles a setting on or off.\nRenders a `<div>` element.",
-  "props": {
-    "label": {
-      "type": "string",
-      "description": "Overrides the text label to use when the item is matched during keyboard text navigation.",
-      "detailedType": "string | undefined"
-    },
-    "defaultChecked": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether the checkbox item is initially ticked.\n\nTo render a controlled checkbox item, use the `checked` prop instead.",
-      "detailedType": "boolean | undefined"
-    },
-    "checked": {
-      "type": "boolean",
-      "description": "Whether the checkbox item is currently ticked.\n\nTo render an uncontrolled checkbox item, use the `defaultChecked` prop instead.",
-      "detailedType": "boolean | undefined"
-    },
-    "onCheckedChange": {
-      "type": "((checked: boolean, eventDetails: Menu.CheckboxItem.ChangeEventDetails) => void)",
-      "description": "Event handler called when the checkbox item is ticked or unticked.",
-      "detailedType": "| ((\n    checked: boolean,\n    eventDetails: Menu.CheckboxItem.ChangeEventDetails,\n  ) => void)\n| undefined"
-    },
-    "onClick": {
-      "type": "MouseEventHandler<HTMLElement>",
-      "description": "The click handler for the menu item.",
-      "detailedType": "React.MouseEventHandler<HTMLElement> | undefined"
-    },
-    "closeOnClick": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether to close the menu when the item is clicked.",
-      "detailedType": "boolean | undefined"
-    },
-    "nativeButton": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether the component renders a native `<button>` element when replacing it\nvia the `render` prop.\nSet to `true` if the rendered element is a native button.",
-      "detailedType": "boolean | undefined"
-    },
-    "style": {
-      "type": "CSSProperties | ((state: Menu.CheckboxItem.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: Menu.CheckboxItem.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "disabled": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether the component should ignore user interaction.",
-      "detailedType": "boolean | undefined"
-    },
-    "id": {
-      "type": "string",
-      "detailedType": "string | undefined"
-    },
-    "className": {
-      "type": "string | ((state: Menu.CheckboxItem.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Menu.CheckboxItem.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Menu.CheckboxItem.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Menu.CheckboxItem.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-checked": {
-      "description": "Present when the menu checkbox item is checked."
-    },
-    "data-unchecked": {
-      "description": "Present when the menu checkbox item is not checked."
-    },
-    "data-highlighted": {
-      "description": "Present when the menu checkbox item is highlighted."
-    },
-    "data-disabled": {
-      "description": "Present when the menu checkbox item is disabled."
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/menu-group-label.json b/docs/reference/generated/menu-group-label.json
deleted file mode 100644
index dc464896ece..00000000000
--- a/docs/reference/generated/menu-group-label.json
+++ /dev/null
@@ -1,22 +0,0 @@
-{
-  "name": "MenuGroupLabel",
-  "description": "An accessible label that is automatically associated with its parent group.\nRenders a `<div>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: Menu.GroupLabel.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: Menu.GroupLabel.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: Menu.GroupLabel.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Menu.GroupLabel.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Menu.GroupLabel.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Menu.GroupLabel.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {},
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/menu-group.json b/docs/reference/generated/menu-group.json
deleted file mode 100644
index b3c696f11e9..00000000000
--- a/docs/reference/generated/menu-group.json
+++ /dev/null
@@ -1,27 +0,0 @@
-{
-  "name": "MenuGroup",
-  "description": "Groups related menu items with the corresponding label.\nRenders a `<div>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: Menu.Group.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((state: Menu.Group.State) => CSSProperties | undefined)\n| undefined"
-    },
-    "children": {
-      "type": "ReactNode",
-      "description": "The content of the component.",
-      "detailedType": "React.ReactNode"
-    },
-    "className": {
-      "type": "string | ((state: Menu.Group.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Menu.Group.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Menu.Group.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Menu.Group.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {},
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/menu-item.json b/docs/reference/generated/menu-item.json
deleted file mode 100644
index 159fd25453b..00000000000
--- a/docs/reference/generated/menu-item.json
+++ /dev/null
@@ -1,61 +0,0 @@
-{
-  "name": "MenuItem",
-  "description": "An individual interactive item in the menu.\nRenders a `<div>` element.",
-  "props": {
-    "label": {
-      "type": "string",
-      "description": "Overrides the text label to use when the item is matched during keyboard text navigation.",
-      "detailedType": "string | undefined"
-    },
-    "onClick": {
-      "type": "MouseEventHandler<HTMLElement>",
-      "description": "The click handler for the menu item.",
-      "detailedType": "React.MouseEventHandler<HTMLElement> | undefined"
-    },
-    "closeOnClick": {
-      "type": "boolean",
-      "default": "true",
-      "description": "Whether to close the menu when the item is clicked.",
-      "detailedType": "boolean | undefined"
-    },
-    "nativeButton": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether the component renders a native `<button>` element when replacing it\nvia the `render` prop.\nSet to `true` if the rendered element is a native button.",
-      "detailedType": "boolean | undefined"
-    },
-    "style": {
-      "type": "CSSProperties | ((state: Menu.Item.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((state: Menu.Item.State) => CSSProperties | undefined)\n| undefined"
-    },
-    "disabled": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether the component should ignore user interaction.",
-      "detailedType": "boolean | undefined"
-    },
-    "id": {
-      "type": "string",
-      "detailedType": "string | undefined"
-    },
-    "className": {
-      "type": "string | ((state: Menu.Item.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Menu.Item.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Menu.Item.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Menu.Item.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-highlighted": {
-      "description": "Present when the menu item is highlighted."
-    },
-    "data-disabled": {
-      "description": "Present when the menu item is disabled."
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/menu-popup.json b/docs/reference/generated/menu-popup.json
deleted file mode 100644
index f8b38be494d..00000000000
--- a/docs/reference/generated/menu-popup.json
+++ /dev/null
@@ -1,60 +0,0 @@
-{
-  "name": "MenuPopup",
-  "description": "A container for the menu items.\nRenders a `<div>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: Menu.Popup.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((state: Menu.Popup.State) => CSSProperties | undefined)\n| undefined"
-    },
-    "finalFocus": {
-      "type": "boolean | RefObject<HTMLElement | null> | ((closeType: InteractionType) => boolean | void | HTMLElement | null)",
-      "description": "Determines the element to focus when the menu 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.",
-      "detailedType": "| boolean\n| React.RefObject<HTMLElement | null>\n| ((\n    closeType: InteractionType,\n  ) => boolean | void | HTMLElement | null)\n| undefined"
-    },
-    "id": {
-      "type": "string",
-      "detailedType": "string | undefined"
-    },
-    "children": {
-      "type": "ReactNode",
-      "detailedType": "React.ReactNode"
-    },
-    "className": {
-      "type": "string | ((state: Menu.Popup.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Menu.Popup.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Menu.Popup.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Menu.Popup.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-open": {
-      "description": "Present when the menu is open."
-    },
-    "data-closed": {
-      "description": "Present when the menu is closed."
-    },
-    "data-align": {
-      "description": "Indicates how the popup is aligned relative to specified side.",
-      "type": "'start' | 'center' | 'end'"
-    },
-    "data-instant": {
-      "description": "Present if animations should be instant.",
-      "type": "'click' | 'dismiss' | 'group'"
-    },
-    "data-side": {
-      "description": "Indicates which side the popup is positioned relative to the trigger.",
-      "type": "'top' | 'bottom' | 'left' | 'right' | 'inline-end' | 'inline-start'"
-    },
-    "data-starting-style": {
-      "description": "Present when the menu is animating in."
-    },
-    "data-ending-style": {
-      "description": "Present when the menu is animating out."
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/menu-portal.json b/docs/reference/generated/menu-portal.json
deleted file mode 100644
index 3e2bdf22a6f..00000000000
--- a/docs/reference/generated/menu-portal.json
+++ /dev/null
@@ -1,33 +0,0 @@
-{
-  "name": "MenuPortal",
-  "description": "A portal element that moves the popup to a different part of the DOM.\nBy default, the portal element is appended to `<body>`.\nRenders a `<div>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: Menu.Portal.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: Menu.Portal.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "container": {
-      "type": "HTMLElement | ShadowRoot | RefObject<HTMLElement | ShadowRoot | null> | null",
-      "description": "A parent element to render the portal element into.",
-      "detailedType": "| HTMLElement\n| ShadowRoot\n| React.RefObject<HTMLElement | ShadowRoot | null>\n| null\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: Menu.Portal.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Menu.Portal.State) => string | undefined)"
-    },
-    "keepMounted": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether to keep the portal mounted in the DOM while the popup is hidden.",
-      "detailedType": "boolean | undefined"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Menu.Portal.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Menu.Portal.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {},
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/menu-positioner.json b/docs/reference/generated/menu-positioner.json
deleted file mode 100644
index 4511fd6b18b..00000000000
--- a/docs/reference/generated/menu-positioner.json
+++ /dev/null
@@ -1,134 +0,0 @@
-{
-  "name": "MenuPositioner",
-  "description": "Positions the menu popup against the trigger.\nRenders a `<div>` element.",
-  "props": {
-    "collisionAvoidance": {
-      "type": "CollisionAvoidance",
-      "description": "Determines how to handle collisions when positioning the popup.",
-      "example": "```jsx\n<Positioner\n  collisionAvoidance={{\n    side: 'shift',\n    align: 'shift',\n    fallbackAxisSide: 'none',\n  }}\n/>\n```",
-      "detailedType": "| {\n    side?: 'none' | 'flip'\n    align?: 'none' | 'flip' | 'shift'\n    fallbackAxisSide?: 'none' | 'end' | 'start'\n  }\n| {\n    side?: 'none' | 'shift'\n    align?: 'none' | 'shift'\n    fallbackAxisSide?: 'none' | 'end' | 'start'\n  }\n| undefined"
-    },
-    "style": {
-      "type": "CSSProperties | ((state: Menu.Positioner.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: Menu.Positioner.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "align": {
-      "type": "Align",
-      "default": "'center'",
-      "description": "How to align the popup relative to the specified side.",
-      "detailedType": "'center' | 'end' | 'start' | undefined"
-    },
-    "alignOffset": {
-      "type": "number | OffsetFunction",
-      "default": "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.",
-      "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```",
-      "detailedType": "| number\n| ((data: {\n    side: Side\n    align: Align\n    anchor: { width: number; height: number }\n    positioner: { width: number; height: number }\n  }) => number)\n| undefined"
-    },
-    "side": {
-      "type": "Side",
-      "default": "'bottom'",
-      "description": "Which side of the anchor element to align the popup against.\nMay automatically change to avoid collisions.",
-      "detailedType": "| 'left'\n| 'right'\n| 'bottom'\n| 'top'\n| 'inline-end'\n| 'inline-start'\n| undefined"
-    },
-    "sideOffset": {
-      "type": "number | OffsetFunction",
-      "default": "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.",
-      "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```",
-      "detailedType": "| number\n| ((data: {\n    side: Side\n    align: Align\n    anchor: { width: number; height: number }\n    positioner: { width: number; height: number }\n  }) => number)\n| undefined"
-    },
-    "arrowPadding": {
-      "type": "number",
-      "default": "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.",
-      "detailedType": "number | undefined"
-    },
-    "anchor": {
-      "type": "Element | RefObject<Element | null> | VirtualElement | (() => Element | VirtualElement | null) | null",
-      "description": "An element to position the popup against.\nBy default, the popup will be positioned against the trigger.",
-      "detailedType": "| Element\n| React.RefObject<Element | null>\n| VirtualElement\n| (() => Element | VirtualElement | null)\n| null\n| undefined"
-    },
-    "collisionBoundary": {
-      "type": "Boundary",
-      "default": "'clipping-ancestors'",
-      "description": "An element or a rectangle that delimits the area that the popup is confined to.",
-      "detailedType": "| Element\n| 'clipping-ancestors'\n| Element[]\n| Rect\n| undefined"
-    },
-    "collisionPadding": {
-      "type": "Padding",
-      "default": "5",
-      "description": "Additional space to maintain from the edge of the collision boundary.",
-      "detailedType": "| {\n    top?: number\n    right?: number\n    bottom?: number\n    left?: number\n  }\n| number\n| undefined"
-    },
-    "sticky": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether to maintain the popup in the viewport after\nthe anchor element was scrolled out of view.",
-      "detailedType": "boolean | undefined"
-    },
-    "positionMethod": {
-      "type": "'fixed' | 'absolute'",
-      "default": "'absolute'",
-      "description": "Determines which CSS `position` property to use.",
-      "detailedType": "'fixed' | 'absolute' | undefined"
-    },
-    "trackAnchor": {
-      "type": "boolean",
-      "default": "true",
-      "description": "Whether the popup tracks any layout shift of its positioning anchor.",
-      "detailedType": "boolean | undefined"
-    },
-    "className": {
-      "type": "string | ((state: Menu.Positioner.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Menu.Positioner.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Menu.Positioner.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Menu.Positioner.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-open": {
-      "description": "Present when the menu popup is open."
-    },
-    "data-closed": {
-      "description": "Present when the menu popup is closed."
-    },
-    "data-anchor-hidden": {
-      "description": "Present when the anchor is hidden."
-    },
-    "data-align": {
-      "description": "Indicates how the popup is aligned relative to specified side.",
-      "type": "'start' | 'center' | 'end'"
-    },
-    "data-side": {
-      "description": "Indicates which side the popup is positioned relative to the trigger.",
-      "type": "'top' | 'bottom' | 'left' | 'right' | 'inline-end' | 'inline-start'"
-    }
-  },
-  "cssVariables": {
-    "--anchor-height": {
-      "description": "The anchor's height.",
-      "type": "number"
-    },
-    "--anchor-width": {
-      "description": "The anchor's width.",
-      "type": "number"
-    },
-    "--available-height": {
-      "description": "The available height between the trigger and the edge of the viewport.",
-      "type": "number"
-    },
-    "--available-width": {
-      "description": "The available width between the trigger and the edge of the viewport.",
-      "type": "number"
-    },
-    "--transform-origin": {
-      "description": "The coordinates that this element is anchored to. Used for animations and transitions.",
-      "type": "string"
-    }
-  }
-}
diff --git a/docs/reference/generated/menu-radio-group.json b/docs/reference/generated/menu-radio-group.json
deleted file mode 100644
index 5fe069c75db..00000000000
--- a/docs/reference/generated/menu-radio-group.json
+++ /dev/null
@@ -1,46 +0,0 @@
-{
-  "name": "MenuRadioGroup",
-  "description": "Groups related radio items.\nRenders a `<div>` element.",
-  "props": {
-    "defaultValue": {
-      "type": "any",
-      "description": "The uncontrolled value of the radio item that should be initially selected.\n\nTo render a controlled radio group, use the `value` prop instead."
-    },
-    "value": {
-      "type": "any",
-      "description": "The controlled value of the radio item that should be currently selected.\n\nTo render an uncontrolled radio group, use the `defaultValue` prop instead."
-    },
-    "onValueChange": {
-      "type": "((value: any, eventDetails: Menu.RadioGroup.ChangeEventDetails) => void)",
-      "description": "Function called when the selected value changes.",
-      "detailedType": "| ((\n    value: any,\n    eventDetails: Menu.RadioGroup.ChangeEventDetails,\n  ) => void)\n| undefined"
-    },
-    "style": {
-      "type": "CSSProperties | ((state: Menu.RadioGroup.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: Menu.RadioGroup.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "disabled": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether the component should ignore user interaction.",
-      "detailedType": "boolean | undefined"
-    },
-    "children": {
-      "type": "ReactNode",
-      "description": "The content of the component.",
-      "detailedType": "React.ReactNode"
-    },
-    "className": {
-      "type": "string | ((state: Menu.RadioGroup.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Menu.RadioGroup.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Menu.RadioGroup.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Menu.RadioGroup.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {},
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/menu-radio-item-indicator.json b/docs/reference/generated/menu-radio-item-indicator.json
deleted file mode 100644
index 583605fe931..00000000000
--- a/docs/reference/generated/menu-radio-item-indicator.json
+++ /dev/null
@@ -1,44 +0,0 @@
-{
-  "name": "MenuRadioItemIndicator",
-  "description": "Indicates whether the radio item is selected.\nRenders a `<div>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: Menu.RadioItemIndicator.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: Menu.RadioItemIndicator.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: Menu.RadioItemIndicator.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((\n    state: Menu.RadioItemIndicator.State,\n  ) => string | undefined)"
-    },
-    "keepMounted": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether to keep the HTML element in the DOM when the radio item is inactive.",
-      "detailedType": "boolean | undefined"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Menu.RadioItemIndicator.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Menu.RadioItemIndicator.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-checked": {
-      "description": "Present when the menu radio item is selected."
-    },
-    "data-unchecked": {
-      "description": "Present when the menu radio item is not selected."
-    },
-    "data-disabled": {
-      "description": "Present when the menu radio item is disabled."
-    },
-    "data-starting-style": {
-      "description": "Present when the radio indicator is animating in."
-    },
-    "data-ending-style": {
-      "description": "Present when the radio indicator is animating out."
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/menu-radio-item.json b/docs/reference/generated/menu-radio-item.json
deleted file mode 100644
index 6dc318a9296..00000000000
--- a/docs/reference/generated/menu-radio-item.json
+++ /dev/null
@@ -1,72 +0,0 @@
-{
-  "name": "MenuRadioItem",
-  "description": "A menu item that works like a radio button in a given group.\nRenders a `<div>` element.",
-  "props": {
-    "label": {
-      "type": "string",
-      "description": "Overrides the text label to use when the item is matched during keyboard text navigation.",
-      "detailedType": "string | undefined"
-    },
-    "value": {
-      "type": "any",
-      "required": true,
-      "description": "Value of the radio item.\nThis is the value that will be set in the Menu.RadioGroup when the item is selected."
-    },
-    "onClick": {
-      "type": "MouseEventHandler<HTMLElement>",
-      "description": "The click handler for the menu item.",
-      "detailedType": "React.MouseEventHandler<HTMLElement> | undefined"
-    },
-    "closeOnClick": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether to close the menu when the item is clicked.",
-      "detailedType": "boolean | undefined"
-    },
-    "nativeButton": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether the component renders a native `<button>` element when replacing it\nvia the `render` prop.\nSet to `true` if the rendered element is a native button.",
-      "detailedType": "boolean | undefined"
-    },
-    "style": {
-      "type": "CSSProperties | ((state: Menu.RadioItem.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: Menu.RadioItem.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "disabled": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether the component should ignore user interaction.",
-      "detailedType": "boolean | undefined"
-    },
-    "id": {
-      "type": "string",
-      "detailedType": "string | undefined"
-    },
-    "className": {
-      "type": "string | ((state: Menu.RadioItem.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Menu.RadioItem.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Menu.RadioItem.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Menu.RadioItem.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-checked": {
-      "description": "Present when the menu radio item is selected."
-    },
-    "data-unchecked": {
-      "description": "Present when the menu radio item is not selected."
-    },
-    "data-highlighted": {
-      "description": "Present when the menu radio item is highlighted."
-    },
-    "data-disabled": {
-      "description": "Present when the menu radio item is disabled."
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/menu-root.json b/docs/reference/generated/menu-root.json
deleted file mode 100644
index c3e9cfa72df..00000000000
--- a/docs/reference/generated/menu-root.json
+++ /dev/null
@@ -1,86 +0,0 @@
-{
-  "name": "MenuRoot",
-  "description": "Groups all parts of the menu.\nDoesn’t render its own HTML element.",
-  "props": {
-    "defaultOpen": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether the menu is initially open.\n\nTo render a controlled menu, use the `open` prop instead.",
-      "detailedType": "boolean | undefined"
-    },
-    "open": {
-      "type": "boolean",
-      "description": "Whether the menu is currently open.",
-      "detailedType": "boolean | undefined"
-    },
-    "onOpenChange": {
-      "type": "((open: boolean, eventDetails: Menu.Root.ChangeEventDetails) => void)",
-      "description": "Event handler called when the menu is opened or closed.",
-      "detailedType": "| ((\n    open: boolean,\n    eventDetails: Menu.Root.ChangeEventDetails,\n  ) => void)\n| undefined"
-    },
-    "actionsRef": {
-      "type": "RefObject<Menu.Root.Actions>",
-      "description": "A ref to imperative actions.\n- `unmount`: When specified, the menu will not be unmounted when closed.\nInstead, the `unmount` function must be called to unmount the menu manually.\nUseful when the menu's animation is controlled by an external library.",
-      "detailedType": "React.RefObject<Menu.Root.Actions> | undefined"
-    },
-    "closeParentOnEsc": {
-      "type": "boolean",
-      "default": "true",
-      "description": "When in a submenu, determines whether pressing the Escape key\ncloses the entire menu, or only the current child menu.",
-      "detailedType": "boolean | undefined"
-    },
-    "modal": {
-      "type": "boolean",
-      "default": "true",
-      "description": "Determines if the menu enters a modal state when open.\n- `true`: user interaction is limited to the menu: document page scroll is locked and and pointer interactions on outside elements are disabled.\n- `false`: user interaction with the rest of the document is allowed.",
-      "detailedType": "boolean | undefined"
-    },
-    "onOpenChangeComplete": {
-      "type": "((open: boolean) => void)",
-      "description": "Event handler called after any animations complete when the menu is closed.",
-      "detailedType": "((open: boolean) => void) | undefined"
-    },
-    "disabled": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether the component should ignore user interaction.",
-      "detailedType": "boolean | undefined"
-    },
-    "openOnHover": {
-      "type": "boolean",
-      "description": "Whether the menu should also open when the trigger is hovered.",
-      "detailedType": "boolean | undefined"
-    },
-    "delay": {
-      "type": "number",
-      "default": "100",
-      "description": "How long to wait before the menu may be opened on hover. Specified in milliseconds.\n\nRequires the `openOnHover` prop.",
-      "detailedType": "number | undefined"
-    },
-    "closeDelay": {
-      "type": "number",
-      "default": "0",
-      "description": "How long to wait before closing the menu that was opened on hover.\nSpecified in milliseconds.\n\nRequires the `openOnHover` prop.",
-      "detailedType": "number | undefined"
-    },
-    "loop": {
-      "type": "boolean",
-      "default": "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.",
-      "detailedType": "boolean | undefined"
-    },
-    "orientation": {
-      "type": "Menu.Root.Orientation",
-      "default": "'vertical'",
-      "description": "The visual orientation of the menu.\nControls whether roving focus uses up/down or left/right arrow keys.",
-      "detailedType": "'horizontal' | 'vertical' | undefined"
-    },
-    "children": {
-      "type": "ReactNode",
-      "required": true,
-      "detailedType": "React.ReactNode"
-    }
-  },
-  "dataAttributes": {},
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/menu-submenu-root.json b/docs/reference/generated/menu-submenu-root.json
deleted file mode 100644
index c29c88310a6..00000000000
--- a/docs/reference/generated/menu-submenu-root.json
+++ /dev/null
@@ -1,81 +0,0 @@
-{
-  "name": "MenuSubmenuRoot",
-  "description": "Groups all parts of a submenu.\nDoesn’t render its own HTML element.",
-  "props": {
-    "defaultOpen": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether the menu is initially open.\n\nTo render a controlled menu, use the `open` prop instead.",
-      "detailedType": "boolean | undefined"
-    },
-    "open": {
-      "type": "boolean",
-      "description": "Whether the menu is currently open.",
-      "detailedType": "boolean | undefined"
-    },
-    "onOpenChange": {
-      "type": "((open: boolean, eventDetails: Menu.SubmenuRoot.ChangeEventDetails) => void)",
-      "description": "Event handler called when the menu is opened or closed.",
-      "detailedType": "| ((\n    open: boolean,\n    eventDetails: Menu.SubmenuRoot.ChangeEventDetails,\n  ) => void)\n| undefined"
-    },
-    "actionsRef": {
-      "type": "RefObject<Menu.Root.Actions>",
-      "description": "A ref to imperative actions.\n- `unmount`: When specified, the menu will not be unmounted when closed.\nInstead, the `unmount` function must be called to unmount the menu manually.\nUseful when the menu's animation is controlled by an external library.",
-      "detailedType": "React.RefObject<Menu.Root.Actions> | undefined"
-    },
-    "closeParentOnEsc": {
-      "type": "boolean",
-      "default": "true",
-      "description": "When in a submenu, determines whether pressing the Escape key\ncloses the entire menu, or only the current child menu.",
-      "detailedType": "boolean | undefined"
-    },
-    "onOpenChangeComplete": {
-      "type": "((open: boolean) => void)",
-      "description": "Event handler called after any animations complete when the menu is closed.",
-      "detailedType": "((open: boolean) => void) | undefined"
-    },
-    "disabled": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether the component should ignore user interaction.",
-      "detailedType": "boolean | undefined"
-    },
-    "openOnHover": {
-      "type": "boolean",
-      "default": "true",
-      "description": "Whether the submenu should open when the trigger is hovered.",
-      "detailedType": "boolean | undefined"
-    },
-    "delay": {
-      "type": "number",
-      "default": "100",
-      "description": "How long to wait before the menu may be opened on hover. Specified in milliseconds.\n\nRequires the `openOnHover` prop.",
-      "detailedType": "number | undefined"
-    },
-    "closeDelay": {
-      "type": "number",
-      "default": "0",
-      "description": "How long to wait before closing the menu that was opened on hover.\nSpecified in milliseconds.\n\nRequires the `openOnHover` prop.",
-      "detailedType": "number | undefined"
-    },
-    "loop": {
-      "type": "boolean",
-      "default": "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.",
-      "detailedType": "boolean | undefined"
-    },
-    "orientation": {
-      "type": "Menu.Root.Orientation",
-      "default": "'vertical'",
-      "description": "The visual orientation of the menu.\nControls whether roving focus uses up/down or left/right arrow keys.",
-      "detailedType": "'horizontal' | 'vertical' | undefined"
-    },
-    "children": {
-      "type": "ReactNode",
-      "required": true,
-      "detailedType": "React.ReactNode"
-    }
-  },
-  "dataAttributes": {},
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/menu-submenu-trigger.json b/docs/reference/generated/menu-submenu-trigger.json
deleted file mode 100644
index 09e90907d25..00000000000
--- a/docs/reference/generated/menu-submenu-trigger.json
+++ /dev/null
@@ -1,45 +0,0 @@
-{
-  "name": "MenuSubmenuTrigger",
-  "description": "A menu item that opens a submenu.\nRenders a `<div>` element.",
-  "props": {
-    "label": {
-      "type": "string",
-      "description": "Overrides the text label to use when the item is matched during keyboard text navigation.",
-      "detailedType": "string | undefined"
-    },
-    "onClick": {
-      "type": "MouseEventHandler<HTMLElement>",
-      "detailedType": "React.MouseEventHandler<HTMLElement> | undefined"
-    },
-    "nativeButton": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether the component renders a native `<button>` element when replacing it\nvia the `render` prop.\nSet to `true` if the rendered element is a native button.",
-      "detailedType": "boolean | undefined"
-    },
-    "style": {
-      "type": "CSSProperties | ((state: Menu.SubmenuTrigger.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: Menu.SubmenuTrigger.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "id": {
-      "type": "string",
-      "detailedType": "string | undefined"
-    },
-    "className": {
-      "type": "string | ((state: Menu.SubmenuTrigger.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Menu.SubmenuTrigger.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Menu.SubmenuTrigger.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Menu.SubmenuTrigger.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-popup-open": {
-      "description": "Present when the corresponding submenu is open."
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/menu-trigger.json b/docs/reference/generated/menu-trigger.json
deleted file mode 100644
index 34776c05c85..00000000000
--- a/docs/reference/generated/menu-trigger.json
+++ /dev/null
@@ -1,45 +0,0 @@
-{
-  "name": "MenuTrigger",
-  "description": "A button that opens the menu.\nRenders a `<button>` element.",
-  "props": {
-    "nativeButton": {
-      "type": "boolean",
-      "default": "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 (e.g. `<div>`).",
-      "detailedType": "boolean | undefined"
-    },
-    "style": {
-      "type": "CSSProperties | ((state: Menu.Trigger.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((state: Menu.Trigger.State) => CSSProperties | undefined)\n| undefined"
-    },
-    "disabled": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether the component should ignore user interaction.",
-      "detailedType": "boolean | undefined"
-    },
-    "children": {
-      "type": "ReactNode",
-      "detailedType": "React.ReactNode"
-    },
-    "className": {
-      "type": "string | ((state: Menu.Trigger.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Menu.Trigger.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Menu.Trigger.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Menu.Trigger.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-popup-open": {
-      "description": "Present when the corresponding menu is open."
-    },
-    "data-pressed": {
-      "description": "Present when the trigger is pressed."
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/menubar.json b/docs/reference/generated/menubar.json
deleted file mode 100644
index f820c25b658..00000000000
--- a/docs/reference/generated/menubar.json
+++ /dev/null
@@ -1,46 +0,0 @@
-{
-  "name": "Menubar",
-  "description": "The container for menus.",
-  "props": {
-    "modal": {
-      "type": "boolean",
-      "default": "true",
-      "description": "Whether the menubar is modal.",
-      "detailedType": "boolean | undefined"
-    },
-    "style": {
-      "type": "CSSProperties | ((state: Menubar.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((state: Menubar.State) => CSSProperties | undefined)\n| undefined"
-    },
-    "disabled": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether the whole menubar is disabled.",
-      "detailedType": "boolean | undefined"
-    },
-    "loop": {
-      "type": "boolean",
-      "default": "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.",
-      "detailedType": "boolean | undefined"
-    },
-    "orientation": {
-      "type": "Menu.Root.Orientation",
-      "default": "'horizontal'",
-      "description": "The orientation of the menubar.",
-      "detailedType": "'horizontal' | 'vertical' | undefined"
-    },
-    "className": {
-      "type": "string | ((state: Menubar.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Menubar.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Menubar.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Menubar.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {},
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/meter-indicator.json b/docs/reference/generated/meter-indicator.json
deleted file mode 100644
index 476feddfabb..00000000000
--- a/docs/reference/generated/meter-indicator.json
+++ /dev/null
@@ -1,22 +0,0 @@
-{
-  "name": "MeterIndicator",
-  "description": "Visualizes the position of the value along the range.\nRenders a `<div>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: Meter.Root.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((state: Meter.Root.State) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: Meter.Root.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Meter.Root.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Meter.Root.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Meter.Root.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {},
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/meter-label.json b/docs/reference/generated/meter-label.json
deleted file mode 100644
index ab0df1deaef..00000000000
--- a/docs/reference/generated/meter-label.json
+++ /dev/null
@@ -1,22 +0,0 @@
-{
-  "name": "MeterLabel",
-  "description": "An accessible label for the meter.\nRenders a `<span>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: Meter.Root.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((state: Meter.Root.State) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: Meter.Root.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Meter.Root.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Meter.Root.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Meter.Root.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {},
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/meter-root.json b/docs/reference/generated/meter-root.json
deleted file mode 100644
index 872a373c3e6..00000000000
--- a/docs/reference/generated/meter-root.json
+++ /dev/null
@@ -1,58 +0,0 @@
-{
-  "name": "MeterRoot",
-  "description": "Groups all parts of the meter and provides the value for screen readers.\nRenders a `<div>` element.",
-  "props": {
-    "value": {
-      "type": "number",
-      "required": true,
-      "description": "The current value."
-    },
-    "aria-valuetext": {
-      "type": "string",
-      "description": "A string value that provides a user-friendly name for `aria-valuenow`, the current value of the meter.",
-      "detailedType": "string | undefined"
-    },
-    "getAriaValueText": {
-      "type": "((formattedValue: string, value: number) => string)",
-      "description": "A function that returns a string value that provides a human-readable text alternative for `aria-valuenow`, the current value of the meter.",
-      "detailedType": "| ((formattedValue: string, value: number) => string)\n| undefined"
-    },
-    "locale": {
-      "type": "Intl.LocalesArgument",
-      "description": "The locale used by `Intl.NumberFormat` when formatting the value.\nDefaults to the user's runtime locale."
-    },
-    "style": {
-      "type": "CSSProperties | ((state: Meter.Root.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((state: Meter.Root.State) => CSSProperties | undefined)\n| undefined"
-    },
-    "min": {
-      "type": "number",
-      "default": "0",
-      "description": "The minimum value",
-      "detailedType": "number | undefined"
-    },
-    "max": {
-      "type": "number",
-      "default": "100",
-      "description": "The maximum value",
-      "detailedType": "number | undefined"
-    },
-    "format": {
-      "type": "Intl.NumberFormatOptions",
-      "description": "Options to format the value.",
-      "detailedType": "Intl.NumberFormatOptions | undefined"
-    },
-    "className": {
-      "type": "string | ((state: Meter.Root.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Meter.Root.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Meter.Root.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Meter.Root.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {},
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/meter-track.json b/docs/reference/generated/meter-track.json
deleted file mode 100644
index 1c52a1308f3..00000000000
--- a/docs/reference/generated/meter-track.json
+++ /dev/null
@@ -1,22 +0,0 @@
-{
-  "name": "MeterTrack",
-  "description": "Contains the meter indicator and represents the entire range of the meter.\nRenders a `<div>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: Meter.Root.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((state: Meter.Root.State) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: Meter.Root.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Meter.Root.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Meter.Root.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Meter.Root.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {},
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/meter-value.json b/docs/reference/generated/meter-value.json
deleted file mode 100644
index 558774e6e07..00000000000
--- a/docs/reference/generated/meter-value.json
+++ /dev/null
@@ -1,26 +0,0 @@
-{
-  "name": "MeterValue",
-  "description": "A text element displaying the current value.\nRenders a `<span>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: Meter.Root.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((state: Meter.Root.State) => CSSProperties | undefined)\n| undefined"
-    },
-    "children": {
-      "type": "((formattedValue: string, value: number) => ReactNode) | null",
-      "detailedType": "| ((formattedValue: string, value: number) => ReactNode)\n| null\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: Meter.Root.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Meter.Root.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Meter.Root.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Meter.Root.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {},
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/navigation-menu-arrow.json b/docs/reference/generated/navigation-menu-arrow.json
deleted file mode 100644
index 1d2e3bc6087..00000000000
--- a/docs/reference/generated/navigation-menu-arrow.json
+++ /dev/null
@@ -1,40 +0,0 @@
-{
-  "name": "NavigationMenuArrow",
-  "description": "Displays an element pointing toward the navigation menu's current anchor.\nRenders a `<div>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: NavigationMenu.Arrow.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: NavigationMenu.Arrow.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: NavigationMenu.Arrow.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((\n    state: NavigationMenu.Arrow.State,\n  ) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: NavigationMenu.Arrow.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: NavigationMenu.Arrow.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-open": {
-      "description": "Present when the popup is open."
-    },
-    "data-closed": {
-      "description": "Present when the popup is closed."
-    },
-    "data-uncentered": {
-      "description": "Present when the popup arrow is uncentered."
-    },
-    "data-align": {
-      "description": "Indicates how the popup is aligned relative to specified side.",
-      "type": "'start' | 'center' | 'end'"
-    },
-    "data-side": {
-      "description": "Indicates which side the popup is positioned relative to the trigger.",
-      "type": "'top' | 'bottom' | 'left' | 'right' | 'inline-end' | 'inline-start'"
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/navigation-menu-backdrop.json b/docs/reference/generated/navigation-menu-backdrop.json
deleted file mode 100644
index 798074bf4ad..00000000000
--- a/docs/reference/generated/navigation-menu-backdrop.json
+++ /dev/null
@@ -1,35 +0,0 @@
-{
-  "name": "NavigationMenuBackdrop",
-  "description": "A backdrop for the navigation menu popup.\nRenders a `<div>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: NavigationMenu.Backdrop.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: NavigationMenu.Backdrop.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: NavigationMenu.Backdrop.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((\n    state: NavigationMenu.Backdrop.State,\n  ) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: NavigationMenu.Backdrop.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: NavigationMenu.Backdrop.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-open": {
-      "description": "Present when the popup is open."
-    },
-    "data-closed": {
-      "description": "Present when the popup is closed."
-    },
-    "data-starting-style": {
-      "description": "Present when the popup is animating in."
-    },
-    "data-ending-style": {
-      "description": "Present when the popup is animating out."
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/navigation-menu-content.json b/docs/reference/generated/navigation-menu-content.json
deleted file mode 100644
index c05aede389b..00000000000
--- a/docs/reference/generated/navigation-menu-content.json
+++ /dev/null
@@ -1,38 +0,0 @@
-{
-  "name": "NavigationMenuContent",
-  "description": "A container for the content of the navigation menu item that is moved into the popup\nwhen the item is active.\nRenders a `<div>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: NavigationMenu.Content.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: NavigationMenu.Content.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: NavigationMenu.Content.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((\n    state: NavigationMenu.Content.State,\n  ) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: NavigationMenu.Content.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: NavigationMenu.Content.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-open": {
-      "description": "Present when the popup is open."
-    },
-    "data-closed": {
-      "description": "Present when the popup is closed."
-    },
-    "data-activation-direction": {
-      "description": "Which direction another trigger was activated from."
-    },
-    "data-starting-style": {
-      "description": "Present when the content is animating in."
-    },
-    "data-ending-style": {
-      "description": "Present when the content is animating out."
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/navigation-menu-icon.json b/docs/reference/generated/navigation-menu-icon.json
deleted file mode 100644
index 4b9ea6304fa..00000000000
--- a/docs/reference/generated/navigation-menu-icon.json
+++ /dev/null
@@ -1,22 +0,0 @@
-{
-  "name": "NavigationMenuIcon",
-  "description": "An icon that indicates that the trigger button opens a menu.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: NavigationMenu.Icon.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: NavigationMenu.Icon.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: NavigationMenu.Icon.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: NavigationMenu.Icon.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: NavigationMenu.Icon.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: NavigationMenu.Icon.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {},
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/navigation-menu-item.json b/docs/reference/generated/navigation-menu-item.json
deleted file mode 100644
index eea7111e462..00000000000
--- a/docs/reference/generated/navigation-menu-item.json
+++ /dev/null
@@ -1,26 +0,0 @@
-{
-  "name": "NavigationMenuItem",
-  "description": "An individual navigation menu item.\nRenders a `<li>` element.",
-  "props": {
-    "value": {
-      "type": "any",
-      "description": "A unique value that identifies this navigation menu item.\nIf no value is provided, a unique ID will be generated automatically.\nUse when controlling the navigation menu programmatically."
-    },
-    "style": {
-      "type": "CSSProperties | ((state: NavigationMenu.Item.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: NavigationMenu.Item.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: NavigationMenu.Item.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: NavigationMenu.Item.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: NavigationMenu.Item.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: NavigationMenu.Item.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {},
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/navigation-menu-link.json b/docs/reference/generated/navigation-menu-link.json
deleted file mode 100644
index 2035636bd9c..00000000000
--- a/docs/reference/generated/navigation-menu-link.json
+++ /dev/null
@@ -1,38 +0,0 @@
-{
-  "name": "NavigationMenuLink",
-  "description": "A link in the navigation menu that can be used to navigate to a different page or section.\nRenders an `<a>` element.",
-  "props": {
-    "closeOnClick": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether to close the navigation menu when the link is clicked.",
-      "detailedType": "boolean | undefined"
-    },
-    "active": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether the link is the currently active page.",
-      "detailedType": "boolean | undefined"
-    },
-    "style": {
-      "type": "CSSProperties | ((state: NavigationMenu.Link.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: NavigationMenu.Link.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: NavigationMenu.Link.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: NavigationMenu.Link.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: NavigationMenu.Link.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: NavigationMenu.Link.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-active": {
-      "description": "Present when the link is the currently active page."
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/navigation-menu-list.json b/docs/reference/generated/navigation-menu-list.json
deleted file mode 100644
index fe85d073966..00000000000
--- a/docs/reference/generated/navigation-menu-list.json
+++ /dev/null
@@ -1,22 +0,0 @@
-{
-  "name": "NavigationMenuList",
-  "description": "Contains a list of navigation menu items.\nRenders a `<ul>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: NavigationMenu.List.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: NavigationMenu.List.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: NavigationMenu.List.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: NavigationMenu.List.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: NavigationMenu.List.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: NavigationMenu.List.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {},
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/navigation-menu-popup.json b/docs/reference/generated/navigation-menu-popup.json
deleted file mode 100644
index 66f3e5ed5ea..00000000000
--- a/docs/reference/generated/navigation-menu-popup.json
+++ /dev/null
@@ -1,52 +0,0 @@
-{
-  "name": "NavigationMenuPopup",
-  "description": "A container for the navigation menu contents.\nRenders a `<nav>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: NavigationMenu.Popup.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: NavigationMenu.Popup.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: NavigationMenu.Popup.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((\n    state: NavigationMenu.Popup.State,\n  ) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: NavigationMenu.Popup.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: NavigationMenu.Popup.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-open": {
-      "description": "Present when the popup is open."
-    },
-    "data-closed": {
-      "description": "Present when the popup is closed."
-    },
-    "data-align": {
-      "description": "Indicates how the popup is aligned relative to the specified side.",
-      "type": "'start' | 'center' | 'end'"
-    },
-    "data-side": {
-      "description": "Indicates which side the popup is positioned relative to the trigger.",
-      "type": "'top' | 'bottom' | 'left' | 'right' | 'inline-end' | 'inline-start'"
-    },
-    "data-starting-style": {
-      "description": "Present when the popup is animating in."
-    },
-    "data-ending-style": {
-      "description": "Present when the popup is animating out."
-    }
-  },
-  "cssVariables": {
-    "--popup-height": {
-      "description": "The fixed height of the popup element.",
-      "type": "number"
-    },
-    "--popup-width": {
-      "description": "The fixed width of the popup element.",
-      "type": "number"
-    }
-  }
-}
diff --git a/docs/reference/generated/navigation-menu-portal.json b/docs/reference/generated/navigation-menu-portal.json
deleted file mode 100644
index d463e3a0623..00000000000
--- a/docs/reference/generated/navigation-menu-portal.json
+++ /dev/null
@@ -1,33 +0,0 @@
-{
-  "name": "NavigationMenuPortal",
-  "description": "A portal element that moves the popup to a different part of the DOM.\nBy default, the portal element is appended to `<body>`.\nRenders a `<div>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: NavigationMenu.Portal.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: NavigationMenu.Portal.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "container": {
-      "type": "HTMLElement | ShadowRoot | RefObject<HTMLElement | ShadowRoot | null> | null",
-      "description": "A parent element to render the portal element into.",
-      "detailedType": "| HTMLElement\n| ShadowRoot\n| React.RefObject<HTMLElement | ShadowRoot | null>\n| null\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: NavigationMenu.Portal.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((\n    state: NavigationMenu.Portal.State,\n  ) => string | undefined)"
-    },
-    "keepMounted": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether to keep the portal mounted in the DOM while the popup is hidden.",
-      "detailedType": "boolean | undefined"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: NavigationMenu.Portal.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: NavigationMenu.Portal.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {},
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/navigation-menu-positioner.json b/docs/reference/generated/navigation-menu-positioner.json
deleted file mode 100644
index faa15110590..00000000000
--- a/docs/reference/generated/navigation-menu-positioner.json
+++ /dev/null
@@ -1,145 +0,0 @@
-{
-  "name": "NavigationMenuPositioner",
-  "description": "Positions the navigation menu against the currently active trigger.\nRenders a `<div>` element.",
-  "props": {
-    "collisionAvoidance": {
-      "type": "CollisionAvoidance",
-      "description": "Determines how to handle collisions when positioning the popup.",
-      "example": "```jsx\n<Positioner\n  collisionAvoidance={{\n    side: 'shift',\n    align: 'shift',\n    fallbackAxisSide: 'none',\n  }}\n/>\n```",
-      "detailedType": "| {\n    side?: 'none' | 'flip'\n    align?: 'none' | 'flip' | 'shift'\n    fallbackAxisSide?: 'none' | 'end' | 'start'\n  }\n| {\n    side?: 'none' | 'shift'\n    align?: 'none' | 'shift'\n    fallbackAxisSide?: 'none' | 'end' | 'start'\n  }\n| undefined"
-    },
-    "style": {
-      "type": "CSSProperties | ((state: NavigationMenu.Positioner.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: NavigationMenu.Positioner.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "align": {
-      "type": "Align",
-      "default": "'center'",
-      "description": "How to align the popup relative to the specified side.",
-      "detailedType": "'center' | 'end' | 'start' | undefined"
-    },
-    "alignOffset": {
-      "type": "number | OffsetFunction",
-      "default": "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.",
-      "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```",
-      "detailedType": "| number\n| ((data: {\n    side: Side\n    align: Align\n    anchor: { width: number; height: number }\n    positioner: { width: number; height: number }\n  }) => number)\n| undefined"
-    },
-    "side": {
-      "type": "Side",
-      "default": "'bottom'",
-      "description": "Which side of the anchor element to align the popup against.\nMay automatically change to avoid collisions.",
-      "detailedType": "| 'left'\n| 'right'\n| 'bottom'\n| 'top'\n| 'inline-end'\n| 'inline-start'\n| undefined"
-    },
-    "sideOffset": {
-      "type": "number | OffsetFunction",
-      "default": "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.",
-      "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```",
-      "detailedType": "| number\n| ((data: {\n    side: Side\n    align: Align\n    anchor: { width: number; height: number }\n    positioner: { width: number; height: number }\n  }) => number)\n| undefined"
-    },
-    "arrowPadding": {
-      "type": "number",
-      "default": "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.",
-      "detailedType": "number | undefined"
-    },
-    "anchor": {
-      "type": "Element | RefObject<Element | null> | VirtualElement | (() => Element | VirtualElement | null) | null",
-      "description": "An element to position the popup against.\nBy default, the popup will be positioned against the trigger.",
-      "detailedType": "| Element\n| React.RefObject<Element | null>\n| VirtualElement\n| (() => Element | VirtualElement | null)\n| null\n| undefined"
-    },
-    "collisionBoundary": {
-      "type": "Boundary",
-      "default": "'clipping-ancestors'",
-      "description": "An element or a rectangle that delimits the area that the popup is confined to.",
-      "detailedType": "| Element\n| 'clipping-ancestors'\n| Element[]\n| Rect\n| undefined"
-    },
-    "collisionPadding": {
-      "type": "Padding",
-      "default": "5",
-      "description": "Additional space to maintain from the edge of the collision boundary.",
-      "detailedType": "| {\n    top?: number\n    right?: number\n    bottom?: number\n    left?: number\n  }\n| number\n| undefined"
-    },
-    "sticky": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether to maintain the popup in the viewport after\nthe anchor element was scrolled out of view.",
-      "detailedType": "boolean | undefined"
-    },
-    "positionMethod": {
-      "type": "'fixed' | 'absolute'",
-      "default": "'absolute'",
-      "description": "Determines which CSS `position` property to use.",
-      "detailedType": "'fixed' | 'absolute' | undefined"
-    },
-    "trackAnchor": {
-      "type": "boolean",
-      "default": "true",
-      "description": "Whether the popup tracks any layout shift of its positioning anchor.",
-      "detailedType": "boolean | undefined"
-    },
-    "className": {
-      "type": "string | ((state: NavigationMenu.Positioner.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((\n    state: NavigationMenu.Positioner.State,\n  ) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: NavigationMenu.Positioner.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: NavigationMenu.Positioner.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-open": {
-      "description": "Present when the popup is open."
-    },
-    "data-closed": {
-      "description": "Present when the popup is closed."
-    },
-    "data-anchor-hidden": {
-      "description": "Present when the anchor is hidden."
-    },
-    "data-align": {
-      "description": "Indicates how the popup is aligned relative to the specified side.",
-      "type": "'start' | 'center' | 'end'"
-    },
-    "data-instant": {
-      "description": "Present if animations should be instant."
-    },
-    "data-side": {
-      "description": "Indicates which side the popup is positioned relative to the trigger.",
-      "type": "'top' | 'bottom' | 'left' | 'right' | 'inline-end' | 'inline-start'"
-    }
-  },
-  "cssVariables": {
-    "--anchor-height": {
-      "description": "The anchor's height.",
-      "type": "number"
-    },
-    "--anchor-width": {
-      "description": "The anchor's width.",
-      "type": "number"
-    },
-    "--available-height": {
-      "description": "The available height between the trigger and the edge of the viewport.",
-      "type": "number"
-    },
-    "--available-width": {
-      "description": "The available width between the trigger and the edge of the viewport.",
-      "type": "number"
-    },
-    "--positioner-height": {
-      "description": "The fixed height of the positioner element.",
-      "type": "number"
-    },
-    "--positioner-width": {
-      "description": "The fixed width of the positioner element.",
-      "type": "number"
-    },
-    "--transform-origin": {
-      "description": "The coordinates that this element is anchored to. Used for animations and transitions.",
-      "type": "string"
-    }
-  }
-}
diff --git a/docs/reference/generated/navigation-menu-root.json b/docs/reference/generated/navigation-menu-root.json
deleted file mode 100644
index 66217a02988..00000000000
--- a/docs/reference/generated/navigation-menu-root.json
+++ /dev/null
@@ -1,65 +0,0 @@
-{
-  "name": "NavigationMenuRoot",
-  "description": "Groups all parts of the navigation menu.\nRenders a `<nav>` element at the root, or `<div>` element when nested.",
-  "props": {
-    "defaultValue": {
-      "type": "any",
-      "default": "null",
-      "description": "The uncontrolled value of the item that should be initially selected.\n\nTo render a controlled navigation menu, use the `value` prop instead."
-    },
-    "value": {
-      "type": "any",
-      "default": "null",
-      "description": "The controlled value of the navigation menu item that should be currently open.\nWhen non-nullish, the menu will be open. When nullish, the menu will be closed.\n\nTo render an uncontrolled navigation menu, use the `defaultValue` prop instead."
-    },
-    "onValueChange": {
-      "type": "((value: any, eventDetails: NavigationMenu.Root.ChangeEventDetails) => void)",
-      "description": "Callback fired when the value changes.",
-      "detailedType": "| ((\n    value: any,\n    eventDetails: NavigationMenu.Root.ChangeEventDetails,\n  ) => void)\n| undefined"
-    },
-    "actionsRef": {
-      "type": "RefObject<NavigationMenu.Root.Actions>",
-      "description": "A ref to imperative actions.",
-      "detailedType": "| React.RefObject<NavigationMenu.Root.Actions>\n| undefined"
-    },
-    "onOpenChangeComplete": {
-      "type": "((open: boolean) => void)",
-      "description": "Event handler called after any animations complete when the navigation menu is closed.",
-      "detailedType": "((open: boolean) => void) | undefined"
-    },
-    "style": {
-      "type": "CSSProperties | ((state: NavigationMenu.Root.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: NavigationMenu.Root.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "delay": {
-      "type": "number",
-      "default": "50",
-      "description": "How long to wait before opening the navigation menu. Specified in milliseconds.",
-      "detailedType": "number | undefined"
-    },
-    "closeDelay": {
-      "type": "number",
-      "default": "50",
-      "description": "How long to wait before closing the navigation menu. Specified in milliseconds.",
-      "detailedType": "number | undefined"
-    },
-    "orientation": {
-      "type": "'horizontal' | 'vertical'",
-      "default": "'horizontal'",
-      "description": "The orientation of the navigation menu.",
-      "detailedType": "'horizontal' | 'vertical' | undefined"
-    },
-    "className": {
-      "type": "string | ((state: NavigationMenu.Root.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: NavigationMenu.Root.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: NavigationMenu.Root.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: NavigationMenu.Root.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {},
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/navigation-menu-trigger.json b/docs/reference/generated/navigation-menu-trigger.json
deleted file mode 100644
index 619ca1ac550..00000000000
--- a/docs/reference/generated/navigation-menu-trigger.json
+++ /dev/null
@@ -1,35 +0,0 @@
-{
-  "name": "NavigationMenuTrigger",
-  "description": "Opens the navigation menu popup when hovered or clicked, revealing the\nassociated content.\nRenders a `<button>` element.",
-  "props": {
-    "nativeButton": {
-      "type": "boolean",
-      "default": "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 (e.g. `<div>`).",
-      "detailedType": "boolean | undefined"
-    },
-    "style": {
-      "type": "CSSProperties | ((state: NavigationMenu.Trigger.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: NavigationMenu.Trigger.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: NavigationMenu.Trigger.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((\n    state: NavigationMenu.Trigger.State,\n  ) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: NavigationMenu.Trigger.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: NavigationMenu.Trigger.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-popup-open": {
-      "description": "Present when the corresponding navigation menu is open."
-    },
-    "data-pressed": {
-      "description": "Present when the trigger is pressed."
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/navigation-menu-viewport.json b/docs/reference/generated/navigation-menu-viewport.json
deleted file mode 100644
index 598793fa258..00000000000
--- a/docs/reference/generated/navigation-menu-viewport.json
+++ /dev/null
@@ -1,22 +0,0 @@
-{
-  "name": "NavigationMenuViewport",
-  "description": "The clipping viewport of the navigation menu's current content.\nRenders a `<div>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: NavigationMenu.Viewport.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: NavigationMenu.Viewport.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: NavigationMenu.Viewport.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((\n    state: NavigationMenu.Viewport.State,\n  ) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: NavigationMenu.Viewport.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: NavigationMenu.Viewport.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {},
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/no-ssr.json b/docs/reference/generated/no-ssr.json
deleted file mode 100644
index b8f91f3bfcb..00000000000
--- a/docs/reference/generated/no-ssr.json
+++ /dev/null
@@ -1,25 +0,0 @@
-{
-  "name": "NoSsr",
-  "description": "NoSsr purposely removes components from the subject of Server Side Rendering (SSR).\n\nThis component can be useful in a variety of situations:\n\n* Escape hatch for broken dependencies not supporting SSR.\n* Improve the time-to-first paint on the client by only rendering above the fold.\n* Reduce the rendering time on the server.\n* Under too heavy server load, you can turn on service degradation.",
-  "props": {
-    "defer": {
-      "type": "boolean",
-      "default": "false",
-      "description": "If `true`, the component will not only prevent server-side rendering.\nIt will also defer the rendering of the children into a different screen frame.",
-      "detailedType": "boolean | undefined"
-    },
-    "fallback": {
-      "type": "ReactNode",
-      "default": "null",
-      "description": "The fallback content to display.",
-      "detailedType": "React.ReactNode"
-    },
-    "children": {
-      "type": "ReactNode",
-      "description": "You can wrap a node.",
-      "detailedType": "React.ReactNode"
-    }
-  },
-  "dataAttributes": {},
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/number-field-decrement.json b/docs/reference/generated/number-field-decrement.json
deleted file mode 100644
index e93132c4891..00000000000
--- a/docs/reference/generated/number-field-decrement.json
+++ /dev/null
@@ -1,59 +0,0 @@
-{
-  "name": "NumberFieldDecrement",
-  "description": "A stepper button that decreases the field value when clicked.\nRenders an `<button>` element.",
-  "props": {
-    "nativeButton": {
-      "type": "boolean",
-      "default": "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 (e.g. `<div>`).",
-      "detailedType": "boolean | undefined"
-    },
-    "style": {
-      "type": "CSSProperties | ((state: NumberField.Decrement.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: NumberField.Decrement.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: NumberField.Decrement.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((\n    state: NumberField.Decrement.State,\n  ) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: NumberField.Decrement.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: NumberField.Decrement.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-disabled": {
-      "description": "Present when the number field is disabled."
-    },
-    "data-readonly": {
-      "description": "Present when the number field is readonly."
-    },
-    "data-required": {
-      "description": "Present when the number field is required."
-    },
-    "data-valid": {
-      "description": "Present when the number field is in valid state (when wrapped in Field.Root)."
-    },
-    "data-invalid": {
-      "description": "Present when the number field is in invalid state (when wrapped in Field.Root)."
-    },
-    "data-dirty": {
-      "description": "Present when the number field's value has changed (when wrapped in Field.Root)."
-    },
-    "data-touched": {
-      "description": "Present when the number field has been touched (when wrapped in Field.Root)."
-    },
-    "data-filled": {
-      "description": "Present when the number field is filled (when wrapped in Field.Root)."
-    },
-    "data-focused": {
-      "description": "Present when the number field is focused (when wrapped in Field.Root)."
-    },
-    "data-scrubbing": {
-      "description": "Present while scrubbing."
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/number-field-group.json b/docs/reference/generated/number-field-group.json
deleted file mode 100644
index 24a8a7f204a..00000000000
--- a/docs/reference/generated/number-field-group.json
+++ /dev/null
@@ -1,53 +0,0 @@
-{
-  "name": "NumberFieldGroup",
-  "description": "Groups the input with the increment and decrement buttons.\nRenders a `<div>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: NumberField.Group.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: NumberField.Group.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: NumberField.Group.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: NumberField.Group.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: NumberField.Group.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: NumberField.Group.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-disabled": {
-      "description": "Present when the number field is disabled."
-    },
-    "data-readonly": {
-      "description": "Present when the number field is readonly."
-    },
-    "data-required": {
-      "description": "Present when the number field is required."
-    },
-    "data-valid": {
-      "description": "Present when the number field is in valid state (when wrapped in Field.Root)."
-    },
-    "data-invalid": {
-      "description": "Present when the number field is in invalid state (when wrapped in Field.Root)."
-    },
-    "data-dirty": {
-      "description": "Present when the number field's value has changed (when wrapped in Field.Root)."
-    },
-    "data-touched": {
-      "description": "Present when the number field has been touched (when wrapped in Field.Root)."
-    },
-    "data-filled": {
-      "description": "Present when the number field is filled (when wrapped in Field.Root)."
-    },
-    "data-focused": {
-      "description": "Present when the number field is focused (when wrapped in Field.Root)."
-    },
-    "data-scrubbing": {
-      "description": "Present while scrubbing."
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/number-field-increment.json b/docs/reference/generated/number-field-increment.json
deleted file mode 100644
index 145375d5401..00000000000
--- a/docs/reference/generated/number-field-increment.json
+++ /dev/null
@@ -1,59 +0,0 @@
-{
-  "name": "NumberFieldIncrement",
-  "description": "A stepper button that increases the field value when clicked.\nRenders an `<button>` element.",
-  "props": {
-    "nativeButton": {
-      "type": "boolean",
-      "default": "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 (e.g. `<div>`).",
-      "detailedType": "boolean | undefined"
-    },
-    "style": {
-      "type": "CSSProperties | ((state: NumberField.Increment.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: NumberField.Increment.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: NumberField.Increment.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((\n    state: NumberField.Increment.State,\n  ) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: NumberField.Increment.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: NumberField.Increment.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-disabled": {
-      "description": "Present when the number field is disabled."
-    },
-    "data-readonly": {
-      "description": "Present when the number field is readonly."
-    },
-    "data-required": {
-      "description": "Present when the number field is required."
-    },
-    "data-valid": {
-      "description": "Present when the number field is in valid state (when wrapped in Field.Root)."
-    },
-    "data-invalid": {
-      "description": "Present when the number field is in invalid state (when wrapped in Field.Root)."
-    },
-    "data-dirty": {
-      "description": "Present when the number field's value has changed (when wrapped in Field.Root)."
-    },
-    "data-touched": {
-      "description": "Present when the number field has been touched (when wrapped in Field.Root)."
-    },
-    "data-filled": {
-      "description": "Present when the number field is filled (when wrapped in Field.Root)."
-    },
-    "data-focused": {
-      "description": "Present when the number field is focused (when wrapped in Field.Root)."
-    },
-    "data-scrubbing": {
-      "description": "Present while scrubbing."
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/number-field-input.json b/docs/reference/generated/number-field-input.json
deleted file mode 100644
index aaf397ce191..00000000000
--- a/docs/reference/generated/number-field-input.json
+++ /dev/null
@@ -1,59 +0,0 @@
-{
-  "name": "NumberFieldInput",
-  "description": "The native input control in the number field.\nRenders an `<input>` element.",
-  "props": {
-    "aria-roledescription": {
-      "type": "string",
-      "default": "'Number field'",
-      "description": "A string value that provides a user-friendly name for the role of the input.",
-      "detailedType": "string | undefined"
-    },
-    "style": {
-      "type": "CSSProperties | ((state: NumberField.Input.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: NumberField.Input.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: NumberField.Input.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: NumberField.Input.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: NumberField.Input.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: NumberField.Input.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-disabled": {
-      "description": "Present when the number field is disabled."
-    },
-    "data-readonly": {
-      "description": "Present when the number field is readonly."
-    },
-    "data-required": {
-      "description": "Present when the number field is required."
-    },
-    "data-valid": {
-      "description": "Present when the number field is in valid state (when wrapped in Field.Root)."
-    },
-    "data-invalid": {
-      "description": "Present when the number field is in invalid state (when wrapped in Field.Root)."
-    },
-    "data-dirty": {
-      "description": "Present when the number field's value has changed (when wrapped in Field.Root)."
-    },
-    "data-touched": {
-      "description": "Present when the number field has been touched (when wrapped in Field.Root)."
-    },
-    "data-filled": {
-      "description": "Present when the number field is filled (when wrapped in Field.Root)."
-    },
-    "data-focused": {
-      "description": "Present when the number field is focused (when wrapped in Field.Root)."
-    },
-    "data-scrubbing": {
-      "description": "Present while scrubbing."
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/number-field-root.json b/docs/reference/generated/number-field-root.json
deleted file mode 100644
index 5b521baf6c1..00000000000
--- a/docs/reference/generated/number-field-root.json
+++ /dev/null
@@ -1,155 +0,0 @@
-{
-  "name": "NumberFieldRoot",
-  "description": "Groups all parts of the number field and manages its state.\nRenders a `<div>` element.",
-  "props": {
-    "name": {
-      "type": "string",
-      "description": "Identifies the field when a form is submitted.",
-      "detailedType": "string | undefined"
-    },
-    "defaultValue": {
-      "type": "number",
-      "description": "The uncontrolled value of the field when it’s initially rendered.\n\nTo render a controlled number field, use the `value` prop instead.",
-      "detailedType": "number | undefined"
-    },
-    "value": {
-      "type": "number | null",
-      "description": "The raw numeric value of the field.",
-      "detailedType": "number | null | undefined"
-    },
-    "onValueChange": {
-      "type": "((value: number | null, eventDetails: NumberField.Root.ChangeEventDetails) => void)",
-      "description": "Callback fired when the number value changes.",
-      "detailedType": "| ((\n    value: number | null,\n    eventDetails: NumberField.Root.ChangeEventDetails,\n  ) => void)\n| undefined"
-    },
-    "onValueCommitted": {
-      "type": "((value: number | null, eventDetails: NumberField.Root.CommitEventDetails) => void)",
-      "description": "Callback function that is fired when the value is committed.\nIt runs later than `onValueChange`, when:\n- The input is blurred after typing a value.\n- The pointer is released after scrubbing or pressing the increment/decrement buttons.\n\nIt runs simultaneously with `onValueChange` when interacting with the keyboard.\n\n**Warning**: This is a generic event not a change event.",
-      "detailedType": "| ((\n    value: number | null,\n    eventDetails: NumberField.Root.CommitEventDetails,\n  ) => void)\n| undefined"
-    },
-    "locale": {
-      "type": "Intl.LocalesArgument",
-      "description": "The locale of the input element.\nDefaults to the user's runtime locale."
-    },
-    "snapOnStep": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether the value should snap to the nearest step when incrementing or decrementing.",
-      "detailedType": "boolean | undefined"
-    },
-    "style": {
-      "type": "CSSProperties | ((state: NumberField.Root.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: NumberField.Root.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "step": {
-      "type": "number",
-      "default": "1",
-      "description": "Amount to increment and decrement with the buttons and arrow keys,\nor to scrub with pointer movement in the scrub area.",
-      "detailedType": "number | undefined"
-    },
-    "smallStep": {
-      "type": "number",
-      "default": "0.1",
-      "description": "The small step value of the input element when incrementing while the meta key is held. Snaps\nto multiples of this value.",
-      "detailedType": "number | undefined"
-    },
-    "largeStep": {
-      "type": "number",
-      "default": "10",
-      "description": "The large step value of the input element when incrementing while the shift key is held. Snaps\nto multiples of this value.",
-      "detailedType": "number | undefined"
-    },
-    "min": {
-      "type": "number",
-      "description": "The minimum value of the input element.",
-      "detailedType": "number | undefined"
-    },
-    "max": {
-      "type": "number",
-      "description": "The maximum value of the input element.",
-      "detailedType": "number | undefined"
-    },
-    "allowWheelScrub": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether to allow the user to scrub the input value with the mouse wheel while focused and\nhovering over the input.",
-      "detailedType": "boolean | undefined"
-    },
-    "format": {
-      "type": "Intl.NumberFormatOptions",
-      "description": "Options to format the input value.",
-      "detailedType": "Intl.NumberFormatOptions | undefined"
-    },
-    "disabled": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether the component should ignore user interaction.",
-      "detailedType": "boolean | undefined"
-    },
-    "readOnly": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether the user should be unable to change the field value.",
-      "detailedType": "boolean | undefined"
-    },
-    "required": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether the user must enter a value before submitting a form.",
-      "detailedType": "boolean | undefined"
-    },
-    "inputRef": {
-      "type": "Ref<HTMLInputElement>",
-      "description": "A ref to access the hidden input element.",
-      "detailedType": "React.Ref<HTMLInputElement> | undefined"
-    },
-    "id": {
-      "type": "string",
-      "description": "The id of the input element.",
-      "detailedType": "string | undefined"
-    },
-    "className": {
-      "type": "string | ((state: NumberField.Root.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: NumberField.Root.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: NumberField.Root.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: NumberField.Root.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-disabled": {
-      "description": "Present when the number field is disabled."
-    },
-    "data-readonly": {
-      "description": "Present when the number field is readonly."
-    },
-    "data-required": {
-      "description": "Present when the number field is required."
-    },
-    "data-valid": {
-      "description": "Present when the number field is in valid state (when wrapped in Field.Root)."
-    },
-    "data-invalid": {
-      "description": "Present when the number field is in invalid state (when wrapped in Field.Root)."
-    },
-    "data-dirty": {
-      "description": "Present when the number field's value has changed (when wrapped in Field.Root)."
-    },
-    "data-touched": {
-      "description": "Present when the number field has been touched (when wrapped in Field.Root)."
-    },
-    "data-filled": {
-      "description": "Present when the number field is filled (when wrapped in Field.Root)."
-    },
-    "data-focused": {
-      "description": "Present when the number field is focused (when wrapped in Field.Root)."
-    },
-    "data-scrubbing": {
-      "description": "Present while scrubbing."
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/number-field-scrub-area-cursor.json b/docs/reference/generated/number-field-scrub-area-cursor.json
deleted file mode 100644
index 0c504323a08..00000000000
--- a/docs/reference/generated/number-field-scrub-area-cursor.json
+++ /dev/null
@@ -1,53 +0,0 @@
-{
-  "name": "NumberFieldScrubAreaCursor",
-  "description": "A custom element to display instead of the native cursor while using the scrub area.\nRenders a `<span>` element.\n\nThis component uses the [Pointer Lock API](https://developer.mozilla.org/en-US/docs/Web/API/Pointer_Lock_API), which may prompt the browser to display a related notification. It is disabled\nin Safari to avoid a layout shift that this notification causes there.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: NumberField.ScrubAreaCursor.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: NumberField.ScrubAreaCursor.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: NumberField.ScrubAreaCursor.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((\n    state: NumberField.ScrubAreaCursor.State,\n  ) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: NumberField.ScrubAreaCursor.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: NumberField.ScrubAreaCursor.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-disabled": {
-      "description": "Present when the number field is disabled."
-    },
-    "data-readonly": {
-      "description": "Present when the number field is readonly."
-    },
-    "data-required": {
-      "description": "Present when the number field is required."
-    },
-    "data-valid": {
-      "description": "Present when the number field is in valid state (when wrapped in Field.Root)."
-    },
-    "data-invalid": {
-      "description": "Present when the number field is in invalid state (when wrapped in Field.Root)."
-    },
-    "data-dirty": {
-      "description": "Present when the number field's value has changed (when wrapped in Field.Root)."
-    },
-    "data-touched": {
-      "description": "Present when the number field has been touched (when wrapped in Field.Root)."
-    },
-    "data-filled": {
-      "description": "Present when the number field is filled (when wrapped in Field.Root)."
-    },
-    "data-focused": {
-      "description": "Present when the number field is focused (when wrapped in Field.Root)."
-    },
-    "data-scrubbing": {
-      "description": "Present while scrubbing."
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/number-field-scrub-area.json b/docs/reference/generated/number-field-scrub-area.json
deleted file mode 100644
index b075018a7be..00000000000
--- a/docs/reference/generated/number-field-scrub-area.json
+++ /dev/null
@@ -1,70 +0,0 @@
-{
-  "name": "NumberFieldScrubArea",
-  "description": "An interactive area where the user can click and drag to change the field value.\nRenders a `<span>` element.",
-  "props": {
-    "direction": {
-      "type": "'horizontal' | 'vertical'",
-      "default": "'horizontal'",
-      "description": "Cursor movement direction in the scrub area.",
-      "detailedType": "'horizontal' | 'vertical' | undefined"
-    },
-    "pixelSensitivity": {
-      "type": "number",
-      "default": "2",
-      "description": "Determines how many pixels the cursor must move before the value changes.\nA higher value will make scrubbing less sensitive.",
-      "detailedType": "number | undefined"
-    },
-    "style": {
-      "type": "CSSProperties | ((state: NumberField.ScrubArea.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: NumberField.ScrubArea.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "teleportDistance": {
-      "type": "number",
-      "description": "If specified, determines the distance that the cursor may move from the center\nof the scrub area before it will loop back around.",
-      "detailedType": "number | undefined"
-    },
-    "className": {
-      "type": "string | ((state: NumberField.ScrubArea.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((\n    state: NumberField.ScrubArea.State,\n  ) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: NumberField.ScrubArea.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: NumberField.ScrubArea.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-disabled": {
-      "description": "Present when the number field is disabled."
-    },
-    "data-readonly": {
-      "description": "Present when the number field is readonly."
-    },
-    "data-required": {
-      "description": "Present when the number field is required."
-    },
-    "data-valid": {
-      "description": "Present when the number field is in valid state (when wrapped in Field.Root)."
-    },
-    "data-invalid": {
-      "description": "Present when the number field is in invalid state (when wrapped in Field.Root)."
-    },
-    "data-dirty": {
-      "description": "Present when the number field's value has changed (when wrapped in Field.Root)."
-    },
-    "data-touched": {
-      "description": "Present when the number field has been touched (when wrapped in Field.Root)."
-    },
-    "data-filled": {
-      "description": "Present when the number field is filled (when wrapped in Field.Root)."
-    },
-    "data-focused": {
-      "description": "Present when the number field is focused (when wrapped in Field.Root)."
-    },
-    "data-scrubbing": {
-      "description": "Present while scrubbing."
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/popover-arrow.json b/docs/reference/generated/popover-arrow.json
deleted file mode 100644
index b2155569233..00000000000
--- a/docs/reference/generated/popover-arrow.json
+++ /dev/null
@@ -1,43 +0,0 @@
-{
-  "name": "PopoverArrow",
-  "description": "Displays an element positioned against the popover anchor.\nRenders a `<div>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: Popover.Arrow.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: Popover.Arrow.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: Popover.Arrow.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Popover.Arrow.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Popover.Arrow.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Popover.Arrow.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-open": {
-      "description": "Present when the popup is open."
-    },
-    "data-closed": {
-      "description": "Present when the popup is closed."
-    },
-    "data-uncentered": {
-      "description": "Present when the popover arrow is uncentered."
-    },
-    "data-anchor-hidden": {
-      "description": "Present when the anchor is hidden."
-    },
-    "data-align": {
-      "description": "Indicates how the popup is aligned relative to specified side.",
-      "type": "'start' | 'center' | 'end'"
-    },
-    "data-side": {
-      "description": "Indicates which side the popup is positioned relative to the trigger.",
-      "type": "'top' | 'bottom' | 'left' | 'right' | 'inline-end' | 'inline-start'"
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/popover-backdrop.json b/docs/reference/generated/popover-backdrop.json
deleted file mode 100644
index 1bf7fd57162..00000000000
--- a/docs/reference/generated/popover-backdrop.json
+++ /dev/null
@@ -1,35 +0,0 @@
-{
-  "name": "PopoverBackdrop",
-  "description": "An overlay displayed beneath the popover.\nRenders a `<div>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: Popover.Backdrop.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: Popover.Backdrop.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: Popover.Backdrop.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Popover.Backdrop.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Popover.Backdrop.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Popover.Backdrop.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-open": {
-      "description": "Present when the popup is open."
-    },
-    "data-closed": {
-      "description": "Present when the popup is closed."
-    },
-    "data-starting-style": {
-      "description": "Present when the popup is animating in."
-    },
-    "data-ending-style": {
-      "description": "Present when the popup is animating out."
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/popover-close.json b/docs/reference/generated/popover-close.json
deleted file mode 100644
index 42a19c0793a..00000000000
--- a/docs/reference/generated/popover-close.json
+++ /dev/null
@@ -1,28 +0,0 @@
-{
-  "name": "PopoverClose",
-  "description": "A button that closes the popover.\nRenders a `<button>` element.",
-  "props": {
-    "nativeButton": {
-      "type": "boolean",
-      "default": "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 (e.g. `<div>`).",
-      "detailedType": "boolean | undefined"
-    },
-    "style": {
-      "type": "CSSProperties | ((state: Popover.Close.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: Popover.Close.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: Popover.Close.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Popover.Close.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Popover.Close.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Popover.Close.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {},
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/popover-description.json b/docs/reference/generated/popover-description.json
deleted file mode 100644
index e0a9dfb56b3..00000000000
--- a/docs/reference/generated/popover-description.json
+++ /dev/null
@@ -1,22 +0,0 @@
-{
-  "name": "PopoverDescription",
-  "description": "A paragraph with additional information about the popover.\nRenders a `<p>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: Popover.Description.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: Popover.Description.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: Popover.Description.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Popover.Description.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Popover.Description.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Popover.Description.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {},
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/popover-popup.json b/docs/reference/generated/popover-popup.json
deleted file mode 100644
index 5e4b6082930..00000000000
--- a/docs/reference/generated/popover-popup.json
+++ /dev/null
@@ -1,64 +0,0 @@
-{
-  "name": "PopoverPopup",
-  "description": "A container for the popover contents.\nRenders a `<div>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: Popover.Popup.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: Popover.Popup.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "initialFocus": {
-      "type": "boolean | RefObject<HTMLElement | null> | ((openType: InteractionType) => boolean | void | HTMLElement | null)",
-      "description": "Determines the element to focus when the popover 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.",
-      "detailedType": "| boolean\n| React.RefObject<HTMLElement | null>\n| ((\n    openType: InteractionType,\n  ) => boolean | void | HTMLElement | null)\n| undefined"
-    },
-    "finalFocus": {
-      "type": "boolean | RefObject<HTMLElement | null> | ((closeType: InteractionType) => boolean | void | HTMLElement | 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, or `false`/`undefined` to do nothing.",
-      "detailedType": "| boolean\n| React.RefObject<HTMLElement | null>\n| ((\n    closeType: InteractionType,\n  ) => boolean | void | HTMLElement | null)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: Popover.Popup.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Popover.Popup.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Popover.Popup.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Popover.Popup.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-open": {
-      "description": "Present when the popup is open."
-    },
-    "data-closed": {
-      "description": "Present when the popup is closed."
-    },
-    "data-align": {
-      "description": "Indicates how the popup is aligned relative to specified side.",
-      "type": "'start' | 'center' | 'end'"
-    },
-    "data-instant": {
-      "description": "Present if animations should be instant.",
-      "type": "'click' | 'dismiss'"
-    },
-    "data-side": {
-      "description": "Indicates which side the popup is positioned relative to the trigger.",
-      "type": "'top' | 'bottom' | 'left' | 'right' | 'inline-end' | 'inline-start'"
-    },
-    "data-starting-style": {
-      "description": "Present when the popup is animating in."
-    },
-    "data-ending-style": {
-      "description": "Present when the popup is animating out."
-    }
-  },
-  "cssVariables": {
-    "--popup-height": {
-      "description": "The height of the popup."
-    },
-    "--popup-width": {
-      "description": "The width of the popup."
-    }
-  }
-}
diff --git a/docs/reference/generated/popover-portal.json b/docs/reference/generated/popover-portal.json
deleted file mode 100644
index cf2200647e4..00000000000
--- a/docs/reference/generated/popover-portal.json
+++ /dev/null
@@ -1,33 +0,0 @@
-{
-  "name": "PopoverPortal",
-  "description": "A portal element that moves the popup to a different part of the DOM.\nBy default, the portal element is appended to `<body>`.\nRenders a `<div>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: Popover.Portal.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: Popover.Portal.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "container": {
-      "type": "HTMLElement | ShadowRoot | RefObject<HTMLElement | ShadowRoot | null> | null",
-      "description": "A parent element to render the portal element into.",
-      "detailedType": "| HTMLElement\n| ShadowRoot\n| React.RefObject<HTMLElement | ShadowRoot | null>\n| null\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: Popover.Portal.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Popover.Portal.State) => string | undefined)"
-    },
-    "keepMounted": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether to keep the portal mounted in the DOM while the popup is hidden.",
-      "detailedType": "boolean | undefined"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Popover.Portal.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Popover.Portal.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {},
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/popover-positioner.json b/docs/reference/generated/popover-positioner.json
deleted file mode 100644
index 01d6ea3c1f7..00000000000
--- a/docs/reference/generated/popover-positioner.json
+++ /dev/null
@@ -1,140 +0,0 @@
-{
-  "name": "PopoverPositioner",
-  "description": "Positions the popover against the trigger.\nRenders a `<div>` element.",
-  "props": {
-    "collisionAvoidance": {
-      "type": "CollisionAvoidance",
-      "description": "Determines how to handle collisions when positioning the popup.",
-      "example": "```jsx\n<Positioner\n  collisionAvoidance={{\n    side: 'shift',\n    align: 'shift',\n    fallbackAxisSide: 'none',\n  }}\n/>\n```",
-      "detailedType": "| {\n    side?: 'none' | 'flip'\n    align?: 'none' | 'flip' | 'shift'\n    fallbackAxisSide?: 'none' | 'end' | 'start'\n  }\n| {\n    side?: 'none' | 'shift'\n    align?: 'none' | 'shift'\n    fallbackAxisSide?: 'none' | 'end' | 'start'\n  }\n| undefined"
-    },
-    "style": {
-      "type": "CSSProperties | ((state: Popover.Positioner.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: Popover.Positioner.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "align": {
-      "type": "Align",
-      "default": "'center'",
-      "description": "How to align the popup relative to the specified side.",
-      "detailedType": "'center' | 'end' | 'start' | undefined"
-    },
-    "alignOffset": {
-      "type": "number | OffsetFunction",
-      "default": "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.",
-      "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```",
-      "detailedType": "| number\n| ((data: {\n    side: Side\n    align: Align\n    anchor: { width: number; height: number }\n    positioner: { width: number; height: number }\n  }) => number)\n| undefined"
-    },
-    "side": {
-      "type": "Side",
-      "default": "'bottom'",
-      "description": "Which side of the anchor element to align the popup against.\nMay automatically change to avoid collisions.",
-      "detailedType": "| 'left'\n| 'right'\n| 'bottom'\n| 'top'\n| 'inline-end'\n| 'inline-start'\n| undefined"
-    },
-    "sideOffset": {
-      "type": "number | OffsetFunction",
-      "default": "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.",
-      "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```",
-      "detailedType": "| number\n| ((data: {\n    side: Side\n    align: Align\n    anchor: { width: number; height: number }\n    positioner: { width: number; height: number }\n  }) => number)\n| undefined"
-    },
-    "arrowPadding": {
-      "type": "number",
-      "default": "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.",
-      "detailedType": "number | undefined"
-    },
-    "anchor": {
-      "type": "Element | RefObject<Element | null> | VirtualElement | (() => Element | VirtualElement | null) | null",
-      "description": "An element to position the popup against.\nBy default, the popup will be positioned against the trigger.",
-      "detailedType": "| Element\n| React.RefObject<Element | null>\n| VirtualElement\n| (() => Element | VirtualElement | null)\n| null\n| undefined"
-    },
-    "collisionBoundary": {
-      "type": "Boundary",
-      "default": "'clipping-ancestors'",
-      "description": "An element or a rectangle that delimits the area that the popup is confined to.",
-      "detailedType": "| Element\n| 'clipping-ancestors'\n| Element[]\n| Rect\n| undefined"
-    },
-    "collisionPadding": {
-      "type": "Padding",
-      "default": "5",
-      "description": "Additional space to maintain from the edge of the collision boundary.",
-      "detailedType": "| {\n    top?: number\n    right?: number\n    bottom?: number\n    left?: number\n  }\n| number\n| undefined"
-    },
-    "sticky": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether to maintain the popup in the viewport after\nthe anchor element was scrolled out of view.",
-      "detailedType": "boolean | undefined"
-    },
-    "positionMethod": {
-      "type": "'fixed' | 'absolute'",
-      "default": "'absolute'",
-      "description": "Determines which CSS `position` property to use.",
-      "detailedType": "'fixed' | 'absolute' | undefined"
-    },
-    "trackAnchor": {
-      "type": "boolean",
-      "default": "true",
-      "description": "Whether the popup tracks any layout shift of its positioning anchor.",
-      "detailedType": "boolean | undefined"
-    },
-    "className": {
-      "type": "string | ((state: Popover.Positioner.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Popover.Positioner.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Popover.Positioner.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Popover.Positioner.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-open": {
-      "description": "Present when the popup is open."
-    },
-    "data-closed": {
-      "description": "Present when the popup is closed."
-    },
-    "data-anchor-hidden": {
-      "description": "Present when the anchor is hidden."
-    },
-    "data-align": {
-      "description": "Indicates how the popup is aligned relative to specified side.",
-      "type": "'start' | 'center' | 'end'"
-    },
-    "data-side": {
-      "description": "Indicates which side the popup is positioned relative to the trigger.",
-      "type": "'top' | 'bottom' | 'left' | 'right' | 'inline-end' | 'inline-start'"
-    }
-  },
-  "cssVariables": {
-    "--anchor-height": {
-      "description": "The anchor's height.",
-      "type": "number"
-    },
-    "--anchor-width": {
-      "description": "The anchor's width.",
-      "type": "number"
-    },
-    "--available-height": {
-      "description": "The available height between the trigger and the edge of the viewport.",
-      "type": "number"
-    },
-    "--available-width": {
-      "description": "The available width between the trigger and the edge of the viewport.",
-      "type": "number"
-    },
-    "--positioner-height": {
-      "description": "The height of the popover's positioner.\nIt is important to set `height` to this value when using CSS to animate size changes."
-    },
-    "--positioner-width": {
-      "description": "The width of the popover's positioner.\nIt is important to set `width` to this value when using CSS to animate size changes."
-    },
-    "--transform-origin": {
-      "description": "The coordinates that this element is anchored to. Used for animations and transitions.",
-      "type": "string"
-    }
-  }
-}
diff --git a/docs/reference/generated/popover-root.json b/docs/reference/generated/popover-root.json
deleted file mode 100644
index 9a3ace17cf7..00000000000
--- a/docs/reference/generated/popover-root.json
+++ /dev/null
@@ -1,60 +0,0 @@
-{
-  "name": "PopoverRoot",
-  "description": "Groups all parts of the popover.\nDoesn’t render its own HTML element.",
-  "props": {
-    "defaultOpen": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether the popover is initially open.\n\nTo render a controlled popover, use the `open` prop instead.",
-      "detailedType": "boolean | undefined"
-    },
-    "open": {
-      "type": "boolean",
-      "description": "Whether the popover is currently open.",
-      "detailedType": "boolean | undefined"
-    },
-    "onOpenChange": {
-      "type": "((open: boolean, eventDetails: Popover.Root.ChangeEventDetails) => void)",
-      "description": "Event handler called when the popover is opened or closed.",
-      "detailedType": "| ((\n    open: boolean,\n    eventDetails: Popover.Root.ChangeEventDetails,\n  ) => void)\n| undefined"
-    },
-    "actionsRef": {
-      "type": "RefObject<Popover.Root.Actions | null>",
-      "description": "A ref to imperative actions.\n- `unmount`: When specified, the popover will not be unmounted when closed.\nInstead, the `unmount` function must be called to unmount the popover manually.\nUseful when the popover's animation is controlled by an external library.",
-      "detailedType": "| React.RefObject<Popover.Root.Actions | null>\n| undefined"
-    },
-    "defaultTriggerId": {
-      "type": "string | null",
-      "description": "ID of the trigger that the popover is associated with.\nThis is useful in conjuntion with the `defaultOpen` prop to create an initially open popover.",
-      "detailedType": "string | null | undefined"
-    },
-    "handle": {
-      "type": "PopoverHandle<Payload>",
-      "description": "A handle to associate the popover with a trigger.\nIf specified, allows external triggers to control the popover's open state.",
-      "detailedType": "{} | undefined"
-    },
-    "modal": {
-      "type": "boolean | 'trap-focus'",
-      "default": "false",
-      "description": "Determines if the popover enters a modal state when open.\n- `true`: user interaction is limited to the popover: 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 popover, but document page scroll is not locked and pointer interactions outside of it remain enabled.",
-      "detailedType": "boolean | 'trap-focus' | undefined"
-    },
-    "onOpenChangeComplete": {
-      "type": "((open: boolean) => void)",
-      "description": "Event handler called after any animations complete when the popover is opened or closed.",
-      "detailedType": "((open: boolean) => void) | undefined"
-    },
-    "triggerId": {
-      "type": "string | null",
-      "description": "ID of the trigger that the popover is associated with.\nThis is useful in conjuntion with the `open` prop to create a controlled popover.\nThere's no need to specify this prop when the popover is uncontrolled (i.e. when the `open` prop is not set).",
-      "detailedType": "string | null | undefined"
-    },
-    "children": {
-      "type": "ReactNode | PayloadChildRenderFunction<Payload>",
-      "description": "The content of the popover.\nThis can be a regular React node or a render function that receives the `payload` of the active trigger.",
-      "detailedType": "| React.ReactNode\n| ((arg: { payload: Payload | undefined }) => ReactNode)"
-    }
-  },
-  "dataAttributes": {},
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/popover-title.json b/docs/reference/generated/popover-title.json
deleted file mode 100644
index 5e32c2940ad..00000000000
--- a/docs/reference/generated/popover-title.json
+++ /dev/null
@@ -1,22 +0,0 @@
-{
-  "name": "PopoverTitle",
-  "description": "A heading that labels the popover.\nRenders an `<h2>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: Popover.Title.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: Popover.Title.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: Popover.Title.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Popover.Title.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Popover.Title.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Popover.Title.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {},
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/popover-trigger.json b/docs/reference/generated/popover-trigger.json
deleted file mode 100644
index 2fc7e9b855c..00000000000
--- a/docs/reference/generated/popover-trigger.json
+++ /dev/null
@@ -1,69 +0,0 @@
-{
-  "name": "PopoverTrigger",
-  "description": "A button that opens the popover.\nRenders a `<button>` element.",
-  "props": {
-    "handle": {
-      "type": "PopoverHandle<Payload>",
-      "description": "A handle to associate the trigger with a popover.",
-      "detailedType": "{} | undefined"
-    },
-    "nativeButton": {
-      "type": "boolean",
-      "default": "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 (e.g. `<div>`).",
-      "detailedType": "boolean | undefined"
-    },
-    "payload": {
-      "type": "Payload",
-      "description": "A payload to pass to the popover when it is opened.",
-      "detailedType": "Payload | undefined"
-    },
-    "style": {
-      "type": "CSSProperties | ((state: Popover.Trigger.State) => CSSProperties | undefined)",
-      "description": "Style applied to the element, or a function that\nreturns a style object based on the component’s state.",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: Popover.Trigger.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "openOnHover": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether the popover should also open when the trigger is hovered.",
-      "detailedType": "boolean | undefined"
-    },
-    "delay": {
-      "type": "number",
-      "default": "300",
-      "description": "How long to wait before the popover may be opened on hover. Specified in milliseconds.\n\nRequires the `openOnHover` prop.",
-      "detailedType": "number | undefined"
-    },
-    "closeDelay": {
-      "type": "number",
-      "default": "0",
-      "description": "How long to wait before closing the popover that was opened on hover.\nSpecified in milliseconds.\n\nRequires the `openOnHover` prop.",
-      "detailedType": "number | undefined"
-    },
-    "id": {
-      "type": "string",
-      "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 popover in controlled mode (with the Popover.Root `triggerId` prop).",
-      "detailedType": "string | undefined"
-    },
-    "className": {
-      "type": "string | ((state: Popover.Trigger.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Popover.Trigger.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Popover.Trigger.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Popover.Trigger.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-popup-open": {
-      "description": "Present when the corresponding popover is open."
-    },
-    "data-pressed": {
-      "description": "Present when the trigger is pressed."
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/popover-viewport.json b/docs/reference/generated/popover-viewport.json
deleted file mode 100644
index 06239804c11..00000000000
--- a/docs/reference/generated/popover-viewport.json
+++ /dev/null
@@ -1,48 +0,0 @@
-{
-  "name": "PopoverViewport",
-  "description": "A viewport for displaying content transitions.\nThis component is only required if one popup can be opened by multiple triggers, its content change based on the trigger\nand switching between them is animated.\nRenders a `<div>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: Popover.Viewport.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: Popover.Viewport.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "children": {
-      "type": "ReactNode",
-      "description": "The content to render inside the transition container.",
-      "detailedType": "React.ReactNode"
-    },
-    "className": {
-      "type": "string | ((state: Popover.Viewport.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Popover.Viewport.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Popover.Viewport.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Popover.Viewport.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-activation-direction": {
-      "description": "Indicates the direction from which the popup was activated.\nThis can be used to create directional animations based on how the popup was triggered.\nContains space-separated values for both horizontal and vertical axes.",
-      "type": "`${'left' | 'right'} {'top' | 'bottom'}`"
-    },
-    "data-current": {
-      "description": "Applied to the direct child of the viewport when no transitions are present or the new content when it's entering."
-    },
-    "data-previous": {
-      "description": "Applied to the direct child of the viewport that contains the exiting content when transitions are present."
-    },
-    "data-transitioning": {
-      "description": "Indicates that the viewport is currently transitioning between old and new content."
-    }
-  },
-  "cssVariables": {
-    "--popup-height": {
-      "description": "The height of the parent popup.\nThis variable is placed on the 'previous' container and stores the height of the popup when the previous content was rendered.\nIt can be used to freeze the dimensions of the popup when animating between different content."
-    },
-    "--popup-width": {
-      "description": "The width of the parent popup.\nThis variable is placed on the 'previous' container and stores the width of the popup when the previous content was rendered.\nIt can be used to freeze the dimensions of the popup when animating between different content."
-    }
-  }
-}
diff --git a/docs/reference/generated/preview-card-arrow.json b/docs/reference/generated/preview-card-arrow.json
deleted file mode 100644
index 6e166c2d788..00000000000
--- a/docs/reference/generated/preview-card-arrow.json
+++ /dev/null
@@ -1,43 +0,0 @@
-{
-  "name": "PreviewCardArrow",
-  "description": "Displays an element positioned against the preview card anchor.\nRenders a `<div>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: PreviewCard.Arrow.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: PreviewCard.Arrow.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: PreviewCard.Arrow.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: PreviewCard.Arrow.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: PreviewCard.Arrow.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: PreviewCard.Arrow.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-open": {
-      "description": "Present when the preview card is open."
-    },
-    "data-closed": {
-      "description": "Present when the preview card is closed."
-    },
-    "data-uncentered": {
-      "description": "Present when the preview card arrow is uncentered."
-    },
-    "data-anchor-hidden": {
-      "description": "Present when the anchor is hidden."
-    },
-    "data-align": {
-      "description": "Indicates how the popup is aligned relative to specified side.",
-      "type": "'start' | 'center' | 'end'"
-    },
-    "data-side": {
-      "description": "Indicates which side the popup is positioned relative to the trigger.",
-      "type": "'top' | 'bottom' | 'left' | 'right' | 'inline-end' | 'inline-start'"
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/preview-card-backdrop.json b/docs/reference/generated/preview-card-backdrop.json
deleted file mode 100644
index d4e635e3fe7..00000000000
--- a/docs/reference/generated/preview-card-backdrop.json
+++ /dev/null
@@ -1,35 +0,0 @@
-{
-  "name": "PreviewCardBackdrop",
-  "description": "An overlay displayed beneath the popup.\nRenders a `<div>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: PreviewCard.Backdrop.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: PreviewCard.Backdrop.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: PreviewCard.Backdrop.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((\n    state: PreviewCard.Backdrop.State,\n  ) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: PreviewCard.Backdrop.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: PreviewCard.Backdrop.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-open": {
-      "description": "Present when the preview card is open."
-    },
-    "data-closed": {
-      "description": "Present when the preview card is closed."
-    },
-    "data-starting-style": {
-      "description": "Present when the preview card is animating in."
-    },
-    "data-ending-style": {
-      "description": "Present when the preview card is animating out."
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/preview-card-popup.json b/docs/reference/generated/preview-card-popup.json
deleted file mode 100644
index 499eafa3787..00000000000
--- a/docs/reference/generated/preview-card-popup.json
+++ /dev/null
@@ -1,43 +0,0 @@
-{
-  "name": "PreviewCardPopup",
-  "description": "A container for the preview card contents.\nRenders a `<div>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: PreviewCard.Popup.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: PreviewCard.Popup.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: PreviewCard.Popup.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: PreviewCard.Popup.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: PreviewCard.Popup.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: PreviewCard.Popup.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-open": {
-      "description": "Present when the preview card is open."
-    },
-    "data-closed": {
-      "description": "Present when the preview card is closed."
-    },
-    "data-align": {
-      "description": "Indicates how the popup is aligned relative to specified side.",
-      "type": "'start' | 'center' | 'end'"
-    },
-    "data-side": {
-      "description": "Indicates which side the popup is positioned relative to the trigger.",
-      "type": "'top' | 'bottom' | 'left' | 'right' | 'inline-end' | 'inline-start'"
-    },
-    "data-starting-style": {
-      "description": "Present when the preview card is animating in."
-    },
-    "data-ending-style": {
-      "description": "Present when the preview card is animating out."
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/preview-card-portal.json b/docs/reference/generated/preview-card-portal.json
deleted file mode 100644
index d3aae6a2859..00000000000
--- a/docs/reference/generated/preview-card-portal.json
+++ /dev/null
@@ -1,33 +0,0 @@
-{
-  "name": "PreviewCardPortal",
-  "description": "A portal element that moves the popup to a different part of the DOM.\nBy default, the portal element is appended to `<body>`.\nRenders a `<div>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: PreviewCard.Portal.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: PreviewCard.Portal.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "container": {
-      "type": "HTMLElement | ShadowRoot | RefObject<HTMLElement | ShadowRoot | null> | null",
-      "description": "A parent element to render the portal element into.",
-      "detailedType": "| HTMLElement\n| ShadowRoot\n| React.RefObject<HTMLElement | ShadowRoot | null>\n| null\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: PreviewCard.Portal.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((\n    state: PreviewCard.Portal.State,\n  ) => string | undefined)"
-    },
-    "keepMounted": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether to keep the portal mounted in the DOM while the popup is hidden.",
-      "detailedType": "boolean | undefined"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: PreviewCard.Portal.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: PreviewCard.Portal.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {},
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/preview-card-positioner.json b/docs/reference/generated/preview-card-positioner.json
deleted file mode 100644
index 529dd999259..00000000000
--- a/docs/reference/generated/preview-card-positioner.json
+++ /dev/null
@@ -1,134 +0,0 @@
-{
-  "name": "PreviewCardPositioner",
-  "description": "Positions the popup against the trigger.\nRenders a `<div>` element.",
-  "props": {
-    "collisionAvoidance": {
-      "type": "CollisionAvoidance",
-      "description": "Determines how to handle collisions when positioning the popup.",
-      "example": "```jsx\n<Positioner\n  collisionAvoidance={{\n    side: 'shift',\n    align: 'shift',\n    fallbackAxisSide: 'none',\n  }}\n/>\n```",
-      "detailedType": "| {\n    side?: 'none' | 'flip'\n    align?: 'none' | 'flip' | 'shift'\n    fallbackAxisSide?: 'none' | 'end' | 'start'\n  }\n| {\n    side?: 'none' | 'shift'\n    align?: 'none' | 'shift'\n    fallbackAxisSide?: 'none' | 'end' | 'start'\n  }\n| undefined"
-    },
-    "style": {
-      "type": "CSSProperties | ((state: PreviewCard.Positioner.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: PreviewCard.Positioner.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "align": {
-      "type": "Align",
-      "default": "'center'",
-      "description": "How to align the popup relative to the specified side.",
-      "detailedType": "'center' | 'end' | 'start' | undefined"
-    },
-    "alignOffset": {
-      "type": "number | OffsetFunction",
-      "default": "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.",
-      "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```",
-      "detailedType": "| number\n| ((data: {\n    side: Side\n    align: Align\n    anchor: { width: number; height: number }\n    positioner: { width: number; height: number }\n  }) => number)\n| undefined"
-    },
-    "side": {
-      "type": "Side",
-      "default": "'bottom'",
-      "description": "Which side of the anchor element to align the popup against.\nMay automatically change to avoid collisions.",
-      "detailedType": "| 'left'\n| 'right'\n| 'bottom'\n| 'top'\n| 'inline-end'\n| 'inline-start'\n| undefined"
-    },
-    "sideOffset": {
-      "type": "number | OffsetFunction",
-      "default": "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.",
-      "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```",
-      "detailedType": "| number\n| ((data: {\n    side: Side\n    align: Align\n    anchor: { width: number; height: number }\n    positioner: { width: number; height: number }\n  }) => number)\n| undefined"
-    },
-    "arrowPadding": {
-      "type": "number",
-      "default": "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.",
-      "detailedType": "number | undefined"
-    },
-    "anchor": {
-      "type": "Element | RefObject<Element | null> | VirtualElement | (() => Element | VirtualElement | null) | null",
-      "description": "An element to position the popup against.\nBy default, the popup will be positioned against the trigger.",
-      "detailedType": "| Element\n| React.RefObject<Element | null>\n| VirtualElement\n| (() => Element | VirtualElement | null)\n| null\n| undefined"
-    },
-    "collisionBoundary": {
-      "type": "Boundary",
-      "default": "'clipping-ancestors'",
-      "description": "An element or a rectangle that delimits the area that the popup is confined to.",
-      "detailedType": "| Element\n| 'clipping-ancestors'\n| Element[]\n| Rect\n| undefined"
-    },
-    "collisionPadding": {
-      "type": "Padding",
-      "default": "5",
-      "description": "Additional space to maintain from the edge of the collision boundary.",
-      "detailedType": "| {\n    top?: number\n    right?: number\n    bottom?: number\n    left?: number\n  }\n| number\n| undefined"
-    },
-    "sticky": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether to maintain the popup in the viewport after\nthe anchor element was scrolled out of view.",
-      "detailedType": "boolean | undefined"
-    },
-    "positionMethod": {
-      "type": "'fixed' | 'absolute'",
-      "default": "'absolute'",
-      "description": "Determines which CSS `position` property to use.",
-      "detailedType": "'fixed' | 'absolute' | undefined"
-    },
-    "trackAnchor": {
-      "type": "boolean",
-      "default": "true",
-      "description": "Whether the popup tracks any layout shift of its positioning anchor.",
-      "detailedType": "boolean | undefined"
-    },
-    "className": {
-      "type": "string | ((state: PreviewCard.Positioner.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((\n    state: PreviewCard.Positioner.State,\n  ) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: PreviewCard.Positioner.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: PreviewCard.Positioner.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-open": {
-      "description": "Present when the preview card is open."
-    },
-    "data-closed": {
-      "description": "Present when the preview card is closed."
-    },
-    "data-anchor-hidden": {
-      "description": "Present when the anchor is hidden."
-    },
-    "data-align": {
-      "description": "Indicates how the popup is aligned relative to specified side.",
-      "type": "'start' | 'center' | 'end'"
-    },
-    "data-side": {
-      "description": "Indicates which side the popup is positioned relative to the trigger.",
-      "type": "'top' | 'bottom' | 'left' | 'right' | 'inline-end' | 'inline-start'"
-    }
-  },
-  "cssVariables": {
-    "--anchor-height": {
-      "description": "The anchor's height.",
-      "type": "number"
-    },
-    "--anchor-width": {
-      "description": "The anchor's width.",
-      "type": "number"
-    },
-    "--available-height": {
-      "description": "The available height between the trigger and the edge of the viewport.",
-      "type": "number"
-    },
-    "--available-width": {
-      "description": "The available width between the trigger and the edge of the viewport.",
-      "type": "number"
-    },
-    "--transform-origin": {
-      "description": "The coordinates that this element is anchored to. Used for animations and transitions.",
-      "type": "string"
-    }
-  }
-}
diff --git a/docs/reference/generated/preview-card-root.json b/docs/reference/generated/preview-card-root.json
deleted file mode 100644
index 5c8253904a3..00000000000
--- a/docs/reference/generated/preview-card-root.json
+++ /dev/null
@@ -1,50 +0,0 @@
-{
-  "name": "PreviewCardRoot",
-  "description": "Groups all parts of the preview card.\nDoesn’t render its own HTML element.",
-  "props": {
-    "defaultOpen": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether the preview card is initially open.\n\nTo render a controlled preview card, use the `open` prop instead.",
-      "detailedType": "boolean | undefined"
-    },
-    "open": {
-      "type": "boolean",
-      "description": "Whether the preview card is currently open.",
-      "detailedType": "boolean | undefined"
-    },
-    "onOpenChange": {
-      "type": "((open: boolean, eventDetails: PreviewCard.Root.ChangeEventDetails) => void)",
-      "description": "Event handler called when the preview card is opened or closed.",
-      "detailedType": "| ((\n    open: boolean,\n    eventDetails: PreviewCard.Root.ChangeEventDetails,\n  ) => void)\n| undefined"
-    },
-    "actionsRef": {
-      "type": "RefObject<PreviewCard.Root.Actions>",
-      "description": "A ref to imperative actions.\n- `unmount`: When specified, the preview card will not be unmounted when closed.\nInstead, the `unmount` function must be called to unmount the preview card manually.\nUseful when the preview card's animation is controlled by an external library.",
-      "detailedType": "| React.RefObject<PreviewCard.Root.Actions>\n| undefined"
-    },
-    "onOpenChangeComplete": {
-      "type": "((open: boolean) => void)",
-      "description": "Event handler called after any animations complete when the preview card is opened or closed.",
-      "detailedType": "((open: boolean) => void) | undefined"
-    },
-    "delay": {
-      "type": "number",
-      "default": "600",
-      "description": "How long to wait before the preview card opens. Specified in milliseconds.",
-      "detailedType": "number | undefined"
-    },
-    "closeDelay": {
-      "type": "number",
-      "default": "300",
-      "description": "How long to wait before closing the preview card. Specified in milliseconds.",
-      "detailedType": "number | undefined"
-    },
-    "children": {
-      "type": "ReactNode",
-      "detailedType": "React.ReactNode"
-    }
-  },
-  "dataAttributes": {},
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/preview-card-trigger.json b/docs/reference/generated/preview-card-trigger.json
deleted file mode 100644
index 99d16fed24e..00000000000
--- a/docs/reference/generated/preview-card-trigger.json
+++ /dev/null
@@ -1,26 +0,0 @@
-{
-  "name": "PreviewCardTrigger",
-  "description": "A link that opens the preview card.\nRenders an `<a>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: PreviewCard.Trigger.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: PreviewCard.Trigger.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: PreviewCard.Trigger.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: PreviewCard.Trigger.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: PreviewCard.Trigger.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: PreviewCard.Trigger.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-popup-open": {
-      "description": "Present when the corresponding preview card is open."
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/progress-indicator.json b/docs/reference/generated/progress-indicator.json
deleted file mode 100644
index 401c849e6f5..00000000000
--- a/docs/reference/generated/progress-indicator.json
+++ /dev/null
@@ -1,32 +0,0 @@
-{
-  "name": "ProgressIndicator",
-  "description": "Visualizes the completion status of the task.\nRenders a `<div>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: Progress.Root.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: Progress.Root.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: Progress.Root.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Progress.Root.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Progress.Root.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Progress.Root.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-complete": {
-      "description": "Present when the progress has completed."
-    },
-    "data-indeterminate": {
-      "description": "Present when the progress is in interminate state."
-    },
-    "data-progressing": {
-      "description": "Present while the progress is progressing."
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/progress-label.json b/docs/reference/generated/progress-label.json
deleted file mode 100644
index 2df79d1ab49..00000000000
--- a/docs/reference/generated/progress-label.json
+++ /dev/null
@@ -1,32 +0,0 @@
-{
-  "name": "ProgressLabel",
-  "description": "An accessible label for the progress bar.\nRenders a `<span>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: Progress.Root.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: Progress.Root.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: Progress.Root.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Progress.Root.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Progress.Root.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Progress.Root.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-complete": {
-      "description": "Present when the progress has completed."
-    },
-    "data-indeterminate": {
-      "description": "Present when the progress is in interminate state."
-    },
-    "data-progressing": {
-      "description": "Present while the progress is progressing."
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/progress-root.json b/docs/reference/generated/progress-root.json
deleted file mode 100644
index e3506bbeafc..00000000000
--- a/docs/reference/generated/progress-root.json
+++ /dev/null
@@ -1,69 +0,0 @@
-{
-  "name": "ProgressRoot",
-  "description": "Groups all parts of the progress bar and provides the task completion status to screen readers.\nRenders a `<div>` element.",
-  "props": {
-    "value": {
-      "type": "number | null",
-      "default": "null",
-      "required": true,
-      "description": "The current value. The component is indeterminate when value is `null`."
-    },
-    "aria-valuetext": {
-      "type": "string",
-      "description": "A string value that provides a user-friendly name for `aria-valuenow`, the current value of the meter.",
-      "detailedType": "string | undefined"
-    },
-    "getAriaValueText": {
-      "type": "((formattedValue: string | null, value: number | null) => string)",
-      "description": "Accepts a function which returns a string value that provides a human-readable text alternative for the current value of the progress bar.",
-      "detailedType": "| ((\n    formattedValue: string | null,\n    value: number | null,\n  ) => string)\n| undefined"
-    },
-    "locale": {
-      "type": "Intl.LocalesArgument",
-      "description": "The locale used by `Intl.NumberFormat` when formatting the value.\nDefaults to the user's runtime locale."
-    },
-    "style": {
-      "type": "CSSProperties | ((state: Progress.Root.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: Progress.Root.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "min": {
-      "type": "number",
-      "default": "0",
-      "description": "The minimum value.",
-      "detailedType": "number | undefined"
-    },
-    "max": {
-      "type": "number",
-      "default": "100",
-      "description": "The maximum value.",
-      "detailedType": "number | undefined"
-    },
-    "format": {
-      "type": "Intl.NumberFormatOptions",
-      "description": "Options to format the value.",
-      "detailedType": "Intl.NumberFormatOptions | undefined"
-    },
-    "className": {
-      "type": "string | ((state: Progress.Root.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Progress.Root.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Progress.Root.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Progress.Root.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-complete": {
-      "description": "Present when the progress has completed."
-    },
-    "data-indeterminate": {
-      "description": "Present when the progress is in interminate state."
-    },
-    "data-progressing": {
-      "description": "Present while the progress is progressing."
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/progress-track.json b/docs/reference/generated/progress-track.json
deleted file mode 100644
index 297a6aa0da5..00000000000
--- a/docs/reference/generated/progress-track.json
+++ /dev/null
@@ -1,32 +0,0 @@
-{
-  "name": "ProgressTrack",
-  "description": "Contains the progress bar indicator.\nRenders a `<div>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: Progress.Root.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: Progress.Root.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: Progress.Root.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Progress.Root.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Progress.Root.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Progress.Root.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-complete": {
-      "description": "Present when the progress has completed."
-    },
-    "data-indeterminate": {
-      "description": "Present when the progress is in interminate state."
-    },
-    "data-progressing": {
-      "description": "Present while the progress is progressing."
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/progress-value.json b/docs/reference/generated/progress-value.json
deleted file mode 100644
index 0e9d821fca6..00000000000
--- a/docs/reference/generated/progress-value.json
+++ /dev/null
@@ -1,36 +0,0 @@
-{
-  "name": "ProgressValue",
-  "description": "A text label displaying the current value.\nRenders a `<span>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: Progress.Root.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: Progress.Root.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "children": {
-      "type": "((formattedValue: string | null, value: number | null) => ReactNode) | null",
-      "detailedType": "| ((\n    formattedValue: string | null,\n    value: number | null,\n  ) => ReactNode)\n| null\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: Progress.Root.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Progress.Root.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Progress.Root.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Progress.Root.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-complete": {
-      "description": "Present when the progress has completed."
-    },
-    "data-indeterminate": {
-      "description": "Present when the progress is in interminate state."
-    },
-    "data-progressing": {
-      "description": "Present while the progress is progressing."
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/radio-group.json b/docs/reference/generated/radio-group.json
deleted file mode 100644
index 3966aa68d08..00000000000
--- a/docs/reference/generated/radio-group.json
+++ /dev/null
@@ -1,67 +0,0 @@
-{
-  "name": "RadioGroup",
-  "description": "Provides a shared state to a series of radio buttons.\nRenders a `<div>` element.",
-  "props": {
-    "name": {
-      "type": "string",
-      "description": "Identifies the field when a form is submitted.",
-      "detailedType": "string | undefined"
-    },
-    "defaultValue": {
-      "type": "unknown",
-      "description": "The uncontrolled value of the radio button that should be initially selected.\n\nTo render a controlled radio group, use the `value` prop instead."
-    },
-    "value": {
-      "type": "unknown",
-      "description": "The controlled value of the radio item that should be currently selected.\n\nTo render an uncontrolled radio group, use the `defaultValue` prop instead."
-    },
-    "onValueChange": {
-      "type": "((value: unknown, eventDetails: Radio.Group.ChangeEventDetails) => void)",
-      "description": "Callback fired when the value changes.",
-      "detailedType": "| ((\n    value: unknown,\n    eventDetails: Radio.Group.ChangeEventDetails,\n  ) => void)\n| undefined"
-    },
-    "style": {
-      "type": "CSSProperties | ((state: RadioGroup.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((state: RadioGroup.State) => CSSProperties | undefined)\n| undefined"
-    },
-    "disabled": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether the component should ignore user interaction.",
-      "detailedType": "boolean | undefined"
-    },
-    "readOnly": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether the user should be unable to select a different radio button in the group.",
-      "detailedType": "boolean | undefined"
-    },
-    "required": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether the user must choose a value before submitting a form.",
-      "detailedType": "boolean | undefined"
-    },
-    "inputRef": {
-      "type": "Ref<HTMLInputElement>",
-      "description": "A ref to access the hidden input element.",
-      "detailedType": "React.Ref<HTMLInputElement> | undefined"
-    },
-    "className": {
-      "type": "string | ((state: RadioGroup.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: RadioGroup.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: RadioGroup.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: RadioGroup.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-disabled": {
-      "description": "Present when the radio group is disabled."
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/radio-indicator.json b/docs/reference/generated/radio-indicator.json
deleted file mode 100644
index 8749586354a..00000000000
--- a/docs/reference/generated/radio-indicator.json
+++ /dev/null
@@ -1,62 +0,0 @@
-{
-  "name": "RadioIndicator",
-  "description": "Indicates whether the radio button is selected.\nRenders a `<span>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: Radio.Indicator.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: Radio.Indicator.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: Radio.Indicator.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Radio.Indicator.State) => string | undefined)"
-    },
-    "keepMounted": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether to keep the HTML element in the DOM when the radio button is inactive.",
-      "detailedType": "boolean | undefined"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Radio.Indicator.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Radio.Indicator.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-checked": {
-      "description": "Present when the radio is checked."
-    },
-    "data-unchecked": {
-      "description": "Present when the radio is not checked."
-    },
-    "data-disabled": {
-      "description": "Present when the radio is disabled."
-    },
-    "data-readonly": {
-      "description": "Present when the radio is readonly."
-    },
-    "data-required": {
-      "description": "Present when the radio is required."
-    },
-    "data-valid": {
-      "description": "Present when the radio is in valid state (when wrapped in Field.Root)."
-    },
-    "data-invalid": {
-      "description": "Present when the radio is in invalid state (when wrapped in Field.Root)."
-    },
-    "data-dirty": {
-      "description": "Present when the radio's value has changed (when wrapped in Field.Root)."
-    },
-    "data-touched": {
-      "description": "Present when the radio has been touched (when wrapped in Field.Root)."
-    },
-    "data-filled": {
-      "description": "Present when the radio is checked (when wrapped in Field.Root)."
-    },
-    "data-focused": {
-      "description": "Present when the radio is focused (when wrapped in Field.Root)."
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/radio-root.json b/docs/reference/generated/radio-root.json
deleted file mode 100644
index eee706a2fe0..00000000000
--- a/docs/reference/generated/radio-root.json
+++ /dev/null
@@ -1,87 +0,0 @@
-{
-  "name": "RadioRoot",
-  "description": "Represents the radio button itself.\nRenders a `<button>` element and a hidden `<input>` beside.",
-  "props": {
-    "value": {
-      "type": "any",
-      "required": true,
-      "description": "The unique identifying value of the radio in a group."
-    },
-    "nativeButton": {
-      "type": "boolean",
-      "default": "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 (e.g. `<div>`).",
-      "detailedType": "boolean | undefined"
-    },
-    "style": {
-      "type": "CSSProperties | ((state: Radio.Root.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((state: Radio.Root.State) => CSSProperties | undefined)\n| undefined"
-    },
-    "disabled": {
-      "type": "boolean",
-      "description": "Whether the component should ignore user interaction.",
-      "detailedType": "boolean | undefined"
-    },
-    "readOnly": {
-      "type": "boolean",
-      "description": "Whether the user should be unable to select the radio button.",
-      "detailedType": "boolean | undefined"
-    },
-    "required": {
-      "type": "boolean",
-      "description": "Whether the user must choose a value before submitting a form.",
-      "detailedType": "boolean | undefined"
-    },
-    "inputRef": {
-      "type": "Ref<HTMLInputElement>",
-      "description": "A ref to access the hidden input element.",
-      "detailedType": "React.Ref<HTMLInputElement> | undefined"
-    },
-    "className": {
-      "type": "string | ((state: Radio.Root.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Radio.Root.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Radio.Root.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Radio.Root.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-checked": {
-      "description": "Present when the radio is checked."
-    },
-    "data-unchecked": {
-      "description": "Present when the radio is not checked."
-    },
-    "data-disabled": {
-      "description": "Present when the radio is disabled."
-    },
-    "data-readonly": {
-      "description": "Present when the radio is readonly."
-    },
-    "data-required": {
-      "description": "Present when the radio is required."
-    },
-    "data-valid": {
-      "description": "Present when the radio is in valid state (when wrapped in Field.Root)."
-    },
-    "data-invalid": {
-      "description": "Present when the radio is in invalid state (when wrapped in Field.Root)."
-    },
-    "data-dirty": {
-      "description": "Present when the radio's value has changed (when wrapped in Field.Root)."
-    },
-    "data-touched": {
-      "description": "Present when the radio has been touched (when wrapped in Field.Root)."
-    },
-    "data-filled": {
-      "description": "Present when the radio is checked (when wrapped in Field.Root)."
-    },
-    "data-focused": {
-      "description": "Present when the radio is focused (when wrapped in Field.Root)."
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/scroll-area-content.json b/docs/reference/generated/scroll-area-content.json
deleted file mode 100644
index e777db9c20e..00000000000
--- a/docs/reference/generated/scroll-area-content.json
+++ /dev/null
@@ -1,22 +0,0 @@
-{
-  "name": "ScrollAreaContent",
-  "description": "A container for the content of the scroll area.\nRenders a `<div>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: ScrollArea.Content.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: ScrollArea.Content.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: ScrollArea.Content.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: ScrollArea.Content.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: ScrollArea.Content.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: ScrollArea.Content.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {},
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/scroll-area-corner.json b/docs/reference/generated/scroll-area-corner.json
deleted file mode 100644
index a96f44cbb59..00000000000
--- a/docs/reference/generated/scroll-area-corner.json
+++ /dev/null
@@ -1,22 +0,0 @@
-{
-  "name": "ScrollAreaCorner",
-  "description": "A small rectangular area that appears at the intersection of horizontal and vertical scrollbars.\nRenders a `<div>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: ScrollArea.Corner.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: ScrollArea.Corner.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: ScrollArea.Corner.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: ScrollArea.Corner.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: ScrollArea.Corner.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: ScrollArea.Corner.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {},
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/scroll-area-root.json b/docs/reference/generated/scroll-area-root.json
deleted file mode 100644
index f44df62f96c..00000000000
--- a/docs/reference/generated/scroll-area-root.json
+++ /dev/null
@@ -1,72 +0,0 @@
-{
-  "name": "ScrollAreaRoot",
-  "description": "Groups all parts of the scroll area.\nRenders a `<div>` element.",
-  "props": {
-    "overflowEdgeThreshold": {
-      "type": "number | Partial<{ xStart: number, xEnd: number, yStart: number, yEnd: number }>",
-      "default": "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.",
-      "detailedType": "| number\n| {\n    xStart?: number\n    xEnd?: number\n    yStart?: number\n    yEnd?: number\n  }\n| undefined"
-    },
-    "style": {
-      "type": "CSSProperties | ((state: ScrollArea.Root.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: ScrollArea.Root.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: ScrollArea.Root.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: ScrollArea.Root.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: ScrollArea.Root.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: ScrollArea.Root.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-has-overflow-x": {
-      "description": "Present when the scroll area content is wider than the viewport."
-    },
-    "data-has-overflow-y": {
-      "description": "Present when the scroll area content is taller than the viewport."
-    },
-    "data-overflow-x-end": {
-      "description": "Present when there is overflow on the horizontal end side."
-    },
-    "data-overflow-x-start": {
-      "description": "Present when there is overflow on the horizontal start side."
-    },
-    "data-overflow-y-end": {
-      "description": "Present when there is overflow on the vertical end side."
-    },
-    "data-overflow-y-start": {
-      "description": "Present when there is overflow on the vertical start side."
-    }
-  },
-  "cssVariables": {
-    "--scroll-area-corner-height": {
-      "description": "The scroll area's corner height.",
-      "type": "number"
-    },
-    "--scroll-area-corner-width": {
-      "description": "The scroll area's corner width.",
-      "type": "number"
-    },
-    "--scroll-area-overflow-x-end": {
-      "description": "The distance from the horizontal end edge in pixels.",
-      "type": "number"
-    },
-    "--scroll-area-overflow-x-start": {
-      "description": "The distance from the horizontal start edge in pixels.",
-      "type": "number"
-    },
-    "--scroll-area-overflow-y-end": {
-      "description": "The distance from the vertical end edge in pixels.",
-      "type": "number"
-    },
-    "--scroll-area-overflow-y-start": {
-      "description": "The distance from the vertical start edge in pixels.",
-      "type": "number"
-    }
-  }
-}
diff --git a/docs/reference/generated/scroll-area-scrollbar.json b/docs/reference/generated/scroll-area-scrollbar.json
deleted file mode 100644
index c3fa15bed72..00000000000
--- a/docs/reference/generated/scroll-area-scrollbar.json
+++ /dev/null
@@ -1,72 +0,0 @@
-{
-  "name": "ScrollAreaScrollbar",
-  "description": "A vertical or horizontal scrollbar for the scroll area.\nRenders a `<div>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: ScrollArea.Scrollbar.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: ScrollArea.Scrollbar.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "orientation": {
-      "type": "'horizontal' | 'vertical'",
-      "default": "'vertical'",
-      "description": "Whether the scrollbar controls vertical or horizontal scroll.",
-      "detailedType": "'horizontal' | 'vertical' | undefined"
-    },
-    "className": {
-      "type": "string | ((state: ScrollArea.Scrollbar.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((\n    state: ScrollArea.Scrollbar.State,\n  ) => string | undefined)"
-    },
-    "keepMounted": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether to keep the HTML element in the DOM when the viewport isn’t scrollable.",
-      "detailedType": "boolean | undefined"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: ScrollArea.Scrollbar.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: ScrollArea.Scrollbar.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-orientation": {
-      "description": "Indicates the orientation of the scrollbar.",
-      "type": "'horizontal' | 'vertical'"
-    },
-    "data-has-overflow-x": {
-      "description": "Present when the scroll area content is wider than the viewport."
-    },
-    "data-has-overflow-y": {
-      "description": "Present when the scroll area content is taller than the viewport."
-    },
-    "data-hovering": {
-      "description": "Present when the pointer is over the scroll area."
-    },
-    "data-overflow-x-end": {
-      "description": "Present when there is overflow on the horizontal end side."
-    },
-    "data-overflow-x-start": {
-      "description": "Present when there is overflow on the horizontal start side."
-    },
-    "data-overflow-y-end": {
-      "description": "Present when there is overflow on the vertical end side."
-    },
-    "data-overflow-y-start": {
-      "description": "Present when there is overflow on the vertical start side."
-    },
-    "data-scrolling": {
-      "description": "Present when the users scrolls inside the scroll area."
-    }
-  },
-  "cssVariables": {
-    "--scroll-area-thumb-height": {
-      "description": "The scroll area thumb's height.",
-      "type": "number"
-    },
-    "--scroll-area-thumb-width": {
-      "description": "The scroll area thumb's width.",
-      "type": "number"
-    }
-  }
-}
diff --git a/docs/reference/generated/scroll-area-thumb.json b/docs/reference/generated/scroll-area-thumb.json
deleted file mode 100644
index 038a1171e86..00000000000
--- a/docs/reference/generated/scroll-area-thumb.json
+++ /dev/null
@@ -1,27 +0,0 @@
-{
-  "name": "ScrollAreaThumb",
-  "description": "The draggable part of the the scrollbar that indicates the current scroll position.\nRenders a `<div>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: ScrollArea.Thumb.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: ScrollArea.Thumb.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: ScrollArea.Thumb.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: ScrollArea.Thumb.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: ScrollArea.Thumb.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: ScrollArea.Thumb.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-orientation": {
-      "description": "Indicates the orientation of the scrollbar.",
-      "type": "'horizontal' | 'vertical'"
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/scroll-area-viewport.json b/docs/reference/generated/scroll-area-viewport.json
deleted file mode 100644
index 56b8c4aa16a..00000000000
--- a/docs/reference/generated/scroll-area-viewport.json
+++ /dev/null
@@ -1,41 +0,0 @@
-{
-  "name": "ScrollAreaViewport",
-  "description": "The actual scrollable container of the scroll area.\nRenders a `<div>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: ScrollArea.Viewport.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: ScrollArea.Viewport.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: ScrollArea.Viewport.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: ScrollArea.Viewport.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: ScrollArea.Viewport.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: ScrollArea.Viewport.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-has-overflow-x": {
-      "description": "Present when the scroll area content is wider than the viewport."
-    },
-    "data-has-overflow-y": {
-      "description": "Present when the scroll area content is taller than the viewport."
-    },
-    "data-overflow-x-end": {
-      "description": "Present when there is overflow on the horizontal end side."
-    },
-    "data-overflow-x-start": {
-      "description": "Present when there is overflow on the horizontal start side."
-    },
-    "data-overflow-y-end": {
-      "description": "Present when there is overflow on the vertical end side."
-    },
-    "data-overflow-y-start": {
-      "description": "Present when there is overflow on the vertical start side."
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/select-arrow.json b/docs/reference/generated/select-arrow.json
deleted file mode 100644
index 66cbb4bb07e..00000000000
--- a/docs/reference/generated/select-arrow.json
+++ /dev/null
@@ -1,43 +0,0 @@
-{
-  "name": "SelectArrow",
-  "description": "Displays an element positioned against the select popup anchor.\nRenders a `<div>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: Select.Arrow.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((state: Select.Arrow.State) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: Select.Arrow.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Select.Arrow.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Select.Arrow.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Select.Arrow.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-open": {
-      "description": "Present when the select popup is open."
-    },
-    "data-closed": {
-      "description": "Present when the select popup is closed."
-    },
-    "data-uncentered": {
-      "description": "Present when the select arrow is uncentered."
-    },
-    "data-anchor-hidden": {
-      "description": "Present when the anchor is hidden."
-    },
-    "data-align": {
-      "description": "Indicates how the popup is aligned relative to specified side.",
-      "type": "'start' | 'center' | 'end'"
-    },
-    "data-side": {
-      "description": "Indicates which side the popup is positioned relative to the trigger.",
-      "type": "'none' | 'top' | 'bottom' | 'left' | 'right' | 'inline-end' | 'inline-start'"
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/select-backdrop.json b/docs/reference/generated/select-backdrop.json
deleted file mode 100644
index 3a429c36bb8..00000000000
--- a/docs/reference/generated/select-backdrop.json
+++ /dev/null
@@ -1,35 +0,0 @@
-{
-  "name": "SelectBackdrop",
-  "description": "An overlay displayed beneath the menu popup.\nRenders a `<div>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: Select.Backdrop.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: Select.Backdrop.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: Select.Backdrop.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Select.Backdrop.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Select.Backdrop.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Select.Backdrop.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-open": {
-      "description": "Present when the select is open."
-    },
-    "data-closed": {
-      "description": "Present when the select is closed."
-    },
-    "data-starting-style": {
-      "description": "Present when the select is animating in."
-    },
-    "data-ending-style": {
-      "description": "Present when the select is animating out."
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/select-group-label.json b/docs/reference/generated/select-group-label.json
deleted file mode 100644
index 0c4f9210876..00000000000
--- a/docs/reference/generated/select-group-label.json
+++ /dev/null
@@ -1,22 +0,0 @@
-{
-  "name": "SelectGroupLabel",
-  "description": "An accessible label that is automatically associated with its parent group.\nRenders a `<div>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: Select.GroupLabel.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: Select.GroupLabel.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: Select.GroupLabel.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Select.GroupLabel.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Select.GroupLabel.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Select.GroupLabel.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {},
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/select-group.json b/docs/reference/generated/select-group.json
deleted file mode 100644
index 813ebfa99a7..00000000000
--- a/docs/reference/generated/select-group.json
+++ /dev/null
@@ -1,22 +0,0 @@
-{
-  "name": "SelectGroup",
-  "description": "Groups related select items with the corresponding label.\nRenders a `<div>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: Select.Group.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((state: Select.Group.State) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: Select.Group.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Select.Group.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Select.Group.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Select.Group.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {},
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/select-icon.json b/docs/reference/generated/select-icon.json
deleted file mode 100644
index 383218846fd..00000000000
--- a/docs/reference/generated/select-icon.json
+++ /dev/null
@@ -1,26 +0,0 @@
-{
-  "name": "SelectIcon",
-  "description": "An icon that indicates that the trigger button opens a select popup.\nRenders a `<span>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: Select.Icon.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((state: Select.Icon.State) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: Select.Icon.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Select.Icon.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Select.Icon.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Select.Icon.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-popup-open": {
-      "description": "Present when the corresponding popup is open."
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/select-item-indicator.json b/docs/reference/generated/select-item-indicator.json
deleted file mode 100644
index 0fa8a2c2200..00000000000
--- a/docs/reference/generated/select-item-indicator.json
+++ /dev/null
@@ -1,31 +0,0 @@
-{
-  "name": "SelectItemIndicator",
-  "description": "Indicates whether the select item is selected.\nRenders a `<span>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: Select.ItemIndicator.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: Select.ItemIndicator.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "children": {
-      "type": "ReactNode",
-      "detailedType": "React.ReactNode"
-    },
-    "className": {
-      "type": "string | ((state: Select.ItemIndicator.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((\n    state: Select.ItemIndicator.State,\n  ) => string | undefined)"
-    },
-    "keepMounted": {
-      "type": "boolean",
-      "description": "Whether to keep the HTML element in the DOM when the item is not selected.",
-      "detailedType": "boolean | undefined"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Select.ItemIndicator.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Select.ItemIndicator.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {},
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/select-item-text.json b/docs/reference/generated/select-item-text.json
deleted file mode 100644
index 604b5e80846..00000000000
--- a/docs/reference/generated/select-item-text.json
+++ /dev/null
@@ -1,22 +0,0 @@
-{
-  "name": "SelectItemText",
-  "description": "A text label of the select item.\nRenders a `<div>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: Select.ItemText.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: Select.ItemText.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: Select.ItemText.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Select.ItemText.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Select.ItemText.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Select.ItemText.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {},
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/select-item.json b/docs/reference/generated/select-item.json
deleted file mode 100644
index cf8489458e4..00000000000
--- a/docs/reference/generated/select-item.json
+++ /dev/null
@@ -1,58 +0,0 @@
-{
-  "name": "SelectItem",
-  "description": "An individual option in the select popup.\nRenders a `<div>` element.",
-  "props": {
-    "label": {
-      "type": "string",
-      "description": "Specifies the text label to use when the item is matched during keyboard text navigation.\n\nDefaults to the item text content if not provided.",
-      "detailedType": "string | undefined"
-    },
-    "value": {
-      "type": "any",
-      "default": "null",
-      "description": "A unique value that identifies this select item."
-    },
-    "nativeButton": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether the component renders a native `<button>` element when replacing it\nvia the `render` prop.\nSet to `true` if the rendered element is a native button.",
-      "detailedType": "boolean | undefined"
-    },
-    "style": {
-      "type": "CSSProperties | ((state: Select.Item.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((state: Select.Item.State) => CSSProperties | undefined)\n| undefined"
-    },
-    "disabled": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether the component should ignore user interaction.",
-      "detailedType": "boolean | undefined"
-    },
-    "children": {
-      "type": "ReactNode",
-      "detailedType": "React.ReactNode"
-    },
-    "className": {
-      "type": "string | ((state: Select.Item.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Select.Item.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Select.Item.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Select.Item.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-selected": {
-      "description": "Present when the select item is selected."
-    },
-    "data-highlighted": {
-      "description": "Present when the select item is highlighted."
-    },
-    "data-disabled": {
-      "description": "Present when the select item is disabled."
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/select-list.json b/docs/reference/generated/select-list.json
deleted file mode 100644
index 0ed3b99e740..00000000000
--- a/docs/reference/generated/select-list.json
+++ /dev/null
@@ -1,22 +0,0 @@
-{
-  "name": "SelectList",
-  "description": "A container for the select items.\nRenders a `<div>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: Select.List.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((state: Select.List.State) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: Select.List.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Select.List.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Select.List.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Select.List.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {},
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/select-popup.json b/docs/reference/generated/select-popup.json
deleted file mode 100644
index 5dcd9f528d4..00000000000
--- a/docs/reference/generated/select-popup.json
+++ /dev/null
@@ -1,47 +0,0 @@
-{
-  "name": "SelectPopup",
-  "description": "A container for the select list.\nRenders a `<div>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: Select.Popup.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((state: Select.Popup.State) => CSSProperties | undefined)\n| undefined"
-    },
-    "children": {
-      "type": "ReactNode",
-      "detailedType": "React.ReactNode"
-    },
-    "className": {
-      "type": "string | ((state: Select.Popup.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Select.Popup.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Select.Popup.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Select.Popup.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-open": {
-      "description": "Present when the select is open."
-    },
-    "data-closed": {
-      "description": "Present when the select is closed."
-    },
-    "data-align": {
-      "description": "Indicates how the popup is aligned relative to specified side.",
-      "type": "'start' | 'center' | 'end'"
-    },
-    "data-side": {
-      "description": "Indicates which side the popup is positioned relative to the trigger.",
-      "type": "'none' | 'top' | 'bottom' | 'left' | 'right' | 'inline-end' | 'inline-start'"
-    },
-    "data-starting-style": {
-      "description": "Present when the select is animating in."
-    },
-    "data-ending-style": {
-      "description": "Present when the select is animating out."
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/select-portal.json b/docs/reference/generated/select-portal.json
deleted file mode 100644
index 17780d36b25..00000000000
--- a/docs/reference/generated/select-portal.json
+++ /dev/null
@@ -1,27 +0,0 @@
-{
-  "name": "SelectPortal",
-  "description": "A portal element that moves the popup to a different part of the DOM.\nBy default, the portal element is appended to `<body>`.\nRenders a `<div>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: Select.Portal.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: Select.Portal.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "container": {
-      "type": "HTMLElement | ShadowRoot | RefObject<HTMLElement | ShadowRoot | null> | null",
-      "description": "A parent element to render the portal element into.",
-      "detailedType": "| HTMLElement\n| ShadowRoot\n| React.RefObject<HTMLElement | ShadowRoot | null>\n| null\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: Select.Portal.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Select.Portal.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Select.Portal.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Select.Portal.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {},
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/select-positioner.json b/docs/reference/generated/select-positioner.json
deleted file mode 100644
index b90d43c13bd..00000000000
--- a/docs/reference/generated/select-positioner.json
+++ /dev/null
@@ -1,140 +0,0 @@
-{
-  "name": "SelectPositioner",
-  "description": "Positions the select popup.\nRenders a `<div>` element.",
-  "props": {
-    "alignItemWithTrigger": {
-      "type": "boolean",
-      "default": "true",
-      "description": "Whether the positioner overlaps the trigger so the selected item's text is aligned with the trigger's value text. This only applies to mouse input and is automatically disabled if there is not enough space.",
-      "detailedType": "boolean | undefined"
-    },
-    "collisionAvoidance": {
-      "type": "CollisionAvoidance",
-      "description": "Determines how to handle collisions when positioning the popup.",
-      "example": "```jsx\n<Positioner\n  collisionAvoidance={{\n    side: 'shift',\n    align: 'shift',\n    fallbackAxisSide: 'none',\n  }}\n/>\n```",
-      "detailedType": "| {\n    side?: 'none' | 'flip'\n    align?: 'none' | 'flip' | 'shift'\n    fallbackAxisSide?: 'none' | 'end' | 'start'\n  }\n| {\n    side?: 'none' | 'shift'\n    align?: 'none' | 'shift'\n    fallbackAxisSide?: 'none' | 'end' | 'start'\n  }\n| undefined"
-    },
-    "style": {
-      "type": "CSSProperties | ((state: Select.Positioner.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: Select.Positioner.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "align": {
-      "type": "Align",
-      "default": "'center'",
-      "description": "How to align the popup relative to the specified side.",
-      "detailedType": "'center' | 'end' | 'start' | undefined"
-    },
-    "alignOffset": {
-      "type": "number | OffsetFunction",
-      "default": "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.",
-      "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```",
-      "detailedType": "| number\n| ((data: {\n    side: Side\n    align: Align\n    anchor: { width: number; height: number }\n    positioner: { width: number; height: number }\n  }) => number)\n| undefined"
-    },
-    "side": {
-      "type": "Side",
-      "default": "'bottom'",
-      "description": "Which side of the anchor element to align the popup against.\nMay automatically change to avoid collisions.",
-      "detailedType": "| 'left'\n| 'right'\n| 'bottom'\n| 'top'\n| 'inline-end'\n| 'inline-start'\n| undefined"
-    },
-    "sideOffset": {
-      "type": "number | OffsetFunction",
-      "default": "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.",
-      "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```",
-      "detailedType": "| number\n| ((data: {\n    side: Side\n    align: Align\n    anchor: { width: number; height: number }\n    positioner: { width: number; height: number }\n  }) => number)\n| undefined"
-    },
-    "arrowPadding": {
-      "type": "number",
-      "default": "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.",
-      "detailedType": "number | undefined"
-    },
-    "anchor": {
-      "type": "Element | RefObject<Element | null> | VirtualElement | (() => Element | VirtualElement | null) | null",
-      "description": "An element to position the popup against.\nBy default, the popup will be positioned against the trigger.",
-      "detailedType": "| Element\n| React.RefObject<Element | null>\n| VirtualElement\n| (() => Element | VirtualElement | null)\n| null\n| undefined"
-    },
-    "collisionBoundary": {
-      "type": "Boundary",
-      "default": "'clipping-ancestors'",
-      "description": "An element or a rectangle that delimits the area that the popup is confined to.",
-      "detailedType": "| Element\n| 'clipping-ancestors'\n| Element[]\n| Rect\n| undefined"
-    },
-    "collisionPadding": {
-      "type": "Padding",
-      "default": "5",
-      "description": "Additional space to maintain from the edge of the collision boundary.",
-      "detailedType": "| {\n    top?: number\n    right?: number\n    bottom?: number\n    left?: number\n  }\n| number\n| undefined"
-    },
-    "sticky": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether to maintain the popup in the viewport after\nthe anchor element was scrolled out of view.",
-      "detailedType": "boolean | undefined"
-    },
-    "positionMethod": {
-      "type": "'fixed' | 'absolute'",
-      "default": "'absolute'",
-      "description": "Determines which CSS `position` property to use.",
-      "detailedType": "'fixed' | 'absolute' | undefined"
-    },
-    "trackAnchor": {
-      "type": "boolean",
-      "default": "true",
-      "description": "Whether the popup tracks any layout shift of its positioning anchor.",
-      "detailedType": "boolean | undefined"
-    },
-    "className": {
-      "type": "string | ((state: Select.Positioner.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Select.Positioner.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Select.Positioner.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Select.Positioner.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-open": {
-      "description": "Present when the select popup is open."
-    },
-    "data-closed": {
-      "description": "Present when the select popup is closed."
-    },
-    "data-anchor-hidden": {
-      "description": "Present when the anchor is hidden."
-    },
-    "data-align": {
-      "description": "Indicates how the popup is aligned relative to specified side.",
-      "type": "'start' | 'center' | 'end'"
-    },
-    "data-side": {
-      "description": "Indicates which side the popup is positioned relative to the trigger.",
-      "type": "'none' | 'top' | 'bottom' | 'left' | 'right' | 'inline-end' | 'inline-start'"
-    }
-  },
-  "cssVariables": {
-    "--anchor-height": {
-      "description": "The anchor's height.",
-      "type": "number"
-    },
-    "--anchor-width": {
-      "description": "The anchor's width.",
-      "type": "number"
-    },
-    "--available-height": {
-      "description": "The available height between the trigger and the edge of the viewport.",
-      "type": "number"
-    },
-    "--available-width": {
-      "description": "The available width between the trigger and the edge of the viewport.",
-      "type": "number"
-    },
-    "--transform-origin": {
-      "description": "The coordinates that this element is anchored to. Used for animations and transitions.",
-      "type": "string"
-    }
-  }
-}
diff --git a/docs/reference/generated/select-root.json b/docs/reference/generated/select-root.json
deleted file mode 100644
index 04b25a59e1b..00000000000
--- a/docs/reference/generated/select-root.json
+++ /dev/null
@@ -1,120 +0,0 @@
-{
-  "name": "SelectRoot",
-  "description": "Groups all parts of the select.\nDoesn’t render its own HTML element.",
-  "props": {
-    "name": {
-      "type": "string",
-      "description": "Identifies the field when a form is submitted.",
-      "detailedType": "string | undefined"
-    },
-    "defaultValue": {
-      "type": "Value[] | Value | null",
-      "default": "null",
-      "description": "The uncontrolled value of the select when it’s initially rendered.\n\nTo render a controlled select, use the `value` prop instead.",
-      "detailedType": "Value[] | Value | null | undefined"
-    },
-    "value": {
-      "type": "Value[] | Value",
-      "description": "The value of the select. Use when controlled.",
-      "detailedType": "Value[] | Value | undefined"
-    },
-    "onValueChange": {
-      "type": "((value: Value[] | Value, eventDetails: Select.Root.ChangeEventDetails) => void) | ((value: Value[] | Value | any | null, eventDetails: Select.Root.ChangeEventDetails) => void)",
-      "description": "Event handler called when the value of the select changes.",
-      "detailedType": "| ((\n    value: Value[] | Value,\n    eventDetails: Select.Root.ChangeEventDetails,\n  ) => void)\n| ((\n    value: Value[] | Value | any | null,\n    eventDetails: Select.Root.ChangeEventDetails,\n  ) => void)\n| undefined"
-    },
-    "defaultOpen": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether the select popup is initially open.\n\nTo render a controlled select popup, use the `open` prop instead.",
-      "detailedType": "boolean | undefined"
-    },
-    "open": {
-      "type": "boolean",
-      "description": "Whether the select popup is currently open.",
-      "detailedType": "boolean | undefined"
-    },
-    "onOpenChange": {
-      "type": "((open: boolean, eventDetails: Select.Root.ChangeEventDetails) => void)",
-      "description": "Event handler called when the select popup is opened or closed.",
-      "detailedType": "| ((\n    open: boolean,\n    eventDetails: Select.Root.ChangeEventDetails,\n  ) => void)\n| undefined"
-    },
-    "actionsRef": {
-      "type": "RefObject<Select.Root.Actions>",
-      "description": "A ref to imperative actions.\n- `unmount`: When specified, the select will not be unmounted when closed.\nInstead, the `unmount` function must be called to unmount the select manually.\nUseful when the select's animation is controlled by an external library.",
-      "detailedType": "React.RefObject<Select.Root.Actions> | undefined"
-    },
-    "isItemEqualToValue": {
-      "type": "((itemValue: Value, value: Value) => boolean)",
-      "description": "Custom comparison logic used to determine if a select item value matches the current selected value. Useful when item values are objects without matching referentially.\nDefaults to `Object.is` comparison.",
-      "detailedType": "| ((itemValue: Value, value: Value) => boolean)\n| undefined"
-    },
-    "itemToStringLabel": {
-      "type": "((itemValue: Value) => string)",
-      "description": "When the item values are objects (`<Select.Item value={object}>`), this function converts the object value to a string representation for display in the trigger.\nIf the shape of the object is `{ value, label }`, the label will be used automatically without needing to specify this prop.",
-      "detailedType": "((itemValue: Value) => string) | undefined"
-    },
-    "itemToStringValue": {
-      "type": "((itemValue: Value) => string)",
-      "description": "When the item values are objects (`<Select.Item value={object}>`), this function converts the object value to a string representation for form submission.\nIf the shape of the object is `{ value, label }`, the value will be used automatically without needing to specify this prop.",
-      "detailedType": "((itemValue: Value) => string) | undefined"
-    },
-    "items": {
-      "type": "Record<string, ReactNode> | ({ label: ReactNode, value: Value })[]",
-      "description": "Data structure of the items rendered in the select popup.\nWhen specified, `<Select.Value>` renders the label of the selected item instead of the raw value.",
-      "example": "```tsx\nconst items = {\n  sans: 'Sans-serif',\n  serif: 'Serif',\n  mono: 'Monospace',\n  cursive: 'Cursive',\n};\n<Select.Root items={items} />\n```",
-      "detailedType": "| Record<string, ReactNode>\n| { label: ReactNode; value: Value }[]\n| undefined"
-    },
-    "modal": {
-      "type": "boolean",
-      "default": "true",
-      "description": "Determines if the select enters a modal state when open.\n- `true`: user interaction is limited to the select: document page scroll is locked and and pointer interactions on outside elements are disabled.\n- `false`: user interaction with the rest of the document is allowed.",
-      "detailedType": "boolean | undefined"
-    },
-    "multiple": {
-      "type": "boolean | undefined",
-      "default": "false",
-      "description": "Whether multiple items can be selected.",
-      "detailedType": "boolean | undefined"
-    },
-    "onOpenChangeComplete": {
-      "type": "((open: boolean) => void)",
-      "description": "Event handler called after any animations complete when the select popup is opened or closed.",
-      "detailedType": "((open: boolean) => void) | undefined"
-    },
-    "disabled": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether the component should ignore user interaction.",
-      "detailedType": "boolean | undefined"
-    },
-    "readOnly": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether the user should be unable to choose a different option from the select popup.",
-      "detailedType": "boolean | undefined"
-    },
-    "required": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether the user must choose a value before submitting a form.",
-      "detailedType": "boolean | undefined"
-    },
-    "inputRef": {
-      "type": "Ref<HTMLInputElement>",
-      "description": "A ref to access the hidden input element.",
-      "detailedType": "React.Ref<HTMLInputElement> | undefined"
-    },
-    "id": {
-      "type": "string",
-      "description": "The id of the Select.",
-      "detailedType": "string | undefined"
-    },
-    "children": {
-      "type": "ReactNode",
-      "detailedType": "React.ReactNode | undefined"
-    }
-  },
-  "dataAttributes": {},
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/select-scroll-down-arrow.json b/docs/reference/generated/select-scroll-down-arrow.json
deleted file mode 100644
index 6374c081fab..00000000000
--- a/docs/reference/generated/select-scroll-down-arrow.json
+++ /dev/null
@@ -1,46 +0,0 @@
-{
-  "name": "SelectScrollDownArrow",
-  "description": "An element that scrolls the select popup down when hovered. Does not render when using touch input.\nRenders a `<div>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: Select.ScrollDownArrow.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: Select.ScrollDownArrow.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: Select.ScrollDownArrow.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((\n    state: Select.ScrollDownArrow.State,\n  ) => string | undefined)"
-    },
-    "keepMounted": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether to keep the HTML element in the DOM while the select popup is not scrollable.",
-      "detailedType": "boolean | undefined"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Select.ScrollDownArrow.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Select.ScrollDownArrow.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-direction": {
-      "description": "Indicates the direction of the scroll arrow.",
-      "type": "'down'"
-    },
-    "data-side": {
-      "description": "Indicates which side the popup is positioned relative to the trigger.",
-      "type": "'none' | 'top' | 'bottom' | 'left' | 'right' | 'inline-end' | 'inline-start'"
-    },
-    "data-visible": {
-      "description": "Present when the scroll arrow is visible."
-    },
-    "data-starting-style": {
-      "description": "Present when the scroll arrow is animating in."
-    },
-    "data-ending-style": {
-      "description": "Present when the scroll arrow is animating out."
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/select-scroll-up-arrow.json b/docs/reference/generated/select-scroll-up-arrow.json
deleted file mode 100644
index 68f33fc3e5a..00000000000
--- a/docs/reference/generated/select-scroll-up-arrow.json
+++ /dev/null
@@ -1,46 +0,0 @@
-{
-  "name": "SelectScrollUpArrow",
-  "description": "An element that scrolls the select popup up when hovered. Does not render when using touch input.\nRenders a `<div>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: Select.ScrollUpArrow.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: Select.ScrollUpArrow.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: Select.ScrollUpArrow.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((\n    state: Select.ScrollUpArrow.State,\n  ) => string | undefined)"
-    },
-    "keepMounted": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether to keep the HTML element in the DOM while the select popup is not scrollable.",
-      "detailedType": "boolean | undefined"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Select.ScrollUpArrow.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Select.ScrollUpArrow.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-direction": {
-      "description": "Indicates the direction of the scroll arrow.",
-      "type": "'up'"
-    },
-    "data-side": {
-      "description": "Indicates which side the popup is positioned relative to the trigger.",
-      "type": "'none' | 'top' | 'bottom' | 'left' | 'right' | 'inline-end' | 'inline-start'"
-    },
-    "data-visible": {
-      "description": "Present when the scroll arrow is visible."
-    },
-    "data-starting-style": {
-      "description": "Present when the scroll arrow is animating in."
-    },
-    "data-ending-style": {
-      "description": "Present when the scroll arrow is animating out."
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/select-trigger.json b/docs/reference/generated/select-trigger.json
deleted file mode 100644
index d15dfc17387..00000000000
--- a/docs/reference/generated/select-trigger.json
+++ /dev/null
@@ -1,71 +0,0 @@
-{
-  "name": "SelectTrigger",
-  "description": "A button that opens the select popup.\nRenders a `<div>` element.",
-  "props": {
-    "nativeButton": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether the component renders a native `<button>` element when replacing it\nvia the `render` prop.\nSet to `true` if the rendered element is a native button.",
-      "detailedType": "boolean | undefined"
-    },
-    "style": {
-      "type": "CSSProperties | ((state: Select.Trigger.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: Select.Trigger.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "disabled": {
-      "type": "boolean",
-      "description": "Whether the component should ignore user interaction.",
-      "detailedType": "boolean | undefined"
-    },
-    "children": {
-      "type": "ReactNode",
-      "detailedType": "React.ReactNode"
-    },
-    "className": {
-      "type": "string | ((state: Select.Trigger.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Select.Trigger.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Select.Trigger.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Select.Trigger.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-popup-open": {
-      "description": "Present when the corresponding select is open."
-    },
-    "data-pressed": {
-      "description": "Present when the trigger is pressed."
-    },
-    "data-disabled": {
-      "description": "Present when the select is disabled."
-    },
-    "data-readonly": {
-      "description": "Present when the select is readonly."
-    },
-    "data-required": {
-      "description": "Present when the select is required."
-    },
-    "data-valid": {
-      "description": "Present when the select is in valid state (when wrapped in Field.Root)."
-    },
-    "data-invalid": {
-      "description": "Present when the select is in invalid state (when wrapped in Field.Root)."
-    },
-    "data-dirty": {
-      "description": "Present when the select's value has changed (when wrapped in Field.Root)."
-    },
-    "data-touched": {
-      "description": "Present when the select has been touched (when wrapped in Field.Root)."
-    },
-    "data-filled": {
-      "description": "Present when the select has a value (when wrapped in Field.Root)."
-    },
-    "data-focused": {
-      "description": "Present when the select trigger is focused (when wrapped in Field.Root)."
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/select-value.json b/docs/reference/generated/select-value.json
deleted file mode 100644
index 1a391c21734..00000000000
--- a/docs/reference/generated/select-value.json
+++ /dev/null
@@ -1,28 +0,0 @@
-{
-  "name": "SelectValue",
-  "description": "A text label of the currently selected item.\nRenders a `<span>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: Select.Value.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((state: Select.Value.State) => CSSProperties | undefined)\n| undefined"
-    },
-    "children": {
-      "type": "ReactNode | ((value: any) => ReactNode)",
-      "description": "Accepts a function that returns a `ReactNode` to format the selected value.",
-      "example": "```tsx\n<Select.Value>\n  {(value: string | null) => value ? labels[value] : 'No value'}\n</Select.Value>\n```",
-      "detailedType": "React.ReactNode | ((value: any) => ReactNode)"
-    },
-    "className": {
-      "type": "string | ((state: Select.Value.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Select.Value.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Select.Value.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Select.Value.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {},
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/separator.json b/docs/reference/generated/separator.json
deleted file mode 100644
index 6240e170b5a..00000000000
--- a/docs/reference/generated/separator.json
+++ /dev/null
@@ -1,28 +0,0 @@
-{
-  "name": "Separator",
-  "description": "A separator element accessible to screen readers.\nRenders a `<div>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: Separator.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((state: Separator.State) => CSSProperties | undefined)\n| undefined"
-    },
-    "orientation": {
-      "type": "Orientation",
-      "default": "'horizontal'",
-      "description": "The orientation of the separator.",
-      "detailedType": "'horizontal' | 'vertical' | undefined"
-    },
-    "className": {
-      "type": "string | ((state: Separator.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Separator.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Separator.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Separator.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {},
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/slider-control.json b/docs/reference/generated/slider-control.json
deleted file mode 100644
index 66d2e63a818..00000000000
--- a/docs/reference/generated/slider-control.json
+++ /dev/null
@@ -1,54 +0,0 @@
-{
-  "name": "SliderControl",
-  "description": "The clickable, interactive part of the slider.\nRenders a `<div>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: Slider.Root.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((state: Slider.Root.State) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: Slider.Root.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Slider.Root.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Slider.Root.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Slider.Root.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-dragging": {
-      "description": "Present while the user is dragging."
-    },
-    "data-orientation": {
-      "description": "Indicates the orientation of the slider.",
-      "type": "'horizontal' | 'vertical'"
-    },
-    "data-disabled": {
-      "description": "Present when the slider is disabled."
-    },
-    "data-readonly": {
-      "description": "Present when the slider is readonly."
-    },
-    "data-required": {
-      "description": "Present when the slider is required."
-    },
-    "data-valid": {
-      "description": "Present when the slider is in valid state (when wrapped in Field.Root)."
-    },
-    "data-invalid": {
-      "description": "Present when the slider is in invalid state (when wrapped in Field.Root)."
-    },
-    "data-dirty": {
-      "description": "Present when the slider's value has changed (when wrapped in Field.Root)."
-    },
-    "data-touched": {
-      "description": "Present when the slider has been touched (when wrapped in Field.Root)."
-    },
-    "data-focused": {
-      "description": "Present when the slider is focused (when wrapped in Field.Root)."
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/slider-indicator.json b/docs/reference/generated/slider-indicator.json
deleted file mode 100644
index 3878edd3a0d..00000000000
--- a/docs/reference/generated/slider-indicator.json
+++ /dev/null
@@ -1,54 +0,0 @@
-{
-  "name": "SliderIndicator",
-  "description": "Visualizes the current value of the slider.\nRenders a `<div>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: Slider.Root.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((state: Slider.Root.State) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: Slider.Root.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Slider.Root.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Slider.Root.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Slider.Root.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-dragging": {
-      "description": "Present while the user is dragging."
-    },
-    "data-orientation": {
-      "description": "Indicates the orientation of the slider.",
-      "type": "'horizontal' | 'vertical'"
-    },
-    "data-disabled": {
-      "description": "Present when the slider is disabled."
-    },
-    "data-readonly": {
-      "description": "Present when the slider is readonly."
-    },
-    "data-required": {
-      "description": "Present when the slider is required."
-    },
-    "data-valid": {
-      "description": "Present when the slider is in valid state (when wrapped in Field.Root)."
-    },
-    "data-invalid": {
-      "description": "Present when the slider is in invalid state (when wrapped in Field.Root)."
-    },
-    "data-dirty": {
-      "description": "Present when the slider's value has changed (when wrapped in Field.Root)."
-    },
-    "data-touched": {
-      "description": "Present when the slider has been touched (when wrapped in Field.Root)."
-    },
-    "data-focused": {
-      "description": "Present when the slider is focused (when wrapped in Field.Root)."
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/slider-root.json b/docs/reference/generated/slider-root.json
deleted file mode 100644
index 92ad183ac3a..00000000000
--- a/docs/reference/generated/slider-root.json
+++ /dev/null
@@ -1,141 +0,0 @@
-{
-  "name": "SliderRoot",
-  "description": "Groups all parts of the slider.\nRenders a `<div>` element.",
-  "props": {
-    "name": {
-      "type": "string",
-      "description": "Identifies the field when a form is submitted.",
-      "detailedType": "string | undefined"
-    },
-    "defaultValue": {
-      "type": "number | number[]",
-      "description": "The uncontrolled value of the slider when it’s initially rendered.\n\nTo render a controlled slider, use the `value` prop instead.",
-      "detailedType": "number | number[] | undefined"
-    },
-    "value": {
-      "type": "number | number[]",
-      "description": "The value of the slider.\nFor ranged sliders, provide an array with two values.",
-      "detailedType": "number | number[] | undefined"
-    },
-    "onValueChange": {
-      "type": "((value: number | number[], eventDetails: { reason: 'none', event: ReasonToEvent, cancel: (() => void), allowPropagation: (() => void), isCanceled: boolean, isPropagationAllowed: boolean, trigger: HTMLElement | undefined } & { activeThumbIndex: number }) => void)",
-      "description": "Callback function that is fired when the slider's value changed.\nYou can pull out the new value by accessing `event.target.value` (any).",
-      "detailedType": "| ((\n    value: number | number[],\n    eventDetails: {\n      reason: 'none'\n      event: ReasonToEvent\n      cancel: () => void\n      allowPropagation: () => void\n      isCanceled: boolean\n      isPropagationAllowed: boolean\n      trigger: HTMLElement | undefined\n    } & { activeThumbIndex: number },\n  ) => void)\n| undefined"
-    },
-    "onValueCommitted": {
-      "type": "((value: number | number[], eventDetails: Slider.Root.CommitEventDetails) => void)",
-      "description": "Callback function that is fired when the `pointerup` is triggered.\n**Warning**: This is a generic event not a change event.",
-      "detailedType": "| ((\n    value: number | number[],\n    eventDetails: Slider.Root.CommitEventDetails,\n  ) => void)\n| undefined"
-    },
-    "locale": {
-      "type": "Intl.LocalesArgument",
-      "description": "The locale used by `Intl.NumberFormat` when formatting the value.\nDefaults to the user's runtime locale.",
-      "detailedType": "Intl.LocalesArgument | undefined"
-    },
-    "ref": {
-      "type": "RefObject<HTMLDivElement>",
-      "detailedType": "React.RefObject<HTMLDivElement> | undefined"
-    },
-    "style": {
-      "type": "CSSProperties | ((state: Slider.Root.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((state: Slider.Root.State) => CSSProperties | undefined)\n| undefined"
-    },
-    "thumbAlignment": {
-      "type": "'center' | 'edge' | 'edge-client-only'",
-      "default": "'center'",
-      "description": "How the thumb(s) are aligned relative to `Slider.Control` when the value is at `min` or `max`:\n- `center`: The center of the thumb is aligned with the control edge\n- `edge`: The thumb is inset within the control such that its edge is aligned with the control edge\n- `edge-client-only`: Same as `edge` but renders after React hydration on the client, reducing bundle size in return",
-      "detailedType": "'center' | 'edge' | 'edge-client-only' | undefined"
-    },
-    "step": {
-      "type": "number",
-      "default": "1",
-      "description": "The granularity with which the slider can step through values. (A \"discrete\" slider.)\nThe `min` prop serves as the origin for the valid values.\nWe recommend (max - min) to be evenly divisible by the step.",
-      "detailedType": "number | undefined"
-    },
-    "largeStep": {
-      "type": "number",
-      "default": "10",
-      "description": "The granularity with which the slider can step through values when using Page Up/Page Down or Shift + Arrow Up/Arrow Down.",
-      "detailedType": "number | undefined"
-    },
-    "minStepsBetweenValues": {
-      "type": "number",
-      "default": "0",
-      "description": "The minimum steps between values in a range slider.",
-      "detailedType": "number | undefined"
-    },
-    "min": {
-      "type": "number",
-      "default": "0",
-      "description": "The minimum allowed value of the slider.\nShould not be equal to max.",
-      "detailedType": "number | undefined"
-    },
-    "max": {
-      "type": "number",
-      "default": "100",
-      "description": "The maximum allowed value of the slider.\nShould not be equal to min.",
-      "detailedType": "number | undefined"
-    },
-    "format": {
-      "type": "Intl.NumberFormatOptions",
-      "description": "Options to format the input value.",
-      "detailedType": "Intl.NumberFormatOptions | undefined"
-    },
-    "disabled": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether the slider should ignore user interaction.",
-      "detailedType": "boolean | undefined"
-    },
-    "orientation": {
-      "type": "Orientation",
-      "default": "'horizontal'",
-      "description": "The component orientation.",
-      "detailedType": "'horizontal' | 'vertical' | undefined"
-    },
-    "className": {
-      "type": "string | ((state: Slider.Root.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Slider.Root.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Slider.Root.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Slider.Root.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-dragging": {
-      "description": "Present while the user is dragging."
-    },
-    "data-orientation": {
-      "description": "Indicates the orientation of the slider.",
-      "type": "'horizontal' | 'vertical'"
-    },
-    "data-disabled": {
-      "description": "Present when the slider is disabled."
-    },
-    "data-readonly": {
-      "description": "Present when the slider is readonly."
-    },
-    "data-required": {
-      "description": "Present when the slider is required."
-    },
-    "data-valid": {
-      "description": "Present when the slider is in valid state (when wrapped in Field.Root)."
-    },
-    "data-invalid": {
-      "description": "Present when the slider is in invalid state (when wrapped in Field.Root)."
-    },
-    "data-dirty": {
-      "description": "Present when the slider's value has changed (when wrapped in Field.Root)."
-    },
-    "data-touched": {
-      "description": "Present when the slider has been touched (when wrapped in Field.Root)."
-    },
-    "data-focused": {
-      "description": "Present when the slider is focused (when wrapped in Field.Root)."
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/slider-thumb.json b/docs/reference/generated/slider-thumb.json
deleted file mode 100644
index 83db4559b33..00000000000
--- a/docs/reference/generated/slider-thumb.json
+++ /dev/null
@@ -1,99 +0,0 @@
-{
-  "name": "SliderThumb",
-  "description": "The draggable part of the the slider at the tip of the indicator.\nRenders a `<div>` element and a nested `<input type=\"range\">`.",
-  "props": {
-    "getAriaLabel": {
-      "type": "((index: number) => string) | null",
-      "description": "A function which returns a string value for the [`aria-label`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Reference/Attributes/aria-label) attribute of the `input`.",
-      "detailedType": "((index: number) => string) | null | undefined"
-    },
-    "getAriaValueText": {
-      "type": "((formattedValue: string, value: number, index: number) => string) | null",
-      "description": "A function which returns a string value for the [`aria-valuetext`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Reference/Attributes/aria-valuetext) attribute of the `input`.\nThis is important for screen reader users.",
-      "detailedType": "| ((\n    formattedValue: string,\n    value: number,\n    index: number,\n  ) => string)\n| null\n| undefined"
-    },
-    "index": {
-      "type": "number",
-      "description": "The index of the thumb which corresponds to the index of its value in the\n`value` or `defaultValue` array.\nThis prop is required to support server-side rendering for range sliders\nwith multiple thumbs.",
-      "example": "```tsx\n<Slider.Root value={[10, 20]}>\n  <Slider.Thumb index={0} />\n  <Slider.Thumb index={1} />\n</Slider.Root>\n```",
-      "detailedType": "number | undefined"
-    },
-    "onBlur": {
-      "type": "FocusEventHandler<HTMLInputElement>",
-      "description": "A blur handler forwarded to the `input`.",
-      "detailedType": "| React.FocusEventHandler<HTMLInputElement>\n| undefined"
-    },
-    "onFocus": {
-      "type": "FocusEventHandler<HTMLInputElement>",
-      "description": "A focus handler forwarded to the `input`.",
-      "detailedType": "| React.FocusEventHandler<HTMLInputElement>\n| undefined"
-    },
-    "style": {
-      "type": "CSSProperties | ((state: Slider.Thumb.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((state: Slider.Thumb.State) => CSSProperties | undefined)\n| undefined"
-    },
-    "tabIndex": {
-      "type": "number",
-      "description": "Optional tab index attribute forwarded to the `input`.",
-      "detailedType": "number | undefined"
-    },
-    "disabled": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether the thumb should ignore user interaction.",
-      "detailedType": "boolean | undefined"
-    },
-    "inputRef": {
-      "type": "Ref<HTMLInputElement>",
-      "description": "A ref to access the nested input element.",
-      "detailedType": "React.Ref<HTMLInputElement> | undefined"
-    },
-    "className": {
-      "type": "string | ((state: Slider.Thumb.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Slider.Thumb.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Slider.Thumb.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Slider.Thumb.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-dragging": {
-      "description": "Present while the user is dragging."
-    },
-    "data-orientation": {
-      "description": "Indicates the orientation of the slider.",
-      "type": "'horizontal' | 'vertical'"
-    },
-    "data-disabled": {
-      "description": "Present when the slider is disabled."
-    },
-    "data-readonly": {
-      "description": "Present when the slider is readonly."
-    },
-    "data-required": {
-      "description": "Present when the slider is required."
-    },
-    "data-valid": {
-      "description": "Present when the slider is in valid state (when wrapped in Field.Root)."
-    },
-    "data-invalid": {
-      "description": "Present when the slider is in invalid state (when wrapped in Field.Root)."
-    },
-    "data-dirty": {
-      "description": "Present when the slider's value has changed (when wrapped in Field.Root)."
-    },
-    "data-touched": {
-      "description": "Present when the slider has been touched (when wrapped in Field.Root)."
-    },
-    "data-focused": {
-      "description": "Present when the slider is focused (when wrapped in Field.Root)."
-    },
-    "data-index": {
-      "description": "Indicates the index of the thumb in range sliders."
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/slider-track.json b/docs/reference/generated/slider-track.json
deleted file mode 100644
index 9b8e07c28ae..00000000000
--- a/docs/reference/generated/slider-track.json
+++ /dev/null
@@ -1,54 +0,0 @@
-{
-  "name": "SliderTrack",
-  "description": "Contains the slider indicator and represents the entire range of the slider.\nRenders a `<div>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: Slider.Root.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((state: Slider.Root.State) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: Slider.Root.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Slider.Root.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Slider.Root.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Slider.Root.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-dragging": {
-      "description": "Present while the user is dragging."
-    },
-    "data-orientation": {
-      "description": "Indicates the orientation of the slider.",
-      "type": "'horizontal' | 'vertical'"
-    },
-    "data-disabled": {
-      "description": "Present when the slider is disabled."
-    },
-    "data-readonly": {
-      "description": "Present when the slider is readonly."
-    },
-    "data-required": {
-      "description": "Present when the slider is required."
-    },
-    "data-valid": {
-      "description": "Present when the slider is in valid state (when wrapped in Field.Root)."
-    },
-    "data-invalid": {
-      "description": "Present when the slider is in invalid state (when wrapped in Field.Root)."
-    },
-    "data-dirty": {
-      "description": "Present when the slider's value has changed (when wrapped in Field.Root)."
-    },
-    "data-touched": {
-      "description": "Present when the slider has been touched (when wrapped in Field.Root)."
-    },
-    "data-focused": {
-      "description": "Present when the slider is focused (when wrapped in Field.Root)."
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/slider-value.json b/docs/reference/generated/slider-value.json
deleted file mode 100644
index 950dfef045d..00000000000
--- a/docs/reference/generated/slider-value.json
+++ /dev/null
@@ -1,58 +0,0 @@
-{
-  "name": "SliderValue",
-  "description": "Displays the current value of the slider as text.\nRenders an `<output>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: Slider.Root.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((state: Slider.Root.State) => CSSProperties | undefined)\n| undefined"
-    },
-    "children": {
-      "type": "((formattedValues: string[], values: number[]) => ReactNode) | null",
-      "detailedType": "| ((\n    formattedValues: string[],\n    values: number[],\n  ) => ReactNode)\n| null\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: Slider.Root.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Slider.Root.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Slider.Root.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Slider.Root.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-dragging": {
-      "description": "Present while the user is dragging."
-    },
-    "data-orientation": {
-      "description": "Indicates the orientation of the slider.",
-      "type": "'horizontal' | 'vertical'"
-    },
-    "data-disabled": {
-      "description": "Present when the slider is disabled."
-    },
-    "data-readonly": {
-      "description": "Present when the slider is readonly."
-    },
-    "data-required": {
-      "description": "Present when the slider is required."
-    },
-    "data-valid": {
-      "description": "Present when the slider is in valid state (when wrapped in Field.Root)."
-    },
-    "data-invalid": {
-      "description": "Present when the slider is in invalid state (when wrapped in Field.Root)."
-    },
-    "data-dirty": {
-      "description": "Present when the slider's value has changed (when wrapped in Field.Root)."
-    },
-    "data-touched": {
-      "description": "Present when the slider has been touched (when wrapped in Field.Root)."
-    },
-    "data-focused": {
-      "description": "Present when the slider is focused (when wrapped in Field.Root)."
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/switch-root.json b/docs/reference/generated/switch-root.json
deleted file mode 100644
index 7b7c07c17ce..00000000000
--- a/docs/reference/generated/switch-root.json
+++ /dev/null
@@ -1,111 +0,0 @@
-{
-  "name": "SwitchRoot",
-  "description": "Represents the switch itself.\nRenders a `<button>` element and a hidden `<input>` beside.",
-  "props": {
-    "name": {
-      "type": "string",
-      "description": "Identifies the field when a form is submitted.",
-      "detailedType": "string | undefined"
-    },
-    "defaultChecked": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether the switch is initially active.\n\nTo render a controlled switch, use the `checked` prop instead.",
-      "detailedType": "boolean | undefined"
-    },
-    "checked": {
-      "type": "boolean",
-      "description": "Whether the switch is currently active.\n\nTo render an uncontrolled switch, use the `defaultChecked` prop instead.",
-      "detailedType": "boolean | undefined"
-    },
-    "onCheckedChange": {
-      "type": "((checked: boolean, eventDetails: Switch.Root.ChangeEventDetails) => void)",
-      "description": "Event handler called when the switch is activated or deactivated.",
-      "detailedType": "| ((\n    checked: boolean,\n    eventDetails: Switch.Root.ChangeEventDetails,\n  ) => void)\n| undefined"
-    },
-    "nativeButton": {
-      "type": "boolean",
-      "default": "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 (e.g. `<div>`).",
-      "detailedType": "boolean | undefined"
-    },
-    "style": {
-      "type": "CSSProperties | ((state: Switch.Root.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((state: Switch.Root.State) => CSSProperties | undefined)\n| undefined"
-    },
-    "disabled": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether the component should ignore user interaction.",
-      "detailedType": "boolean | undefined"
-    },
-    "readOnly": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether the user should be unable to activate or deactivate the switch.",
-      "detailedType": "boolean | undefined"
-    },
-    "required": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether the user must activate the switch before submitting a form.",
-      "detailedType": "boolean | undefined"
-    },
-    "inputRef": {
-      "type": "Ref<HTMLInputElement>",
-      "description": "A ref to access the hidden `<input>` element.",
-      "detailedType": "React.Ref<HTMLInputElement> | undefined"
-    },
-    "id": {
-      "type": "string",
-      "description": "The id of the switch element.",
-      "detailedType": "string | undefined"
-    },
-    "className": {
-      "type": "string | ((state: Switch.Root.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Switch.Root.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Switch.Root.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Switch.Root.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-checked": {
-      "description": "Present when the switch is checked."
-    },
-    "data-unchecked": {
-      "description": "Present when the switch is not checked."
-    },
-    "data-disabled": {
-      "description": "Present when the switch is disabled."
-    },
-    "data-readonly": {
-      "description": "Present when the switch is readonly."
-    },
-    "data-required": {
-      "description": "Present when the switch is required."
-    },
-    "data-valid": {
-      "description": "Present when the switch is in valid state (when wrapped in Field.Root)."
-    },
-    "data-invalid": {
-      "description": "Present when the switch is in invalid state (when wrapped in Field.Root)."
-    },
-    "data-dirty": {
-      "description": "Present when the switch's value has changed (when wrapped in Field.Root)."
-    },
-    "data-touched": {
-      "description": "Present when the switch has been touched (when wrapped in Field.Root)."
-    },
-    "data-filled": {
-      "description": "Present when the switch is active (when wrapped in Field.Root)."
-    },
-    "data-focused": {
-      "description": "Present when the switch is focused (when wrapped in Field.Root)."
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/switch-thumb.json b/docs/reference/generated/switch-thumb.json
deleted file mode 100644
index 276c32ba747..00000000000
--- a/docs/reference/generated/switch-thumb.json
+++ /dev/null
@@ -1,56 +0,0 @@
-{
-  "name": "SwitchThumb",
-  "description": "The movable part of the switch that indicates whether the switch is on or off.\nRenders a `<span>`.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: Switch.Thumb.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((state: Switch.Thumb.State) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: Switch.Thumb.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Switch.Thumb.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Switch.Thumb.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Switch.Thumb.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-checked": {
-      "description": "Present when the switch is checked."
-    },
-    "data-unchecked": {
-      "description": "Present when the switch is not checked."
-    },
-    "data-disabled": {
-      "description": "Present when the switch is disabled."
-    },
-    "data-readonly": {
-      "description": "Present when the switch is readonly."
-    },
-    "data-required": {
-      "description": "Present when the switch is required."
-    },
-    "data-valid": {
-      "description": "Present when the switch is in valid state (when wrapped in Field.Root)."
-    },
-    "data-invalid": {
-      "description": "Present when the switch is in invalid state (when wrapped in Field.Root)."
-    },
-    "data-dirty": {
-      "description": "Present when the switch's value has changed (when wrapped in Field.Root)."
-    },
-    "data-touched": {
-      "description": "Present when the switch has been touched (when wrapped in Field.Root)."
-    },
-    "data-filled": {
-      "description": "Present when the switch is active (when wrapped in Field.Root)."
-    },
-    "data-focused": {
-      "description": "Present when the switch is focused (when wrapped in Field.Root)."
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/tabs-indicator.json b/docs/reference/generated/tabs-indicator.json
deleted file mode 100644
index 389d60b7706..00000000000
--- a/docs/reference/generated/tabs-indicator.json
+++ /dev/null
@@ -1,62 +0,0 @@
-{
-  "name": "TabsIndicator",
-  "description": "A visual indicator that can be styled to match the position of the currently active tab.\nRenders a `<span>` element.",
-  "props": {
-    "renderBeforeHydration": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether to render itself before React hydrates.\nThis minimizes the time that the indicator isn’t visible after server-side rendering.",
-      "detailedType": "boolean | undefined"
-    },
-    "style": {
-      "type": "CSSProperties | ((state: Tabs.Indicator.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: Tabs.Indicator.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: Tabs.Indicator.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Tabs.Indicator.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Tabs.Indicator.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Tabs.Indicator.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-orientation": {
-      "description": "Indicates the orientation of the tabs.",
-      "type": "'horizontal' | 'vertical'"
-    },
-    "data-activation-direction": {
-      "description": "Indicates the direction of the activation (based on the previous active tab).",
-      "type": "'left' | 'right' | 'up' | 'down' | 'none'"
-    }
-  },
-  "cssVariables": {
-    "--active-tab-bottom": {
-      "description": "Indicates the distance on the bottom side from the parent's container if the tab is active.",
-      "type": "number"
-    },
-    "--active-tab-height": {
-      "description": "Indicates the width of the tab if it is active.",
-      "type": "number"
-    },
-    "--active-tab-left": {
-      "description": "Indicates the distance on the left side from the parent's container if the tab is active.",
-      "type": "number"
-    },
-    "--active-tab-right": {
-      "description": "Indicates the distance on the right side from the parent's container if the tab is active.",
-      "type": "number"
-    },
-    "--active-tab-top": {
-      "description": "Indicates the distance on the top side from the parent's container if the tab is active.",
-      "type": "number"
-    },
-    "--active-tab-width": {
-      "description": "Indicates the width of the tab if it is active.",
-      "type": "number"
-    }
-  }
-}
diff --git a/docs/reference/generated/tabs-list.json b/docs/reference/generated/tabs-list.json
deleted file mode 100644
index 748ca06d6a0..00000000000
--- a/docs/reference/generated/tabs-list.json
+++ /dev/null
@@ -1,43 +0,0 @@
-{
-  "name": "TabsList",
-  "description": "Groups the individual tab buttons.\nRenders a `<div>` element.",
-  "props": {
-    "activateOnFocus": {
-      "type": "boolean",
-      "default": "true",
-      "description": "Whether to automatically change the active tab on arrow key focus.\nOtherwise, tabs will be activated using Enter or Spacebar key press.",
-      "detailedType": "boolean | undefined"
-    },
-    "style": {
-      "type": "CSSProperties | ((state: Tabs.List.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((state: Tabs.List.State) => CSSProperties | undefined)\n| undefined"
-    },
-    "loop": {
-      "type": "boolean",
-      "default": "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.",
-      "detailedType": "boolean | undefined"
-    },
-    "className": {
-      "type": "string | ((state: Tabs.List.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Tabs.List.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Tabs.List.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Tabs.List.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-orientation": {
-      "description": "Indicates the orientation of the tabs.",
-      "type": "'horizontal' | 'vertical'"
-    },
-    "data-activation-direction": {
-      "description": "Indicates the direction of the activation (based on the previous active tab).",
-      "type": "'left' | 'right' | 'up' | 'down' | 'none'"
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/tabs-panel.json b/docs/reference/generated/tabs-panel.json
deleted file mode 100644
index a757d5a2340..00000000000
--- a/docs/reference/generated/tabs-panel.json
+++ /dev/null
@@ -1,47 +0,0 @@
-{
-  "name": "TabsPanel",
-  "description": "A panel displayed when the corresponding tab is active.\nRenders a `<div>` element.",
-  "props": {
-    "value": {
-      "type": "Tabs.Tab.Value",
-      "description": "The value of the TabPanel. It will be shown when the Tab with the corresponding value is selected.\nIf not provided, it will fall back to the index of the panel.\nIt is recommended to explicitly provide it, as it's required for the tab panel to be rendered on the server."
-    },
-    "style": {
-      "type": "CSSProperties | ((state: Tabs.Panel.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((state: Tabs.Panel.State) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: Tabs.Panel.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Tabs.Panel.State) => string | undefined)"
-    },
-    "keepMounted": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether to keep the HTML element in the DOM while the panel is hidden.",
-      "detailedType": "boolean | undefined"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Tabs.Panel.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Tabs.Panel.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-orientation": {
-      "description": "Indicates the orientation of the tabs.",
-      "type": "'horizontal' | 'vertical'"
-    },
-    "data-activation-direction": {
-      "description": "Indicates the direction of the activation (based on the previous active tab).",
-      "type": "'left' | 'right' | 'up' | 'down' | 'none'"
-    },
-    "data-hidden": {
-      "description": "Present when the panel is hidden."
-    },
-    "data-index": {
-      "description": "Indicates the index of the tab panel."
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/tabs-root.json b/docs/reference/generated/tabs-root.json
deleted file mode 100644
index 2e8802a1cfc..00000000000
--- a/docs/reference/generated/tabs-root.json
+++ /dev/null
@@ -1,51 +0,0 @@
-{
-  "name": "TabsRoot",
-  "description": "Groups the tabs and the corresponding panels.\nRenders a `<div>` element.",
-  "props": {
-    "defaultValue": {
-      "type": "Tabs.Tab.Value",
-      "default": "0",
-      "description": "The default value. Use when the component is not controlled.\nWhen the value is `null`, no Tab will be active."
-    },
-    "value": {
-      "type": "Tabs.Tab.Value",
-      "description": "The value of the currently active `Tab`. Use when the component is controlled.\nWhen the value is `null`, no Tab will be active."
-    },
-    "onValueChange": {
-      "type": "((value: Tabs.Tab.Value, eventDetails: { reason: 'none', event: ReasonToEvent, cancel: (() => void), allowPropagation: (() => void), isCanceled: boolean, isPropagationAllowed: boolean, trigger: HTMLElement | undefined } & { activationDirection: Tabs.Tab.ActivationDirection }) => void)",
-      "description": "Callback invoked when new value is being set.",
-      "detailedType": "| ((\n    value: Tabs.Tab.Value,\n    eventDetails: {\n      reason: 'none'\n      event: ReasonToEvent\n      cancel: () => void\n      allowPropagation: () => void\n      isCanceled: boolean\n      isPropagationAllowed: boolean\n      trigger: HTMLElement | undefined\n    } & {\n      activationDirection: Tabs.Tab.ActivationDirection\n    },\n  ) => void)\n| undefined"
-    },
-    "style": {
-      "type": "CSSProperties | ((state: Tabs.Root.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((state: Tabs.Root.State) => CSSProperties | undefined)\n| undefined"
-    },
-    "orientation": {
-      "type": "Tabs.Root.Orientation",
-      "default": "'horizontal'",
-      "description": "The component orientation (layout flow direction).",
-      "detailedType": "'horizontal' | 'vertical' | undefined"
-    },
-    "className": {
-      "type": "string | ((state: Tabs.Root.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Tabs.Root.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Tabs.Root.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Tabs.Root.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-orientation": {
-      "description": "Indicates the orientation of the tabs.",
-      "type": "'horizontal' | 'vertical'"
-    },
-    "data-activation-direction": {
-      "description": "Indicates the direction of the activation (based on the previous active tab).",
-      "type": "'left' | 'right' | 'up' | 'down' | 'none'"
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/tabs-tab.json b/docs/reference/generated/tabs-tab.json
deleted file mode 100644
index 5855fdaa192..00000000000
--- a/docs/reference/generated/tabs-tab.json
+++ /dev/null
@@ -1,47 +0,0 @@
-{
-  "name": "TabsTab",
-  "description": "An individual interactive tab button that toggles the corresponding panel.\nRenders a `<button>` element.",
-  "props": {
-    "value": {
-      "type": "Tabs.Tab.Value",
-      "description": "The value of the Tab.\nWhen not specified, the value is the child position index."
-    },
-    "nativeButton": {
-      "type": "boolean",
-      "default": "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 (e.g. `<div>`).",
-      "detailedType": "boolean | undefined"
-    },
-    "style": {
-      "type": "CSSProperties | ((state: Tabs.Tab.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((state: Tabs.Tab.State) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: Tabs.Tab.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Tabs.Tab.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Tabs.Tab.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Tabs.Tab.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-orientation": {
-      "description": "Indicates the orientation of the tabs.",
-      "type": "'horizontal' | 'vertical'"
-    },
-    "data-disabled": {
-      "description": "Present when the tab is disabled."
-    },
-    "data-activation-direction": {
-      "description": "Indicates the direction of the activation (based on the previous active tab).",
-      "type": "'left' | 'right' | 'up' | 'down' | 'none'"
-    },
-    "data-active": {
-      "description": "Present when the tab is active."
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/toast-action.json b/docs/reference/generated/toast-action.json
deleted file mode 100644
index 5c69578ec3c..00000000000
--- a/docs/reference/generated/toast-action.json
+++ /dev/null
@@ -1,33 +0,0 @@
-{
-  "name": "ToastAction",
-  "description": "Performs an action when clicked.\nRenders a `<button>` element.",
-  "props": {
-    "nativeButton": {
-      "type": "boolean",
-      "default": "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 (e.g. `<div>`).",
-      "detailedType": "boolean | undefined"
-    },
-    "style": {
-      "type": "CSSProperties | ((state: Toast.Action.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((state: Toast.Action.State) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: Toast.Action.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Toast.Action.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Toast.Action.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Toast.Action.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-type": {
-      "description": "The type of the toast.",
-      "type": "string"
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/toast-close.json b/docs/reference/generated/toast-close.json
deleted file mode 100644
index 8d6d118f804..00000000000
--- a/docs/reference/generated/toast-close.json
+++ /dev/null
@@ -1,33 +0,0 @@
-{
-  "name": "ToastClose",
-  "description": "Closes the toast when clicked.\nRenders a `<button>` element.",
-  "props": {
-    "nativeButton": {
-      "type": "boolean",
-      "default": "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 (e.g. `<div>`).",
-      "detailedType": "boolean | undefined"
-    },
-    "style": {
-      "type": "CSSProperties | ((state: Toast.Close.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((state: Toast.Close.State) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: Toast.Close.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Toast.Close.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Toast.Close.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Toast.Close.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-type": {
-      "description": "The type of the toast.",
-      "type": "string"
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/toast-content.json b/docs/reference/generated/toast-content.json
deleted file mode 100644
index f3f2a3a4c45..00000000000
--- a/docs/reference/generated/toast-content.json
+++ /dev/null
@@ -1,31 +0,0 @@
-{
-  "name": "ToastContent",
-  "description": "A container for the contents of a toast.\nRenders a `<div>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: Toast.Content.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: Toast.Content.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: Toast.Content.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Toast.Content.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Toast.Content.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Toast.Content.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-behind": {
-      "description": "Present when the toast is behind the frontmost toast in the stack.",
-      "type": "boolean"
-    },
-    "data-expanded": {
-      "description": "Present when the toast viewport is expanded.",
-      "type": "boolean"
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/toast-description.json b/docs/reference/generated/toast-description.json
deleted file mode 100644
index a14356ddef5..00000000000
--- a/docs/reference/generated/toast-description.json
+++ /dev/null
@@ -1,27 +0,0 @@
-{
-  "name": "ToastDescription",
-  "description": "A description that describes the toast.\nCan be used as the default message for the toast when no title is provided.\nRenders a `<p>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: Toast.Description.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: Toast.Description.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: Toast.Description.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Toast.Description.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Toast.Description.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Toast.Description.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-type": {
-      "description": "The type of the toast.",
-      "type": "string"
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/toast-portal.json b/docs/reference/generated/toast-portal.json
deleted file mode 100644
index f25853a441e..00000000000
--- a/docs/reference/generated/toast-portal.json
+++ /dev/null
@@ -1,26 +0,0 @@
-{
-  "name": "ToastPortal",
-  "description": "A portal element that moves the viewport to a different part of the DOM.\nBy default, the portal element is appended to `<body>`.\nRenders a `<div>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: any) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((state: any) => CSSProperties | undefined)\n| undefined"
-    },
-    "container": {
-      "type": "HTMLElement | ShadowRoot | RefObject<HTMLElement | ShadowRoot | null> | null",
-      "description": "A parent element to render the portal element into.",
-      "detailedType": "| HTMLElement\n| ShadowRoot\n| React.RefObject<HTMLElement | ShadowRoot | null>\n| null\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: any) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state."
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: any) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((props: HTMLProps, state: any) => ReactElement)"
-    }
-  },
-  "dataAttributes": {},
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/toast-provider.json b/docs/reference/generated/toast-provider.json
deleted file mode 100644
index 269d64d6dc6..00000000000
--- a/docs/reference/generated/toast-provider.json
+++ /dev/null
@@ -1,29 +0,0 @@
-{
-  "name": "ToastProvider",
-  "description": "Provides a context for creating and managing toasts.",
-  "props": {
-    "limit": {
-      "type": "number",
-      "default": "3",
-      "description": "The maximum number of toasts that can be displayed at once.\nWhen the limit is reached, the oldest toast will be removed to make room for the new one.",
-      "detailedType": "number | undefined"
-    },
-    "toastManager": {
-      "type": "createToastManager.ToastManager",
-      "description": "A global manager for toasts to use outside of a React component.",
-      "detailedType": "| {\n    subscribe: (\n      listener: (data: ToastManagerEvent) => void,\n    ) => () => void\n    add: (\n      options: useToastManager.AddOptions<{}>,\n    ) => string\n    close: (id: string) => void\n    update: (\n      id: string,\n      updates: useToastManager.UpdateOptions<{}>,\n    ) => void\n    promise: (\n      promiseValue: Promise<Value>,\n      options: useToastManager.PromiseOptions<Value, {}>,\n    ) => Promise<Value>\n  }\n| undefined"
-    },
-    "timeout": {
-      "type": "number",
-      "default": "5000",
-      "description": "The default amount of time (in ms) before a toast is auto dismissed.\nA value of `0` will prevent the toast from being dismissed automatically.",
-      "detailedType": "number | undefined"
-    },
-    "children": {
-      "type": "ReactNode",
-      "detailedType": "React.ReactNode"
-    }
-  },
-  "dataAttributes": {},
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/toast-root.json b/docs/reference/generated/toast-root.json
deleted file mode 100644
index 4839b336d0f..00000000000
--- a/docs/reference/generated/toast-root.json
+++ /dev/null
@@ -1,82 +0,0 @@
-{
-  "name": "ToastRoot",
-  "description": "Groups all parts of an individual toast.\nRenders a `<div>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: Toast.Root.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((state: Toast.Root.State) => CSSProperties | undefined)\n| undefined"
-    },
-    "swipeDirection": {
-      "type": "'left' | 'right' | 'up' | 'down' | ('left' | 'right' | 'up' | 'down')[]",
-      "default": "['down', 'right']",
-      "description": "Direction(s) in which the toast can be swiped to dismiss.",
-      "detailedType": "| 'left'\n| 'right'\n| 'up'\n| 'down'\n| ('left' | 'right' | 'up' | 'down')[]\n| undefined"
-    },
-    "toast": {
-      "type": "Toast.Root.ToastObject<any>",
-      "required": true,
-      "description": "The toast to render.",
-      "detailedType": "id: string\n  ref?: RefObject<HTMLElement | null>\n  title?: ReactNode\n  type?: string\n  description?: ReactNode\n  timeout?: number\n  priority?: 'high' | 'low'\n  transitionStatus?: 'starting' | 'ending'\n  limited?: boolean\n  height?: number\n  onClose?: () => void\n  onRemove?: () => void\n  actionProps?: Omit<\n    DetailedHTMLProps<\n      ButtonHTMLAttributes<HTMLButtonElement>,\n      HTMLButtonElement\n    >,\n    'ref'\n  >\n  data?: any\n}"
-    },
-    "className": {
-      "type": "string | ((state: Toast.Root.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Toast.Root.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Toast.Root.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Toast.Root.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-expanded": {
-      "description": "Present when the toast is expanded in the viewport.",
-      "type": "boolean"
-    },
-    "data-limited": {
-      "description": "Present when the toast was removed due to exceeding the limit.",
-      "type": "boolean"
-    },
-    "data-swipe-direction": {
-      "description": "The direction the toast was swiped.",
-      "type": "'up' | 'down' | 'left' | 'right'"
-    },
-    "data-swiping": {
-      "description": "Present when the toast is being swiped.",
-      "type": "boolean"
-    },
-    "data-type": {
-      "description": "The type of the toast.",
-      "type": "string"
-    },
-    "data-starting-style": {
-      "description": "Present when the toast is animating in."
-    },
-    "data-ending-style": {
-      "description": "Present when the toast is animating out."
-    }
-  },
-  "cssVariables": {
-    "--toast-height": {
-      "description": "Indicates the measured natural height of the toast in pixels.",
-      "type": "number"
-    },
-    "--toast-index": {
-      "description": "Indicates the index of the toast in the list.",
-      "type": "number"
-    },
-    "--toast-offset-y": {
-      "description": "Indicates the vertical pixels offset of the toast in the list when expanded.",
-      "type": "number"
-    },
-    "--toast-swipe-movement-x": {
-      "description": "Indicates the horizontal swipe movement of the toast.",
-      "type": "number"
-    },
-    "--toast-swipe-movement-y": {
-      "description": "Indicates the vertical swipe movement of the toast.",
-      "type": "number"
-    }
-  }
-}
diff --git a/docs/reference/generated/toast-title.json b/docs/reference/generated/toast-title.json
deleted file mode 100644
index c52e238381f..00000000000
--- a/docs/reference/generated/toast-title.json
+++ /dev/null
@@ -1,27 +0,0 @@
-{
-  "name": "ToastTitle",
-  "description": "A title that labels the toast.\nRenders an `<h2>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: Toast.Title.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((state: Toast.Title.State) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: Toast.Title.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Toast.Title.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Toast.Title.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Toast.Title.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-type": {
-      "description": "The type of the toast.",
-      "type": "string"
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/toast-viewport.json b/docs/reference/generated/toast-viewport.json
deleted file mode 100644
index 8d7fb041467..00000000000
--- a/docs/reference/generated/toast-viewport.json
+++ /dev/null
@@ -1,32 +0,0 @@
-{
-  "name": "ToastViewport",
-  "description": "A container viewport for toasts.\nRenders a `<div>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: Toast.Viewport.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: Toast.Viewport.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: Toast.Viewport.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Toast.Viewport.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Toast.Viewport.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Toast.Viewport.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-expanded": {
-      "description": "Indicates toasts are expanded in the viewport.",
-      "type": "boolean"
-    }
-  },
-  "cssVariables": {
-    "--toast-frontmost-height": {
-      "description": "Indicates the height of the frontmost toast.",
-      "type": "number"
-    }
-  }
-}
diff --git a/docs/reference/generated/toggle-group.json b/docs/reference/generated/toggle-group.json
deleted file mode 100644
index 6ce638dca30..00000000000
--- a/docs/reference/generated/toggle-group.json
+++ /dev/null
@@ -1,71 +0,0 @@
-{
-  "name": "ToggleGroup",
-  "description": "Provides a shared state to a series of toggle buttons.",
-  "props": {
-    "defaultValue": {
-      "type": "any[]",
-      "description": "The open state of the toggle group represented by an array of\nthe values of all pressed toggle buttons.\nThis is the uncontrolled counterpart of `value`.",
-      "detailedType": "any[] | undefined"
-    },
-    "value": {
-      "type": "any[]",
-      "description": "The open state of the toggle group represented by an array of\nthe values of all pressed toggle buttons.\nThis is the controlled counterpart of `defaultValue`.",
-      "detailedType": "any[] | undefined"
-    },
-    "onValueChange": {
-      "type": "((groupValue: any[], eventDetails: Toggle.Group.ChangeEventDetails) => void)",
-      "description": "Callback fired when the pressed states of the toggle group changes.",
-      "detailedType": "| ((\n    groupValue: any[],\n    eventDetails: Toggle.Group.ChangeEventDetails,\n  ) => void)\n| undefined"
-    },
-    "multiple": {
-      "type": "boolean",
-      "default": "false",
-      "description": "When `false` only one item in the group can be pressed. If any item in\nthe group becomes pressed, the others will become unpressed.\nWhen `true` multiple items can be pressed.",
-      "detailedType": "boolean | undefined"
-    },
-    "style": {
-      "type": "CSSProperties | ((state: ToggleGroup.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((state: ToggleGroup.State) => CSSProperties | undefined)\n| undefined"
-    },
-    "disabled": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether the toggle group should ignore user interaction.",
-      "detailedType": "boolean | undefined"
-    },
-    "loop": {
-      "type": "boolean",
-      "default": "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.",
-      "detailedType": "boolean | undefined"
-    },
-    "orientation": {
-      "type": "Orientation",
-      "default": "'horizontal'",
-      "detailedType": "'horizontal' | 'vertical' | undefined"
-    },
-    "className": {
-      "type": "string | ((state: ToggleGroup.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: ToggleGroup.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: ToggleGroup.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: ToggleGroup.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-orientation": {
-      "description": "Indicates the orientation of the toggle group.",
-      "type": "'horizontal' | 'vertical'"
-    },
-    "data-disabled": {
-      "description": "Present when the toggle group is disabled."
-    },
-    "data-multiple": {
-      "description": "Present when the toggle group allows multiple buttons to be in the pressed state at the same time."
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/toggle.json b/docs/reference/generated/toggle.json
deleted file mode 100644
index c4605b9658c..00000000000
--- a/docs/reference/generated/toggle.json
+++ /dev/null
@@ -1,59 +0,0 @@
-{
-  "name": "Toggle",
-  "description": "A two-state button that can be on or off.\nRenders a `<button>` element.",
-  "props": {
-    "value": {
-      "type": "string",
-      "description": "A unique string that identifies the toggle when used\ninside a toggle group.",
-      "detailedType": "string | undefined"
-    },
-    "defaultPressed": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether the toggle button is currently pressed.\nThis is the uncontrolled counterpart of `pressed`.",
-      "detailedType": "boolean | undefined"
-    },
-    "pressed": {
-      "type": "boolean",
-      "description": "Whether the toggle button is currently pressed.\nThis is the controlled counterpart of `defaultPressed`.",
-      "detailedType": "boolean | undefined"
-    },
-    "onPressedChange": {
-      "type": "((pressed: boolean, eventDetails: Toggle.ChangeEventDetails) => void)",
-      "description": "Callback fired when the pressed state is changed.",
-      "detailedType": "| ((\n    pressed: boolean,\n    eventDetails: Toggle.ChangeEventDetails,\n  ) => void)\n| undefined"
-    },
-    "nativeButton": {
-      "type": "boolean",
-      "default": "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 (e.g. `<div>`).",
-      "detailedType": "boolean | undefined"
-    },
-    "style": {
-      "type": "CSSProperties | ((state: Toggle.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((state: Toggle.State) => CSSProperties | undefined)\n| undefined"
-    },
-    "disabled": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether the component should ignore user interaction.",
-      "detailedType": "boolean | undefined"
-    },
-    "className": {
-      "type": "string | ((state: Toggle.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Toggle.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Toggle.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((props: HTMLProps, state: Toggle.State) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-pressed": {
-      "description": "Present when the toggle button is pressed."
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/toolbar-button.json b/docs/reference/generated/toolbar-button.json
deleted file mode 100644
index 4d88bfbca33..00000000000
--- a/docs/reference/generated/toolbar-button.json
+++ /dev/null
@@ -1,51 +0,0 @@
-{
-  "name": "ToolbarButton",
-  "description": "A button that can be used as-is or as a trigger for other components.\nRenders a `<button>` element.",
-  "props": {
-    "focusableWhenDisabled": {
-      "type": "boolean",
-      "default": "true",
-      "description": "When `true` the item remains focuseable when disabled.",
-      "detailedType": "boolean | undefined"
-    },
-    "nativeButton": {
-      "type": "boolean",
-      "default": "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 (e.g. `<div>`).",
-      "detailedType": "boolean | undefined"
-    },
-    "style": {
-      "type": "CSSProperties | ((state: Toolbar.Button.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: Toolbar.Button.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "disabled": {
-      "type": "boolean",
-      "default": "false",
-      "description": "When `true` the item is disabled.",
-      "detailedType": "boolean | undefined"
-    },
-    "className": {
-      "type": "string | ((state: Toolbar.Button.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Toolbar.Button.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Toolbar.Button.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Toolbar.Button.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-orientation": {
-      "description": "Indicates the orientation of the toolbar.",
-      "type": "'horizontal' | 'vertical'"
-    },
-    "data-disabled": {
-      "description": "Present when the button is disabled."
-    },
-    "data-focusable": {
-      "description": "Present when the button remains focusable when disabled."
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/toolbar-group.json b/docs/reference/generated/toolbar-group.json
deleted file mode 100644
index 55f9483e80b..00000000000
--- a/docs/reference/generated/toolbar-group.json
+++ /dev/null
@@ -1,36 +0,0 @@
-{
-  "name": "ToolbarGroup",
-  "description": "Groups several toolbar items or toggles.\nRenders a `<div>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: Toolbar.Root.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((state: Toolbar.Root.State) => CSSProperties | undefined)\n| undefined"
-    },
-    "disabled": {
-      "type": "boolean",
-      "default": "false",
-      "description": "When `true` all toolbar items in the group are disabled.",
-      "detailedType": "boolean | undefined"
-    },
-    "className": {
-      "type": "string | ((state: Toolbar.Root.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Toolbar.Root.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Toolbar.Root.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Toolbar.Root.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-orientation": {
-      "description": "Indicates the orientation of the toolbar.",
-      "type": "'horizontal' | 'vertical'"
-    },
-    "data-disabled": {
-      "description": "Present when the group is disabled."
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/toolbar-input.json b/docs/reference/generated/toolbar-input.json
deleted file mode 100644
index a3a4033c0c2..00000000000
--- a/docs/reference/generated/toolbar-input.json
+++ /dev/null
@@ -1,49 +0,0 @@
-{
-  "name": "ToolbarInput",
-  "description": "A native input element that integrates with Toolbar keyboard navigation.\nRenders an `<input>` element.",
-  "props": {
-    "defaultValue": {
-      "type": "string | number | string[]",
-      "detailedType": "string | number | string[] | undefined"
-    },
-    "focusableWhenDisabled": {
-      "type": "boolean",
-      "default": "true",
-      "description": "When `true` the item remains focuseable when disabled.",
-      "detailedType": "boolean | undefined"
-    },
-    "style": {
-      "type": "CSSProperties | ((state: Toolbar.Input.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: Toolbar.Input.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "disabled": {
-      "type": "boolean",
-      "default": "false",
-      "description": "When `true` the item is disabled.",
-      "detailedType": "boolean | undefined"
-    },
-    "className": {
-      "type": "string | ((state: Toolbar.Input.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Toolbar.Input.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Toolbar.Input.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Toolbar.Input.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-orientation": {
-      "description": "Indicates the orientation of the toolbar.",
-      "type": "'horizontal' | 'vertical'"
-    },
-    "data-disabled": {
-      "description": "Present when the input is disabled."
-    },
-    "data-focusable": {
-      "description": "Present when the input remains focusable when disabled."
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/toolbar-link.json b/docs/reference/generated/toolbar-link.json
deleted file mode 100644
index 359ff8aa5c2..00000000000
--- a/docs/reference/generated/toolbar-link.json
+++ /dev/null
@@ -1,27 +0,0 @@
-{
-  "name": "ToolbarLink",
-  "description": "A link component.\nRenders an `<a>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: Toolbar.Link.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((state: Toolbar.Link.State) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: Toolbar.Link.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Toolbar.Link.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Toolbar.Link.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Toolbar.Link.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-orientation": {
-      "description": "Indicates the orientation of the toolbar.",
-      "type": "'horizontal' | 'vertical'"
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/toolbar-root.json b/docs/reference/generated/toolbar-root.json
deleted file mode 100644
index 718fbc5e8e7..00000000000
--- a/docs/reference/generated/toolbar-root.json
+++ /dev/null
@@ -1,52 +0,0 @@
-{
-  "name": "ToolbarRoot",
-  "description": "A container for grouping a set of controls, such as buttons, toggle groups, or menus.\nRenders a `<div>` element.",
-  "props": {
-    "cols": {
-      "type": "number",
-      "default": "1",
-      "description": "The number of columns. When greater than 1, the toolbar is arranged into\na grid.",
-      "detailedType": "number | undefined"
-    },
-    "style": {
-      "type": "CSSProperties | ((state: Toolbar.Root.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((state: Toolbar.Root.State) => CSSProperties | undefined)\n| undefined"
-    },
-    "disabled": {
-      "type": "boolean",
-      "detailedType": "boolean | undefined"
-    },
-    "loop": {
-      "type": "boolean",
-      "default": "true",
-      "description": "If `true`, using keyboard navigation will wrap focus to the other end of the toolbar once the end is reached.",
-      "detailedType": "boolean | undefined"
-    },
-    "orientation": {
-      "type": "Toolbar.Root.Orientation",
-      "default": "'horizontal'",
-      "description": "The orientation of the toolbar.",
-      "detailedType": "'horizontal' | 'vertical' | undefined"
-    },
-    "className": {
-      "type": "string | ((state: Toolbar.Root.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Toolbar.Root.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Toolbar.Root.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Toolbar.Root.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-orientation": {
-      "description": "Indicates the orientation of the toolbar.",
-      "type": "'horizontal' | 'vertical'"
-    },
-    "data-disabled": {
-      "description": "Present when the toolbar is disabled."
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/toolbar-separator.json b/docs/reference/generated/toolbar-separator.json
deleted file mode 100644
index f9770bcd542..00000000000
--- a/docs/reference/generated/toolbar-separator.json
+++ /dev/null
@@ -1,33 +0,0 @@
-{
-  "name": "ToolbarSeparator",
-  "description": "A separator element accessible to screen readers.\nRenders a `<div>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: SeparatorState) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((state: SeparatorState) => CSSProperties | undefined)\n| undefined"
-    },
-    "orientation": {
-      "type": "Orientation",
-      "default": "'horizontal'",
-      "description": "The orientation of the separator.",
-      "detailedType": "'horizontal' | 'vertical' | undefined"
-    },
-    "className": {
-      "type": "string | ((state: SeparatorState) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: SeparatorState) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: SeparatorState) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: SeparatorState,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-orientation": {
-      "description": "Indicates the orientation of the toolbar.",
-      "type": "'horizontal' | 'vertical'"
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/tooltip-arrow.json b/docs/reference/generated/tooltip-arrow.json
deleted file mode 100644
index 3022332b8c9..00000000000
--- a/docs/reference/generated/tooltip-arrow.json
+++ /dev/null
@@ -1,47 +0,0 @@
-{
-  "name": "TooltipArrow",
-  "description": "Displays an element positioned against the tooltip anchor.\nRenders a `<div>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: Tooltip.Arrow.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: Tooltip.Arrow.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: Tooltip.Arrow.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Tooltip.Arrow.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Tooltip.Arrow.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Tooltip.Arrow.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-open": {
-      "description": "Present when the tooltip is open."
-    },
-    "data-closed": {
-      "description": "Present when the tooltip is closed."
-    },
-    "data-uncentered": {
-      "description": "Present when the tooltip arrow is uncentered."
-    },
-    "data-anchor-hidden": {
-      "description": "Present when the anchor is hidden."
-    },
-    "data-align": {
-      "description": "Indicates how the popup is aligned relative to specified side.",
-      "type": "'start' | 'center' | 'end'"
-    },
-    "data-instant": {
-      "description": "Present if animations should be instant.",
-      "type": "'delay' | 'dismiss' | 'focus'"
-    },
-    "data-side": {
-      "description": "Indicates which side the popup is positioned relative to the trigger.",
-      "type": "'top' | 'bottom' | 'left' | 'right' | 'inline-end' | 'inline-start'"
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/tooltip-popup.json b/docs/reference/generated/tooltip-popup.json
deleted file mode 100644
index a5a96ab9594..00000000000
--- a/docs/reference/generated/tooltip-popup.json
+++ /dev/null
@@ -1,47 +0,0 @@
-{
-  "name": "TooltipPopup",
-  "description": "A container for the tooltip contents.\nRenders a `<div>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: Tooltip.Popup.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: Tooltip.Popup.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: Tooltip.Popup.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Tooltip.Popup.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Tooltip.Popup.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Tooltip.Popup.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-open": {
-      "description": "Present when the tooltip is open."
-    },
-    "data-closed": {
-      "description": "Present when the tooltip is closed."
-    },
-    "data-align": {
-      "description": "Indicates how the popup is aligned relative to specified side.",
-      "type": "'start' | 'center' | 'end'"
-    },
-    "data-instant": {
-      "description": "Present if animations should be instant.",
-      "type": "'delay' | 'dismiss' | 'focus'"
-    },
-    "data-side": {
-      "description": "Indicates which side the popup is positioned relative to the trigger.",
-      "type": "'top' | 'bottom' | 'left' | 'right' | 'inline-end' | 'inline-start'"
-    },
-    "data-starting-style": {
-      "description": "Present when the tooltip is animating in."
-    },
-    "data-ending-style": {
-      "description": "Present when the tooltip is animating out."
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/tooltip-portal.json b/docs/reference/generated/tooltip-portal.json
deleted file mode 100644
index b3df0c66ba5..00000000000
--- a/docs/reference/generated/tooltip-portal.json
+++ /dev/null
@@ -1,33 +0,0 @@
-{
-  "name": "TooltipPortal",
-  "description": "A portal element that moves the popup to a different part of the DOM.\nBy default, the portal element is appended to `<body>`.\nRenders a `<div>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: Tooltip.Portal.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: Tooltip.Portal.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "container": {
-      "type": "HTMLElement | ShadowRoot | RefObject<HTMLElement | ShadowRoot | null> | null",
-      "description": "A parent element to render the portal element into.",
-      "detailedType": "| HTMLElement\n| ShadowRoot\n| React.RefObject<HTMLElement | ShadowRoot | null>\n| null\n| undefined"
-    },
-    "className": {
-      "type": "string | ((state: Tooltip.Portal.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Tooltip.Portal.State) => string | undefined)"
-    },
-    "keepMounted": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether to keep the portal mounted in the DOM while the popup is hidden.",
-      "detailedType": "boolean | undefined"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Tooltip.Portal.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Tooltip.Portal.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {},
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/tooltip-positioner.json b/docs/reference/generated/tooltip-positioner.json
deleted file mode 100644
index 894d4a6da2e..00000000000
--- a/docs/reference/generated/tooltip-positioner.json
+++ /dev/null
@@ -1,134 +0,0 @@
-{
-  "name": "TooltipPositioner",
-  "description": "Positions the tooltip against the trigger.\nRenders a `<div>` element.",
-  "props": {
-    "collisionAvoidance": {
-      "type": "CollisionAvoidance",
-      "description": "Determines how to handle collisions when positioning the popup.",
-      "example": "```jsx\n<Positioner\n  collisionAvoidance={{\n    side: 'shift',\n    align: 'shift',\n    fallbackAxisSide: 'none',\n  }}\n/>\n```",
-      "detailedType": "| {\n    side?: 'none' | 'flip'\n    align?: 'none' | 'flip' | 'shift'\n    fallbackAxisSide?: 'none' | 'end' | 'start'\n  }\n| {\n    side?: 'none' | 'shift'\n    align?: 'none' | 'shift'\n    fallbackAxisSide?: 'none' | 'end' | 'start'\n  }\n| undefined"
-    },
-    "style": {
-      "type": "CSSProperties | ((state: Tooltip.Positioner.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: Tooltip.Positioner.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "align": {
-      "type": "Align",
-      "default": "'center'",
-      "description": "How to align the popup relative to the specified side.",
-      "detailedType": "'center' | 'end' | 'start' | undefined"
-    },
-    "alignOffset": {
-      "type": "number | OffsetFunction",
-      "default": "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.",
-      "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```",
-      "detailedType": "| number\n| ((data: {\n    side: Side\n    align: Align\n    anchor: { width: number; height: number }\n    positioner: { width: number; height: number }\n  }) => number)\n| undefined"
-    },
-    "side": {
-      "type": "Side",
-      "default": "'top'",
-      "description": "Which side of the anchor element to align the popup against.\nMay automatically change to avoid collisions.",
-      "detailedType": "| 'left'\n| 'right'\n| 'bottom'\n| 'top'\n| 'inline-end'\n| 'inline-start'\n| undefined"
-    },
-    "sideOffset": {
-      "type": "number | OffsetFunction",
-      "default": "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.",
-      "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```",
-      "detailedType": "| number\n| ((data: {\n    side: Side\n    align: Align\n    anchor: { width: number; height: number }\n    positioner: { width: number; height: number }\n  }) => number)\n| undefined"
-    },
-    "arrowPadding": {
-      "type": "number",
-      "default": "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.",
-      "detailedType": "number | undefined"
-    },
-    "anchor": {
-      "type": "Element | RefObject<Element | null> | VirtualElement | (() => Element | VirtualElement | null) | null",
-      "description": "An element to position the popup against.\nBy default, the popup will be positioned against the trigger.",
-      "detailedType": "| Element\n| React.RefObject<Element | null>\n| VirtualElement\n| (() => Element | VirtualElement | null)\n| null\n| undefined"
-    },
-    "collisionBoundary": {
-      "type": "Boundary",
-      "default": "'clipping-ancestors'",
-      "description": "An element or a rectangle that delimits the area that the popup is confined to.",
-      "detailedType": "| Element\n| 'clipping-ancestors'\n| Element[]\n| Rect\n| undefined"
-    },
-    "collisionPadding": {
-      "type": "Padding",
-      "default": "5",
-      "description": "Additional space to maintain from the edge of the collision boundary.",
-      "detailedType": "| {\n    top?: number\n    right?: number\n    bottom?: number\n    left?: number\n  }\n| number\n| undefined"
-    },
-    "sticky": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether to maintain the popup in the viewport after\nthe anchor element was scrolled out of view.",
-      "detailedType": "boolean | undefined"
-    },
-    "positionMethod": {
-      "type": "'fixed' | 'absolute'",
-      "default": "'absolute'",
-      "description": "Determines which CSS `position` property to use.",
-      "detailedType": "'fixed' | 'absolute' | undefined"
-    },
-    "trackAnchor": {
-      "type": "boolean",
-      "default": "true",
-      "description": "Whether the popup tracks any layout shift of its positioning anchor.",
-      "detailedType": "boolean | undefined"
-    },
-    "className": {
-      "type": "string | ((state: Tooltip.Positioner.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Tooltip.Positioner.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Tooltip.Positioner.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Tooltip.Positioner.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-open": {
-      "description": "Present when the tooltip is open."
-    },
-    "data-closed": {
-      "description": "Present when the tooltip is closed."
-    },
-    "data-anchor-hidden": {
-      "description": "Present when the anchor is hidden."
-    },
-    "data-align": {
-      "description": "Indicates how the popup is aligned relative to specified side.",
-      "type": "'start' | 'center' | 'end'"
-    },
-    "data-side": {
-      "description": "Indicates which side the popup is positioned relative to the trigger.",
-      "type": "'top' | 'bottom' | 'left' | 'right' | 'inline-end' | 'inline-start'"
-    }
-  },
-  "cssVariables": {
-    "--anchor-height": {
-      "description": "The anchor's height.",
-      "type": "number"
-    },
-    "--anchor-width": {
-      "description": "The anchor's width.",
-      "type": "number"
-    },
-    "--available-height": {
-      "description": "The available height between the trigger and the edge of the viewport.",
-      "type": "number"
-    },
-    "--available-width": {
-      "description": "The available width between the trigger and the edge of the viewport.",
-      "type": "number"
-    },
-    "--transform-origin": {
-      "description": "The coordinates that this element is anchored to. Used for animations and transitions.",
-      "type": "string"
-    }
-  }
-}
diff --git a/docs/reference/generated/tooltip-provider.json b/docs/reference/generated/tooltip-provider.json
deleted file mode 100644
index 448516b635d..00000000000
--- a/docs/reference/generated/tooltip-provider.json
+++ /dev/null
@@ -1,28 +0,0 @@
-{
-  "name": "TooltipProvider",
-  "description": "Provides a shared delay for multiple tooltips. The grouping logic ensures that\nonce a tooltip becomes visible, the adjacent tooltips will be shown instantly.",
-  "props": {
-    "delay": {
-      "type": "number",
-      "description": "How long to wait before opening a tooltip. Specified in milliseconds.",
-      "detailedType": "number | undefined"
-    },
-    "closeDelay": {
-      "type": "number",
-      "description": "How long to wait before closing a tooltip. Specified in milliseconds.",
-      "detailedType": "number | undefined"
-    },
-    "timeout": {
-      "type": "number",
-      "default": "400",
-      "description": "Another tooltip will open instantly if the previous tooltip\nis closed within this timeout. Specified in milliseconds.",
-      "detailedType": "number | undefined"
-    },
-    "children": {
-      "type": "ReactNode",
-      "detailedType": "React.ReactNode"
-    }
-  },
-  "dataAttributes": {},
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/tooltip-root.json b/docs/reference/generated/tooltip-root.json
deleted file mode 100644
index b50b9f4368c..00000000000
--- a/docs/reference/generated/tooltip-root.json
+++ /dev/null
@@ -1,72 +0,0 @@
-{
-  "name": "TooltipRoot",
-  "description": "Groups all parts of the tooltip.\nDoesn’t render its own HTML element.",
-  "props": {
-    "defaultOpen": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether the tooltip is initially open.\n\nTo render a controlled tooltip, use the `open` prop instead.",
-      "detailedType": "boolean | undefined"
-    },
-    "open": {
-      "type": "boolean",
-      "description": "Whether the tooltip is currently open.",
-      "detailedType": "boolean | undefined"
-    },
-    "onOpenChange": {
-      "type": "((open: boolean, eventDetails: Tooltip.Root.ChangeEventDetails) => void)",
-      "description": "Event handler called when the tooltip is opened or closed.",
-      "detailedType": "| ((\n    open: boolean,\n    eventDetails: Tooltip.Root.ChangeEventDetails,\n  ) => void)\n| undefined"
-    },
-    "actionsRef": {
-      "type": "RefObject<Tooltip.Root.Actions>",
-      "description": "A ref to imperative actions.\n- `unmount`: When specified, the tooltip will not be unmounted when closed.\nInstead, the `unmount` function must be called to unmount the tooltip manually.\nUseful when the tooltip's animation is controlled by an external library.",
-      "detailedType": "React.RefObject<Tooltip.Root.Actions> | undefined"
-    },
-    "defaultTriggerId": {
-      "type": "string | null",
-      "description": "ID of the trigger that the tooltip is associated with.\nThis is useful in conjunction with the `defaultOpen` prop to create an initially open tooltip.",
-      "detailedType": "string | null | undefined"
-    },
-    "handle": {
-      "type": "TooltipHandle<Payload>",
-      "description": "A handle to associate the tooltip with a trigger.\nIf specified, allows external triggers to control the tooltip's open state.\nCan be created with the Tooltip.createHandle() method.",
-      "detailedType": "{} | undefined"
-    },
-    "onOpenChangeComplete": {
-      "type": "((open: boolean) => void)",
-      "description": "Event handler called after any animations complete when the tooltip is opened or closed.",
-      "detailedType": "((open: boolean) => void) | undefined"
-    },
-    "triggerId": {
-      "type": "string | null",
-      "description": "ID of the trigger that the tooltip is associated with.\nThis is useful in conjuntion with the `open` prop to create a controlled tooltip.\nThere's no need to specify this prop when the tooltip is uncontrolled (i.e. when the `open` prop is not set).",
-      "detailedType": "string | null | undefined"
-    },
-    "trackCursorAxis": {
-      "type": "'none' | 'both' | 'x' | 'y'",
-      "default": "'none'",
-      "description": "Determines which axis the tooltip should track the cursor on.",
-      "detailedType": "'none' | 'both' | 'x' | 'y' | undefined"
-    },
-    "disabled": {
-      "type": "boolean",
-      "default": "false",
-      "description": "Whether the tooltip is disabled.",
-      "detailedType": "boolean | undefined"
-    },
-    "hoverable": {
-      "type": "boolean",
-      "default": "true",
-      "description": "Whether the tooltip contents can be hovered without closing the tooltip.",
-      "detailedType": "boolean | undefined"
-    },
-    "children": {
-      "type": "ReactNode | PayloadChildRenderFunction<Payload>",
-      "description": "The content of the tooltip.\nThis can be a regular React node or a render function that receives the `payload` of the active trigger.",
-      "detailedType": "| React.ReactNode\n| ((arg: { payload: Payload | undefined }) => ReactNode)"
-    }
-  },
-  "dataAttributes": {},
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/tooltip-trigger.json b/docs/reference/generated/tooltip-trigger.json
deleted file mode 100644
index 56a07959102..00000000000
--- a/docs/reference/generated/tooltip-trigger.json
+++ /dev/null
@@ -1,48 +0,0 @@
-{
-  "name": "TooltipTrigger",
-  "description": "An element to attach the tooltip to.\nRenders a `<button>` element.",
-  "props": {
-    "handle": {
-      "type": "TooltipHandle<Payload>",
-      "description": "A handle to associate the trigger with a tooltip.",
-      "detailedType": "{} | undefined"
-    },
-    "payload": {
-      "type": "Payload",
-      "description": "A payload to pass to the tooltip when it is opened.",
-      "detailedType": "Payload | undefined"
-    },
-    "style": {
-      "type": "CSSProperties | ((state: Tooltip.Trigger.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: Tooltip.Trigger.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "delay": {
-      "type": "number",
-      "default": "600",
-      "description": "How long to wait before opening the tooltip. Specified in milliseconds.",
-      "detailedType": "number | undefined"
-    },
-    "closeDelay": {
-      "type": "number",
-      "default": "0",
-      "description": "How long to wait before closing the tooltip. Specified in milliseconds.",
-      "detailedType": "number | undefined"
-    },
-    "className": {
-      "type": "string | ((state: Tooltip.Trigger.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Tooltip.Trigger.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Tooltip.Trigger.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Tooltip.Trigger.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-popup-open": {
-      "description": "Present when the corresponding tooltip is open."
-    }
-  },
-  "cssVariables": {}
-}
diff --git a/docs/reference/generated/tooltip-viewport.json b/docs/reference/generated/tooltip-viewport.json
deleted file mode 100644
index 02414722be3..00000000000
--- a/docs/reference/generated/tooltip-viewport.json
+++ /dev/null
@@ -1,52 +0,0 @@
-{
-  "name": "TooltipViewport",
-  "description": "A viewport for displaying content transitions.\nThis component is only required if one popup can be opened by multiple triggers, its content change based on the trigger\nand switching between them is animated.\nRenders a `<div>` element.",
-  "props": {
-    "style": {
-      "type": "CSSProperties | ((state: Tooltip.Viewport.State) => CSSProperties | undefined)",
-      "detailedType": "| React.CSSProperties\n| ((\n    state: Tooltip.Viewport.State,\n  ) => CSSProperties | undefined)\n| undefined"
-    },
-    "children": {
-      "type": "ReactNode",
-      "description": "The content to render inside the transition container.",
-      "detailedType": "React.ReactNode"
-    },
-    "className": {
-      "type": "string | ((state: Tooltip.Viewport.State) => string | undefined)",
-      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state.",
-      "detailedType": "| string\n| ((state: Tooltip.Viewport.State) => string | undefined)"
-    },
-    "render": {
-      "type": "ReactElement | ((props: HTMLProps, state: Tooltip.Viewport.State) => ReactElement)",
-      "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.",
-      "detailedType": "| ReactElement\n| ((\n    props: HTMLProps,\n    state: Tooltip.Viewport.State,\n  ) => ReactElement)"
-    }
-  },
-  "dataAttributes": {
-    "data-activation-direction": {
-      "description": "Indicates the direction from which the popup was activated.\nThis can be used to create directional animations based on how the popup was triggered.\nContains space-separated values for both horizontal and vertical axes.",
-      "type": "`${'left' | 'right'} {'top' | 'bottom'}`"
-    },
-    "data-current": {
-      "description": "Applied to the direct child of the viewport when no transitions are present or the new content when it's entering."
-    },
-    "data-instant": {
-      "description": "Present if animations should be instant.",
-      "type": "'delay' | 'dismiss' | 'focus'"
-    },
-    "data-previous": {
-      "description": "Applied to the direct child of the viewport that contains the exiting content when transitions are present."
-    },
-    "data-transitioning": {
-      "description": "Indicates that the viewport is currently transitioning between old and new content."
-    }
-  },
-  "cssVariables": {
-    "--popup-height": {
-      "description": "The height of the parent popup.\nThis variable is placed on the 'previous' container and stores the height of the popup when the previous content was rendered.\nIt can be used to freeze the dimensions of the popup when animating between different content."
-    },
-    "--popup-width": {
-      "description": "The width of the parent popup.\nThis variable is placed on the 'previous' container and stores the width of the popup when the previous content was rendered.\nIt can be used to freeze the dimensions of the popup when animating between different content."
-    }
-  }
-}
diff --git a/docs/reference/generated/use-render.json b/docs/reference/generated/use-render.json
deleted file mode 100644
index 263fc46d7ec..00000000000
--- a/docs/reference/generated/use-render.json
+++ /dev/null
@@ -1,44 +0,0 @@
-{
-  "name": "useRender",
-  "description": "Renders a Base UI element.",
-  "parameters": {
-    "render": {
-      "type": "UseRenderRenderProp<Record<string, unknown>>",
-      "description": "The React element or a function that returns one to override the default element."
-    },
-    "ref": {
-      "type": "Ref<Element> | Ref<Element>[]",
-      "description": "The ref to apply to the rendered element.",
-      "detailedType": "React.Ref<Element> | Ref<Element>[] | undefined"
-    },
-    "state": {
-      "type": "Record<string, unknown>",
-      "description": "The state of the component, passed as the second argument to the `render` callback.\nState properties are automatically converted to data-* attributes.",
-      "detailedType": "Record<string, unknown> | undefined"
-    },
-    "stateAttributesMapping": {
-      "type": "StateAttributesMapping<Record<string, unknown>>",
-      "description": "Custom mapping for converting state properties to data-* attributes.",
-      "example": "{ isActive: (value) => (value ? { 'data-is-active': '' } : null) }",
-      "detailedType": "{} | undefined"
-    },
-    "props": {
-      "type": "Record<string, unknown>",
-      "description": "Props to be spread on the rendered element.\nThey are merged with the internal props of the component, so that event handlers\nare merged, `className` strings and `style` properties are joined, while other external props overwrite the\ninternal ones.",
-      "detailedType": "Record<string, unknown> | undefined"
-    },
-    "enabled": {
-      "type": "boolean | undefined",
-      "default": "true",
-      "description": "If `false`, the hook will skip most of its internal logic and return `null`.\nThis is useful for rendering a component conditionally.",
-      "detailedType": "boolean | undefined | undefined"
-    },
-    "defaultTagName": {
-      "type": "'symbol' | 'object' | 'search' | 'big' | 'link' | 'small' | 'sub' | 'sup' | 'div' | 'a' | 'abbr' | 'address' | 'area' | 'article' | 'aside' | 'audio' | 'b' | 'base' | 'bdi' | 'bdo' | 'blockquote' | 'body' | 'br' | 'button' | 'canvas' | 'caption' | 'center' | 'cite' | 'code' | 'col' | 'colgroup' | 'data' | 'datalist' | 'dd' | 'del' | 'details' | 'dfn' | 'dialog' | 'dl' | 'dt' | 'em' | 'embed' | 'fieldset' | 'figcaption' | 'figure' | 'footer' | 'form' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'head' | 'header' | 'hgroup' | 'hr' | 'html' | 'i' | 'iframe' | 'img' | 'input' | 'ins' | 'kbd' | 'keygen' | 'label' | 'legend' | 'li' | 'main' | 'map' | 'mark' | 'menu' | 'menuitem' | 'meta' | 'meter' | 'nav' | 'noindex' | 'noscript' | 'ol' | 'optgroup' | 'option' | 'output' | 'p' | 'param' | 'picture' | 'pre' | 'progress' | 'q' | 'rp' | 'rt' | 'ruby' | 's' | 'samp' | 'slot' | 'script' | 'section' | 'select' | 'source' | 'span' | 'strong' | 'style' | 'summary' | 'table' | 'template' | 'tbody' | 'td' | 'textarea' | 'tfoot' | 'th' | 'thead' | 'time' | 'title' | 'tr' | 'track' | 'u' | 'ul' | 'var' | 'video' | 'wbr' | 'webview' | 'svg' | 'animate' | 'animateMotion' | 'animateTransform' | 'circle' | 'clipPath' | 'defs' | 'desc' | 'ellipse' | 'feBlend' | 'feColorMatrix' | 'feComponentTransfer' | 'feComposite' | 'feConvolveMatrix' | 'feDiffuseLighting' | 'feDisplacementMap' | 'feDistantLight' | 'feDropShadow' | 'feFlood' | 'feFuncA' | 'feFuncB' | 'feFuncG' | 'feFuncR' | 'feGaussianBlur' | 'feImage' | 'feMerge' | 'feMergeNode' | 'feMorphology' | 'feOffset' | 'fePointLight' | 'feSpecularLighting' | 'feSpotLight' | 'feTile' | 'feTurbulence' | 'filter' | 'foreignObject' | 'g' | 'image' | 'line' | 'linearGradient' | 'marker' | 'mask' | 'metadata' | 'mpath' | 'path' | 'pattern' | 'polygon' | 'polyline' | 'radialGradient' | 'rect' | 'set' | 'stop' | 'switch' | 'text' | 'textPath' | 'tspan' | 'use' | 'view'",
-      "default": "'div'",
-      "description": "The default tag name to use for the rendered element when `render` is not provided.",
-      "detailedType": "| 'symbol'\n| 'object'\n| 'search'\n| 'big'\n| 'link'\n| 'small'\n| 'sub'\n| 'sup'\n| 'div'\n| 'a'\n| 'abbr'\n| 'address'\n| 'area'\n| 'article'\n| 'aside'\n| 'audio'\n| 'b'\n| 'base'\n| 'bdi'\n| 'bdo'\n| 'blockquote'\n| 'body'\n| 'br'\n| 'button'\n| 'canvas'\n| 'caption'\n| 'center'\n| 'cite'\n| 'code'\n| 'col'\n| 'colgroup'\n| 'data'\n| 'datalist'\n| 'dd'\n| 'del'\n| 'details'\n| 'dfn'\n| 'dialog'\n| 'dl'\n| 'dt'\n| 'em'\n| 'embed'\n| 'fieldset'\n| 'figcaption'\n| 'figure'\n| 'footer'\n| 'form'\n| 'h1'\n| 'h2'\n| 'h3'\n| 'h4'\n| 'h5'\n| 'h6'\n| 'head'\n| 'header'\n| 'hgroup'\n| 'hr'\n| 'html'\n| 'i'\n| 'iframe'\n| 'img'\n| 'input'\n| 'ins'\n| 'kbd'\n| 'keygen'\n| 'label'\n| 'legend'\n| 'li'\n| 'main'\n| 'map'\n| 'mark'\n| 'menu'\n| 'menuitem'\n| 'meta'\n| 'meter'\n| 'nav'\n| 'noindex'\n| 'noscript'\n| 'ol'\n| 'optgroup'\n| 'option'\n| 'output'\n| 'p'\n| 'param'\n| 'picture'\n| 'pre'\n| 'progress'\n| 'q'\n| 'rp'\n| 'rt'\n| 'ruby'\n| 's'\n| 'samp'\n| 'slot'\n| 'script'\n| 'section'\n| 'select'\n| 'source'\n| 'span'\n| 'strong'\n| 'style'\n| 'summary'\n| 'table'\n| 'template'\n| 'tbody'\n| 'td'\n| 'textarea'\n| 'tfoot'\n| 'th'\n| 'thead'\n| 'time'\n| 'title'\n| 'tr'\n| 'track'\n| 'u'\n| 'ul'\n| 'var'\n| 'video'\n| 'wbr'\n| 'webview'\n| 'svg'\n| 'animate'\n| 'animateMotion'\n| 'animateTransform'\n| 'circle'\n| 'clipPath'\n| 'defs'\n| 'desc'\n| 'ellipse'\n| 'feBlend'\n| 'feColorMatrix'\n| 'feComponentTransfer'\n| 'feComposite'\n| 'feConvolveMatrix'\n| 'feDiffuseLighting'\n| 'feDisplacementMap'\n| 'feDistantLight'\n| 'feDropShadow'\n| 'feFlood'\n| 'feFuncA'\n| 'feFuncB'\n| 'feFuncG'\n| 'feFuncR'\n| 'feGaussianBlur'\n| 'feImage'\n| 'feMerge'\n| 'feMergeNode'\n| 'feMorphology'\n| 'feOffset'\n| 'fePointLight'\n| 'feSpecularLighting'\n| 'feSpotLight'\n| 'feTile'\n| 'feTurbulence'\n| 'filter'\n| 'foreignObject'\n| 'g'\n| 'image'\n| 'line'\n| 'linearGradient'\n| 'marker'\n| 'mask'\n| 'metadata'\n| 'mpath'\n| 'path'\n| 'pattern'\n| 'polygon'\n| 'polyline'\n| 'radialGradient'\n| 'rect'\n| 'set'\n| 'stop'\n| 'switch'\n| 'text'\n| 'textPath'\n| 'tspan'\n| 'use'\n| 'view'\n| undefined"
-    }
-  },
-  "returnValue": "ReactElement | null"
-}
diff --git a/docs/scripts/generateLlmTxt/mdxToMarkdown.mjs b/docs/scripts/generateLlmTxt/mdxToMarkdown.mjs
index 3fc3c55e971..fe6581fd331 100644
--- a/docs/scripts/generateLlmTxt/mdxToMarkdown.mjs
+++ b/docs/scripts/generateLlmTxt/mdxToMarkdown.mjs
@@ -16,6 +16,7 @@ import { processDemo } from './demoProcessor.mjs';
 import { processPropsReferenceTable } from './propsReferenceTableProcessor.mjs';
 import * as mdx from './mdxNodeHelpers.mjs';
 import { resolveMdLinks } from './resolver.mjs';
+import { processTypedoc } from './typedocProcessor.mjs';
 
 /**
  * Plugin to extract metadata from the MDX content
@@ -73,6 +74,7 @@ function transformJsx() {
         'mdxFlowExpression',
         'mdxTextExpression',
         'mdxJsxTextElement',
+        'heading',
       ],
       (node, index, parent) => {
         if (node.type === 'mdxjsEsm') {
@@ -81,15 +83,55 @@ function transformJsx() {
             if (estree.body[0].type === 'ImportDeclaration') {
               // Handle import declarations in MDX
               const importPath = estree.body[0].source.value;
-              const demoContent = processDemo(node, file.path || '', importPath);
 
-              // Replace the demo component with the generated content
-              parent.children.splice(index, 1, ...demoContent);
+              // Determine if this is a types import or demo import
+              const specifiers = estree.body[0].specifiers || [];
+              const isTypesImport = specifiers.some((spec) =>
+                spec.imported?.name?.startsWith('Type'),
+              );
+
+              let processedContent;
+              if (isTypesImport) {
+                // Mark subsequent h3+ headings for removal until we hit an h2 or lower
+                for (let i = index + 1; i < parent.children.length; i += 1) {
+                  const nextNode = parent.children[i];
+                  if (nextNode.type === 'heading') {
+                    if (nextNode.depth >= 3) {
+                      // Remove h3 headings following the types import
+                      nextNode.data = nextNode.data || {};
+                      nextNode.data.remove = true;
+                    } else {
+                      break;
+                    }
+                  }
+                }
+
+                processedContent = processTypedoc(node, file.path || '', importPath);
+              } else {
+                processedContent = processDemo(node, file.path || '', importPath);
+              }
+
+              // Replace the import with the generated content
+              parent.children.splice(index, 1, ...processedContent);
               return visit.CONTINUE;
             }
           }
         }
 
+        if (node.type === 'heading') {
+          if (node.data?.remove) {
+            parent.children.splice(index, 1);
+            return [visit.SKIP, index];
+          }
+          return visit.CONTINUE;
+        }
+
+        if (node.name.startsWith('Type')) {
+          // Remove Type components - they are handled by the import statement
+          parent.children.splice(index, 1);
+          return [visit.SKIP, index];
+        }
+
         if (node.name.startsWith('Demo')) {
           // Remove Demo components - they are handled by the import statement
           parent.children.splice(index, 1);
diff --git a/docs/scripts/generateLlmTxt/typedocProcessor.mjs b/docs/scripts/generateLlmTxt/typedocProcessor.mjs
new file mode 100644
index 00000000000..16da227ee8c
--- /dev/null
+++ b/docs/scripts/generateLlmTxt/typedocProcessor.mjs
@@ -0,0 +1,55 @@
+/**
+ * demoProcessor.mjs - Process demo component directories
+ *
+ * This module handles loading and converting demo code examples
+ * into markdown code blocks for documentation.
+ */
+
+import fs from 'fs';
+import path from 'path';
+import { unified } from 'unified';
+import remarkParse from 'remark-parse';
+import remarkGfm from 'remark-gfm';
+import * as mdx from './mdxNodeHelpers.mjs';
+
+/**
+ * Parse a markdown string into an AST
+ * @param {string} markdown - Markdown string to parse
+ * @returns {Object} The root content node of the parsed AST
+ */
+function parseMarkdown(markdown) {
+  // Parse markdown into an AST
+  const processor = unified().use(remarkParse).use(remarkGfm);
+  const result = processor.parse(markdown);
+  return result.children;
+}
+
+/**
+ * Transforms a Typedoc component into markdown code blocks
+ * @param {Object} node - The Typedoc JSX node from MDX
+ * @param {string} mdxFilePath - Path to the MDX file containing the Typedoc component
+ * @returns {Array} Array of markdown nodes to replace the Typedoc component
+ */
+export function processTypedoc(node, mdxFilePath, typesPath) {
+  // Resolve types path relative to the MDX file
+  const mdxDir = path.dirname(mdxFilePath);
+  typesPath = `${path.resolve(mdxDir, typesPath)}.md`;
+
+  // Check if the types folder exists
+  if (!fs.existsSync(typesPath)) {
+    throw new Error(
+      `Generated Types not found at "${typesPath}". Try running "pnpm --filter docs build" to generate the types first.`,
+    );
+  }
+
+  const typesContent = fs.readFileSync(typesPath, 'utf-8');
+
+  const result = [];
+
+  // Add main Demo heading
+  result.push(mdx.heading(2, 'Types'));
+
+  // Parse the markdown content and add it to the result
+  // Removing the leading title and description
+  return parseMarkdown(typesContent).splice(3);
+}
diff --git a/docs/src/app/(public)/(content)/react/components/accordion/page.mdx b/docs/src/app/(public)/(content)/react/components/accordion/page.mdx
index 2b99f50a10d..f297d8af3e2 100644
--- a/docs/src/app/(public)/(content)/react/components/accordion/page.mdx
+++ b/docs/src/app/(public)/(content)/react/components/accordion/page.mdx
@@ -29,4 +29,30 @@ import { Accordion } from '@base-ui-components/react/accordion';
 
 ## API reference
 
-<Reference component="Accordion" parts="Root, Item, Header, Trigger, Panel" />
+import {
+  TypesAccordionRoot,
+  TypesAccordionItem,
+  TypesAccordionHeader,
+  TypesAccordionTrigger,
+  TypesAccordionPanel,
+} from './types';
+
+### Root
+
+<TypesAccordionRoot />
+
+### Item
+
+<TypesAccordionItem />
+
+### Header
+
+<TypesAccordionHeader />
+
+### Trigger
+
+<TypesAccordionTrigger />
+
+### Panel
+
+<TypesAccordionPanel />
diff --git a/docs/src/app/(public)/(content)/react/components/accordion/types.md b/docs/src/app/(public)/(content)/react/components/accordion/types.md
new file mode 100644
index 00000000000..59ef35f4050
--- /dev/null
+++ b/docs/src/app/(public)/(content)/react/components/accordion/types.md
@@ -0,0 +1,249 @@
+# Accordion
+
+[//]: types.ts '<-- Autogenerated By (do not edit the following markdown directly)'
+
+## API Reference
+
+### Root
+
+Groups all parts of the accordion. Renders a `<div>` element.
+
+**Root Props:**
+
+| Prop                  | Type                                                                                    | Default          | Description                                                                                                                                                                                              |
+| :-------------------- | :-------------------------------------------------------------------------------------- | :--------------- | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| defaultValue          | `any[]`                                                                                 | -                | The uncontrolled value of the item(s) that should be initially expanded.To render a controlled accordion, use the `value` prop instead.                                                                  |
+| value                 | `any[]`                                                                                 | -                | The controlled value of the item(s) that should be expanded.To render an uncontrolled accordion, use the `defaultValue` prop instead.                                                                    |
+| onValueChange         | `((value: any[], eventDetails: Accordion.Root.ChangeEventDetails) => void)`             | -                | Event handler called when an accordion item is expanded or collapsed. Provides the new value as an argument.                                                                                             |
+| hiddenUntilFound      | `boolean`                                                                               | `false`          | Allows the browser’s built-in page search to find and expand the panel contents.Overrides the `keepMounted` prop and uses `hidden="until-found"` to hide the element without removing it from the DOM.   |
+| multiple              | `boolean`                                                                               | `true`           | Whether multiple items can be open at the same time.                                                                                                                                                     |
+| style                 | `CSSProperties \| ((state: Accordion.Root.State) => CSSProperties \| undefined)`        | -                | -                                                                                                                                                                                                        |
+| disabled              | `boolean`                                                                               | `false`          | Whether the component should ignore user interaction.                                                                                                                                                    |
+| loop                  | `boolean`                                                                               | `true`           | Whether to loop keyboard focus back to the first item when the end of the list is reached while using the arrow keys.                                                                                    |
+| orientation           | `Orientation`                                                                           | `'vertical'`     | The visual orientation of the accordion. Controls whether roving focus uses left/right or up/down arrow keys.                                                                                            |
+| className             | `string \| ((state: Accordion.Root.State) => string \| undefined)`                      | -                | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                                     |
+| keepMounted           | `boolean`                                                                               | `false`          | Whether to keep the element in the DOM while the panel is closed. This prop is ignored when `hiddenUntilFound` is used.                                                                                  |
+| render                | `ReactElement \| ((props: HTMLProps, state: Accordion.Root.State) => ReactElement)`     | -                | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render.                 |
+
+**Root Data Attributes:**
+
+| Attribute             | Type    | Description                                       |
+| :-------------------- | :------ | :------------------------------------------------ |
+| data-orientation      | -       | Indicates the orientation of the accordion.       |
+| data-disabled         | -       | Present when the accordion is disabled.           |
+
+### Root.Props
+
+Re-export of [Root](#root) props.
+
+### Root.State
+
+```typescript
+type AccordionRootState = {
+  value: any[];
+  disabled: boolean;
+  orientation: Orientation;
+};
+```
+
+### Root.ChangeEventReason
+
+```typescript
+type AccordionRootChangeEventReason = 'trigger-press' | 'none';
+```
+
+### Root.ChangeEventDetails
+
+```typescript
+type AccordionRootChangeEventDetails =
+  | {
+      reason: 'trigger-press';
+      event: MouseEvent | PointerEvent | TouchEvent | KeyboardEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    }
+  | {
+      reason: 'none';
+      event: Event;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    };
+```
+
+### Trigger
+
+A button that opens and closes the corresponding panel. Renders a `<button>` element.
+
+**Trigger Props:**
+
+| Prop           | Type                                                                                    | Default   | Description                                                                                                                                                                              |
+| :------------- | :-------------------------------------------------------------------------------------- | :-------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| nativeButton   | `boolean`                                                                               | `true`    | Whether the component renders a native `<button>` element when replacing it via the `render` prop. Set to `false` if the rendered element is not a button (e.g. `<div>`).                |
+| style          | `CSSProperties \| ((state: Accordion.Item.State) => CSSProperties \| undefined)`        | -         | -                                                                                                                                                                                        |
+| className      | `string \| ((state: Accordion.Item.State) => string \| undefined)`                      | -         | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Accordion.Item.State) => ReactElement)`     | -         | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**Trigger Data Attributes:**
+
+| Attribute             | Type    | Description                                       |
+| :-------------------- | :------ | :------------------------------------------------ |
+| data-panel-open       | -       | Present when the accordion panel is open.         |
+| data-disabled         | -       | Present when the accordion item is disabled.      |
+
+### Trigger.Props
+
+Re-export of [Trigger](#trigger) props.
+
+### Item
+
+Groups an accordion header with the corresponding panel. Renders a `<div>` element.
+
+**Item Props:**
+
+| Prop           | Type                                                                                    | Default   | Description                                                                                                                                                                                                        |
+| :------------- | :-------------------------------------------------------------------------------------- | :-------- | :----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| value          | `any`                                                                                   | -         | A unique value that identifies this accordion item. If no value is provided, a unique ID will be generated automatically. Use when controlling the accordion programmatically, or to set an initial open state.    |
+| onOpenChange   | `((open: boolean, eventDetails: Accordion.Item.ChangeEventDetails) => void)`            | -         | Event handler called when the panel is opened or closed.                                                                                                                                                           |
+| style          | `CSSProperties \| ((state: Accordion.Item.State) => CSSProperties \| undefined)`        | -         | -                                                                                                                                                                                                                  |
+| disabled       | `boolean`                                                                               | `false`   | Whether the component should ignore user interaction.                                                                                                                                                              |
+| className      | `string \| ((state: Accordion.Item.State) => string \| undefined)`                      | -         | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                                               |
+| render         | `ReactElement \| ((props: HTMLProps, state: Accordion.Item.State) => ReactElement)`     | -         | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render.                           |
+
+**Item Data Attributes:**
+
+| Attribute      | Type      | Description                                       |
+| :------------- | :-------- | :------------------------------------------------ |
+| data-open      | -         | Present when the accordion item is open.          |
+| data-disabled  | -         | Present when the accordion item is disabled.      |
+| data-index     | `number`  | Indicates the index of the accordion item.        |
+
+### Item.Props
+
+Re-export of [Item](#item) props.
+
+### Item.State
+
+```typescript
+type AccordionItemState = {
+  index: number;
+  open: boolean;
+  value: any[];
+  disabled: boolean;
+  orientation: Orientation;
+};
+```
+
+### Item.ChangeEventReason
+
+```typescript
+type AccordionItemChangeEventReason = 'trigger-press' | 'none';
+```
+
+### Item.ChangeEventDetails
+
+```typescript
+type AccordionItemChangeEventDetails =
+  | {
+      reason: 'trigger-press';
+      event: MouseEvent | PointerEvent | TouchEvent | KeyboardEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    }
+  | {
+      reason: 'none';
+      event: Event;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    };
+```
+
+### Header
+
+A heading that labels the corresponding panel. Renders an `<h3>` element.
+
+**Header Props:**
+
+| Prop           | Type                                                                                    | Default | Description                                                                                                                                                                              |
+| :------------- | :-------------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: Accordion.Item.State) => CSSProperties \| undefined)`        | -       | -                                                                                                                                                                                        |
+| className      | `string \| ((state: Accordion.Item.State) => string \| undefined)`                      | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Accordion.Item.State) => ReactElement)`     | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**Header Data Attributes:**
+
+| Attribute      | Type      | Description                                       |
+| :------------- | :-------- | :------------------------------------------------ |
+| data-open      | -         | Present when the accordion item is open.          |
+| data-disabled  | -         | Present when the accordion item is disabled.      |
+| data-index     | `number`  | Indicates the index of the accordion item.        |
+
+### Header.Props
+
+Re-export of [Header](#header) props.
+
+### Panel
+
+A collapsible panel with the accordion item contents. Renders a `<div>` element.
+
+**Panel Props:**
+
+| Prop                  | Type                                                                                    | Default   | Description                                                                                                                                                                                              |
+| :-------------------- | :-------------------------------------------------------------------------------------- | :-------- | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| hiddenUntilFound      | `boolean`                                                                               | `false`   | Allows the browser’s built-in page search to find and expand the panel contents.Overrides the `keepMounted` prop and uses `hidden="until-found"` to hide the element without removing it from the DOM.   |
+| style                 | `CSSProperties \| ((state: Accordion.Panel.State) => CSSProperties \| undefined)`       | -         | -                                                                                                                                                                                                        |
+| className             | `string \| ((state: Accordion.Panel.State) => string \| undefined)`                     | -         | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                                     |
+| keepMounted           | `boolean`                                                                               | `false`   | Whether to keep the element in the DOM while the panel is closed. This prop is ignored when `hiddenUntilFound` is used.                                                                                  |
+| render                | `ReactElement \| ((props: HTMLProps, state: Accordion.Panel.State) => ReactElement)`    | -         | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render.                 |
+
+**Panel Data Attributes:**
+
+| Attribute             | Type      | Description                                       |
+| :-------------------- | :-------- | :------------------------------------------------ |
+| data-open             | -         | Present when the accordion panel is open.         |
+| data-orientation      | -         | Indicates the orientation of the accordion.       |
+| data-disabled         | -         | Present when the accordion item is disabled.      |
+| data-index            | `number`  | Indicates the index of the accordion item.        |
+| data-starting-style   | -         | Present when the panel is animating in.           |
+| data-ending-style     | -         | Present when the panel is animating out.          |
+
+**Panel CSS Variables:**
+
+| Variable                       | Type      | Description                         |
+| :----------------------------- | :-------- | :---------------------------------- |
+| `--accordion-panel-height`     | `number`  | The accordion panel's height.       |
+| `--accordion-panel-width`      | `number`  | The accordion panel's width.        |
+
+### Panel.Props
+
+Re-export of [Panel](#panel) props.
+
+### Panel.State
+
+```typescript
+type AccordionPanelState = {
+  transitionStatus: TransitionStatus;
+  index: number;
+  open: boolean;
+  value: any[];
+  disabled: boolean;
+  orientation: Orientation;
+};
+```
+
+### Value
+
+```typescript
+type AccordionValue = any[];
+```
diff --git a/docs/src/app/(public)/(content)/react/components/accordion/types.ts b/docs/src/app/(public)/(content)/react/components/accordion/types.ts
new file mode 100644
index 00000000000..d2d423fc569
--- /dev/null
+++ b/docs/src/app/(public)/(content)/react/components/accordion/types.ts
@@ -0,0 +1,10 @@
+import { Accordion } from '@base-ui-components/react/accordion';
+import { createMultipleTypes } from 'docs/src/utils/createTypes';
+
+const types = createMultipleTypes(import.meta.url, Accordion);
+
+export const TypesAccordionHeader = types.Header;
+export const TypesAccordionItem = types.Item;
+export const TypesAccordionPanel = types.Panel;
+export const TypesAccordionRoot = types.Root;
+export const TypesAccordionTrigger = types.Trigger;
diff --git a/docs/src/app/(public)/(content)/react/components/alert-dialog/page.mdx b/docs/src/app/(public)/(content)/react/components/alert-dialog/page.mdx
index ee970560ff6..4b17b0a6c00 100644
--- a/docs/src/app/(public)/(content)/react/components/alert-dialog/page.mdx
+++ b/docs/src/app/(public)/(content)/react/components/alert-dialog/page.mdx
@@ -34,10 +34,53 @@ import { AlertDialog } from '@base-ui-components/react/alert-dialog';
 
 ## API reference
 
-<Reference
-  component="AlertDialog"
-  parts="Root, Trigger, Portal, Backdrop, Viewport, Popup, Title, Description, Close"
-/>
+import {
+  TypesAlertDialogRoot,
+  TypesAlertDialogTrigger,
+  TypesAlertDialogPortal,
+  TypesAlertDialogBackdrop,
+  TypesAlertDialogViewport,
+  TypesAlertDialogPopup,
+  TypesAlertDialogTitle,
+  TypesAlertDialogDescription,
+  TypesAlertDialogClose,
+} from './types';
+
+### Root
+
+<TypesAlertDialogRoot />
+
+### Trigger
+
+<TypesAlertDialogTrigger />
+
+### Portal
+
+<TypesAlertDialogPortal />
+
+### Backdrop
+
+<TypesAlertDialogBackdrop />
+
+### Viewport
+
+<TypesAlertDialogViewport />
+
+### Popup
+
+<TypesAlertDialogPopup />
+
+### Title
+
+<TypesAlertDialogTitle />
+
+### Description
+
+<TypesAlertDialogDescription />
+
+### Close
+
+<TypesAlertDialogClose />
 
 ## Examples
 
diff --git a/docs/src/app/(public)/(content)/react/components/alert-dialog/types.md b/docs/src/app/(public)/(content)/react/components/alert-dialog/types.md
new file mode 100644
index 00000000000..07c773c6b5e
--- /dev/null
+++ b/docs/src/app/(public)/(content)/react/components/alert-dialog/types.md
@@ -0,0 +1,373 @@
+# Alert Dialog
+
+[//]: types.ts '<-- Autogenerated By (do not edit the following markdown directly)'
+
+## API Reference
+
+### Root
+
+Groups all parts of the alert dialog. Doesn’t render its own HTML element.
+
+**Root Props:**
+
+| Prop                  | Type                                                                            | Default   | Description                                                                                                                                                                                                                                                      |
+| :-------------------- | :------------------------------------------------------------------------------ | :-------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| defaultOpen           | `boolean`                                                                       | `false`   | Whether the dialog is initially open.To render a controlled dialog, use the `open` prop instead.                                                                                                                                                                 |
+| open                  | `boolean`                                                                       | -         | Whether the dialog is currently open.                                                                                                                                                                                                                            |
+| onOpenChange          | `((open: boolean, eventDetails: AlertDialog.Root.ChangeEventDetails) => void)`  | -         | Event handler called when the dialog is opened or closed.                                                                                                                                                                                                        |
+| actionsRef            | `RefObject<AlertDialog.Root.Actions>`                                           | -         | A ref to imperative actions.`unmount`: When specified, the dialog will not be unmounted when closed. Instead, the `unmount` function must be called to unmount the dialog manually. Useful when the dialog's animation is controlled by an external library.     |
+| defaultTriggerId      | `string \| null`                                                                | -         | ID of the trigger that the dialog is associated with. This is useful in conjunction with the `defaultOpen` prop to create an initially open dialog.                                                                                                              |
+| handle                | `DialogHandle<Payload>`                                                         | -         | A handle to associate the popover with a trigger. If specified, allows external triggers to control the popover's open state. Can be created with the AlertDialog.createHandle() method.                                                                         |
+| onOpenChangeComplete  | `((open: boolean) => void)`                                                     | -         | Event handler called after any animations complete when the dialog is opened or closed.                                                                                                                                                                          |
+| triggerId             | `string \| null`                                                                | -         | ID of the trigger that the dialog is associated with. This is useful in conjuntion with the `open` prop to create a controlled dialog. There's no need to specify this prop when the popover is uncontrolled (i.e. when the `open` prop is not set).             |
+| children              | `ReactNode \| PayloadChildRenderFunction<Payload>`                              | -         | The content of the dialog. This can be a regular React node or a render function that receives the `payload` of the active trigger.                                                                                                                              |
+
+### Root.Props
+
+Re-export of [Root](#root) props.
+
+### Root.Actions
+
+```typescript
+type DialogRootActions = { unmount: () => void; close: () => void };
+```
+
+### Root.ChangeEventReason
+
+```typescript
+type AlertDialogRootChangeEventReason =
+  | 'none'
+  | 'trigger-press'
+  | 'outside-press'
+  | 'escape-key'
+  | 'close-press'
+  | 'focus-out'
+  | 'imperative-action';
+```
+
+### Root.ChangeEventDetails
+
+```typescript
+type AlertDialogRootChangeEventDetails =
+  | {
+      reason: 'none';
+      event: Event;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+      preventUnmountOnClose(): void;
+    }
+  | {
+      reason: 'trigger-press';
+      event: KeyboardEvent | MouseEvent | TouchEvent | PointerEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+      preventUnmountOnClose(): void;
+    }
+  | {
+      reason: 'outside-press';
+      event: MouseEvent | TouchEvent | PointerEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+      preventUnmountOnClose(): void;
+    }
+  | {
+      reason: 'escape-key';
+      event: KeyboardEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+      preventUnmountOnClose(): void;
+    }
+  | {
+      reason: 'close-press';
+      event: KeyboardEvent | MouseEvent | PointerEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+      preventUnmountOnClose(): void;
+    }
+  | {
+      reason: 'focus-out';
+      event: FocusEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+      preventUnmountOnClose(): void;
+    }
+  | {
+      reason: 'imperative-action';
+      event: Event;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+      preventUnmountOnClose(): void;
+    };
+```
+
+### Trigger
+
+A button that opens the alert dialog. Renders a `<button>` element.
+
+**Trigger Props:**
+
+| Prop           | Type                                                                                           | Default   | Description                                                                                                                                                                                            |
+| :------------- | :--------------------------------------------------------------------------------------------- | :-------- | :----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| handle         | `DialogHandle<Payload>`                                                                        | -         | A handle to associate the trigger with a dialog. Can be created with the AlertDialog.createHandle() method.                                                                                            |
+| nativeButton   | `boolean`                                                                                      | `true`    | Whether the component renders a native `<button>` element when replacing it via the `render` prop. Set to `false` if the rendered element is not a button (e.g. `<div>`).                              |
+| payload        | `Payload`                                                                                      | -         | A payload to pass to the dialog when it is opened.                                                                                                                                                     |
+| style          | `CSSProperties \| ((state: AlertDialog.Trigger.State) => CSSProperties \| undefined)`          | -         | -                                                                                                                                                                                                      |
+| id             | `string`                                                                                       | -         | ID of the trigger. In addition to being forwarded to the rendered element, it is also used to specify the active trigger for the dialogs in controlled mode (with the DialogRoot `triggerId` prop).    |
+| className      | `string \| ((state: AlertDialog.Trigger.State) => string \| undefined)`                        | -         | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                                   |
+| render         | `ReactElement \| ((props: HTMLProps, state: AlertDialog.Trigger.State) => ReactElement)`       | -         | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render.               |
+
+**Trigger Data Attributes:**
+
+| Attribute             | Type    | Description                                       |
+| :-------------------- | :------ | :------------------------------------------------ |
+| data-popup-open       | -       | Present when the corresponding dialog is open.    |
+| data-disabled         | -       | Present when the trigger is disabled.             |
+
+### Trigger.Props
+
+Re-export of [Trigger](#trigger) props.
+
+### Trigger.State
+
+```typescript
+type AlertDialogTriggerState = { disabled: boolean; open: boolean };
+```
+
+### Portal
+
+A portal element that moves the popup to a different part of the DOM. By default, the portal element is appended to `<body>`. Renders a `<div>` element.
+
+**Portal Props:**
+
+| Prop           | Type                                                                                     | Default   | Description                                                                                                                                                                              |
+| :------------- | :--------------------------------------------------------------------------------------- | :-------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: AlertDialog.Portal.State) => CSSProperties \| undefined)`     | -         | -                                                                                                                                                                                        |
+| container      | `HTMLElement \| ShadowRoot \| RefObject<HTMLElement \| ShadowRoot \| null> \| null`      | -         | A parent element to render the portal element into.                                                                                                                                      |
+| className      | `string \| ((state: AlertDialog.Portal.State) => string \| undefined)`                   | -         | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| keepMounted    | `boolean`                                                                                | `false`   | Whether to keep the portal mounted in the DOM while the popup is hidden.                                                                                                                 |
+| render         | `ReactElement \| ((props: HTMLProps, state: AlertDialog.Portal.State) => ReactElement)`  | -         | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+### Portal.Props
+
+Re-export of [Portal](#portal) props.
+
+### Backdrop
+
+An overlay displayed beneath the popup. Renders a `<div>` element.
+
+**Backdrop Props:**
+
+| Prop           | Type                                                                                           | Default   | Description                                                                                                                                                                              |
+| :------------- | :--------------------------------------------------------------------------------------------- | :-------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| forceRender    | `boolean`                                                                                      | `false`   | Whether the backdrop is forced to render even when nested.                                                                                                                               |
+| style          | `CSSProperties \| ((state: AlertDialog.Backdrop.State) => CSSProperties \| undefined)`         | -         | -                                                                                                                                                                                        |
+| className      | `string \| ((state: AlertDialog.Backdrop.State) => string \| undefined)`                       | -         | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: AlertDialog.Backdrop.State) => ReactElement)`      | -         | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**Backdrop Data Attributes:**
+
+| Attribute             | Type    | Description                                |
+| :-------------------- | :------ | :----------------------------------------- |
+| data-open             | -       | Present when the dialog is open.           |
+| data-closed           | -       | Present when the dialog is closed.         |
+| data-starting-style   | -       | Present when the dialog is animating in.   |
+| data-ending-style     | -       | Present when the dialog is animating out.  |
+
+### Backdrop.Props
+
+Re-export of [Backdrop](#backdrop) props.
+
+### Backdrop.State
+
+```typescript
+type AlertDialogBackdropState = {
+  open: boolean;
+  transitionStatus: TransitionStatus;
+};
+```
+
+### Popup
+
+A container for the alert dialog contents. Renders a `<div>` element.
+
+**Popup Props:**
+
+| Prop           | Type                                                                                                                     | Default | Description                                                                                                                                                                                                                                                                                                                                                                                                                    |
+| :------------- | :----------------------------------------------------------------------------------------------------------------------- | :------ | :----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: AlertDialog.Popup.State) => CSSProperties \| undefined)`                                      | -       | -                                                                                                                                                                                                                                                                                                                                                                                                                              |
+| initialFocus   | `boolean \| RefObject<HTMLElement \| null> \| ((openType: InteractionType) => boolean \| void \| HTMLElement \| null)`   | -       | Determines the element to focus when the dialog is opened.`false`: Do not move focus., `true`: Move focus based on the default behavior (first tabbable element or popup)., `RefObject`: Move focus to the ref element., `function`: Called with the interaction type (`mouse`, `touch`, `pen`, or `keyboard`). Return an element to focus, `true` to use the default behavior, or `false`/`undefined` to do nothing.          |
+| finalFocus     | `boolean \| RefObject<HTMLElement \| null> \| ((closeType: InteractionType) => boolean \| void \| HTMLElement \| null)`  | -       | Determines the element to focus when the dialog is closed.`false`: Do not move focus., `true`: Move focus based on the default behavior (trigger or previously focused element)., `RefObject`: Move focus to the ref element., `function`: Called with the interaction type (`mouse`, `touch`, `pen`, or `keyboard`). Return an element to focus, `true` to use the default behavior, or `false`/`undefined` to do nothing.    |
+| className      | `string \| ((state: AlertDialog.Popup.State) => string \| undefined)`                                                    | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                                                                                                                                                                                                                                                           |
+| render         | `ReactElement \| ((props: HTMLProps, state: AlertDialog.Popup.State) => ReactElement)`                                   | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render.                                                                                                                                                                                                                                       |
+
+**Popup Data Attributes:**
+
+| Attribute                    | Type    | Description                                                            |
+| :--------------------------- | :------ | :--------------------------------------------------------------------- |
+| data-open                    | -       | Present when the dialog is open.                                       |
+| data-closed                  | -       | Present when the dialog is closed.                                     |
+| data-nested                  | -       | Present when the dialog is nested within another dialog.               |
+| data-nested-dialog-open      | -       | Present when the dialog has other open dialogs nested within it.       |
+| data-starting-style          | -       | Present when the dialog is animating in.                               |
+| data-ending-style            | -       | Present when the dialog is animating out.                              |
+
+**Popup CSS Variables:**
+
+| Variable                | Type      | Description                                       |
+| :---------------------- | :-------- | :------------------------------------------------ |
+| `--nested-dialogs`      | `number`  | Indicates how many dialogs are nested within.     |
+
+### Popup.Props
+
+Re-export of [Popup](#popup) props.
+
+### Popup.State
+
+```typescript
+type AlertDialogPopupState = {
+  open: boolean;
+  transitionStatus: TransitionStatus;
+  nested: boolean;
+  nestedDialogOpen: boolean;
+};
+```
+
+### Title
+
+A heading that labels the dialog. Renders an `<h2>` element.
+
+**Title Props:**
+
+| Prop           | Type                                                                                     | Default | Description                                                                                                                                                                              |
+| :------------- | :--------------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: AlertDialog.Title.State) => CSSProperties \| undefined)`      | -       | -                                                                                                                                                                                        |
+| className      | `string \| ((state: AlertDialog.Title.State) => string \| undefined)`                    | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: AlertDialog.Title.State) => ReactElement)`   | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+### Title.Props
+
+Re-export of [Title](#title) props.
+
+### Title.State
+
+```typescript
+type AlertDialogTitleState = {};
+```
+
+### Description
+
+A paragraph with additional information about the alert dialog. Renders a `<p>` element.
+
+**Description Props:**
+
+| Prop           | Type                                                                                            | Default | Description                                                                                                                                                                              |
+| :------------- | :---------------------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: AlertDialog.Description.State) => CSSProperties \| undefined)`       | -       | -                                                                                                                                                                                        |
+| className      | `string \| ((state: AlertDialog.Description.State) => string \| undefined)`                     | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: AlertDialog.Description.State) => ReactElement)`    | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+### Description.Props
+
+Re-export of [Description](#description) props.
+
+### Description.State
+
+```typescript
+type AlertDialogDescriptionState = {};
+```
+
+### Close
+
+A button that closes the alert dialog. Renders a `<button>` element.
+
+**Close Props:**
+
+| Prop           | Type                                                                                     | Default   | Description                                                                                                                                                                              |
+| :------------- | :--------------------------------------------------------------------------------------- | :-------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| nativeButton   | `boolean`                                                                                | `true`    | Whether the component renders a native `<button>` element when replacing it via the `render` prop. Set to `false` if the rendered element is not a button (e.g. `<div>`).                |
+| style          | `CSSProperties \| ((state: AlertDialog.Close.State) => CSSProperties \| undefined)`      | -         | -                                                                                                                                                                                        |
+| className      | `string \| ((state: AlertDialog.Close.State) => string \| undefined)`                    | -         | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: AlertDialog.Close.State) => ReactElement)`   | -         | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**Close Data Attributes:**
+
+| Attribute      | Type    | Description                                |
+| :------------- | :------ | :----------------------------------------- |
+| data-disabled  | -       | Present when the button is disabled.       |
+
+### Close.Props
+
+Re-export of [Close](#close) props.
+
+### Close.State
+
+```typescript
+type AlertDialogCloseState = { disabled: boolean };
+```
+
+### Viewport
+
+A positioning container for the dialog popup that can be made scrollable. Renders a `<div>` element.
+
+**Viewport Props:**
+
+| Prop           | Type                                                                                           | Default | Description                                                                                                                                                                              |
+| :------------- | :--------------------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: AlertDialog.Viewport.State) => CSSProperties \| undefined)`         | -       | -                                                                                                                                                                                        |
+| className      | `string \| ((state: AlertDialog.Viewport.State) => string \| undefined)`                       | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: AlertDialog.Viewport.State) => ReactElement)`      | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**Viewport Data Attributes:**
+
+| Attribute                    | Type    | Description                                                            |
+| :--------------------------- | :------ | :--------------------------------------------------------------------- |
+| data-open                    | -       | Present when the dialog is open.                                       |
+| data-closed                  | -       | Present when the dialog is closed.                                     |
+| data-nested                  | -       | Present when the dialog is nested within another dialog.               |
+| data-nested-dialog-open      | -       | Present when the dialog has other open dialogs nested within it.       |
+| data-starting-style          | -       | Present when the dialog is animating in.                               |
+| data-ending-style            | -       | Present when the dialog is animating out.                              |
+
+### Viewport.Props
+
+Re-export of [Viewport](#viewport) props.
+
+### Viewport.State
+
+```typescript
+type AlertDialogViewportState = {
+  open: boolean;
+  transitionStatus: TransitionStatus;
+  nested: boolean;
+  nestedDialogOpen: boolean;
+};
+```
+
+### createHandle
+
+Creates a new handle to connect a Dialog.Root with detached Dialog.Trigger components.
+
+```typescript
+() => {};
+```
diff --git a/docs/src/app/(public)/(content)/react/components/alert-dialog/types.ts b/docs/src/app/(public)/(content)/react/components/alert-dialog/types.ts
new file mode 100644
index 00000000000..648bb11d5ea
--- /dev/null
+++ b/docs/src/app/(public)/(content)/react/components/alert-dialog/types.ts
@@ -0,0 +1,14 @@
+import { AlertDialog } from '@base-ui-components/react/alert-dialog';
+import { createMultipleTypes } from 'docs/src/utils/createTypes';
+
+const types = createMultipleTypes(import.meta.url, AlertDialog);
+
+export const TypesAlertDialogRoot = types.Root;
+export const TypesAlertDialogTrigger = types.Trigger;
+export const TypesAlertDialogPortal = types.Portal;
+export const TypesAlertDialogBackdrop = types.Backdrop;
+export const TypesAlertDialogViewport = types.Viewport;
+export const TypesAlertDialogPopup = types.Popup;
+export const TypesAlertDialogTitle = types.Title;
+export const TypesAlertDialogDescription = types.Description;
+export const TypesAlertDialogClose = types.Close;
diff --git a/docs/src/app/(public)/(content)/react/components/autocomplete/page.mdx b/docs/src/app/(public)/(content)/react/components/autocomplete/page.mdx
index 8c5b22571a5..2168730f337 100644
--- a/docs/src/app/(public)/(content)/react/components/autocomplete/page.mdx
+++ b/docs/src/app/(public)/(content)/react/components/autocomplete/page.mdx
@@ -59,12 +59,108 @@ import { Autocomplete } from '@base-ui-components/react/autocomplete';
 
 ## API reference
 
-<Reference component="Autocomplete" parts="Root, Value" />
-<Reference
-  component="Combobox"
-  as="Autocomplete"
-  parts="Input, Trigger, Icon, Clear, List, Portal, Backdrop, Positioner, Popup, Arrow, Status, Empty, Collection, Row, Item, Group, GroupLabel, Separator"
-/>
+import {
+  TypesAutocompleteRoot,
+  TypesAutocompleteValue,
+  TypesAutocompleteInput,
+  TypesAutocompleteTrigger,
+  TypesAutocompleteIcon,
+  TypesAutocompleteClear,
+  TypesAutocompleteList,
+  TypesAutocompletePortal,
+  TypesAutocompleteBackdrop,
+  TypesAutocompletePositioner,
+  TypesAutocompletePopup,
+  TypesAutocompleteArrow,
+  TypesAutocompleteStatus,
+  TypesAutocompleteEmpty,
+  TypesAutocompleteCollection,
+  TypesAutocompleteRow,
+  TypesAutocompleteItem,
+  TypesAutocompleteGroup,
+  TypesAutocompleteGroupLabel,
+  TypesAutocompleteSeparator,
+} from './types';
+
+### Root
+
+<TypesAutocompleteRoot />
+
+### Value
+
+<TypesAutocompleteValue />
+
+### Input
+
+<TypesAutocompleteInput />
+
+### Trigger
+
+<TypesAutocompleteTrigger />
+
+### Icon
+
+<TypesAutocompleteIcon />
+
+### Clear
+
+<TypesAutocompleteClear />
+
+### List
+
+<TypesAutocompleteList />
+
+### Portal
+
+<TypesAutocompletePortal />
+
+### Backdrop
+
+<TypesAutocompleteBackdrop />
+
+### Positioner
+
+<TypesAutocompletePositioner />
+
+### Popup
+
+<TypesAutocompletePopup />
+
+### Arrow
+
+<TypesAutocompleteArrow />
+
+### Status
+
+<TypesAutocompleteStatus />
+
+### Empty
+
+<TypesAutocompleteEmpty />
+
+### Collection
+
+<TypesAutocompleteCollection />
+
+### Row
+
+<TypesAutocompleteRow />
+
+### Item
+
+<TypesAutocompleteItem />
+
+### Group
+
+<TypesAutocompleteGroup />
+
+### GroupLabel
+
+<TypesAutocompleteGroupLabel />
+
+### Separator
+
+<TypesAutocompleteSeparator />
 
 ## useFilter
 
diff --git a/docs/src/app/(public)/(content)/react/components/autocomplete/types.md b/docs/src/app/(public)/(content)/react/components/autocomplete/types.md
new file mode 100644
index 00000000000..70fdf418e07
--- /dev/null
+++ b/docs/src/app/(public)/(content)/react/components/autocomplete/types.md
@@ -0,0 +1,729 @@
+# Autocomplete
+
+[//]: types.ts '<-- Autogenerated By (do not edit the following markdown directly)'
+
+## API Reference
+
+### Root
+
+Groups all parts of the autocomplete. Doesn't render its own HTML element.
+
+**Root Props:**
+
+| Prop                  | Type                                                                                                                                                                                                                    | Default   | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               |
+| :-------------------- | :---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | :-------- | :---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| name                  | `string`                                                                                                                                                                                                                | -         | Identifies the field when a form is submitted.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            |
+| defaultValue          | `string \| number \| string[]`                                                                                                                                                                                          | -         | The uncontrolled input value of the autocomplete when it's initially rendered.To render a controlled autocomplete, use the `value` prop instead.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          |
+| value                 | `string \| number \| string[]`                                                                                                                                                                                          | -         | The input value of the autocomplete. Use when controlled.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 |
+| onValueChange         | `((value: string, eventDetails: Autocomplete.Root.ChangeEventDetails) => void)`                                                                                                                                         | -         | Event handler called when the input value of the autocomplete changes.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    |
+| defaultOpen           | `boolean`                                                                                                                                                                                                               | `false`   | Whether the popup is initially open.To render a controlled popup, use the `open` prop instead.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            |
+| open                  | `boolean`                                                                                                                                                                                                               | -         | Whether the popup is currently open. Use when controlled.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 |
+| onOpenChange          | `((open: boolean, eventDetails: Autocomplete.Root.ChangeEventDetails) => void)`                                                                                                                                         | -         | Event handler called when the popup is opened or closed.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  |
+| actionsRef            | `RefObject<Autocomplete.Root.Actions>`                                                                                                                                                                                  | -         | A ref to imperative actions.`unmount`: When specified, the autocomplete will not be unmounted when closed. Instead, the `unmount` function must be called to unmount the autocomplete manually. Useful when the autocomplete's animation is controlled by an external library.                                                                                                                                                                                                                                                                                                                                                            |
+| autoHighlight         | `boolean \| 'always'`                                                                                                                                                                                                   | `false`   | Whether the first matching item is highlighted automatically.`true`: highlight after the user types and keep the highlight while the query changes., `'always'`: always highlight the first item.                                                                                                                                                                                                                                                                                                                                                                                                                                         |
+| filter                | `((itemValue: any, query: string, itemToString?: ((itemValue: any) => string)) => boolean) \| ((itemValue: ItemValue, query: string, itemToString?: ((itemValue: ItemValue) => string)) => boolean) \| null`            | -         | Filter function used to match items vs input query.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       |
+| filteredItems         | `any[] \| Group[]`                                                                                                                                                                                                      | -         | Filtered items to display in the list. When provided, the list will use these items instead of filtering the `items` prop internally. Use when you want to control filtering logic externally with the `useFilter()` hook.                                                                                                                                                                                                                                                                                                                                                                                                                |
+| grid                  | `boolean`                                                                                                                                                                                                               | `false`   | Whether list items are presented in a grid layout. When enabled, arrow keys navigate across rows and columns inferred from DOM rows.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      |
+| highlightItemOnHover  | `boolean`                                                                                                                                                                                                               | `true`    | Whether moving the pointer over items should highlight them.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
+| inline                | `boolean`                                                                                                                                                                                                               | `false`   | Whether the list is rendered inline without using the popup.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
+| itemToStringValue     | `((itemValue: any) => string) \| ((itemValue: ItemValue) => string)`                                                                                                                                                    | -         | When the item values are objects (`<Autocomplete.Item value={object}>`), this function converts the object value to a string representation for both display in the input and form submission. If the shape of the object is `{ value, label }`, the label will be used automatically without needing to specify this prop.                                                                                                                                                                                                                                                                                                               |
+| items                 | `({ items: any[] })[] \| ItemValue[]`                                                                                                                                                                                   | -         | The items to be displayed in the list. Can be either a flat array of items or an array of groups with items.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
+| keepHighlight         | `boolean`                                                                                                                                                                                                               | `false`   | Whether the highlighted item should be preserved when the pointer leaves the list.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        |
+| limit                 | `number`                                                                                                                                                                                                                | `-1`      | The maximum number of items to display in the list.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       |
+| locale                | `IntlLocalesArgument`                                                                                                                                                                                                   | -         | The locale to use for string comparison. Defaults to the user's runtime locale.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           |
+| modal                 | `boolean`                                                                                                                                                                                                               | `false`   | Determines if the popup enters a modal state when open.`true`: user interaction is limited to the popup: document page scroll is locked and pointer interactions on outside elements are disabled., `false`: user interaction with the rest of the document is allowed.                                                                                                                                                                                                                                                                                                                                                                   |
+| mode                  | `'inline' \| 'none' \| 'list' \| 'both'`                                                                                                                                                                                | `'list'`  | Controls how the autocomplete behaves with respect to list filtering and inline autocompletion.`list` (default): items are dynamically filtered based on the input value. The input value does not change based on the active item., `both`: items are dynamically filtered based on the input value, which will temporarily change based on the active item (inline autocompletion)., `inline`: items are static (not filtered), and the input value will temporarily change based on the active item (inline autocompletion)., `none`: items are static (not filtered), and the input value will not change based on the active item.   |
+| onInputValueChange    | `((inputValue: string, eventDetails: Autocomplete.Root.ChangeEventDetails) => void)`                                                                                                                                    | -         | Event handler called when the input value changes.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        |
+| onItemHighlighted     | `((highlightedValue: any \| undefined, eventDetails: Autocomplete.Root.HighlightEventDetails) => void) \| ((highlightedValue: ItemValue \| undefined, eventDetails: Autocomplete.Root.HighlightEventDetails) => void)`  | -         | Callback fired when an item is highlighted or unhighlighted. Receives the highlighted item value (or `undefined` if no item is highlighted) and event details with a `reason` property describing why the highlight changed. The `reason` can be:`'keyboard'`: the highlight changed due to keyboard navigation., `'pointer'`: the highlight changed due to pointer hovering., `'none'`: the highlight changed programmatically.                                                                                                                                                                                                          |
+| onOpenChangeComplete  | `((open: boolean) => void)`                                                                                                                                                                                             | -         | Event handler called after any animations complete when the popup is opened or closed.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    |
+| openOnInputClick      | `boolean`                                                                                                                                                                                                               | `true`    | Whether the popup opens when clicking the input.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          |
+| submitOnItemClick     | `boolean`                                                                                                                                                                                                               | `false`   | Whether clicking an item should submit the autocomplete's owning form. By default, clicking an item via a pointer or Enter key does not submit the owning form. Useful when the autocomplete is used as a single-field form search input.                                                                                                                                                                                                                                                                                                                                                                                                 |
+| virtualized           | `boolean`                                                                                                                                                                                                               | `false`   | Whether the items are being externally virtualized.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       |
+| disabled              | `boolean`                                                                                                                                                                                                               | `false`   | Whether the component should ignore user interaction.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     |
+| readOnly              | `boolean`                                                                                                                                                                                                               | `false`   | Whether the user should be unable to choose a different option from the popup.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            |
+| required              | `boolean`                                                                                                                                                                                                               | `false`   | Whether the user must choose a value before submitting a form.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            |
+| inputRef              | `Ref<HTMLInputElement>`                                                                                                                                                                                                 | -         | A ref to the hidden input element.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        |
+| id                    | `string`                                                                                                                                                                                                                | -         | The id of the component.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  |
+| children              | `ReactNode`                                                                                                                                                                                                             | -         | -                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         |
+
+### Root.Props
+
+Re-export of [Root](#root) props.
+
+### Root.Actions
+
+```typescript
+type AutocompleteRootActions = { unmount: () => void };
+```
+
+### Trigger
+
+A button that opens the popup. Renders a `<button>` element.
+
+**Trigger Props:**
+
+| Prop           | Type                                                                                           | Default   | Description                                                                                                                                                                              |
+| :------------- | :--------------------------------------------------------------------------------------------- | :-------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| nativeButton   | `boolean`                                                                                      | `true`    | Whether the component renders a native `<button>` element when replacing it via the `render` prop. Set to `false` if the rendered element is not a button (e.g. `<div>`).                |
+| style          | `CSSProperties \| ((state: Autocomplete.Trigger.State) => CSSProperties \| undefined)`         | -         | -                                                                                                                                                                                        |
+| disabled       | `boolean`                                                                                      | `false`   | Whether the component should ignore user interaction.                                                                                                                                    |
+| className      | `string \| ((state: Autocomplete.Trigger.State) => string \| undefined)`                       | -         | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Autocomplete.Trigger.State) => ReactElement)`      | -         | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**Trigger Data Attributes:**
+
+| Attribute             | Type    | Description                                                                   |
+| :-------------------- | :------ | :---------------------------------------------------------------------------- |
+| data-popup-open       | -       | Present when the corresponding popup is open.                                 |
+| data-pressed          | -       | Present when the trigger is pressed.                                          |
+| data-disabled         | -       | Present when the component is disabled.                                       |
+| data-readonly         | -       | Present when the component is readonly.                                       |
+| data-required         | -       | Present when the component is required.                                       |
+| data-valid            | -       | Present when the component is in valid state (when wrapped in Field.Root).    |
+| data-invalid          | -       | Present when the component is in invalid state (when wrapped in Field.Root).  |
+| data-dirty            | -       | Present when the component's value has changed (when wrapped in Field.Root).  |
+| data-touched          | -       | Present when the component has been touched (when wrapped in Field.Root).     |
+| data-filled           | -       | Present when the component has a value (when wrapped in Field.Root).          |
+| data-focused          | -       | Present when the trigger is focused (when wrapped in Field.Root).             |
+
+### Trigger.Props
+
+Re-export of [Trigger](#trigger) props.
+
+### Trigger.State
+
+```typescript
+type ComboboxTriggerState = {
+  open: boolean;
+  disabled: boolean;
+  touched: boolean;
+  dirty: boolean;
+  valid: boolean | null;
+  filled: boolean;
+  focused: boolean;
+};
+```
+
+### Value
+
+The current value of the autocomplete. Doesn't render its own HTML element.
+
+**Value Props:**
+
+| Prop           | Type                                          | Default | Description |
+| :------------- | :-------------------------------------------- | :------ | :---------- |
+| children       | `ReactNode \| ((value: string) => ReactNode)` | -       | -           |
+
+### Value.Props
+
+Re-export of [Value](#value) props.
+
+### Value.State
+
+```typescript
+type AutocompleteValueState = {};
+```
+
+### Input
+
+A text input to search for items in the list. Renders an `<input>` element.
+
+**Input Props:**
+
+| Prop           | Type                                                                                     | Default   | Description                                                                                                                                                                              |
+| :------------- | :--------------------------------------------------------------------------------------- | :-------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: Autocomplete.Input.State) => CSSProperties \| undefined)`     | -         | -                                                                                                                                                                                        |
+| disabled       | `boolean`                                                                                | `false`   | Whether the component should ignore user interaction.                                                                                                                                    |
+| className      | `string \| ((state: Autocomplete.Input.State) => string \| undefined)`                   | -         | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Autocomplete.Input.State) => ReactElement)`  | -         | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**Input Data Attributes:**
+
+| Attribute             | Type                                                                                  | Description                                                                          |
+| :-------------------- | :------------------------------------------------------------------------------------ | :----------------------------------------------------------------------------------- |
+| data-popup-open       | -                                                                                     | Present when the corresponding popup is open.                                        |
+| data-pressed          | -                                                                                     | Present when the input is pressed.                                                   |
+| data-disabled         | -                                                                                     | Present when the component is disabled.                                              |
+| data-readonly         | -                                                                                     | Present when the component is readonly.                                              |
+| data-required         | -                                                                                     | Present when the component is required.                                              |
+| data-valid            | -                                                                                     | Present when the component is in valid state (when wrapped in Field.Root).           |
+| data-invalid          | -                                                                                     | Present when the component is in invalid state (when wrapped in Field.Root).         |
+| data-dirty            | -                                                                                     | Present when the component's value has changed (when wrapped in Field.Root).         |
+| data-touched          | -                                                                                     | Present when the component has been touched (when wrapped in Field.Root).            |
+| data-filled           | -                                                                                     | Present when the component has a value (when wrapped in Field.Root).                 |
+| data-focused          | -                                                                                     | Present when the input is focused (when wrapped in Field.Root).                      |
+| data-list-empty       | -                                                                                     | Present when the corresponding items list is empty.                                  |
+| data-popup-side       | `'top' \| 'bottom' \| 'left' \| 'right' \| 'inline-end' \| 'inline-start' \| null`    | Indicates which side the corresponding popup is positioned relative to its anchor.   |
+
+### Input.Props
+
+Re-export of [Input](#input) props.
+
+### Input.State
+
+```typescript
+type ComboboxInputState = {
+  open: boolean;
+  popupSide: Side | null;
+  listEmpty: boolean;
+  readOnly: boolean;
+  disabled: boolean;
+  touched: boolean;
+  dirty: boolean;
+  valid: boolean | null;
+  filled: boolean;
+  focused: boolean;
+};
+```
+
+### Icon
+
+An icon that indicates that the trigger button opens the popup. Renders a `<span>` element.
+
+**Icon Props:**
+
+| Prop           | Type                                                                                     | Default | Description                                                                                                                                                                              |
+| :------------- | :--------------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: Autocomplete.Icon.State) => CSSProperties \| undefined)`      | -       | -                                                                                                                                                                                        |
+| className      | `string \| ((state: Autocomplete.Icon.State) => string \| undefined)`                    | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Autocomplete.Icon.State) => ReactElement)`   | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+### Icon.Props
+
+Re-export of [Icon](#icon) props.
+
+### Icon.State
+
+```typescript
+type ComboboxIconState = {};
+```
+
+### Clear
+
+Clears the value when clicked. Renders a `<button>` element.
+
+**Clear Props:**
+
+| Prop           | Type                                                                                     | Default   | Description                                                                                                                                                                              |
+| :------------- | :--------------------------------------------------------------------------------------- | :-------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| nativeButton   | `boolean`                                                                                | `true`    | Whether the component renders a native `<button>` element when replacing it via the `render` prop. Set to `false` if the rendered element is not a button (e.g. `<div>`).                |
+| style          | `CSSProperties \| ((state: Autocomplete.Clear.State) => CSSProperties \| undefined)`     | -         | -                                                                                                                                                                                        |
+| disabled       | `boolean`                                                                                | `false`   | Whether the component should ignore user interaction.                                                                                                                                    |
+| className      | `string \| ((state: Autocomplete.Clear.State) => string \| undefined)`                   | -         | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| keepMounted    | `boolean`                                                                                | `false`   | Whether the component should remain mounted in the DOM when not visible.                                                                                                                 |
+| render         | `ReactElement \| ((props: HTMLProps, state: Autocomplete.Clear.State) => ReactElement)`  | -         | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+### Clear.Props
+
+Re-export of [Clear](#clear) props.
+
+### Clear.State
+
+```typescript
+type ComboboxClearState = {
+  open: boolean;
+  disabled: boolean;
+  transitionStatus: TransitionStatus;
+};
+```
+
+### List
+
+A list container for the items. Renders a `<div>` element.
+
+**List Props:**
+
+| Prop           | Type                                                                                     | Default | Description                                                                                                                                                                              |
+| :------------- | :--------------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: Autocomplete.List.State) => CSSProperties \| undefined)`      | -       | -                                                                                                                                                                                        |
+| children       | `ReactNode \| ((item: any, index: number) => ReactNode)`                                 | -       | -                                                                                                                                                                                        |
+| className      | `string \| ((state: Autocomplete.List.State) => string \| undefined)`                    | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Autocomplete.List.State) => ReactElement)`   | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+### List.Props
+
+Re-export of [List](#list) props.
+
+### List.State
+
+```typescript
+type ComboboxListState = { empty: boolean };
+```
+
+### Portal
+
+A portal element that moves the popup to a different part of the DOM. By default, the portal element is appended to `<body>`. Renders a `<div>` element.
+
+**Portal Props:**
+
+| Prop           | Type                                                                                           | Default   | Description                                                                                                                                                                              |
+| :------------- | :--------------------------------------------------------------------------------------------- | :-------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: Autocomplete.Portal.State) => CSSProperties \| undefined)`          | -         | -                                                                                                                                                                                        |
+| container      | `HTMLElement \| ShadowRoot \| RefObject<HTMLElement \| ShadowRoot \| null> \| null`            | -         | A parent element to render the portal element into.                                                                                                                                      |
+| className      | `string \| ((state: Autocomplete.Portal.State) => string \| undefined)`                        | -         | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| keepMounted    | `boolean`                                                                                      | `false`   | Whether to keep the portal mounted in the DOM while the popup is hidden.                                                                                                                 |
+| render         | `ReactElement \| ((props: HTMLProps, state: Autocomplete.Portal.State) => ReactElement)`       | -         | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+### Portal.Props
+
+Re-export of [Portal](#portal) props.
+
+### Backdrop
+
+An overlay displayed beneath the popup. Renders a `<div>` element.
+
+**Backdrop Props:**
+
+| Prop           | Type                                                                                           | Default | Description                                                                                                                                                                              |
+| :------------- | :--------------------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: Autocomplete.Backdrop.State) => CSSProperties \| undefined)`        | -       | -                                                                                                                                                                                        |
+| className      | `string \| ((state: Autocomplete.Backdrop.State) => string \| undefined)`                      | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Autocomplete.Backdrop.State) => ReactElement)`     | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**Backdrop Data Attributes:**
+
+| Attribute             | Type    | Description                                |
+| :-------------------- | :------ | :----------------------------------------- |
+| data-open             | -       | Present when the popup is open.            |
+| data-closed           | -       | Present when the popup is closed.          |
+| data-starting-style   | -       | Present when the popup is animating in.    |
+| data-ending-style     | -       | Present when the popup is animating out.   |
+
+### Backdrop.Props
+
+Re-export of [Backdrop](#backdrop) props.
+
+### Backdrop.State
+
+```typescript
+type ComboboxBackdropState = { open: boolean; transitionStatus: TransitionStatus };
+```
+
+### Positioner
+
+Positions the popup against the trigger. Renders a `<div>` element.
+
+**Positioner Props:**
+
+| Prop                  | Type                                                                                                               | Default                 | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         |
+| :-------------------- | :----------------------------------------------------------------------------------------------------------------- | :---------------------- | :-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| collisionAvoidance    | `CollisionAvoidance`                                                                                               | -                       | Determines how to handle collisions when positioning the popup.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     |
+| style                 | `CSSProperties \| ((state: Autocomplete.Positioner.State) => CSSProperties \| undefined)`                          | -                       | -                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   |
+| align                 | `Align`                                                                                                            | `'center'`              | How to align the popup relative to the specified side.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
+| alignOffset           | `number \| OffsetFunction`                                                                                         | `0`                     | Additional offset along the alignment axis in pixels. Also accepts a function that returns the offset to read the dimensions of the anchor and positioner elements, along with its side and alignment.The function takes a `data` object parameter with the following properties:`data.anchor`: the dimensions of the anchor element with properties `width` and `height`., `data.positioner`: the dimensions of the positioner element with properties `width` and `height`., `data.side`: which side of the anchor element the positioner is aligned against., `data.align`: how the positioner is aligned relative to the specified side.        |
+| side                  | `Side`                                                                                                             | `'bottom'`              | Which side of the anchor element to align the popup against. May automatically change to avoid collisions.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          |
+| sideOffset            | `number \| OffsetFunction`                                                                                         | `0`                     | Distance between the anchor and the popup in pixels. Also accepts a function that returns the distance to read the dimensions of the anchor and positioner elements, along with its side and alignment.The function takes a `data` object parameter with the following properties:`data.anchor`: the dimensions of the anchor element with properties `width` and `height`., `data.positioner`: the dimensions of the positioner element with properties `width` and `height`., `data.side`: which side of the anchor element the positioner is aligned against., `data.align`: how the positioner is aligned relative to the specified side.       |
+| arrowPadding          | `number`                                                                                                           | `5`                     | Minimum distance to maintain between the arrow and the edges of the popup.Use it to prevent the arrow element from hanging out of the rounded corners of a popup.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   |
+| anchor                | `Element \| VirtualElement \| RefObject<Element \| null> \| (() => Element \| VirtualElement \| null) \| null`     | -                       | An element to position the popup against. By default, the popup will be positioned against the trigger.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             |
+| collisionBoundary     | `Boundary`                                                                                                         | `'clipping-ancestors'`  | An element or a rectangle that delimits the area that the popup is confined to.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     |
+| collisionPadding      | `Padding`                                                                                                          | `5`                     | Additional space to maintain from the edge of the collision boundary.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               |
+| sticky                | `boolean`                                                                                                          | `false`                 | Whether to maintain the popup in the viewport after the anchor element was scrolled out of view.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    |
+| positionMethod        | `'fixed' \| 'absolute'`                                                                                            | `'absolute'`            | Determines which CSS `position` property to use.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    |
+| trackAnchor           | `boolean`                                                                                                          | `true`                  | Whether the popup tracks any layout shift of its positioning anchor.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                |
+| className             | `string \| ((state: Autocomplete.Positioner.State) => string \| undefined)`                                        | -                       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                |
+| render                | `ReactElement \| ((props: HTMLProps, state: Autocomplete.Positioner.State) => ReactElement)`                       | -                       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render.                                                                                                                                                                                                                                                                                                                                                                                                                                                            |
+
+**Positioner Data Attributes:**
+
+| Attribute             | Type                                                                          | Description                                                            |
+| :-------------------- | :---------------------------------------------------------------------------- | :--------------------------------------------------------------------- |
+| data-open             | -                                                                             | Present when the popup is open.                                        |
+| data-closed           | -                                                                             | Present when the popup is closed.                                      |
+| data-anchor-hidden    | -                                                                             | Present when the anchor is hidden.                                     |
+| data-align            | `'start' \| 'center' \| 'end'`                                                | Indicates how the popup is aligned relative to specified side.         |
+| data-empty            | -                                                                             | Present when the items list is empty.                                  |
+| data-side             | `'top' \| 'bottom' \| 'left' \| 'right' \| 'inline-end' \| 'inline-start'`    | Indicates which side the popup is positioned relative to the trigger.  |
+
+**Positioner CSS Variables:**
+
+| Variable                | Type      | Description                                                                                 |
+| :---------------------- | :-------- | :------------------------------------------------------------------------------------------ |
+| `--anchor-height`       | `number`  | The anchor's height.                                                                        |
+| `--anchor-width`        | `number`  | The anchor's width.                                                                         |
+| `--available-height`    | `number`  | The available height between the trigger and the edge of the viewport.                      |
+| `--available-width`     | `number`  | The available width between the trigger and the edge of the viewport.                       |
+| `--transform-origin`    | `string`  | The coordinates that this element is anchored to. Used for animations and transitions.      |
+
+### Positioner.Props
+
+Re-export of [Positioner](#positioner) props.
+
+### Positioner.State
+
+```typescript
+type ComboboxPositionerState = {
+  open: boolean;
+  side: Side;
+  align: Align;
+  anchorHidden: boolean;
+  empty: boolean;
+};
+```
+
+### Popup
+
+A container for the list. Renders a `<div>` element.
+
+**Popup Props:**
+
+| Prop           | Type                                                                                                                     | Default | Description                                                                                                                                                                                                                                                                                                                                                                                                                    |
+| :------------- | :----------------------------------------------------------------------------------------------------------------------- | :------ | :----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: Autocomplete.Popup.State) => CSSProperties \| undefined)`                                     | -       | -                                                                                                                                                                                                                                                                                                                                                                                                                              |
+| initialFocus   | `boolean \| RefObject<HTMLElement \| null> \| ((openType: InteractionType) => boolean \| void \| HTMLElement \| null)`   | -       | Determines the element to focus when the popup is opened.`false`: Do not move focus., `true`: Move focus based on the default behavior (first tabbable element or popup)., `RefObject`: Move focus to the ref element., `function`: Called with the interaction type (`mouse`, `touch`, `pen`, or `keyboard`). Return an element to focus, `true` to use the default behavior, or `false`/`undefined` to do nothing.           |
+| finalFocus     | `boolean \| RefObject<HTMLElement \| null> \| ((closeType: InteractionType) => boolean \| void \| HTMLElement \| null)`  | -       | Determines the element to focus when the popup is closed.`false`: Do not move focus., `true`: Move focus based on the default behavior (trigger or previously focused element)., `RefObject`: Move focus to the ref element., `function`: Called with the interaction type (`mouse`, `touch`, `pen`, or `keyboard`). Return an element to focus, `true` to use the default behavior, or `false`/`undefined` to do nothing.     |
+| className      | `string \| ((state: Autocomplete.Popup.State) => string \| undefined)`                                                   | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                                                                                                                                                                                                                                                           |
+| render         | `ReactElement \| ((props: HTMLProps, state: Autocomplete.Popup.State) => ReactElement)`                                  | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render.                                                                                                                                                                                                                                       |
+
+**Popup Data Attributes:**
+
+| Attribute             | Type                                                                          | Description                                                            |
+| :-------------------- | :---------------------------------------------------------------------------- | :--------------------------------------------------------------------- |
+| data-open             | -                                                                             | Present when the popup is open.                                        |
+| data-closed           | -                                                                             | Present when the popup is closed.                                      |
+| data-align            | `'start' \| 'center' \| 'end'`                                                | Indicates how the popup is aligned relative to specified side.         |
+| data-empty            | -                                                                             | Present when the items list is empty.                                  |
+| data-instant          | `'click' \| 'dismiss'`                                                        | Present if animations should be instant.                               |
+| data-side             | `'top' \| 'bottom' \| 'left' \| 'right' \| 'inline-end' \| 'inline-start'`    | Indicates which side the popup is positioned relative to the trigger.  |
+| data-starting-style   | -                                                                             | Present when the popup is animating in.                                |
+| data-ending-style     | -                                                                             | Present when the popup is animating out.                               |
+
+### Popup.Props
+
+Re-export of [Popup](#popup) props.
+
+### Popup.State
+
+```typescript
+type ComboboxPopupState = {
+  open: boolean;
+  side: Side;
+  align: Align;
+  anchorHidden: boolean;
+  transitionStatus: TransitionStatus;
+  empty: boolean;
+};
+```
+
+### Arrow
+
+Displays an element positioned against the anchor. Renders a `<div>` element.
+
+**Arrow Props:**
+
+| Prop           | Type                                                                                     | Default | Description                                                                                                                                                                              |
+| :------------- | :--------------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: Autocomplete.Arrow.State) => CSSProperties \| undefined)`     | -       | -                                                                                                                                                                                        |
+| className      | `string \| ((state: Autocomplete.Arrow.State) => string \| undefined)`                   | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Autocomplete.Arrow.State) => ReactElement)`  | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**Arrow Data Attributes:**
+
+| Attribute             | Type                                                                          | Description                                                            |
+| :-------------------- | :---------------------------------------------------------------------------- | :--------------------------------------------------------------------- |
+| data-open             | -                                                                             | Present when the popup is open.                                        |
+| data-closed           | -                                                                             | Present when the popup is closed.                                      |
+| data-uncentered       | -                                                                             | Present when the arrow is uncentered.                                  |
+| data-anchor-hidden    | -                                                                             | Present when the anchor is hidden.                                     |
+| data-align            | `'start' \| 'center' \| 'end'`                                                | Indicates how the popup is aligned relative to specified side.         |
+| data-side             | `'top' \| 'bottom' \| 'left' \| 'right' \| 'inline-end' \| 'inline-start'`    | Indicates which side the popup is positioned relative to the trigger.  |
+
+### Arrow\.Props
+
+Re-export of [Arrow](#arrow) props.
+
+### Arrow\.State
+
+```typescript
+type ComboboxArrowState = {
+  open: boolean;
+  side: Side;
+  align: Align;
+  uncentered: boolean;
+};
+```
+
+### Item
+
+An individual item in the list. Renders a `<div>` element.
+
+**Item Props:**
+
+| Prop           | Type                                                                                     | Default   | Description                                                                                                                                                                                                                            |
+| :------------- | :--------------------------------------------------------------------------------------- | :-------- | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| value          | `any`                                                                                    | `null`    | A unique value that identifies this item.                                                                                                                                                                                              |
+| onClick        | `MouseEventHandler<HTMLElement>`                                                         | -         | An optional click handler for the item when selected. It fires when clicking the item with the pointer, as well as when pressing `Enter` with the keyboard if the item is highlighted when the `Input` or `List` element has focus.    |
+| index          | `number`                                                                                 | -         | The index of the item in the list. Improves performance when specified by avoiding the need to calculate the index automatically from the DOM.                                                                                         |
+| nativeButton   | `boolean`                                                                                | `false`   | Whether the component renders a native `<button>` element when replacing it via the `render` prop. Set to `true` if the rendered element is a native button.                                                                           |
+| style          | `CSSProperties \| ((state: Autocomplete.Item.State) => CSSProperties \| undefined)`      | -         | -                                                                                                                                                                                                                                      |
+| disabled       | `boolean`                                                                                | `false`   | Whether the component should ignore user interaction.                                                                                                                                                                                  |
+| children       | `ReactNode`                                                                              | -         | -                                                                                                                                                                                                                                      |
+| className      | `string \| ((state: Autocomplete.Item.State) => string \| undefined)`                    | -         | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                                                                   |
+| render         | `ReactElement \| ((props: HTMLProps, state: Autocomplete.Item.State) => ReactElement)`   | -         | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render.                                               |
+
+**Item Data Attributes:**
+
+| Attribute             | Type    | Description                                |
+| :-------------------- | :------ | :----------------------------------------- |
+| data-selected         | -       | Present when the item is selected.         |
+| data-highlighted      | -       | Present when the item is highlighted.      |
+| data-disabled         | -       | Present when the item is disabled.         |
+
+### Item.Props
+
+Re-export of [Item](#item) props.
+
+### Item.State
+
+```typescript
+type ComboboxItemState = {
+  disabled: boolean;
+  selected: boolean;
+  highlighted: boolean;
+};
+```
+
+### Group
+
+Groups related items with the corresponding label. Renders a `<div>` element.
+
+**Group Props:**
+
+| Prop           | Type                                                                                     | Default | Description                                                                                                                                                                              |
+| :------------- | :--------------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| items          | `any[]`                                                                                  | -       | Items to be rendered within this group. When provided, child `Collection` components will use these items.                                                                               |
+| style          | `CSSProperties \| ((state: Autocomplete.Group.State) => CSSProperties \| undefined)`     | -       | -                                                                                                                                                                                        |
+| className      | `string \| ((state: Autocomplete.Group.State) => string \| undefined)`                   | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Autocomplete.Group.State) => ReactElement)`  | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+### Group.Props
+
+Re-export of [Group](#group) props.
+
+### Group.State
+
+```typescript
+type ComboboxGroupState = {};
+```
+
+### GroupLabel
+
+An accessible label that is automatically associated with its parent group. Renders a `<div>` element.
+
+**GroupLabel Props:**
+
+| Prop           | Type                                                                                            | Default | Description                                                                                                                                                                              |
+| :------------- | :---------------------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: Autocomplete.GroupLabel.State) => CSSProperties \| undefined)`       | -       | -                                                                                                                                                                                        |
+| className      | `string \| ((state: Autocomplete.GroupLabel.State) => string \| undefined)`                     | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Autocomplete.GroupLabel.State) => ReactElement)`    | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+### GroupLabel.Props
+
+Re-export of [GroupLabel](#grouplabel) props.
+
+### GroupLabel.State
+
+```typescript
+type ComboboxGroupLabelState = {};
+```
+
+### Separator
+
+A separator element accessible to screen readers. Renders a `<div>` element.
+
+**Separator Props:**
+
+| Prop           | Type                                                                                           | Default          | Description                                                                                                                                                                              |
+| :------------- | :--------------------------------------------------------------------------------------------- | :--------------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: Autocomplete.Separator.State) => CSSProperties \| undefined)`       | -                | -                                                                                                                                                                                        |
+| orientation    | `Autocomplete.Separator.Orientation`                                                           | `'horizontal'`   | The orientation of the separator.                                                                                                                                                        |
+| className      | `string \| ((state: Autocomplete.Separator.State) => string \| undefined)`                     | -                | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Autocomplete.Separator.State) => ReactElement)`    | -                | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+### Separator.Props
+
+Re-export of [Separator](#separator) props.
+
+### Separator.State
+
+```typescript
+type SeparatorState = { orientation: Autocomplete.Separator.Orientation };
+```
+
+### Separator.Orientation
+
+```typescript
+type AutocompleteSeparatorOrientation = 'horizontal' | 'vertical';
+```
+
+### Status
+
+Displays a status message whose content changes are announced politely to screen readers. Useful for conveying the status of an asynchronously loaded list. Renders a `<div>` element.
+
+**Status Props:**
+
+| Prop           | Type                                                                                           | Default | Description                                                                                                                                                                              |
+| :------------- | :--------------------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: Autocomplete.Status.State) => CSSProperties \| undefined)`          | -       | -                                                                                                                                                                                        |
+| className      | `string \| ((state: Autocomplete.Status.State) => string \| undefined)`                        | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Autocomplete.Status.State) => ReactElement)`       | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+### Status.Props
+
+Re-export of [Status](#status) props.
+
+### Status.State
+
+```typescript
+type ComboboxStatusState = {};
+```
+
+### Empty
+
+Renders its children only when the list is empty. Requires the `items` prop on the root component. Announces changes politely to screen readers. Renders a `<div>` element.
+
+**Empty Props:**
+
+| Prop           | Type                                                                                     | Default | Description                                                                                                                                                                              |
+| :------------- | :--------------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: Autocomplete.Empty.State) => CSSProperties \| undefined)`     | -       | -                                                                                                                                                                                        |
+| className      | `string \| ((state: Autocomplete.Empty.State) => string \| undefined)`                   | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Autocomplete.Empty.State) => ReactElement)`  | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+### Empty.Props
+
+Re-export of [Empty](#empty) props.
+
+### Empty.State
+
+```typescript
+type ComboboxEmptyState = {};
+```
+
+### Collection
+
+Renders filtered list items. Doesn't render its own HTML element.
+
+If rendering a flat list, pass a function child to the `List` component instead, which implicitly wraps it.
+
+**Collection Props:**
+
+| Prop           | Type                                         | Default | Description |
+| :------------- | :------------------------------------------- | :------ | :---------- |
+| children       | `((item: any, index: number) => ReactNode)`  | -       | -           |
+
+### Collection.Props
+
+Re-export of [Collection](#collection) props.
+
+### Row
+
+Displays a single row of items in a grid list. Enable `grid` on the root component to turn the listbox into a grid. Renders a `<div>` element.
+
+**Row Props:**
+
+| Prop           | Type                                                                                     | Default | Description                                                                                                                                                                              |
+| :------------- | :--------------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: Autocomplete.Row.State) => CSSProperties \| undefined)`       | -       | -                                                                                                                                                                                        |
+| className      | `string \| ((state: Autocomplete.Row.State) => string \| undefined)`                     | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Autocomplete.Row.State) => ReactElement)`    | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+### Row\.Props
+
+Re-export of [Row](#row) props.
+
+### Row\.State
+
+```typescript
+type ComboboxRowState = {};
+```
+
+### Filter
+
+```typescript
+type Filter = {
+  contains: (
+    item: Item,
+    query: string,
+    itemToString?: (item: Item) => string,
+  ) => boolean;
+  startsWith: (
+    item: Item,
+    query: string,
+    itemToString?: (item: Item) => string,
+  ) => boolean;
+  endsWith: (
+    item: Item,
+    query: string,
+    itemToString?: (item: Item) => string,
+  ) => boolean;
+};
+```
+
+### useComboboxFilter
+
+Matches items against a query using `Intl.Collator` for robust string matching.
+
+```typescript
+(options?: {
+  multiple?: boolean;
+  value?: any;
+  locale?: IntlLocalesArgument;
+}) => {
+  contains: (
+    item: Item,
+    query: string,
+    itemToString?: (item: Item) => string,
+  ) => boolean;
+  startsWith: (
+    item: Item,
+    query: string,
+    itemToString?: (item: Item) => string,
+  ) => boolean;
+  endsWith: (
+    item: Item,
+    query: string,
+    itemToString?: (item: Item) => string,
+  ) => boolean;
+};
+```
+
+### UseComboboxFilterOptions
+
+```typescript
+type UseComboboxFilterOptions = {
+  multiple?: boolean;
+  value?: any;
+  locale?: IntlLocalesArgument;
+};
+```
+
+### useFilter
+
+Matches items against a query using `Intl.Collator` for robust string matching.
+
+```typescript
+(options?: { locale?: IntlLocalesArgument }) => {
+  contains: (
+    item: Item,
+    query: string,
+    itemToString?: (item: Item) => string,
+  ) => boolean;
+  startsWith: (
+    item: Item,
+    query: string,
+    itemToString?: (item: Item) => string,
+  ) => boolean;
+  endsWith: (
+    item: Item,
+    query: string,
+    itemToString?: (item: Item) => string,
+  ) => boolean;
+};
+```
+
+### UseFilterOptions
+
+```typescript
+type UseFilterOptions = { locale?: IntlLocalesArgument };
+```
diff --git a/docs/src/app/(public)/(content)/react/components/autocomplete/types.ts b/docs/src/app/(public)/(content)/react/components/autocomplete/types.ts
new file mode 100644
index 00000000000..534aabd9883
--- /dev/null
+++ b/docs/src/app/(public)/(content)/react/components/autocomplete/types.ts
@@ -0,0 +1,25 @@
+import { Autocomplete } from '@base-ui-components/react/autocomplete';
+import { createMultipleTypes } from 'docs/src/utils/createTypes';
+
+const types = createMultipleTypes(import.meta.url, Autocomplete);
+
+export const TypesAutocompleteRoot = types.Root;
+export const TypesAutocompleteValue = types.Value;
+export const TypesAutocompleteInput = types.Input;
+export const TypesAutocompleteTrigger = types.Trigger;
+export const TypesAutocompleteIcon = types.Icon;
+export const TypesAutocompleteClear = types.Clear;
+export const TypesAutocompleteList = types.List;
+export const TypesAutocompletePortal = types.Portal;
+export const TypesAutocompleteBackdrop = types.Backdrop;
+export const TypesAutocompletePositioner = types.Positioner;
+export const TypesAutocompletePopup = types.Popup;
+export const TypesAutocompleteArrow = types.Arrow;
+export const TypesAutocompleteStatus = types.Status;
+export const TypesAutocompleteEmpty = types.Empty;
+export const TypesAutocompleteCollection = types.Collection;
+export const TypesAutocompleteRow = types.Row;
+export const TypesAutocompleteItem = types.Item;
+export const TypesAutocompleteGroup = types.Group;
+export const TypesAutocompleteGroupLabel = types.GroupLabel;
+export const TypesAutocompleteSeparator = types.Separator;
diff --git a/docs/src/app/(public)/(content)/react/components/avatar/page.mdx b/docs/src/app/(public)/(content)/react/components/avatar/page.mdx
index 58471359a8f..2d96b06e253 100644
--- a/docs/src/app/(public)/(content)/react/components/avatar/page.mdx
+++ b/docs/src/app/(public)/(content)/react/components/avatar/page.mdx
@@ -25,4 +25,16 @@ import { Avatar } from '@base-ui-components/react/avatar';
 
 ## API reference
 
-<Reference component="Avatar" parts="Root, Image, Fallback" />
+import { TypesAvatarRoot, TypesAvatarImage, TypesAvatarFallback } from './types';
+
+### Root
+
+<TypesAvatarRoot />
+
+### Image
+
+<TypesAvatarImage />
+
+### Fallback
+
+<TypesAvatarFallback />
diff --git a/docs/src/app/(public)/(content)/react/components/avatar/types.md b/docs/src/app/(public)/(content)/react/components/avatar/types.md
new file mode 100644
index 00000000000..168c0d33bc7
--- /dev/null
+++ b/docs/src/app/(public)/(content)/react/components/avatar/types.md
@@ -0,0 +1,67 @@
+# Avatar
+
+[//]: types.ts '<-- Autogenerated By (do not edit the following markdown directly)'
+
+## API Reference
+
+### Root
+
+Displays a user's profile picture, initials, or fallback icon. Renders a `<span>` element.
+
+**Root Props:**
+
+| Prop           | Type                                                                              | Default | Description                                                                                                                                                                              |
+| :------------- | :-------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: Avatar.Root.State) => CSSProperties \| undefined)`     | -       | -                                                                                                                                                                                        |
+| className      | `string \| ((state: Avatar.Root.State) => string \| undefined)`                   | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Avatar.Root.State) => ReactElement)`  | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+### Root.Props
+
+Re-export of [Root](#root) props.
+
+### Root.State
+
+```typescript
+type AvatarRootState = { imageLoadingStatus: ImageLoadingStatus };
+```
+
+### Image
+
+The image to be displayed in the avatar. Renders an `<img>` element.
+
+**Image Props:**
+
+| Prop                  | Type                                                                              | Default | Description                                                                                                                                                                              |
+| :-------------------- | :-------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| onLoadingStatusChange | `((status: ImageLoadingStatus) => void)`                                          | -       | Callback fired when the loading status changes.                                                                                                                                          |
+| style                 | `CSSProperties \| ((state: Avatar.Root.State) => CSSProperties \| undefined)`     | -       | -                                                                                                                                                                                        |
+| className             | `string \| ((state: Avatar.Root.State) => string \| undefined)`                   | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render                | `ReactElement \| ((props: HTMLProps, state: Avatar.Root.State) => ReactElement)`  | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+### Image.Props
+
+Re-export of [Image](#image) props.
+
+### Fallback
+
+Rendered when the image fails to load or when no image is provided. Renders a `<span>` element.
+
+**Fallback Props:**
+
+| Prop           | Type                                                                              | Default | Description                                                                                                                                                                              |
+| :------------- | :-------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: Avatar.Root.State) => CSSProperties \| undefined)`     | -       | -                                                                                                                                                                                        |
+| delay          | `number`                                                                          | -       | How long to wait before showing the fallback. Specified in milliseconds.                                                                                                                 |
+| className      | `string \| ((state: Avatar.Root.State) => string \| undefined)`                   | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Avatar.Root.State) => ReactElement)`  | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+### Fallback.Props
+
+Re-export of [Fallback](#fallback) props.
+
+### ImageLoadingStatus
+
+```typescript
+type AvatarImageLoadingStatus = 'idle' | 'loading' | 'loaded' | 'error';
+```
diff --git a/docs/src/app/(public)/(content)/react/components/avatar/types.ts b/docs/src/app/(public)/(content)/react/components/avatar/types.ts
new file mode 100644
index 00000000000..7d44fe44ff7
--- /dev/null
+++ b/docs/src/app/(public)/(content)/react/components/avatar/types.ts
@@ -0,0 +1,8 @@
+import { Avatar } from '@base-ui-components/react/avatar';
+import { createMultipleTypes } from 'docs/src/utils/createTypes';
+
+const types = createMultipleTypes(import.meta.url, Avatar);
+
+export const TypesAvatarRoot = types.Root;
+export const TypesAvatarImage = types.Image;
+export const TypesAvatarFallback = types.Fallback;
diff --git a/docs/src/app/(public)/(content)/react/components/button/page.mdx b/docs/src/app/(public)/(content)/react/components/button/page.mdx
index 779060b1262..e502e000172 100644
--- a/docs/src/app/(public)/(content)/react/components/button/page.mdx
+++ b/docs/src/app/(public)/(content)/react/components/button/page.mdx
@@ -24,7 +24,9 @@ import { Button } from '@base-ui-components/react/button';
 
 ## API reference
 
-<Reference component="Button" />
+import { TypesButton } from './types';
+
+<TypesButton />
 
 ## Examples
 
diff --git a/docs/src/app/(public)/(content)/react/components/button/types.md b/docs/src/app/(public)/(content)/react/components/button/types.md
new file mode 100644
index 00000000000..9667b23eb5a
--- /dev/null
+++ b/docs/src/app/(public)/(content)/react/components/button/types.md
@@ -0,0 +1,27 @@
+# Button
+
+[//]: types.ts '<-- Autogenerated By (do not edit the following markdown directly)'
+
+## API Reference
+
+### Button
+
+A button component that can be used to trigger actions. Renders a `<button>` element.
+
+**Button Data Attributes:**
+
+| Attribute      | Type    | Description                                |
+| :------------- | :------ | :----------------------------------------- |
+| data-disabled  | -       | Present when the button is disabled.       |
+
+### Button.Props
+
+```typescript
+type ButtonProps = ButtonNativeProps | ButtonNonNativeProps;
+```
+
+### Button.State
+
+```typescript
+type ButtonState = { disabled: boolean };
+```
diff --git a/docs/src/app/(public)/(content)/react/components/button/types.ts b/docs/src/app/(public)/(content)/react/components/button/types.ts
new file mode 100644
index 00000000000..5b548e74735
--- /dev/null
+++ b/docs/src/app/(public)/(content)/react/components/button/types.ts
@@ -0,0 +1,4 @@
+import { Button } from '@base-ui-components/react/button';
+import { createTypes } from 'docs/src/utils/createTypes';
+
+export const TypesButton = createTypes(import.meta.url, Button);
diff --git a/docs/src/app/(public)/(content)/react/components/checkbox-group/page.mdx b/docs/src/app/(public)/(content)/react/components/checkbox-group/page.mdx
index 4d150a0047f..69bc432b86a 100644
--- a/docs/src/app/(public)/(content)/react/components/checkbox-group/page.mdx
+++ b/docs/src/app/(public)/(content)/react/components/checkbox-group/page.mdx
@@ -25,7 +25,9 @@ import { CheckboxGroup } from '@base-ui-components/react/checkbox-group';
 
 ## API reference
 
-<Reference component="CheckboxGroup" />
+import { TypesCheckboxGroup } from './types';
+
+<TypesCheckboxGroup />
 
 ## Examples
 
diff --git a/docs/src/app/(public)/(content)/react/components/checkbox-group/types.md b/docs/src/app/(public)/(content)/react/components/checkbox-group/types.md
new file mode 100644
index 00000000000..2cbca509c0b
--- /dev/null
+++ b/docs/src/app/(public)/(content)/react/components/checkbox-group/types.md
@@ -0,0 +1,65 @@
+# Checkbox Group
+
+[//]: types.ts '<-- Autogenerated By (do not edit the following markdown directly)'
+
+## API Reference
+
+### CheckboxGroup
+
+Provides a shared state to a series of checkboxes.
+
+**CheckboxGroup Props:**
+
+| Prop           | Type                                                                                    | Default   | Description                                                                                                                                                                              |
+| :------------- | :-------------------------------------------------------------------------------------- | :-------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| defaultValue   | `string[]`                                                                              | -         | Names of the checkboxes in the group that should be initially ticked.To render a controlled checkbox group, use the `value` prop instead.                                                |
+| value          | `string[]`                                                                              | -         | Names of the checkboxes in the group that should be ticked.To render an uncontrolled checkbox group, use the `defaultValue` prop instead.                                                |
+| onValueChange  | `((value: string[], eventDetails: CheckboxGroup.ChangeEventDetails) => void)`           | -         | Event handler called when a checkbox in the group is ticked or unticked. Provides the new value as an argument.                                                                          |
+| allValues      | `string[]`                                                                              | -         | Names of all checkboxes in the group. Use this when creating a parent checkbox.                                                                                                          |
+| style          | `CSSProperties \| ((state: CheckboxGroup.State) => CSSProperties \| undefined)`         | -         | -                                                                                                                                                                                        |
+| disabled       | `boolean`                                                                               | `false`   | Whether the component should ignore user interaction.                                                                                                                                    |
+| className      | `string \| ((state: CheckboxGroup.State) => string \| undefined)`                       | -         | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: CheckboxGroup.State) => ReactElement)`      | -         | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**CheckboxGroup Data Attributes:**
+
+| Attribute      | Type    | Description                                       |
+| :------------- | :------ | :------------------------------------------------ |
+| data-disabled  | -       | Present when the checkbox group is disabled.      |
+
+### CheckboxGroup.Props
+
+Re-export of [CheckboxGroup](#checkboxgroup) props.
+
+### CheckboxGroup.State
+
+```typescript
+type CheckboxGroupState = {
+  disabled: boolean;
+  touched: boolean;
+  dirty: boolean;
+  valid: boolean | null;
+  filled: boolean;
+  focused: boolean;
+};
+```
+
+### CheckboxGroup.ChangeEventReason
+
+```typescript
+type CheckboxGroupChangeEventReason = 'none';
+```
+
+### CheckboxGroup.ChangeEventDetails
+
+```typescript
+type CheckboxGroupChangeEventDetails = {
+  reason: 'none';
+  event: Event;
+  cancel: () => void;
+  allowPropagation: () => void;
+  isCanceled: boolean;
+  isPropagationAllowed: boolean;
+  trigger: HTMLElement | undefined;
+};
+```
diff --git a/docs/src/app/(public)/(content)/react/components/checkbox-group/types.ts b/docs/src/app/(public)/(content)/react/components/checkbox-group/types.ts
new file mode 100644
index 00000000000..140ec604408
--- /dev/null
+++ b/docs/src/app/(public)/(content)/react/components/checkbox-group/types.ts
@@ -0,0 +1,4 @@
+import { CheckboxGroup } from '@base-ui-components/react/checkbox-group';
+import { createTypes } from 'docs/src/utils/createTypes';
+
+export const TypesCheckboxGroup = createTypes(import.meta.url, CheckboxGroup);
diff --git a/docs/src/app/(public)/(content)/react/components/checkbox/page.mdx b/docs/src/app/(public)/(content)/react/components/checkbox/page.mdx
index 36688ed63f6..de0afd66f0e 100644
--- a/docs/src/app/(public)/(content)/react/components/checkbox/page.mdx
+++ b/docs/src/app/(public)/(content)/react/components/checkbox/page.mdx
@@ -24,7 +24,15 @@ import { Checkbox } from '@base-ui-components/react/checkbox';
 
 ## API reference
 
-<Reference component="Checkbox" parts="Root, Indicator" />
+import { TypesCheckboxRoot, TypesCheckboxIndicator } from './types';
+
+### Root
+
+<TypesCheckboxRoot />
+
+### Indicator
+
+<TypesCheckboxIndicator />
 
 ## Examples
 
diff --git a/docs/src/app/(public)/(content)/react/components/checkbox/types.md b/docs/src/app/(public)/(content)/react/components/checkbox/types.md
new file mode 100644
index 00000000000..bcf402b57eb
--- /dev/null
+++ b/docs/src/app/(public)/(content)/react/components/checkbox/types.md
@@ -0,0 +1,146 @@
+# Checkbox
+
+[//]: types.ts '<-- Autogenerated By (do not edit the following markdown directly)'
+
+## API Reference
+
+### Root
+
+Represents the checkbox itself. Renders a `<button>` element and a hidden `<input>` beside.
+
+**Root Props:**
+
+| Prop                  | Type                                                                                    | Default          | Description                                                                                                                                                                              |
+| :-------------------- | :-------------------------------------------------------------------------------------- | :--------------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| name                  | `string`                                                                                | `undefined`      | Identifies the field when a form is submitted.                                                                                                                                           |
+| defaultChecked        | `boolean`                                                                               | `false`          | Whether the checkbox is initially ticked.To render a controlled checkbox, use the `checked` prop instead.                                                                                |
+| checked               | `boolean`                                                                               | `undefined`      | Whether the checkbox is currently ticked.To render an uncontrolled checkbox, use the `defaultChecked` prop instead.                                                                      |
+| onCheckedChange       | `((checked: boolean, eventDetails: Checkbox.Root.ChangeEventDetails) => void)`          | -                | Event handler called when the checkbox is ticked or unticked.                                                                                                                            |
+| indeterminate         | `boolean`                                                                               | `false`          | Whether the checkbox is in a mixed state: neither ticked, nor unticked.                                                                                                                  |
+| value                 | `string`                                                                                | -                | The value of the selected checkbox.                                                                                                                                                      |
+| nativeButton          | `boolean`                                                                               | `true`           | Whether the component renders a native `<button>` element when replacing it via the `render` prop. Set to `false` if the rendered element is not a button (e.g. `<div>`).                |
+| parent                | `boolean`                                                                               | `false`          | Whether the checkbox controls a group of child checkboxes.Must be used in a [Checkbox Group](https://base-ui.com/react/components/checkbox-group).                                       |
+| style                 | `CSSProperties \| ((state: Checkbox.Root.State) => CSSProperties \| undefined)`         | -                | -                                                                                                                                                                                        |
+| disabled              | `boolean`                                                                               | `false`          | Whether the component should ignore user interaction.                                                                                                                                    |
+| readOnly              | `boolean`                                                                               | `false`          | Whether the user should be unable to tick or untick the checkbox.                                                                                                                        |
+| required              | `boolean`                                                                               | `false`          | Whether the user must tick the checkbox before submitting a form.                                                                                                                        |
+| inputRef              | `Ref<HTMLInputElement>`                                                                 | -                | A ref to access the hidden `<input>` element.                                                                                                                                            |
+| id                    | `string`                                                                                | -                | The id of the input element.                                                                                                                                                             |
+| className             | `string \| ((state: Checkbox.Root.State) => string \| undefined)`                       | -                | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render                | `ReactElement \| ((props: HTMLProps, state: Checkbox.Root.State) => ReactElement)`      | -                | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**Root Data Attributes:**
+
+| Attribute      | Type    | Description                                                                   |
+| :------------- | :------ | :---------------------------------------------------------------------------- |
+| data-checked   | -       | Present when the checkbox is checked.                                         |
+| data-unchecked | -       | Present when the checkbox is not checked.                                     |
+| data-disabled  | -       | Present when the checkbox is disabled.                                        |
+| data-readonly  | -       | Present when the checkbox is readonly.                                        |
+| data-required  | -       | Present when the checkbox is required.                                        |
+| data-valid     | -       | Present when the checkbox is in valid state (when wrapped in Field.Root).     |
+| data-invalid   | -       | Present when the checkbox is in invalid state (when wrapped in Field.Root).   |
+| data-dirty     | -       | Present when the checkbox's value has changed (when wrapped in Field.Root).   |
+| data-touched   | -       | Present when the checkbox has been touched (when wrapped in Field.Root).      |
+| data-filled    | -       | Present when the checkbox is checked (when wrapped in Field.Root).            |
+| data-focused   | -       | Present when the checkbox is focused (when wrapped in Field.Root).            |
+
+### Root.Props
+
+Re-export of [Root](#root) props.
+
+### Root.State
+
+```typescript
+type CheckboxRootState = {
+  checked: boolean;
+  disabled: boolean;
+  readOnly: boolean;
+  required: boolean;
+  indeterminate: boolean;
+  touched: boolean;
+  dirty: boolean;
+  valid: boolean | null;
+  filled: boolean;
+  focused: boolean;
+};
+```
+
+### Root.ChangeEventReason
+
+```typescript
+type CheckboxRootChangeEventReason = 'none';
+```
+
+### Root.ChangeEventDetails
+
+```typescript
+type CheckboxRootChangeEventDetails = {
+  reason: 'none';
+  event: Event;
+  cancel: () => void;
+  allowPropagation: () => void;
+  isCanceled: boolean;
+  isPropagationAllowed: boolean;
+  trigger: HTMLElement | undefined;
+};
+```
+
+### Indicator
+
+Indicates whether the checkbox is ticked. Renders a `<span>` element.
+
+**Indicator Props:**
+
+| Prop           | Type                                                                                     | Default   | Description                                                                                                                                                                              |
+| :------------- | :--------------------------------------------------------------------------------------- | :-------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: Checkbox.Indicator.State) => CSSProperties \| undefined)`     | -         | -                                                                                                                                                                                        |
+| className      | `string \| ((state: Checkbox.Indicator.State) => string \| undefined)`                   | -         | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| keepMounted    | `boolean`                                                                                | `false`   | Whether to keep the element in the DOM when the checkbox is not checked.                                                                                                                 |
+| render         | `ReactElement \| ((props: HTMLProps, state: Checkbox.Indicator.State) => ReactElement)`  | -         | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**Indicator Data Attributes:**
+
+| Attribute             | Type    | Description                                                                   |
+| :-------------------- | :------ | :---------------------------------------------------------------------------- |
+| data-checked          | -       | Present when the checkbox is checked.                                         |
+| data-unchecked        | -       | Present when the checkbox is not checked.                                     |
+| data-disabled         | -       | Present when the checkbox is disabled.                                        |
+| data-readonly         | -       | Present when the checkbox is readonly.                                        |
+| data-required         | -       | Present when the checkbox is required.                                        |
+| data-valid            | -       | Present when the checkbox is in valid state (when wrapped in Field.Root).     |
+| data-invalid          | -       | Present when the checkbox is in invalid state (when wrapped in Field.Root).   |
+| data-dirty            | -       | Present when the checkbox's value has changed (when wrapped in Field.Root).   |
+| data-touched          | -       | Present when the checkbox has been touched (when wrapped in Field.Root).      |
+| data-filled           | -       | Present when the checkbox is checked (when wrapped in Field.Root).            |
+| data-focused          | -       | Present when the checkbox is focused (when wrapped in Field.Root).            |
+| data-starting-style   | -       | Present when the checkbox indicator is animating in.                          |
+| data-ending-style     | -       | Present when the checkbox indicator is animating out.                         |
+
+### Indicator.Props
+
+Re-export of [Indicator](#indicator) props.
+
+### Indicator.State
+
+```typescript
+type CheckboxIndicatorState = {
+  transitionStatus: TransitionStatus;
+  checked: boolean;
+  disabled: boolean;
+  readOnly: boolean;
+  required: boolean;
+  indeterminate: boolean;
+  touched: boolean;
+  dirty: boolean;
+  valid: boolean | null;
+  filled: boolean;
+  focused: boolean;
+};
+```
+
+### PARENT\_CHECKBOX
+
+```typescript
+'data-parent';
+```
diff --git a/docs/src/app/(public)/(content)/react/components/checkbox/types.ts b/docs/src/app/(public)/(content)/react/components/checkbox/types.ts
new file mode 100644
index 00000000000..759fc5c3ea6
--- /dev/null
+++ b/docs/src/app/(public)/(content)/react/components/checkbox/types.ts
@@ -0,0 +1,7 @@
+import { Checkbox } from '@base-ui-components/react/checkbox';
+import { createMultipleTypes } from 'docs/src/utils/createTypes';
+
+const types = createMultipleTypes(import.meta.url, Checkbox);
+
+export const TypesCheckboxRoot = types.Root;
+export const TypesCheckboxIndicator = types.Indicator;
diff --git a/docs/src/app/(public)/(content)/react/components/collapsible/page.mdx b/docs/src/app/(public)/(content)/react/components/collapsible/page.mdx
index 3bedf8d4dbf..9c8bd3e0e47 100644
--- a/docs/src/app/(public)/(content)/react/components/collapsible/page.mdx
+++ b/docs/src/app/(public)/(content)/react/components/collapsible/page.mdx
@@ -25,4 +25,16 @@ import { Collapsible } from '@base-ui-components/react/collapsible';
 
 ## API reference
 
-<Reference component="Collapsible" parts="Root, Trigger, Panel" />
+import { TypesCollapsibleRoot, TypesCollapsibleTrigger, TypesCollapsiblePanel } from './types';
+
+### Root
+
+<TypesCollapsibleRoot />
+
+### Trigger
+
+<TypesCollapsibleTrigger />
+
+### Panel
+
+<TypesCollapsiblePanel />
diff --git a/docs/src/app/(public)/(content)/react/components/collapsible/types.md b/docs/src/app/(public)/(content)/react/components/collapsible/types.md
new file mode 100644
index 00000000000..4d2adbd3e17
--- /dev/null
+++ b/docs/src/app/(public)/(content)/react/components/collapsible/types.md
@@ -0,0 +1,128 @@
+# Collapsible
+
+[//]: types.ts '<-- Autogenerated By (do not edit the following markdown directly)'
+
+## API Reference
+
+### Root
+
+Groups all parts of the collapsible. Renders a `<div>` element.
+
+**Root Props:**
+
+| Prop           | Type                                                                                            | Default   | Description                                                                                                                      |
+| :------------- | :---------------------------------------------------------------------------------------------- | :-------- | :------------------------------------------------------------------------------------------------------------------------------- |
+| defaultOpen    | `boolean`                                                                                       | `false`   | Whether the collapsible panel is initially open.To render a controlled collapsible, use the `open` prop instead.                 |
+| open           | `boolean`                                                                                       | -         | Whether the collapsible panel is currently open.To render an uncontrolled collapsible, use the `defaultOpen` prop instead.       |
+| onOpenChange   | `((open: boolean, eventDetails: Collapsible.Root.ChangeEventDetails) => void)`                  | -         | Event handler called when the panel is opened or closed.                                                                         |
+| style          | `CSSProperties \| ((state: Collapsible.Root.State) => CSSProperties \| undefined)`              | -         | -                                                                                                                                |
+| disabled       | `boolean`                                                                                       | `false`   | Whether the component should ignore user interaction.                                                                            |
+| className      | `string \| ((state: Collapsible.Root.State) => string \| undefined)`                            | -         | CSS class applied to the element, or a function that returns a class based on the component’s state.                             |
+| render         | `ReactElement \| ((props: HTMLProps, state: Collapsible.Root.State) => ReactElement) \| null`   | -         | -                                                                                                                                |
+
+### Root.Props
+
+Re-export of [Root](#root) props.
+
+### Root.State
+
+```typescript
+type CollapsibleRootState = { open: boolean; disabled: boolean };
+```
+
+### Root.ChangeEventReason
+
+```typescript
+type CollapsibleRootChangeEventReason = 'trigger-press' | 'none';
+```
+
+### Root.ChangeEventDetails
+
+```typescript
+type CollapsibleRootChangeEventDetails =
+  | {
+      reason: 'trigger-press';
+      event: MouseEvent | PointerEvent | TouchEvent | KeyboardEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    }
+  | {
+      reason: 'none';
+      event: Event;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    };
+```
+
+### Trigger
+
+A button that opens and closes the collapsible panel. Renders a `<button>` element.
+
+**Trigger Props:**
+
+| Prop           | Type                                                                                     | Default   | Description                                                                                                                                                                              |
+| :------------- | :--------------------------------------------------------------------------------------- | :-------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| nativeButton   | `boolean`                                                                                | `true`    | Whether the component renders a native `<button>` element when replacing it via the `render` prop. Set to `false` if the rendered element is not a button (e.g. `<div>`).                |
+| style          | `CSSProperties \| ((state: Collapsible.Root.State) => CSSProperties \| undefined)`       | -         | -                                                                                                                                                                                        |
+| className      | `string \| ((state: Collapsible.Root.State) => string \| undefined)`                     | -         | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Collapsible.Root.State) => ReactElement)`    | -         | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**Trigger Data Attributes:**
+
+| Attribute             | Type    | Description                                       |
+| :-------------------- | :------ | :------------------------------------------------ |
+| data-panel-open       | -       | Present when the collapsible panel is open.       |
+
+### Trigger.Props
+
+Re-export of [Trigger](#trigger) props.
+
+### Panel
+
+A panel with the collapsible contents. Renders a `<div>` element.
+
+**Panel Props:**
+
+| Prop                  | Type                                                                                     | Default   | Description                                                                                                                                                                                              |
+| :-------------------- | :--------------------------------------------------------------------------------------- | :-------- | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| hiddenUntilFound      | `boolean`                                                                                | `false`   | Allows the browser’s built-in page search to find and expand the panel contents.Overrides the `keepMounted` prop and uses `hidden="until-found"` to hide the element without removing it from the DOM.   |
+| style                 | `CSSProperties \| ((state: Collapsible.Panel.State) => CSSProperties \| undefined)`      | -         | -                                                                                                                                                                                                        |
+| className             | `string \| ((state: Collapsible.Panel.State) => string \| undefined)`                    | -         | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                                     |
+| keepMounted           | `boolean`                                                                                | `false`   | Whether to keep the element in the DOM while the panel is hidden. This prop is ignored when `hiddenUntilFound` is used.                                                                                  |
+| render                | `ReactElement \| ((props: HTMLProps, state: Collapsible.Panel.State) => ReactElement)`   | -         | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render.                 |
+
+**Panel Data Attributes:**
+
+| Attribute             | Type    | Description                                       |
+| :-------------------- | :------ | :------------------------------------------------ |
+| data-open             | -       | Present when the collapsible panel is open.       |
+| data-closed           | -       | Present when the collapsible panel is closed.     |
+| data-starting-style   | -       | Present when the panel is animating in.           |
+| data-ending-style     | -       | Present when the panel is animating out.          |
+
+**Panel CSS Variables:**
+
+| Variable                       | Type      | Description                         |
+| :----------------------------- | :-------- | :---------------------------------- |
+| `--collapsible-panel-height`   | `number`  | The collapsible panel's height.     |
+| `--collapsible-panel-width`    | `number`  | The collapsible panel's width.      |
+
+### Panel.Props
+
+Re-export of [Panel](#panel) props.
+
+### Panel.State
+
+```typescript
+type CollapsiblePanelState = {
+  transitionStatus: TransitionStatus;
+  open: boolean;
+  disabled: boolean;
+};
+```
diff --git a/docs/src/app/(public)/(content)/react/components/collapsible/types.ts b/docs/src/app/(public)/(content)/react/components/collapsible/types.ts
new file mode 100644
index 00000000000..958e2772ffc
--- /dev/null
+++ b/docs/src/app/(public)/(content)/react/components/collapsible/types.ts
@@ -0,0 +1,8 @@
+import { Collapsible } from '@base-ui-components/react/collapsible';
+import { createMultipleTypes } from 'docs/src/utils/createTypes';
+
+const types = createMultipleTypes(import.meta.url, Collapsible);
+
+export const TypesCollapsibleRoot = types.Root;
+export const TypesCollapsibleTrigger = types.Trigger;
+export const TypesCollapsiblePanel = types.Panel;
diff --git a/docs/src/app/(public)/(content)/react/components/combobox/page.mdx b/docs/src/app/(public)/(content)/react/components/combobox/page.mdx
index 58725105873..d5d6c3ee75d 100644
--- a/docs/src/app/(public)/(content)/react/components/combobox/page.mdx
+++ b/docs/src/app/(public)/(content)/react/components/combobox/page.mdx
@@ -67,10 +67,128 @@ import { Combobox } from '@base-ui-components/react/combobox';
 
 ## API reference
 
-<Reference
-  component="Combobox"
-  parts="Root, Value, Icon, Input, Clear, Trigger, Chips, Chip, ChipRemove, List, Portal, Backdrop, Positioner, Popup, Arrow, Status, Empty, Collection, Row, Item, ItemIndicator, Group, GroupLabel, Separator"
-/>
+import {
+  TypesComboboxRoot,
+  TypesComboboxValue,
+  TypesComboboxIcon,
+  TypesComboboxInput,
+  TypesComboboxClear,
+  TypesComboboxTrigger,
+  TypesComboboxChips,
+  TypesComboboxChip,
+  TypesComboboxChipRemove,
+  TypesComboboxList,
+  TypesComboboxPortal,
+  TypesComboboxBackdrop,
+  TypesComboboxPositioner,
+  TypesComboboxPopup,
+  TypesComboboxArrow,
+  TypesComboboxStatus,
+  TypesComboboxEmpty,
+  TypesComboboxCollection,
+  TypesComboboxRow,
+  TypesComboboxItem,
+  TypesComboboxItemIndicator,
+  TypesComboboxGroup,
+  TypesComboboxGroupLabel,
+  TypesComboboxSeparator,
+} from './types';
+
+### Root
+
+<TypesComboboxRoot />
+
+### Value
+
+<TypesComboboxValue />
+
+### Icon
+
+<TypesComboboxIcon />
+
+### Input
+
+<TypesComboboxInput />
+
+### Clear
+
+<TypesComboboxClear />
+
+### Trigger
+
+<TypesComboboxTrigger />
+
+### Chips
+
+<TypesComboboxChips />
+
+### Chip
+
+<TypesComboboxChip />
+
+### ChipRemove
+
+<TypesComboboxChipRemove />
+
+### List
+
+<TypesComboboxList />
+
+### Portal
+
+<TypesComboboxPortal />
+
+### Backdrop
+
+<TypesComboboxBackdrop />
+
+### Positioner
+
+<TypesComboboxPositioner />
+
+### Popup
+
+<TypesComboboxPopup />
+
+### Arrow
+
+<TypesComboboxArrow />
+
+### Status
+
+<TypesComboboxStatus />
+
+### Empty
+
+<TypesComboboxEmpty />
+
+### Collection
+
+<TypesComboboxCollection />
+
+### Row
+
+<TypesComboboxRow />
+
+### Item
+
+<TypesComboboxItem />
+
+### ItemIndicator
+
+<TypesComboboxItemIndicator />
+
+### Group
+
+<TypesComboboxGroup />
+
+### GroupLabel
+
+<TypesComboboxGroupLabel />
+
+### Separator
+
+<TypesComboboxSeparator />
 
 ## useFilter
 
diff --git a/docs/src/app/(public)/(content)/react/components/combobox/types.md b/docs/src/app/(public)/(content)/react/components/combobox/types.md
new file mode 100644
index 00000000000..6fdd74601b3
--- /dev/null
+++ b/docs/src/app/(public)/(content)/react/components/combobox/types.md
@@ -0,0 +1,820 @@
+# Combobox
+
+[//]: types.ts '<-- Autogenerated By (do not edit the following markdown directly)'
+
+## API Reference
+
+### Root
+
+Groups all parts of the combobox. Doesn't render its own HTML element.
+
+**Root Props:**
+
+| Prop                  | Type                                                                                                                                                                                          | Default   | Description                                                                                                                                                                                                                                                                                                                                                                                                                        |
+| :-------------------- | :-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | :-------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| name                  | `string`                                                                                                                                                                                      | -         | Identifies the field when a form is submitted.                                                                                                                                                                                                                                                                                                                                                                                     |
+| defaultValue          | `Value[] \| Value \| null`                                                                                                                                                                    | -         | The uncontrolled selected value of the combobox when it's initially rendered.To render a controlled combobox, use the `value` prop instead.                                                                                                                                                                                                                                                                                        |
+| value                 | `Value[] \| Value`                                                                                                                                                                            | -         | The selected value of the combobox. Use when controlled.                                                                                                                                                                                                                                                                                                                                                                           |
+| onValueChange         | `((value: Value[] \| Value, eventDetails: Combobox.Root.ChangeEventDetails) => void) \| ((value: Value[] \| Value \| any \| null, eventDetails: Combobox.Root.ChangeEventDetails) => void)`   | -         | Event handler called when the selected value of the combobox changes.                                                                                                                                                                                                                                                                                                                                                              |
+| defaultOpen           | `boolean`                                                                                                                                                                                     | `false`   | Whether the popup is initially open.To render a controlled popup, use the `open` prop instead.                                                                                                                                                                                                                                                                                                                                     |
+| open                  | `boolean`                                                                                                                                                                                     | -         | Whether the popup is currently open. Use when controlled.                                                                                                                                                                                                                                                                                                                                                                          |
+| onOpenChange          | `((open: boolean, eventDetails: Combobox.Root.ChangeEventDetails) => void)`                                                                                                                   | -         | Event handler called when the popup is opened or closed.                                                                                                                                                                                                                                                                                                                                                                           |
+| actionsRef            | `RefObject<Combobox.Root.Actions>`                                                                                                                                                            | -         | A ref to imperative actions.`unmount`: When specified, the combobox will not be unmounted when closed. Instead, the `unmount` function must be called to unmount the combobox manually. Useful when the combobox's animation is controlled by an external library.                                                                                                                                                                 |
+| autoHighlight         | `boolean`                                                                                                                                                                                     | `false`   | Whether the first matching item is highlighted automatically while filtering.                                                                                                                                                                                                                                                                                                                                                      |
+| defaultInputValue     | `string \| number \| string[]`                                                                                                                                                                | -         | The uncontrolled input value when initially rendered.To render a controlled input, use the `inputValue` prop instead.                                                                                                                                                                                                                                                                                                              |
+| filter                | `((itemValue: Value, query: string, itemToString?: ((itemValue: Value) => string)) => boolean) \| null`                                                                                       | -         | Filter function used to match items vs input query.                                                                                                                                                                                                                                                                                                                                                                                |
+| filteredItems         | `any[] \| Group[]`                                                                                                                                                                            | -         | Filtered items to display in the list. When provided, the list will use these items instead of filtering the `items` prop internally. Use when you want to control filtering logic externally with the `useFilter()` hook.                                                                                                                                                                                                         |
+| grid                  | `boolean`                                                                                                                                                                                     | `false`   | Whether list items are presented in a grid layout. When enabled, arrow keys navigate across rows and columns inferred from DOM rows.                                                                                                                                                                                                                                                                                               |
+| highlightItemOnHover  | `boolean`                                                                                                                                                                                     | `true`    | Whether moving the pointer over items should highlight them.                                                                                                                                                                                                                                                                                                                                                                       |
+| inline                | `boolean`                                                                                                                                                                                     | `false`   | Whether the list is rendered inline without using the popup.                                                                                                                                                                                                                                                                                                                                                                       |
+| inputValue            | `string \| number \| string[]`                                                                                                                                                                | -         | The input value of the combobox. Use when controlled.                                                                                                                                                                                                                                                                                                                                                                              |
+| isItemEqualToValue    | `((itemValue: Value, selectedValue: Value) => boolean)`                                                                                                                                       | -         | Custom comparison logic used to determine if a combobox item value matches the current selected value. Useful when item values are objects without matching referentially. Defaults to `Object.is` comparison.                                                                                                                                                                                                                     |
+| itemToStringLabel     | `((itemValue: Value) => string)`                                                                                                                                                              | -         | When the item values are objects (`<Combobox.Item value={object}>`), this function converts the object value to a string representation for display in the input. If the shape of the object is `{ value, label }`, the label will be used automatically without needing to specify this prop.                                                                                                                                     |
+| itemToStringValue     | `((itemValue: Value) => string)`                                                                                                                                                              | -         | When the item values are objects (`<Combobox.Item value={object}>`), this function converts the object value to a string representation for form submission. If the shape of the object is `{ value, label }`, the value will be used automatically without needing to specify this prop.                                                                                                                                          |
+| items                 | `any[] \| Group[]`                                                                                                                                                                            | -         | The items to be displayed in the list. Can be either a flat array of items or an array of groups with items.                                                                                                                                                                                                                                                                                                                       |
+| keepHighlight         | `boolean`                                                                                                                                                                                     | `false`   | Whether the highlighted item should be preserved when the pointer leaves the list.                                                                                                                                                                                                                                                                                                                                                 |
+| limit                 | `number`                                                                                                                                                                                      | `-1`      | The maximum number of items to display in the list.                                                                                                                                                                                                                                                                                                                                                                                |
+| locale                | `IntlLocalesArgument`                                                                                                                                                                         | -         | The locale to use for string comparison. Defaults to the user's runtime locale.                                                                                                                                                                                                                                                                                                                                                    |
+| modal                 | `boolean`                                                                                                                                                                                     | `false`   | Determines if the popup enters a modal state when open.`true`: user interaction is limited to the popup: document page scroll is locked and pointer interactions on outside elements are disabled., `false`: user interaction with the rest of the document is allowed.                                                                                                                                                            |
+| multiple              | `boolean \| undefined`                                                                                                                                                                        | `false`   | Whether multiple items can be selected.                                                                                                                                                                                                                                                                                                                                                                                            |
+| onInputValueChange    | `((inputValue: string, eventDetails: Combobox.Root.ChangeEventDetails) => void)`                                                                                                              | -         | Event handler called when the input value changes.                                                                                                                                                                                                                                                                                                                                                                                 |
+| onItemHighlighted     | `((highlightedValue: Value \| undefined, eventDetails: Combobox.Root.HighlightEventDetails) => void)`                                                                                         | -         | Callback fired when an item is highlighted or unhighlighted. Receives the highlighted item value (or `undefined` if no item is highlighted) and event details with a `reason` property describing why the highlight changed. The `reason` can be:`'keyboard'`: the highlight changed due to keyboard navigation., `'pointer'`: the highlight changed due to pointer hovering., `'none'`: the highlight changed programmatically.   |
+| onOpenChangeComplete  | `((open: boolean) => void)`                                                                                                                                                                   | -         | Event handler called after any animations complete when the popup is opened or closed.                                                                                                                                                                                                                                                                                                                                             |
+| openOnInputClick      | `boolean`                                                                                                                                                                                     | `true`    | Whether the popup opens when clicking the input.                                                                                                                                                                                                                                                                                                                                                                                   |
+| virtualized           | `boolean`                                                                                                                                                                                     | `false`   | Whether the items are being externally virtualized.                                                                                                                                                                                                                                                                                                                                                                                |
+| disabled              | `boolean`                                                                                                                                                                                     | `false`   | Whether the component should ignore user interaction.                                                                                                                                                                                                                                                                                                                                                                              |
+| readOnly              | `boolean`                                                                                                                                                                                     | `false`   | Whether the user should be unable to choose a different option from the popup.                                                                                                                                                                                                                                                                                                                                                     |
+| required              | `boolean`                                                                                                                                                                                     | `false`   | Whether the user must choose a value before submitting a form.                                                                                                                                                                                                                                                                                                                                                                     |
+| inputRef              | `Ref<HTMLInputElement>`                                                                                                                                                                       | -         | A ref to the hidden input element.                                                                                                                                                                                                                                                                                                                                                                                                 |
+| id                    | `string`                                                                                                                                                                                      | -         | The id of the component.                                                                                                                                                                                                                                                                                                                                                                                                           |
+| children              | `ReactNode`                                                                                                                                                                                   | -         | -                                                                                                                                                                                                                                                                                                                                                                                                                                  |
+
+### Root.Props
+
+Re-export of [Root](#root) props.
+
+### Trigger
+
+A button that opens the popup. Renders a `<button>` element.
+
+**Trigger Props:**
+
+| Prop           | Type                                                                                     | Default   | Description                                                                                                                                                                              |
+| :------------- | :--------------------------------------------------------------------------------------- | :-------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| nativeButton   | `boolean`                                                                                | `true`    | Whether the component renders a native `<button>` element when replacing it via the `render` prop. Set to `false` if the rendered element is not a button (e.g. `<div>`).                |
+| style          | `CSSProperties \| ((state: Combobox.Trigger.State) => CSSProperties \| undefined)`       | -         | -                                                                                                                                                                                        |
+| disabled       | `boolean`                                                                                | `false`   | Whether the component should ignore user interaction.                                                                                                                                    |
+| className      | `string \| ((state: Combobox.Trigger.State) => string \| undefined)`                     | -         | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Combobox.Trigger.State) => ReactElement)`    | -         | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**Trigger Data Attributes:**
+
+| Attribute             | Type    | Description                                                                   |
+| :-------------------- | :------ | :---------------------------------------------------------------------------- |
+| data-popup-open       | -       | Present when the corresponding popup is open.                                 |
+| data-pressed          | -       | Present when the trigger is pressed.                                          |
+| data-disabled         | -       | Present when the component is disabled.                                       |
+| data-readonly         | -       | Present when the component is readonly.                                       |
+| data-required         | -       | Present when the component is required.                                       |
+| data-valid            | -       | Present when the component is in valid state (when wrapped in Field.Root).    |
+| data-invalid          | -       | Present when the component is in invalid state (when wrapped in Field.Root).  |
+| data-dirty            | -       | Present when the component's value has changed (when wrapped in Field.Root).  |
+| data-touched          | -       | Present when the component has been touched (when wrapped in Field.Root).     |
+| data-filled           | -       | Present when the component has a value (when wrapped in Field.Root).          |
+| data-focused          | -       | Present when the trigger is focused (when wrapped in Field.Root).             |
+
+### Trigger.Props
+
+Re-export of [Trigger](#trigger) props.
+
+### Trigger.State
+
+```typescript
+type ComboboxTriggerState = {
+  open: boolean;
+  disabled: boolean;
+  touched: boolean;
+  dirty: boolean;
+  valid: boolean | null;
+  filled: boolean;
+  focused: boolean;
+};
+```
+
+### Value
+
+The current value of the combobox. Doesn't render its own HTML element.
+
+**Value Props:**
+
+| Prop           | Type                                                 | Default | Description |
+| :------------- | :--------------------------------------------------- | :------ | :---------- |
+| children       | `ReactNode \| ((selectedValue: any) => ReactNode)`   | -       | -           |
+
+### Value.Props
+
+Re-export of [Value](#value) props.
+
+### Value.State
+
+```typescript
+type ComboboxValueState = {};
+```
+
+### Input
+
+A text input to search for items in the list. Renders an `<input>` element.
+
+**Input Props:**
+
+| Prop           | Type                                                                                    | Default   | Description                                                                                                                                                                              |
+| :------------- | :-------------------------------------------------------------------------------------- | :-------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: Combobox.Input.State) => CSSProperties \| undefined)`        | -         | -                                                                                                                                                                                        |
+| disabled       | `boolean`                                                                               | `false`   | Whether the component should ignore user interaction.                                                                                                                                    |
+| className      | `string \| ((state: Combobox.Input.State) => string \| undefined)`                      | -         | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Combobox.Input.State) => ReactElement)`     | -         | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**Input Data Attributes:**
+
+| Attribute             | Type                                                                                  | Description                                                                          |
+| :-------------------- | :------------------------------------------------------------------------------------ | :----------------------------------------------------------------------------------- |
+| data-popup-open       | -                                                                                     | Present when the corresponding popup is open.                                        |
+| data-pressed          | -                                                                                     | Present when the input is pressed.                                                   |
+| data-disabled         | -                                                                                     | Present when the component is disabled.                                              |
+| data-readonly         | -                                                                                     | Present when the component is readonly.                                              |
+| data-required         | -                                                                                     | Present when the component is required.                                              |
+| data-valid            | -                                                                                     | Present when the component is in valid state (when wrapped in Field.Root).           |
+| data-invalid          | -                                                                                     | Present when the component is in invalid state (when wrapped in Field.Root).         |
+| data-dirty            | -                                                                                     | Present when the component's value has changed (when wrapped in Field.Root).         |
+| data-touched          | -                                                                                     | Present when the component has been touched (when wrapped in Field.Root).            |
+| data-filled           | -                                                                                     | Present when the component has a value (when wrapped in Field.Root).                 |
+| data-focused          | -                                                                                     | Present when the input is focused (when wrapped in Field.Root).                      |
+| data-list-empty       | -                                                                                     | Present when the corresponding items list is empty.                                  |
+| data-popup-side       | `'top' \| 'bottom' \| 'left' \| 'right' \| 'inline-end' \| 'inline-start' \| null`    | Indicates which side the corresponding popup is positioned relative to its anchor.   |
+
+### Input.Props
+
+Re-export of [Input](#input) props.
+
+### Input.State
+
+```typescript
+type ComboboxInputState = {
+  open: boolean;
+  popupSide: Side | null;
+  listEmpty: boolean;
+  readOnly: boolean;
+  disabled: boolean;
+  touched: boolean;
+  dirty: boolean;
+  valid: boolean | null;
+  filled: boolean;
+  focused: boolean;
+};
+```
+
+### Icon
+
+An icon that indicates that the trigger button opens the popup. Renders a `<span>` element.
+
+**Icon Props:**
+
+| Prop           | Type                                                                                    | Default | Description                                                                                                                                                                              |
+| :------------- | :-------------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: Combobox.Icon.State) => CSSProperties \| undefined)`         | -       | -                                                                                                                                                                                        |
+| className      | `string \| ((state: Combobox.Icon.State) => string \| undefined)`                       | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Combobox.Icon.State) => ReactElement)`      | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+### Icon.Props
+
+Re-export of [Icon](#icon) props.
+
+### Icon.State
+
+```typescript
+type ComboboxIconState = {};
+```
+
+### Clear
+
+Clears the value when clicked. Renders a `<button>` element.
+
+**Clear Props:**
+
+| Prop           | Type                                                                                    | Default   | Description                                                                                                                                                                              |
+| :------------- | :-------------------------------------------------------------------------------------- | :-------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| nativeButton   | `boolean`                                                                               | `true`    | Whether the component renders a native `<button>` element when replacing it via the `render` prop. Set to `false` if the rendered element is not a button (e.g. `<div>`).                |
+| style          | `CSSProperties \| ((state: Combobox.Clear.State) => CSSProperties \| undefined)`        | -         | -                                                                                                                                                                                        |
+| disabled       | `boolean`                                                                               | `false`   | Whether the component should ignore user interaction.                                                                                                                                    |
+| className      | `string \| ((state: Combobox.Clear.State) => string \| undefined)`                      | -         | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| keepMounted    | `boolean`                                                                               | `false`   | Whether the component should remain mounted in the DOM when not visible.                                                                                                                 |
+| render         | `ReactElement \| ((props: HTMLProps, state: Combobox.Clear.State) => ReactElement)`     | -         | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+### Clear.Props
+
+Re-export of [Clear](#clear) props.
+
+### Clear.State
+
+```typescript
+type ComboboxClearState = {
+  open: boolean;
+  disabled: boolean;
+  transitionStatus: TransitionStatus;
+};
+```
+
+### List
+
+A list container for the items. Renders a `<div>` element.
+
+**List Props:**
+
+| Prop           | Type                                                                                    | Default | Description                                                                                                                                                                              |
+| :------------- | :-------------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: Combobox.List.State) => CSSProperties \| undefined)`         | -       | -                                                                                                                                                                                        |
+| children       | `ReactNode \| ((item: any, index: number) => ReactNode)`                                | -       | -                                                                                                                                                                                        |
+| className      | `string \| ((state: Combobox.List.State) => string \| undefined)`                       | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Combobox.List.State) => ReactElement)`      | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+### List.Props
+
+Re-export of [List](#list) props.
+
+### List.State
+
+```typescript
+type ComboboxListState = { empty: boolean };
+```
+
+### Portal
+
+A portal element that moves the popup to a different part of the DOM. By default, the portal element is appended to `<body>`. Renders a `<div>` element.
+
+**Portal Props:**
+
+| Prop           | Type                                                                                    | Default   | Description                                                                                                                                                                              |
+| :------------- | :-------------------------------------------------------------------------------------- | :-------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: Combobox.Portal.State) => CSSProperties \| undefined)`       | -         | -                                                                                                                                                                                        |
+| container      | `HTMLElement \| ShadowRoot \| RefObject<HTMLElement \| ShadowRoot \| null> \| null`     | -         | A parent element to render the portal element into.                                                                                                                                      |
+| className      | `string \| ((state: Combobox.Portal.State) => string \| undefined)`                     | -         | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| keepMounted    | `boolean`                                                                               | `false`   | Whether to keep the portal mounted in the DOM while the popup is hidden.                                                                                                                 |
+| render         | `ReactElement \| ((props: HTMLProps, state: Combobox.Portal.State) => ReactElement)`    | -         | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+### Portal.Props
+
+Re-export of [Portal](#portal) props.
+
+### Backdrop
+
+An overlay displayed beneath the popup. Renders a `<div>` element.
+
+**Backdrop Props:**
+
+| Prop           | Type                                                                                     | Default | Description                                                                                                                                                                              |
+| :------------- | :--------------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: Combobox.Backdrop.State) => CSSProperties \| undefined)`      | -       | -                                                                                                                                                                                        |
+| className      | `string \| ((state: Combobox.Backdrop.State) => string \| undefined)`                    | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Combobox.Backdrop.State) => ReactElement)`   | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**Backdrop Data Attributes:**
+
+| Attribute             | Type    | Description                                |
+| :-------------------- | :------ | :----------------------------------------- |
+| data-open             | -       | Present when the popup is open.            |
+| data-closed           | -       | Present when the popup is closed.          |
+| data-starting-style   | -       | Present when the popup is animating in.    |
+| data-ending-style     | -       | Present when the popup is animating out.   |
+
+### Backdrop.Props
+
+Re-export of [Backdrop](#backdrop) props.
+
+### Backdrop.State
+
+```typescript
+type ComboboxBackdropState = { open: boolean; transitionStatus: TransitionStatus };
+```
+
+### Positioner
+
+Positions the popup against the trigger. Renders a `<div>` element.
+
+**Positioner Props:**
+
+| Prop                  | Type                                                                                                               | Default                 | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         |
+| :-------------------- | :----------------------------------------------------------------------------------------------------------------- | :---------------------- | :-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| collisionAvoidance    | `CollisionAvoidance`                                                                                               | -                       | Determines how to handle collisions when positioning the popup.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     |
+| style                 | `CSSProperties \| ((state: Combobox.Positioner.State) => CSSProperties \| undefined)`                              | -                       | -                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   |
+| align                 | `Align`                                                                                                            | `'center'`              | How to align the popup relative to the specified side.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
+| alignOffset           | `number \| OffsetFunction`                                                                                         | `0`                     | Additional offset along the alignment axis in pixels. Also accepts a function that returns the offset to read the dimensions of the anchor and positioner elements, along with its side and alignment.The function takes a `data` object parameter with the following properties:`data.anchor`: the dimensions of the anchor element with properties `width` and `height`., `data.positioner`: the dimensions of the positioner element with properties `width` and `height`., `data.side`: which side of the anchor element the positioner is aligned against., `data.align`: how the positioner is aligned relative to the specified side.        |
+| side                  | `Side`                                                                                                             | `'bottom'`              | Which side of the anchor element to align the popup against. May automatically change to avoid collisions.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          |
+| sideOffset            | `number \| OffsetFunction`                                                                                         | `0`                     | Distance between the anchor and the popup in pixels. Also accepts a function that returns the distance to read the dimensions of the anchor and positioner elements, along with its side and alignment.The function takes a `data` object parameter with the following properties:`data.anchor`: the dimensions of the anchor element with properties `width` and `height`., `data.positioner`: the dimensions of the positioner element with properties `width` and `height`., `data.side`: which side of the anchor element the positioner is aligned against., `data.align`: how the positioner is aligned relative to the specified side.       |
+| arrowPadding          | `number`                                                                                                           | `5`                     | Minimum distance to maintain between the arrow and the edges of the popup.Use it to prevent the arrow element from hanging out of the rounded corners of a popup.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   |
+| anchor                | `Element \| VirtualElement \| RefObject<Element \| null> \| (() => Element \| VirtualElement \| null) \| null`     | -                       | An element to position the popup against. By default, the popup will be positioned against the trigger.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             |
+| collisionBoundary     | `Boundary`                                                                                                         | `'clipping-ancestors'`  | An element or a rectangle that delimits the area that the popup is confined to.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     |
+| collisionPadding      | `Padding`                                                                                                          | `5`                     | Additional space to maintain from the edge of the collision boundary.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               |
+| sticky                | `boolean`                                                                                                          | `false`                 | Whether to maintain the popup in the viewport after the anchor element was scrolled out of view.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    |
+| positionMethod        | `'fixed' \| 'absolute'`                                                                                            | `'absolute'`            | Determines which CSS `position` property to use.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    |
+| trackAnchor           | `boolean`                                                                                                          | `true`                  | Whether the popup tracks any layout shift of its positioning anchor.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                |
+| className             | `string \| ((state: Combobox.Positioner.State) => string \| undefined)`                                            | -                       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                |
+| render                | `ReactElement \| ((props: HTMLProps, state: Combobox.Positioner.State) => ReactElement)`                           | -                       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render.                                                                                                                                                                                                                                                                                                                                                                                                                                                            |
+
+**Positioner Data Attributes:**
+
+| Attribute             | Type                                                                          | Description                                                            |
+| :-------------------- | :---------------------------------------------------------------------------- | :--------------------------------------------------------------------- |
+| data-open             | -                                                                             | Present when the popup is open.                                        |
+| data-closed           | -                                                                             | Present when the popup is closed.                                      |
+| data-anchor-hidden    | -                                                                             | Present when the anchor is hidden.                                     |
+| data-align            | `'start' \| 'center' \| 'end'`                                                | Indicates how the popup is aligned relative to specified side.         |
+| data-empty            | -                                                                             | Present when the items list is empty.                                  |
+| data-side             | `'top' \| 'bottom' \| 'left' \| 'right' \| 'inline-end' \| 'inline-start'`    | Indicates which side the popup is positioned relative to the trigger.  |
+
+**Positioner CSS Variables:**
+
+| Variable                | Type      | Description                                                                                 |
+| :---------------------- | :-------- | :------------------------------------------------------------------------------------------ |
+| `--anchor-height`       | `number`  | The anchor's height.                                                                        |
+| `--anchor-width`        | `number`  | The anchor's width.                                                                         |
+| `--available-height`    | `number`  | The available height between the trigger and the edge of the viewport.                      |
+| `--available-width`     | `number`  | The available width between the trigger and the edge of the viewport.                       |
+| `--transform-origin`    | `string`  | The coordinates that this element is anchored to. Used for animations and transitions.      |
+
+### Positioner.Props
+
+Re-export of [Positioner](#positioner) props.
+
+### Positioner.State
+
+```typescript
+type ComboboxPositionerState = {
+  open: boolean;
+  side: Side;
+  align: Align;
+  anchorHidden: boolean;
+  empty: boolean;
+};
+```
+
+### Popup
+
+A container for the list. Renders a `<div>` element.
+
+**Popup Props:**
+
+| Prop           | Type                                                                                                                     | Default | Description                                                                                                                                                                                                                                                                                                                                                                                                                    |
+| :------------- | :----------------------------------------------------------------------------------------------------------------------- | :------ | :----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: Combobox.Popup.State) => CSSProperties \| undefined)`                                         | -       | -                                                                                                                                                                                                                                                                                                                                                                                                                              |
+| initialFocus   | `boolean \| RefObject<HTMLElement \| null> \| ((openType: InteractionType) => boolean \| void \| HTMLElement \| null)`   | -       | Determines the element to focus when the popup is opened.`false`: Do not move focus., `true`: Move focus based on the default behavior (first tabbable element or popup)., `RefObject`: Move focus to the ref element., `function`: Called with the interaction type (`mouse`, `touch`, `pen`, or `keyboard`). Return an element to focus, `true` to use the default behavior, or `false`/`undefined` to do nothing.           |
+| finalFocus     | `boolean \| RefObject<HTMLElement \| null> \| ((closeType: InteractionType) => boolean \| void \| HTMLElement \| null)`  | -       | Determines the element to focus when the popup is closed.`false`: Do not move focus., `true`: Move focus based on the default behavior (trigger or previously focused element)., `RefObject`: Move focus to the ref element., `function`: Called with the interaction type (`mouse`, `touch`, `pen`, or `keyboard`). Return an element to focus, `true` to use the default behavior, or `false`/`undefined` to do nothing.     |
+| className      | `string \| ((state: Combobox.Popup.State) => string \| undefined)`                                                       | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                                                                                                                                                                                                                                                           |
+| render         | `ReactElement \| ((props: HTMLProps, state: Combobox.Popup.State) => ReactElement)`                                      | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render.                                                                                                                                                                                                                                       |
+
+**Popup Data Attributes:**
+
+| Attribute             | Type                                                                          | Description                                                            |
+| :-------------------- | :---------------------------------------------------------------------------- | :--------------------------------------------------------------------- |
+| data-open             | -                                                                             | Present when the popup is open.                                        |
+| data-closed           | -                                                                             | Present when the popup is closed.                                      |
+| data-align            | `'start' \| 'center' \| 'end'`                                                | Indicates how the popup is aligned relative to specified side.         |
+| data-empty            | -                                                                             | Present when the items list is empty.                                  |
+| data-instant          | `'click' \| 'dismiss'`                                                        | Present if animations should be instant.                               |
+| data-side             | `'top' \| 'bottom' \| 'left' \| 'right' \| 'inline-end' \| 'inline-start'`    | Indicates which side the popup is positioned relative to the trigger.  |
+| data-starting-style   | -                                                                             | Present when the popup is animating in.                                |
+| data-ending-style     | -                                                                             | Present when the popup is animating out.                               |
+
+### Popup.Props
+
+Re-export of [Popup](#popup) props.
+
+### Popup.State
+
+```typescript
+type ComboboxPopupState = {
+  open: boolean;
+  side: Side;
+  align: Align;
+  anchorHidden: boolean;
+  transitionStatus: TransitionStatus;
+  empty: boolean;
+};
+```
+
+### Arrow
+
+Displays an element positioned against the anchor. Renders a `<div>` element.
+
+**Arrow Props:**
+
+| Prop           | Type                                                                                    | Default | Description                                                                                                                                                                              |
+| :------------- | :-------------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: Combobox.Arrow.State) => CSSProperties \| undefined)`        | -       | -                                                                                                                                                                                        |
+| className      | `string \| ((state: Combobox.Arrow.State) => string \| undefined)`                      | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Combobox.Arrow.State) => ReactElement)`     | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**Arrow Data Attributes:**
+
+| Attribute             | Type                                                                          | Description                                                            |
+| :-------------------- | :---------------------------------------------------------------------------- | :--------------------------------------------------------------------- |
+| data-open             | -                                                                             | Present when the popup is open.                                        |
+| data-closed           | -                                                                             | Present when the popup is closed.                                      |
+| data-uncentered       | -                                                                             | Present when the arrow is uncentered.                                  |
+| data-anchor-hidden    | -                                                                             | Present when the anchor is hidden.                                     |
+| data-align            | `'start' \| 'center' \| 'end'`                                                | Indicates how the popup is aligned relative to specified side.         |
+| data-side             | `'top' \| 'bottom' \| 'left' \| 'right' \| 'inline-end' \| 'inline-start'`    | Indicates which side the popup is positioned relative to the trigger.  |
+
+### Arrow\.Props
+
+Re-export of [Arrow](#arrow) props.
+
+### Arrow\.State
+
+```typescript
+type ComboboxArrowState = {
+  open: boolean;
+  side: Side;
+  align: Align;
+  uncentered: boolean;
+};
+```
+
+### Item
+
+An individual item in the list. Renders a `<div>` element.
+
+**Item Props:**
+
+| Prop           | Type                                                                                    | Default   | Description                                                                                                                                                                                                                            |
+| :------------- | :-------------------------------------------------------------------------------------- | :-------- | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| value          | `any`                                                                                   | `null`    | A unique value that identifies this item.                                                                                                                                                                                              |
+| onClick        | `MouseEventHandler<HTMLElement>`                                                        | -         | An optional click handler for the item when selected. It fires when clicking the item with the pointer, as well as when pressing `Enter` with the keyboard if the item is highlighted when the `Input` or `List` element has focus.    |
+| index          | `number`                                                                                | -         | The index of the item in the list. Improves performance when specified by avoiding the need to calculate the index automatically from the DOM.                                                                                         |
+| nativeButton   | `boolean`                                                                               | `false`   | Whether the component renders a native `<button>` element when replacing it via the `render` prop. Set to `true` if the rendered element is a native button.                                                                           |
+| style          | `CSSProperties \| ((state: Combobox.Item.State) => CSSProperties \| undefined)`         | -         | -                                                                                                                                                                                                                                      |
+| disabled       | `boolean`                                                                               | `false`   | Whether the component should ignore user interaction.                                                                                                                                                                                  |
+| children       | `ReactNode`                                                                             | -         | -                                                                                                                                                                                                                                      |
+| className      | `string \| ((state: Combobox.Item.State) => string \| undefined)`                       | -         | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                                                                   |
+| render         | `ReactElement \| ((props: HTMLProps, state: Combobox.Item.State) => ReactElement)`      | -         | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render.                                               |
+
+**Item Data Attributes:**
+
+| Attribute             | Type    | Description                                |
+| :-------------------- | :------ | :----------------------------------------- |
+| data-selected         | -       | Present when the item is selected.         |
+| data-highlighted      | -       | Present when the item is highlighted.      |
+| data-disabled         | -       | Present when the item is disabled.         |
+
+### Item.Props
+
+Re-export of [Item](#item) props.
+
+### Item.State
+
+```typescript
+type ComboboxItemState = {
+  disabled: boolean;
+  selected: boolean;
+  highlighted: boolean;
+};
+```
+
+### Group
+
+Groups related items with the corresponding label. Renders a `<div>` element.
+
+**Group Props:**
+
+| Prop           | Type                                                                                    | Default | Description                                                                                                                                                                              |
+| :------------- | :-------------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| items          | `any[]`                                                                                 | -       | Items to be rendered within this group. When provided, child `Collection` components will use these items.                                                                               |
+| style          | `CSSProperties \| ((state: Combobox.Group.State) => CSSProperties \| undefined)`        | -       | -                                                                                                                                                                                        |
+| className      | `string \| ((state: Combobox.Group.State) => string \| undefined)`                      | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Combobox.Group.State) => ReactElement)`     | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+### Group.Props
+
+Re-export of [Group](#group) props.
+
+### Group.State
+
+```typescript
+type ComboboxGroupState = {};
+```
+
+### GroupLabel
+
+An accessible label that is automatically associated with its parent group. Renders a `<div>` element.
+
+**GroupLabel Props:**
+
+| Prop           | Type                                                                                           | Default | Description                                                                                                                                                                              |
+| :------------- | :--------------------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: Combobox.GroupLabel.State) => CSSProperties \| undefined)`          | -       | -                                                                                                                                                                                        |
+| className      | `string \| ((state: Combobox.GroupLabel.State) => string \| undefined)`                        | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Combobox.GroupLabel.State) => ReactElement)`       | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+### GroupLabel.Props
+
+Re-export of [GroupLabel](#grouplabel) props.
+
+### GroupLabel.State
+
+```typescript
+type ComboboxGroupLabelState = {};
+```
+
+### Separator
+
+A separator element accessible to screen readers. Renders a `<div>` element.
+
+**Separator Props:**
+
+| Prop           | Type                                                                                     | Default          | Description                                                                                                                                                                              |
+| :------------- | :--------------------------------------------------------------------------------------- | :--------------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: Combobox.Separator.State) => CSSProperties \| undefined)`     | -                | -                                                                                                                                                                                        |
+| orientation    | `Combobox.Separator.Orientation`                                                         | `'horizontal'`   | The orientation of the separator.                                                                                                                                                        |
+| className      | `string \| ((state: Combobox.Separator.State) => string \| undefined)`                   | -                | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Combobox.Separator.State) => ReactElement)`  | -                | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+### Separator.Props
+
+Re-export of [Separator](#separator) props.
+
+### Separator.State
+
+```typescript
+type SeparatorState = { orientation: Combobox.Separator.Orientation };
+```
+
+### Separator.Orientation
+
+```typescript
+type ComboboxSeparatorOrientation = 'horizontal' | 'vertical';
+```
+
+### Status
+
+Displays a status message whose content changes are announced politely to screen readers. Useful for conveying the status of an asynchronously loaded list. Renders a `<div>` element.
+
+**Status Props:**
+
+| Prop           | Type                                                                                    | Default | Description                                                                                                                                                                              |
+| :------------- | :-------------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: Combobox.Status.State) => CSSProperties \| undefined)`       | -       | -                                                                                                                                                                                        |
+| className      | `string \| ((state: Combobox.Status.State) => string \| undefined)`                     | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Combobox.Status.State) => ReactElement)`    | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+### Status.Props
+
+Re-export of [Status](#status) props.
+
+### Status.State
+
+```typescript
+type ComboboxStatusState = {};
+```
+
+### Empty
+
+Renders its children only when the list is empty. Requires the `items` prop on the root component. Announces changes politely to screen readers. Renders a `<div>` element.
+
+**Empty Props:**
+
+| Prop           | Type                                                                                    | Default | Description                                                                                                                                                                              |
+| :------------- | :-------------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: Combobox.Empty.State) => CSSProperties \| undefined)`        | -       | -                                                                                                                                                                                        |
+| className      | `string \| ((state: Combobox.Empty.State) => string \| undefined)`                      | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Combobox.Empty.State) => ReactElement)`     | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+### Empty.Props
+
+Re-export of [Empty](#empty) props.
+
+### Empty.State
+
+```typescript
+type ComboboxEmptyState = {};
+```
+
+### Collection
+
+Renders filtered list items. Doesn't render its own HTML element.
+
+If rendering a flat list, pass a function child to the `List` component instead, which implicitly wraps it.
+
+**Collection Props:**
+
+| Prop           | Type                                         | Default | Description |
+| :------------- | :------------------------------------------- | :------ | :---------- |
+| children       | `((item: any, index: number) => ReactNode)`  | -       | -           |
+
+### Collection.Props
+
+Re-export of [Collection](#collection) props.
+
+### Row
+
+Displays a single row of items in a grid list. Enable `grid` on the root component to turn the listbox into a grid. Renders a `<div>` element.
+
+**Row Props:**
+
+| Prop           | Type                                                                                    | Default | Description                                                                                                                                                                              |
+| :------------- | :-------------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: Combobox.Row.State) => CSSProperties \| undefined)`          | -       | -                                                                                                                                                                                        |
+| className      | `string \| ((state: Combobox.Row.State) => string \| undefined)`                        | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Combobox.Row.State) => ReactElement)`       | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+### Row\.Props
+
+Re-export of [Row](#row) props.
+
+### Row\.State
+
+```typescript
+type ComboboxRowState = {};
+```
+
+### Chips
+
+A container for the chips in a multiselectable input. Renders a `<div>` element.
+
+**Chips Props:**
+
+| Prop           | Type                                                                                    | Default | Description                                                                                                                                                                              |
+| :------------- | :-------------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: Combobox.Chips.State) => CSSProperties \| undefined)`        | -       | -                                                                                                                                                                                        |
+| className      | `string \| ((state: Combobox.Chips.State) => string \| undefined)`                      | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Combobox.Chips.State) => ReactElement)`     | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+### Chips.Props
+
+Re-export of [Chips](#chips) props.
+
+### Chips.State
+
+```typescript
+type ComboboxChipsState = {};
+```
+
+### Chip
+
+An individual chip that represents a value in a multiselectable input. Renders a `<div>` element.
+
+**Chip Props:**
+
+| Prop           | Type                                                                                    | Default | Description                                                                                                                                                                              |
+| :------------- | :-------------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: Combobox.Chip.State) => CSSProperties \| undefined)`         | -       | -                                                                                                                                                                                        |
+| className      | `string \| ((state: Combobox.Chip.State) => string \| undefined)`                       | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Combobox.Chip.State) => ReactElement)`      | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+### Chip.Props
+
+Re-export of [Chip](#chip) props.
+
+### Chip.State
+
+```typescript
+type ComboboxChipState = { disabled: boolean };
+```
+
+### ChipRemove
+
+A button to remove a chip. Renders a `<button>` element.
+
+**ChipRemove Props:**
+
+| Prop           | Type                                                                                           | Default   | Description                                                                                                                                                                              |
+| :------------- | :--------------------------------------------------------------------------------------------- | :-------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| nativeButton   | `boolean`                                                                                      | `true`    | Whether the component renders a native `<button>` element when replacing it via the `render` prop. Set to `false` if the rendered element is not a button (e.g. `<div>`).                |
+| style          | `CSSProperties \| ((state: Combobox.ChipRemove.State) => CSSProperties \| undefined)`          | -         | -                                                                                                                                                                                        |
+| className      | `string \| ((state: Combobox.ChipRemove.State) => string \| undefined)`                        | -         | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Combobox.ChipRemove.State) => ReactElement)`       | -         | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+### ChipRemove.Props
+
+Re-export of [ChipRemove](#chipremove) props.
+
+### ChipRemove.State
+
+```typescript
+type ComboboxChipRemoveState = { disabled: boolean };
+```
+
+### ItemIndicator
+
+Indicates whether the item is selected. Renders a `<span>` element.
+
+**ItemIndicator Props:**
+
+| Prop           | Type                                                                                           | Default   | Description                                                                                                                                                                              |
+| :------------- | :--------------------------------------------------------------------------------------------- | :-------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: Combobox.ItemIndicator.State) => CSSProperties \| undefined)`       | -         | -                                                                                                                                                                                        |
+| children       | `ReactNode`                                                                                    | -         | -                                                                                                                                                                                        |
+| className      | `string \| ((state: Combobox.ItemIndicator.State) => string \| undefined)`                     | -         | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| keepMounted    | `boolean`                                                                                      | `false`   | Whether to keep the HTML element in the DOM when the item is not selected.                                                                                                               |
+| render         | `ReactElement \| ((props: HTMLProps, state: Combobox.ItemIndicator.State) => ReactElement)`    | -         | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+### ItemIndicator.Props
+
+Re-export of [ItemIndicator](#itemindicator) props.
+
+### ItemIndicator.State
+
+```typescript
+type ComboboxItemIndicatorState = {
+  selected: boolean;
+  transitionStatus: TransitionStatus;
+};
+```
+
+### Filter
+
+```typescript
+type Filter = {
+  contains: (
+    item: Item,
+    query: string,
+    itemToString?: (item: Item) => string,
+  ) => boolean;
+  startsWith: (
+    item: Item,
+    query: string,
+    itemToString?: (item: Item) => string,
+  ) => boolean;
+  endsWith: (
+    item: Item,
+    query: string,
+    itemToString?: (item: Item) => string,
+  ) => boolean;
+};
+```
+
+### UseComboboxFilterOptions
+
+```typescript
+type UseComboboxFilterOptions = {
+  multiple?: boolean;
+  value?: any;
+  locale?: IntlLocalesArgument;
+};
+```
+
+### useCoreFilter
+
+Matches items against a query using `Intl.Collator` for robust string matching.
+
+```typescript
+(options?: { locale?: IntlLocalesArgument }) => {
+  contains: (
+    item: Item,
+    query: string,
+    itemToString?: (item: Item) => string,
+  ) => boolean;
+  startsWith: (
+    item: Item,
+    query: string,
+    itemToString?: (item: Item) => string,
+  ) => boolean;
+  endsWith: (
+    item: Item,
+    query: string,
+    itemToString?: (item: Item) => string,
+  ) => boolean;
+};
+```
+
+### useFilter
+
+Matches items against a query using `Intl.Collator` for robust string matching.
+
+```typescript
+(options?: {
+  multiple?: boolean;
+  value?: any;
+  locale?: IntlLocalesArgument;
+}) => {
+  contains: (
+    item: Item,
+    query: string,
+    itemToString?: (item: Item) => string,
+  ) => boolean;
+  startsWith: (
+    item: Item,
+    query: string,
+    itemToString?: (item: Item) => string,
+  ) => boolean;
+  endsWith: (
+    item: Item,
+    query: string,
+    itemToString?: (item: Item) => string,
+  ) => boolean;
+};
+```
+
+### UseFilterOptions
+
+```typescript
+type UseFilterOptions = { locale?: IntlLocalesArgument };
+```
diff --git a/docs/src/app/(public)/(content)/react/components/combobox/types.ts b/docs/src/app/(public)/(content)/react/components/combobox/types.ts
new file mode 100644
index 00000000000..45ab046f808
--- /dev/null
+++ b/docs/src/app/(public)/(content)/react/components/combobox/types.ts
@@ -0,0 +1,29 @@
+import { Combobox } from '@base-ui-components/react/combobox';
+import { createMultipleTypes } from 'docs/src/utils/createTypes';
+
+const types = createMultipleTypes(import.meta.url, Combobox);
+
+export const TypesComboboxRoot = types.Root;
+export const TypesComboboxValue = types.Value;
+export const TypesComboboxIcon = types.Icon;
+export const TypesComboboxInput = types.Input;
+export const TypesComboboxClear = types.Clear;
+export const TypesComboboxTrigger = types.Trigger;
+export const TypesComboboxChips = types.Chips;
+export const TypesComboboxChip = types.Chip;
+export const TypesComboboxChipRemove = types.ChipRemove;
+export const TypesComboboxList = types.List;
+export const TypesComboboxPortal = types.Portal;
+export const TypesComboboxBackdrop = types.Backdrop;
+export const TypesComboboxPositioner = types.Positioner;
+export const TypesComboboxPopup = types.Popup;
+export const TypesComboboxArrow = types.Arrow;
+export const TypesComboboxStatus = types.Status;
+export const TypesComboboxEmpty = types.Empty;
+export const TypesComboboxCollection = types.Collection;
+export const TypesComboboxRow = types.Row;
+export const TypesComboboxItem = types.Item;
+export const TypesComboboxItemIndicator = types.ItemIndicator;
+export const TypesComboboxGroup = types.Group;
+export const TypesComboboxGroupLabel = types.GroupLabel;
+export const TypesComboboxSeparator = types.Separator;
diff --git a/docs/src/app/(public)/(content)/react/components/context-menu/page.mdx b/docs/src/app/(public)/(content)/react/components/context-menu/page.mdx
index 4efa1aa7410..d1030e0d55a 100644
--- a/docs/src/app/(public)/(content)/react/components/context-menu/page.mdx
+++ b/docs/src/app/(public)/(content)/react/components/context-menu/page.mdx
@@ -44,11 +44,98 @@ import { ContextMenu } from '@base-ui-components/react/context-menu';
 
 ## API reference
 
-<Reference component="ContextMenu" parts="Root, Trigger" />
-<Reference
-  component="Menu"
-  parts="Portal, Positioner, Popup, Arrow, Item, SubmenuRoot, SubmenuTrigger, Group, GroupLabel, RadioGroup, RadioItem, RadioItemIndicator, CheckboxItem, CheckboxItemIndicator, Separator"
-/>
+import { TypesContextMenuRoot, TypesContextMenuTrigger } from './types';
+
+### Root
+
+<TypesContextMenuRoot />
+
+### Trigger
+
+<TypesContextMenuTrigger />
+
+import {
+  TypesMenuPortal,
+  TypesMenuBackdrop,
+  TypesMenuPositioner,
+  TypesMenuPopup,
+  TypesMenuArrow,
+  TypesMenuItem,
+  TypesMenuSubmenuRoot,
+  TypesMenuSubmenuTrigger,
+  TypesMenuGroup,
+  TypesMenuGroupLabel,
+  TypesMenuRadioGroup,
+  TypesMenuRadioItem,
+  TypesMenuRadioItemIndicator,
+  TypesMenuCheckboxItem,
+  TypesMenuCheckboxItemIndicator,
+  TypesMenuSeparator,
+} from '../menu/types';
+
+### Portal
+
+<TypesMenuPortal />
+
+### Backdrop
+
+<TypesMenuBackdrop />
+
+### Positioner
+
+<TypesMenuPositioner />
+
+### Popup
+
+<TypesMenuPopup />
+
+### Arrow
+
+<TypesMenuArrow />
+
+### Item
+
+<TypesMenuItem />
+
+### SubmenuRoot
+
+<TypesMenuSubmenuRoot />
+
+### SubmenuTrigger
+
+<TypesMenuSubmenuTrigger />
+
+### Group
+
+<TypesMenuGroup />
+
+### GroupLabel
+
+<TypesMenuGroupLabel />
+
+### RadioGroup
+
+<TypesMenuRadioGroup />
+
+### RadioItem
+
+<TypesMenuRadioItem />
+
+### RadioItemIndicator
+
+<TypesMenuRadioItemIndicator />
+
+### CheckboxItem
+
+<TypesMenuCheckboxItem />
+
+### CheckboxItemIndicator
+
+<TypesMenuCheckboxItemIndicator />
+
+### Separator
+
+<TypesMenuSeparator />
 
 ## Examples
 
diff --git a/docs/src/app/(public)/(content)/react/components/context-menu/types.md b/docs/src/app/(public)/(content)/react/components/context-menu/types.md
new file mode 100644
index 00000000000..6c30c2720b6
--- /dev/null
+++ b/docs/src/app/(public)/(content)/react/components/context-menu/types.md
@@ -0,0 +1,994 @@
+# Context Menu
+
+[//]: types.ts '<-- Autogenerated By (do not edit the following markdown directly)'
+
+## API Reference
+
+### Root
+
+A component that creates a context menu activated by right clicking or long pressing. Doesn’t render its own HTML element.
+
+**Root Props:**
+
+| Prop                  | Type                                                                            | Default          | Description                                                                                                                                                                                                                                               |
+| :-------------------- | :------------------------------------------------------------------------------ | :--------------- | :-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| defaultOpen           | `boolean`                                                                       | `false`          | Whether the menu is initially open.To render a controlled menu, use the `open` prop instead.                                                                                                                                                              |
+| open                  | `boolean`                                                                       | -                | Whether the menu is currently open.                                                                                                                                                                                                                       |
+| onOpenChange          | `((open: boolean, eventDetails: ContextMenu.Root.ChangeEventDetails) => void)`  | -                | Event handler called when the menu is opened or closed.                                                                                                                                                                                                   |
+| actionsRef            | `RefObject<MenuRootActions>`                                                    | -                | A ref to imperative actions.`unmount`: When specified, the menu will not be unmounted when closed. Instead, the `unmount` function must be called to unmount the menu manually. Useful when the menu's animation is controlled by an external library.    |
+| closeParentOnEsc      | `boolean`                                                                       | `true`           | When in a submenu, determines whether pressing the Escape key closes the entire menu, or only the current child menu.                                                                                                                                     |
+| onOpenChangeComplete  | `((open: boolean) => void)`                                                     | -                | Event handler called after any animations complete when the menu is closed.                                                                                                                                                                               |
+| disabled              | `boolean`                                                                       | `false`          | Whether the component should ignore user interaction.                                                                                                                                                                                                     |
+| loop                  | `boolean`                                                                       | `true`           | Whether to loop keyboard focus back to the first item when the end of the list is reached while using the arrow keys.                                                                                                                                     |
+| orientation           | `MenuRootOrientation`                                                           | `'vertical'`     | The visual orientation of the menu. Controls whether roving focus uses up/down or left/right arrow keys.                                                                                                                                                  |
+| children              | `ReactNode`                                                                     | -                | -                                                                                                                                                                                                                                                         |
+
+### Root.Props
+
+Re-export of [Root](#root) props.
+
+### Root.State
+
+```typescript
+type ContextMenuRootState = {};
+```
+
+### Root.Actions
+
+```typescript
+type MenuRootActions = { unmount: () => void };
+```
+
+### Root.ChangeEventReason
+
+```typescript
+type ContextMenuRootChangeEventReason =
+  | 'trigger-hover'
+  | 'trigger-focus'
+  | 'trigger-press'
+  | 'outside-press'
+  | 'focus-out'
+  | 'list-navigation'
+  | 'escape-key'
+  | 'item-press'
+  | 'close-press'
+  | 'sibling-open'
+  | 'cancel-open'
+  | 'none';
+```
+
+### Root.ChangeEventDetails
+
+```typescript
+type ContextMenuRootChangeEventDetails =
+  | {
+      reason: 'trigger-hover';
+      event: MouseEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    }
+  | {
+      reason: 'trigger-focus';
+      event: FocusEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    }
+  | {
+      reason: 'trigger-press';
+      event: MouseEvent | PointerEvent | TouchEvent | KeyboardEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    }
+  | {
+      reason: 'outside-press';
+      event: MouseEvent | PointerEvent | TouchEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    }
+  | {
+      reason: 'focus-out';
+      event: FocusEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    }
+  | {
+      reason: 'list-navigation';
+      event: KeyboardEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    }
+  | {
+      reason: 'escape-key';
+      event: KeyboardEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    }
+  | {
+      reason: 'item-press';
+      event: MouseEvent | PointerEvent | KeyboardEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    }
+  | {
+      reason: 'close-press';
+      event: MouseEvent | PointerEvent | KeyboardEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    }
+  | {
+      reason: 'sibling-open';
+      event: Event;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    }
+  | {
+      reason: 'cancel-open';
+      event: MouseEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    }
+  | {
+      reason: 'none';
+      event: Event;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    };
+```
+
+### Trigger
+
+An area that opens the menu on right click or long press. Renders a `<div>` element.
+
+**Trigger Props:**
+
+| Prop           | Type                                                                                           | Default | Description                                                                                                                                                                              |
+| :------------- | :--------------------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: ContextMenu.Trigger.State) => CSSProperties \| undefined)`          | -       | -                                                                                                                                                                                        |
+| className      | `string \| ((state: ContextMenu.Trigger.State) => string \| undefined)`                        | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: ContextMenu.Trigger.State) => ReactElement)`       | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+### Trigger.Props
+
+Re-export of [Trigger](#trigger) props.
+
+### Trigger.State
+
+```typescript
+type ContextMenuTriggerState = {};
+```
+
+### Portal
+
+A portal element that moves the popup to a different part of the DOM. By default, the portal element is appended to `<body>`. Renders a `<div>` element.
+
+**Portal Props:**
+
+| Prop           | Type                                                                                     | Default   | Description                                                                                                                                                                              |
+| :------------- | :--------------------------------------------------------------------------------------- | :-------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: ContextMenu.Portal.State) => CSSProperties \| undefined)`     | -         | -                                                                                                                                                                                        |
+| container      | `HTMLElement \| ShadowRoot \| RefObject<HTMLElement \| ShadowRoot \| null> \| null`      | -         | A parent element to render the portal element into.                                                                                                                                      |
+| className      | `string \| ((state: ContextMenu.Portal.State) => string \| undefined)`                   | -         | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| keepMounted    | `boolean`                                                                                | `false`   | Whether to keep the portal mounted in the DOM while the popup is hidden.                                                                                                                 |
+| render         | `ReactElement \| ((props: HTMLProps, state: ContextMenu.Portal.State) => ReactElement)`  | -         | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+### Portal.Props
+
+Re-export of [Portal](#portal) props.
+
+### Backdrop
+
+An overlay displayed beneath the menu popup. Renders a `<div>` element.
+
+**Backdrop Props:**
+
+| Prop           | Type                                                                                           | Default | Description                                                                                                                                                                              |
+| :------------- | :--------------------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: ContextMenu.Backdrop.State) => CSSProperties \| undefined)`         | -       | -                                                                                                                                                                                        |
+| className      | `string \| ((state: ContextMenu.Backdrop.State) => string \| undefined)`                       | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: ContextMenu.Backdrop.State) => ReactElement)`      | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**Backdrop Data Attributes:**
+
+| Attribute             | Type    | Description                                |
+| :-------------------- | :------ | :----------------------------------------- |
+| data-open             | -       | Present when the menu is open.             |
+| data-closed           | -       | Present when the menu is closed.           |
+| data-starting-style   | -       | Present when the menu is animating in.     |
+| data-ending-style     | -       | Present when the menu is animating out.    |
+
+### Backdrop.Props
+
+Re-export of [Backdrop](#backdrop) props.
+
+### Backdrop.State
+
+```typescript
+type MenuBackdropState = { open: boolean; transitionStatus: TransitionStatus };
+```
+
+### Positioner
+
+Positions the menu popup against the trigger. Renders a `<div>` element.
+
+**Positioner Props:**
+
+| Prop                  | Type                                                                                                               | Default                 | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         |
+| :-------------------- | :----------------------------------------------------------------------------------------------------------------- | :---------------------- | :-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| collisionAvoidance    | `CollisionAvoidance`                                                                                               | -                       | Determines how to handle collisions when positioning the popup.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     |
+| style                 | `CSSProperties \| ((state: ContextMenu.Positioner.State) => CSSProperties \| undefined)`                           | -                       | -                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   |
+| align                 | `Align`                                                                                                            | `'center'`              | How to align the popup relative to the specified side.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
+| alignOffset           | `number \| OffsetFunction`                                                                                         | `0`                     | Additional offset along the alignment axis in pixels. Also accepts a function that returns the offset to read the dimensions of the anchor and positioner elements, along with its side and alignment.The function takes a `data` object parameter with the following properties:`data.anchor`: the dimensions of the anchor element with properties `width` and `height`., `data.positioner`: the dimensions of the positioner element with properties `width` and `height`., `data.side`: which side of the anchor element the positioner is aligned against., `data.align`: how the positioner is aligned relative to the specified side.        |
+| side                  | `Side`                                                                                                             | `'bottom'`              | Which side of the anchor element to align the popup against. May automatically change to avoid collisions.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          |
+| sideOffset            | `number \| OffsetFunction`                                                                                         | `0`                     | Distance between the anchor and the popup in pixels. Also accepts a function that returns the distance to read the dimensions of the anchor and positioner elements, along with its side and alignment.The function takes a `data` object parameter with the following properties:`data.anchor`: the dimensions of the anchor element with properties `width` and `height`., `data.positioner`: the dimensions of the positioner element with properties `width` and `height`., `data.side`: which side of the anchor element the positioner is aligned against., `data.align`: how the positioner is aligned relative to the specified side.       |
+| arrowPadding          | `number`                                                                                                           | `5`                     | Minimum distance to maintain between the arrow and the edges of the popup.Use it to prevent the arrow element from hanging out of the rounded corners of a popup.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   |
+| anchor                | `Element \| VirtualElement \| RefObject<Element \| null> \| (() => Element \| VirtualElement \| null) \| null`     | -                       | An element to position the popup against. By default, the popup will be positioned against the trigger.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             |
+| collisionBoundary     | `Boundary`                                                                                                         | `'clipping-ancestors'`  | An element or a rectangle that delimits the area that the popup is confined to.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     |
+| collisionPadding      | `Padding`                                                                                                          | `5`                     | Additional space to maintain from the edge of the collision boundary.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               |
+| sticky                | `boolean`                                                                                                          | `false`                 | Whether to maintain the popup in the viewport after the anchor element was scrolled out of view.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    |
+| positionMethod        | `'fixed' \| 'absolute'`                                                                                            | `'absolute'`            | Determines which CSS `position` property to use.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    |
+| trackAnchor           | `boolean`                                                                                                          | `true`                  | Whether the popup tracks any layout shift of its positioning anchor.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                |
+| className             | `string \| ((state: ContextMenu.Positioner.State) => string \| undefined)`                                         | -                       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                |
+| render                | `ReactElement \| ((props: HTMLProps, state: ContextMenu.Positioner.State) => ReactElement)`                        | -                       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render.                                                                                                                                                                                                                                                                                                                                                                                                                                                            |
+
+**Positioner Data Attributes:**
+
+| Attribute             | Type                                                                          | Description                                                            |
+| :-------------------- | :---------------------------------------------------------------------------- | :--------------------------------------------------------------------- |
+| data-open             | -                                                                             | Present when the menu popup is open.                                   |
+| data-closed           | -                                                                             | Present when the menu popup is closed.                                 |
+| data-anchor-hidden    | -                                                                             | Present when the anchor is hidden.                                     |
+| data-align            | `'start' \| 'center' \| 'end'`                                                | Indicates how the popup is aligned relative to specified side.         |
+| data-side             | `'top' \| 'bottom' \| 'left' \| 'right' \| 'inline-end' \| 'inline-start'`    | Indicates which side the popup is positioned relative to the trigger.  |
+
+**Positioner CSS Variables:**
+
+| Variable                | Type      | Description                                                                                 |
+| :---------------------- | :-------- | :------------------------------------------------------------------------------------------ |
+| `--anchor-height`       | `number`  | The anchor's height.                                                                        |
+| `--anchor-width`        | `number`  | The anchor's width.                                                                         |
+| `--available-height`    | `number`  | The available height between the trigger and the edge of the viewport.                      |
+| `--available-width`     | `number`  | The available width between the trigger and the edge of the viewport.                       |
+| `--transform-origin`    | `string`  | The coordinates that this element is anchored to. Used for animations and transitions.      |
+
+### Positioner.Props
+
+Re-export of [Positioner](#positioner) props.
+
+### Positioner.State
+
+```typescript
+type MenuPositionerState = {
+  open: boolean;
+  side: Side;
+  align: Align;
+  anchorHidden: boolean;
+  nested: boolean;
+};
+```
+
+### Popup
+
+A container for the menu items. Renders a `<div>` element.
+
+**Popup Props:**
+
+| Prop           | Type                                                                                                                     | Default | Description                                                                                                                                                                                                                                                                                                                                                                                                                    |
+| :------------- | :----------------------------------------------------------------------------------------------------------------------- | :------ | :----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: ContextMenu.Popup.State) => CSSProperties \| undefined)`                                      | -       | -                                                                                                                                                                                                                                                                                                                                                                                                                              |
+| finalFocus     | `boolean \| RefObject<HTMLElement \| null> \| ((closeType: InteractionType) => boolean \| void \| HTMLElement \| null)`  | -       | Determines the element to focus when the menu is closed.`false`: Do not move focus., `true`: Move focus based on the default behavior (trigger or previously focused element)., `RefObject`: Move focus to the ref element., `function`: Called with the interaction type (`mouse`, `touch`, `pen`, or `keyboard`). Return an element to focus, `true` to use the default behavior, or `false`/`undefined` to do nothing.      |
+| id             | `string`                                                                                                                 | -       | -                                                                                                                                                                                                                                                                                                                                                                                                                              |
+| children       | `ReactNode`                                                                                                              | -       | -                                                                                                                                                                                                                                                                                                                                                                                                                              |
+| className      | `string \| ((state: ContextMenu.Popup.State) => string \| undefined)`                                                    | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                                                                                                                                                                                                                                                           |
+| render         | `ReactElement \| ((props: HTMLProps, state: ContextMenu.Popup.State) => ReactElement)`                                   | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render.                                                                                                                                                                                                                                       |
+
+**Popup Data Attributes:**
+
+| Attribute             | Type                                                                          | Description                                                            |
+| :-------------------- | :---------------------------------------------------------------------------- | :--------------------------------------------------------------------- |
+| data-open             | -                                                                             | Present when the menu is open.                                         |
+| data-closed           | -                                                                             | Present when the menu is closed.                                       |
+| data-align            | `'start' \| 'center' \| 'end'`                                                | Indicates how the popup is aligned relative to specified side.         |
+| data-instant          | `'click' \| 'dismiss' \| 'group'`                                             | Present if animations should be instant.                               |
+| data-side             | `'top' \| 'bottom' \| 'left' \| 'right' \| 'inline-end' \| 'inline-start'`    | Indicates which side the popup is positioned relative to the trigger.  |
+| data-starting-style   | -                                                                             | Present when the menu is animating in.                                 |
+| data-ending-style     | -                                                                             | Present when the menu is animating out.                                |
+
+### Popup.Props
+
+Re-export of [Popup](#popup) props.
+
+### Popup.State
+
+```typescript
+type ContextMenuPopupState = {
+  transitionStatus: TransitionStatus;
+  side: Side;
+  align: Align;
+  open: boolean;
+  nested: boolean;
+};
+```
+
+### Arrow
+
+Displays an element positioned against the menu anchor. Renders a `<div>` element.
+
+**Arrow Props:**
+
+| Prop           | Type                                                                                     | Default | Description                                                                                                                                                                              |
+| :------------- | :--------------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: ContextMenu.Arrow.State) => CSSProperties \| undefined)`      | -       | -                                                                                                                                                                                        |
+| className      | `string \| ((state: ContextMenu.Arrow.State) => string \| undefined)`                    | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: ContextMenu.Arrow.State) => ReactElement)`   | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**Arrow Data Attributes:**
+
+| Attribute             | Type                                                                          | Description                                                            |
+| :-------------------- | :---------------------------------------------------------------------------- | :--------------------------------------------------------------------- |
+| data-open             | -                                                                             | Present when the menu popup is open.                                   |
+| data-closed           | -                                                                             | Present when the menu popup is closed.                                 |
+| data-uncentered       | -                                                                             | Present when the menu arrow is uncentered.                             |
+| data-anchor-hidden    | -                                                                             | Present when the anchor is hidden.                                     |
+| data-align            | `'start' \| 'center' \| 'end'`                                                | Indicates how the popup is aligned relative to specified side.         |
+| data-side             | `'top' \| 'bottom' \| 'left' \| 'right' \| 'inline-end' \| 'inline-start'`    | Indicates which side the popup is positioned relative to the trigger.  |
+
+### Arrow\.Props
+
+Re-export of [Arrow](#arrow) props.
+
+### Arrow\.State
+
+```typescript
+type MenuArrowState = {
+  open: boolean;
+  side: Side;
+  align: Align;
+  uncentered: boolean;
+};
+```
+
+### Item
+
+An individual interactive item in the menu. Renders a `<div>` element.
+
+**Item Props:**
+
+| Prop           | Type                                                                                     | Default   | Description                                                                                                                                                                              |
+| :------------- | :--------------------------------------------------------------------------------------- | :-------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| label          | `string`                                                                                 | -         | Overrides the text label to use when the item is matched during keyboard text navigation.                                                                                                |
+| onClick        | `MouseEventHandler<HTMLElement>`                                                         | -         | The click handler for the menu item.                                                                                                                                                     |
+| closeOnClick   | `boolean`                                                                                | `true`    | Whether to close the menu when the item is clicked.                                                                                                                                      |
+| nativeButton   | `boolean`                                                                                | `false`   | Whether the component renders a native `<button>` element when replacing it via the `render` prop. Set to `true` if the rendered element is a native button.                             |
+| style          | `CSSProperties \| ((state: ContextMenu.Item.State) => CSSProperties \| undefined)`       | -         | -                                                                                                                                                                                        |
+| disabled       | `boolean`                                                                                | `false`   | Whether the component should ignore user interaction.                                                                                                                                    |
+| id             | `string`                                                                                 | -         | -                                                                                                                                                                                        |
+| className      | `string \| ((state: ContextMenu.Item.State) => string \| undefined)`                     | -         | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: ContextMenu.Item.State) => ReactElement)`    | -         | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**Item Data Attributes:**
+
+| Attribute             | Type    | Description                                |
+| :-------------------- | :------ | :----------------------------------------- |
+| data-highlighted      | -       | Present when the menu item is highlighted. |
+| data-disabled         | -       | Present when the menu item is disabled.    |
+
+### Item.Props
+
+Re-export of [Item](#item) props.
+
+### Item.State
+
+```typescript
+type MenuItemState = { disabled: boolean; highlighted: boolean };
+```
+
+### Group
+
+Groups related menu items with the corresponding label. Renders a `<div>` element.
+
+**Group Props:**
+
+| Prop           | Type                                                                                     | Default | Description                                                                                                                                                                              |
+| :------------- | :--------------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: ContextMenu.Group.State) => CSSProperties \| undefined)`      | -       | -                                                                                                                                                                                        |
+| children       | `ReactNode`                                                                              | -       | The content of the component.                                                                                                                                                            |
+| className      | `string \| ((state: ContextMenu.Group.State) => string \| undefined)`                    | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: ContextMenu.Group.State) => ReactElement)`   | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+### Group.Props
+
+Re-export of [Group](#group) props.
+
+### Group.State
+
+```typescript
+type MenuGroupState = {};
+```
+
+### GroupLabel
+
+An accessible label that is automatically associated with its parent group. Renders a `<div>` element.
+
+**GroupLabel Props:**
+
+| Prop           | Type                                                                                           | Default | Description                                                                                                                                                                              |
+| :------------- | :--------------------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: ContextMenu.GroupLabel.State) => CSSProperties \| undefined)`       | -       | -                                                                                                                                                                                        |
+| className      | `string \| ((state: ContextMenu.GroupLabel.State) => string \| undefined)`                     | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: ContextMenu.GroupLabel.State) => ReactElement)`    | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+### GroupLabel.Props
+
+Re-export of [GroupLabel](#grouplabel) props.
+
+### GroupLabel.State
+
+```typescript
+type MenuGroupLabelState = {};
+```
+
+### Separator
+
+A separator element accessible to screen readers. Renders a `<div>` element.
+
+**Separator Props:**
+
+| Prop           | Type                                                                                           | Default          | Description                                                                                                                                                                              |
+| :------------- | :--------------------------------------------------------------------------------------------- | :--------------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: ContextMenu.Separator.State) => CSSProperties \| undefined)`        | -                | -                                                                                                                                                                                        |
+| orientation    | `ContextMenu.Separator.Orientation`                                                            | `'horizontal'`   | The orientation of the separator.                                                                                                                                                        |
+| className      | `string \| ((state: ContextMenu.Separator.State) => string \| undefined)`                      | -                | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: ContextMenu.Separator.State) => ReactElement)`     | -                | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+### Separator.Props
+
+Re-export of [Separator](#separator) props.
+
+### Separator.State
+
+```typescript
+type SeparatorState = { orientation: ContextMenu.Separator.Orientation };
+```
+
+### Separator.Orientation
+
+```typescript
+type ContextMenuSeparatorOrientation = 'horizontal' | 'vertical';
+```
+
+### SubmenuRoot.Context
+
+```typescript
+Context<boolean>;
+```
+
+### SubmenuTrigger
+
+A menu item that opens a submenu. Renders a `<div>` element.
+
+**SubmenuTrigger Props:**
+
+| Prop           | Type                                                                                                  | Default   | Description                                                                                                                                                                              |
+| :------------- | :---------------------------------------------------------------------------------------------------- | :-------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| label          | `string`                                                                                              | -         | Overrides the text label to use when the item is matched during keyboard text navigation.                                                                                                |
+| onClick        | `MouseEventHandler<HTMLElement>`                                                                      | -         | -                                                                                                                                                                                        |
+| nativeButton   | `boolean`                                                                                             | `false`   | Whether the component renders a native `<button>` element when replacing it via the `render` prop. Set to `true` if the rendered element is a native button.                             |
+| style          | `CSSProperties \| ((state: ContextMenu.SubmenuTrigger.State) => CSSProperties \| undefined)`          | -         | -                                                                                                                                                                                        |
+| id             | `string`                                                                                              | -         | -                                                                                                                                                                                        |
+| className      | `string \| ((state: ContextMenu.SubmenuTrigger.State) => string \| undefined)`                        | -         | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: ContextMenu.SubmenuTrigger.State) => ReactElement)`       | -         | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**SubmenuTrigger Data Attributes:**
+
+| Attribute             | Type    | Description                                       |
+| :-------------------- | :------ | :------------------------------------------------ |
+| data-popup-open       | -       | Present when the corresponding submenu is open.   |
+
+### SubmenuTrigger.Props
+
+Re-export of [SubmenuTrigger](#submenutrigger) props.
+
+### SubmenuTrigger.State
+
+```typescript
+type MenuSubmenuTriggerState = {
+  disabled: boolean;
+  highlighted: boolean;
+  open: boolean;
+};
+```
+
+### RadioGroup
+
+Groups related radio items. Renders a `<div>` element.
+
+**RadioGroup Props:**
+
+| Prop           | Type                                                                                           | Default   | Description                                                                                                                                                                              |
+| :------------- | :--------------------------------------------------------------------------------------------- | :-------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| defaultValue   | `any`                                                                                          | -         | The uncontrolled value of the radio item that should be initially selected.To render a controlled radio group, use the `value` prop instead.                                             |
+| value          | `any`                                                                                          | -         | The controlled value of the radio item that should be currently selected.To render an uncontrolled radio group, use the `defaultValue` prop instead.                                     |
+| onValueChange  | `((value: any, eventDetails: ContextMenu.RadioGroup.ChangeEventDetails) => void)`              | -         | Function called when the selected value changes.                                                                                                                                         |
+| style          | `CSSProperties \| ((state: ContextMenu.RadioGroup.State) => CSSProperties \| undefined)`       | -         | -                                                                                                                                                                                        |
+| disabled       | `boolean`                                                                                      | `false`   | Whether the component should ignore user interaction.                                                                                                                                    |
+| children       | `ReactNode`                                                                                    | -         | The content of the component.                                                                                                                                                            |
+| className      | `string \| ((state: ContextMenu.RadioGroup.State) => string \| undefined)`                     | -         | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: ContextMenu.RadioGroup.State) => ReactElement)`    | -         | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+### RadioGroup.Props
+
+Re-export of [RadioGroup](#radiogroup) props.
+
+### RadioGroup.State
+
+```typescript
+type ContextMenuRadioGroupState = { disabled: boolean };
+```
+
+### RadioGroup.ChangeEventReason
+
+```typescript
+type ContextMenuRadioGroupChangeEventReason =
+  | 'trigger-hover'
+  | 'trigger-focus'
+  | 'trigger-press'
+  | 'outside-press'
+  | 'focus-out'
+  | 'list-navigation'
+  | 'escape-key'
+  | 'item-press'
+  | 'close-press'
+  | 'sibling-open'
+  | 'cancel-open'
+  | 'none';
+```
+
+### RadioGroup.ChangeEventDetails
+
+```typescript
+type ContextMenuRadioGroupChangeEventDetails =
+  | {
+      reason: 'trigger-hover';
+      event: MouseEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    }
+  | {
+      reason: 'trigger-focus';
+      event: FocusEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    }
+  | {
+      reason: 'trigger-press';
+      event: MouseEvent | PointerEvent | TouchEvent | KeyboardEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    }
+  | {
+      reason: 'outside-press';
+      event: MouseEvent | PointerEvent | TouchEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    }
+  | {
+      reason: 'focus-out';
+      event: FocusEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    }
+  | {
+      reason: 'list-navigation';
+      event: KeyboardEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    }
+  | {
+      reason: 'escape-key';
+      event: KeyboardEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    }
+  | {
+      reason: 'item-press';
+      event: MouseEvent | PointerEvent | KeyboardEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    }
+  | {
+      reason: 'close-press';
+      event: MouseEvent | PointerEvent | KeyboardEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    }
+  | {
+      reason: 'sibling-open';
+      event: Event;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    }
+  | {
+      reason: 'cancel-open';
+      event: MouseEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    }
+  | {
+      reason: 'none';
+      event: Event;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    };
+```
+
+### RadioItem
+
+A menu item that works like a radio button in a given group. Renders a `<div>` element.
+
+**RadioItem Props:**
+
+| Prop           | Type                                                                                           | Default   | Description                                                                                                                                                                              |
+| :------------- | :--------------------------------------------------------------------------------------------- | :-------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| label          | `string`                                                                                       | -         | Overrides the text label to use when the item is matched during keyboard text navigation.                                                                                                |
+| value          | `any`                                                                                          | -         | Value of the radio item. This is the value that will be set in the MenuRadioGroup when the item is selected.                                                                             |
+| onClick        | `MouseEventHandler<HTMLElement>`                                                               | -         | The click handler for the menu item.                                                                                                                                                     |
+| closeOnClick   | `boolean`                                                                                      | `false`   | Whether to close the menu when the item is clicked.                                                                                                                                      |
+| nativeButton   | `boolean`                                                                                      | `false`   | Whether the component renders a native `<button>` element when replacing it via the `render` prop. Set to `true` if the rendered element is a native button.                             |
+| style          | `CSSProperties \| ((state: ContextMenu.RadioItem.State) => CSSProperties \| undefined)`        | -         | -                                                                                                                                                                                        |
+| disabled       | `boolean`                                                                                      | `false`   | Whether the component should ignore user interaction.                                                                                                                                    |
+| id             | `string`                                                                                       | -         | -                                                                                                                                                                                        |
+| className      | `string \| ((state: ContextMenu.RadioItem.State) => string \| undefined)`                      | -         | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: ContextMenu.RadioItem.State) => ReactElement)`     | -         | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**RadioItem Data Attributes:**
+
+| Attribute             | Type    | Description                                       |
+| :-------------------- | :------ | :------------------------------------------------ |
+| data-checked          | -       | Present when the menu radio item is selected.     |
+| data-unchecked        | -       | Present when the menu radio item is not selected. |
+| data-highlighted      | -       | Present when the menu radio item is highlighted.  |
+| data-disabled         | -       | Present when the menu radio item is disabled.     |
+
+### RadioItem.Props
+
+Re-export of [RadioItem](#radioitem) props.
+
+### RadioItem.State
+
+```typescript
+type ContextMenuRadioItemState = {
+  disabled: boolean;
+  highlighted: boolean;
+  checked: boolean;
+};
+```
+
+### RadioItemIndicator
+
+Indicates whether the radio item is selected. Renders a `<div>` element.
+
+**RadioItemIndicator Props:**
+
+| Prop           | Type                                                                                                   | Default   | Description                                                                                                                                                                              |
+| :------------- | :----------------------------------------------------------------------------------------------------- | :-------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: ContextMenu.RadioItemIndicator.State) => CSSProperties \| undefined)`       | -         | -                                                                                                                                                                                        |
+| className      | `string \| ((state: ContextMenu.RadioItemIndicator.State) => string \| undefined)`                     | -         | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| keepMounted    | `boolean`                                                                                              | `false`   | Whether to keep the HTML element in the DOM when the radio item is inactive.                                                                                                             |
+| render         | `ReactElement \| ((props: HTMLProps, state: ContextMenu.RadioItemIndicator.State) => ReactElement)`    | -         | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**RadioItemIndicator Data Attributes:**
+
+| Attribute             | Type    | Description                                              |
+| :-------------------- | :------ | :------------------------------------------------------- |
+| data-checked          | -       | Present when the menu radio item is selected.            |
+| data-unchecked        | -       | Present when the menu radio item is not selected.        |
+| data-disabled         | -       | Present when the menu radio item is disabled.            |
+| data-starting-style   | -       | Present when the radio indicator is animating in.        |
+| data-ending-style     | -       | Present when the radio indicator is animating out.       |
+
+### RadioItemIndicator.Props
+
+Re-export of [RadioItemIndicator](#radioitemindicator) props.
+
+### RadioItemIndicator.State
+
+```typescript
+type MenuRadioItemIndicatorState = {
+  checked: boolean;
+  disabled: boolean;
+  highlighted: boolean;
+  transitionStatus: TransitionStatus;
+};
+```
+
+### CheckboxItem
+
+A menu item that toggles a setting on or off. Renders a `<div>` element.
+
+**CheckboxItem Props:**
+
+| Prop                  | Type                                                                                            | Default   | Description                                                                                                                                                                              |
+| :-------------------- | :---------------------------------------------------------------------------------------------- | :-------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| label                 | `string`                                                                                        | -         | Overrides the text label to use when the item is matched during keyboard text navigation.                                                                                                |
+| defaultChecked        | `boolean`                                                                                       | `false`   | Whether the checkbox item is initially ticked.To render a controlled checkbox item, use the `checked` prop instead.                                                                      |
+| checked               | `boolean`                                                                                       | -         | Whether the checkbox item is currently ticked.To render an uncontrolled checkbox item, use the `defaultChecked` prop instead.                                                            |
+| onCheckedChange       | `((checked: boolean, eventDetails: ContextMenu.CheckboxItem.ChangeEventDetails) => void)`       | -         | Event handler called when the checkbox item is ticked or unticked.                                                                                                                       |
+| onClick               | `MouseEventHandler<HTMLElement>`                                                                | -         | The click handler for the menu item.                                                                                                                                                     |
+| closeOnClick          | `boolean`                                                                                       | `false`   | Whether to close the menu when the item is clicked.                                                                                                                                      |
+| nativeButton          | `boolean`                                                                                       | `false`   | Whether the component renders a native `<button>` element when replacing it via the `render` prop. Set to `true` if the rendered element is a native button.                             |
+| style                 | `CSSProperties \| ((state: ContextMenu.CheckboxItem.State) => CSSProperties \| undefined)`      | -         | -                                                                                                                                                                                        |
+| disabled              | `boolean`                                                                                       | `false`   | Whether the component should ignore user interaction.                                                                                                                                    |
+| id                    | `string`                                                                                        | -         | -                                                                                                                                                                                        |
+| className             | `string \| ((state: ContextMenu.CheckboxItem.State) => string \| undefined)`                    | -         | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render                | `ReactElement \| ((props: HTMLProps, state: ContextMenu.CheckboxItem.State) => ReactElement)`   | -         | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**CheckboxItem Data Attributes:**
+
+| Attribute             | Type    | Description                                              |
+| :-------------------- | :------ | :------------------------------------------------------- |
+| data-checked          | -       | Present when the menu checkbox item is checked.          |
+| data-unchecked        | -       | Present when the menu checkbox item is not checked.      |
+| data-highlighted      | -       | Present when the menu checkbox item is highlighted.      |
+| data-disabled         | -       | Present when the menu checkbox item is disabled.         |
+
+### CheckboxItem.Props
+
+Re-export of [CheckboxItem](#checkboxitem) props.
+
+### CheckboxItem.State
+
+```typescript
+type ContextMenuCheckboxItemState = {
+  disabled: boolean;
+  highlighted: boolean;
+  checked: boolean;
+};
+```
+
+### CheckboxItem.ChangeEventReason
+
+```typescript
+type ContextMenuCheckboxItemChangeEventReason =
+  | 'trigger-hover'
+  | 'trigger-focus'
+  | 'trigger-press'
+  | 'outside-press'
+  | 'focus-out'
+  | 'list-navigation'
+  | 'escape-key'
+  | 'item-press'
+  | 'close-press'
+  | 'sibling-open'
+  | 'cancel-open'
+  | 'none';
+```
+
+### CheckboxItem.ChangeEventDetails
+
+```typescript
+type ContextMenuCheckboxItemChangeEventDetails =
+  | {
+      reason: 'trigger-hover';
+      event: MouseEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    }
+  | {
+      reason: 'trigger-focus';
+      event: FocusEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    }
+  | {
+      reason: 'trigger-press';
+      event: MouseEvent | PointerEvent | TouchEvent | KeyboardEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    }
+  | {
+      reason: 'outside-press';
+      event: MouseEvent | PointerEvent | TouchEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    }
+  | {
+      reason: 'focus-out';
+      event: FocusEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    }
+  | {
+      reason: 'list-navigation';
+      event: KeyboardEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    }
+  | {
+      reason: 'escape-key';
+      event: KeyboardEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    }
+  | {
+      reason: 'item-press';
+      event: MouseEvent | PointerEvent | KeyboardEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    }
+  | {
+      reason: 'close-press';
+      event: MouseEvent | PointerEvent | KeyboardEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    }
+  | {
+      reason: 'sibling-open';
+      event: Event;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    }
+  | {
+      reason: 'cancel-open';
+      event: MouseEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    }
+  | {
+      reason: 'none';
+      event: Event;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    };
+```
+
+### CheckboxItemIndicator
+
+Indicates whether the checkbox item is ticked. Renders a `<div>` element.
+
+**CheckboxItemIndicator Props:**
+
+| Prop           | Type                                                                                                         | Default   | Description                                                                                                                                                                              |
+| :------------- | :----------------------------------------------------------------------------------------------------------- | :-------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: ContextMenu.CheckboxItemIndicator.State) => CSSProperties \| undefined)`          | -         | -                                                                                                                                                                                        |
+| className      | `string \| ((state: ContextMenu.CheckboxItemIndicator.State) => string \| undefined)`                        | -         | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| keepMounted    | `boolean`                                                                                                    | `false`   | Whether to keep the HTML element in the DOM when the checkbox item is not checked.                                                                                                       |
+| render         | `ReactElement \| ((props: HTMLProps, state: ContextMenu.CheckboxItemIndicator.State) => ReactElement)`       | -         | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**CheckboxItemIndicator Data Attributes:**
+
+| Attribute             | Type    | Description                                              |
+| :-------------------- | :------ | :------------------------------------------------------- |
+| data-checked          | -       | Present when the menu checkbox item is checked.          |
+| data-unchecked        | -       | Present when the menu checkbox item is not checked.      |
+| data-disabled         | -       | Present when the menu checkbox item is disabled.         |
+| data-starting-style   | -       | Present when the indicator is animating in.              |
+| data-ending-style     | -       | Present when the indicator is animating out.             |
+
+### CheckboxItemIndicator.Props
+
+Re-export of [CheckboxItemIndicator](#checkboxitemindicator) props.
+
+### CheckboxItemIndicator.State
+
+```typescript
+type MenuCheckboxItemIndicatorState = {
+  checked: boolean;
+  disabled: boolean;
+  highlighted: boolean;
+  transitionStatus: TransitionStatus;
+};
+```
+
+### useMenuSubmenuRootContext
+
+```typescript
+() => boolean;
+```
diff --git a/docs/src/app/(public)/(content)/react/components/context-menu/types.ts b/docs/src/app/(public)/(content)/react/components/context-menu/types.ts
new file mode 100644
index 00000000000..fa8221c2142
--- /dev/null
+++ b/docs/src/app/(public)/(content)/react/components/context-menu/types.ts
@@ -0,0 +1,21 @@
+import { ContextMenu } from '@base-ui-components/react/context-menu';
+import { createMultipleTypes } from 'docs/src/utils/createTypes';
+
+const types = createMultipleTypes(import.meta.url, ContextMenu);
+
+export const TypesContextMenuRoot = types.Root;
+export const TypesContextMenuTrigger = types.Trigger;
+export const TypesContextMenuBackdrop = types.Backdrop;
+export const TypesContextMenuPortal = types.Portal;
+export const TypesContextMenuPositioner = types.Positioner;
+export const TypesContextMenuPopup = types.Popup;
+export const TypesContextMenuArrow = types.Arrow;
+export const TypesContextMenuItem = types.Item;
+export const TypesContextMenuGroup = types.Group;
+export const TypesContextMenuGroupLabel = types.GroupLabel;
+export const TypesContextMenuRadioGroup = types.RadioGroup;
+export const TypesContextMenuRadioItem = types.RadioItem;
+export const TypesContextMenuRadioItemIndicator = types.RadioItemIndicator;
+export const TypesContextMenuCheckboxItem = types.CheckboxItem;
+export const TypesContextMenuCheckboxItemIndicator = types.CheckboxItemIndicator;
+export const TypesContextMenuSeparator = types.Separator;
diff --git a/docs/src/app/(public)/(content)/react/components/dialog/page.mdx b/docs/src/app/(public)/(content)/react/components/dialog/page.mdx
index b456aa966ec..00c7ae4a67a 100644
--- a/docs/src/app/(public)/(content)/react/components/dialog/page.mdx
+++ b/docs/src/app/(public)/(content)/react/components/dialog/page.mdx
@@ -34,10 +34,53 @@ import { Dialog } from '@base-ui-components/react/dialog';
 
 ## API reference
 
-<Reference
-  component="Dialog"
-  parts="Root, Trigger, Portal, Backdrop, Viewport, Popup, Title, Description, Close"
-/>
+import {
+  TypesDialogRoot,
+  TypesDialogTrigger,
+  TypesDialogPortal,
+  TypesDialogBackdrop,
+  TypesDialogViewport,
+  TypesDialogPopup,
+  TypesDialogTitle,
+  TypesDialogDescription,
+  TypesDialogClose,
+} from './types';
+
+### Root
+
+<TypesDialogRoot />
+
+### Trigger
+
+<TypesDialogTrigger />
+
+### Portal
+
+<TypesDialogPortal />
+
+### Backdrop
+
+<TypesDialogBackdrop />
+
+### Viewport
+
+<TypesDialogViewport />
+
+### Popup
+
+<TypesDialogPopup />
+
+### Title
+
+<TypesDialogTitle />
+
+### Description
+
+<TypesDialogDescription />
+
+### Close
+
+<TypesDialogClose />
 
 ## Examples
 
diff --git a/docs/src/app/(public)/(content)/react/components/dialog/types.md b/docs/src/app/(public)/(content)/react/components/dialog/types.md
new file mode 100644
index 00000000000..ae1c46c2ced
--- /dev/null
+++ b/docs/src/app/(public)/(content)/react/components/dialog/types.md
@@ -0,0 +1,372 @@
+# Dialog
+
+[//]: types.ts '<-- Autogenerated By (do not edit the following markdown directly)'
+
+## API Reference
+
+### Root
+
+Groups all parts of the dialog. Doesn’t render its own HTML element.
+
+**Root Props:**
+
+| Prop                  | Type                                                                            | Default   | Description                                                                                                                                                                                                                                                                                                                                                                                                                                              |
+| :-------------------- | :------------------------------------------------------------------------------ | :-------- | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| defaultOpen           | `boolean`                                                                       | `false`   | Whether the dialog is initially open.To render a controlled dialog, use the `open` prop instead.                                                                                                                                                                                                                                                                                                                                                         |
+| open                  | `boolean`                                                                       | -         | Whether the dialog is currently open.                                                                                                                                                                                                                                                                                                                                                                                                                    |
+| onOpenChange          | `((open: boolean, eventDetails: Dialog.Root.ChangeEventDetails) => void)`       | -         | Event handler called when the dialog is opened or closed.                                                                                                                                                                                                                                                                                                                                                                                                |
+| actionsRef            | `RefObject<Dialog.Root.Actions>`                                                | -         | A ref to imperative actions.`unmount`: When specified, the dialog will not be unmounted when closed. Instead, the `unmount` function must be called to unmount the dialog manually. Useful when the dialog's animation is controlled by an external library.                                                                                                                                                                                             |
+| defaultTriggerId      | `string \| null`                                                                | -         | ID of the trigger that the dialog is associated with. This is useful in conjunction with the `defaultOpen` prop to create an initially open dialog.                                                                                                                                                                                                                                                                                                      |
+| dismissible           | `boolean`                                                                       | `true`    | Determines whether the dialog should close on outside clicks.                                                                                                                                                                                                                                                                                                                                                                                            |
+| handle                | `DialogHandle<Payload>`                                                         | -         | A handle to associate the popover with a trigger. If specified, allows external triggers to control the popover's open state. Can be created with the Dialog.createHandle() method.                                                                                                                                                                                                                                                                      |
+| modal                 | `boolean \| 'trap-focus'`                                                       | `true`    | Determines if the dialog enters a modal state when open.`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., `false`: user interaction with the rest of the document is allowed., `'trap-focus'`: focus is trapped inside the dialog, but document page scroll is not locked and pointer interactions outside of it remain enabled.     |
+| onOpenChangeComplete  | `((open: boolean) => void)`                                                     | -         | Event handler called after any animations complete when the dialog is opened or closed.                                                                                                                                                                                                                                                                                                                                                                  |
+| triggerId             | `string \| null`                                                                | -         | ID of the trigger that the dialog is associated with. This is useful in conjuntion with the `open` prop to create a controlled dialog. There's no need to specify this prop when the popover is uncontrolled (i.e. when the `open` prop is not set).                                                                                                                                                                                                     |
+| children              | `ReactNode \| PayloadChildRenderFunction<Payload>`                              | -         | The content of the dialog. This can be a regular React node or a render function that receives the `payload` of the active trigger.                                                                                                                                                                                                                                                                                                                      |
+
+### Root.Props
+
+Re-export of [Root](#root) props.
+
+### Root.Actions
+
+```typescript
+type DialogRootActions = { unmount: () => void; close: () => void };
+```
+
+### Root.ChangeEventReason
+
+```typescript
+type DialogRootChangeEventReason =
+  | 'none'
+  | 'trigger-press'
+  | 'outside-press'
+  | 'escape-key'
+  | 'close-press'
+  | 'focus-out'
+  | 'imperative-action';
+```
+
+### Root.ChangeEventDetails
+
+```typescript
+type DialogRootChangeEventDetails =
+  | {
+      reason: 'none';
+      event: Event;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+      preventUnmountOnClose(): void;
+    }
+  | {
+      reason: 'trigger-press';
+      event: KeyboardEvent | MouseEvent | TouchEvent | PointerEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+      preventUnmountOnClose(): void;
+    }
+  | {
+      reason: 'outside-press';
+      event: MouseEvent | TouchEvent | PointerEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+      preventUnmountOnClose(): void;
+    }
+  | {
+      reason: 'escape-key';
+      event: KeyboardEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+      preventUnmountOnClose(): void;
+    }
+  | {
+      reason: 'close-press';
+      event: KeyboardEvent | MouseEvent | PointerEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+      preventUnmountOnClose(): void;
+    }
+  | {
+      reason: 'focus-out';
+      event: FocusEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+      preventUnmountOnClose(): void;
+    }
+  | {
+      reason: 'imperative-action';
+      event: Event;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+      preventUnmountOnClose(): void;
+    };
+```
+
+### Trigger
+
+A button that opens the dialog. Renders a `<button>` element.
+
+**Trigger Props:**
+
+| Prop           | Type                                                                                    | Default   | Description                                                                                                                                                                                            |
+| :------------- | :-------------------------------------------------------------------------------------- | :-------- | :----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| handle         | `DialogHandle<Payload>`                                                                 | -         | A handle to associate the trigger with a dialog. Can be created with the Dialog.createHandle() method.                                                                                                 |
+| nativeButton   | `boolean`                                                                               | `true`    | Whether the component renders a native `<button>` element when replacing it via the `render` prop. Set to `false` if the rendered element is not a button (e.g. `<div>`).                              |
+| payload        | `Payload`                                                                               | -         | A payload to pass to the dialog when it is opened.                                                                                                                                                     |
+| style          | `CSSProperties \| ((state: Dialog.Trigger.State) => CSSProperties \| undefined)`        | -         | -                                                                                                                                                                                                      |
+| id             | `string`                                                                                | -         | ID of the trigger. In addition to being forwarded to the rendered element, it is also used to specify the active trigger for the dialogs in controlled mode (with the DialogRoot `triggerId` prop).    |
+| className      | `string \| ((state: Dialog.Trigger.State) => string \| undefined)`                      | -         | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                                   |
+| render         | `ReactElement \| ((props: HTMLProps, state: Dialog.Trigger.State) => ReactElement)`     | -         | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render.               |
+
+**Trigger Data Attributes:**
+
+| Attribute             | Type    | Description                                       |
+| :-------------------- | :------ | :------------------------------------------------ |
+| data-popup-open       | -       | Present when the corresponding dialog is open.    |
+| data-disabled         | -       | Present when the trigger is disabled.             |
+
+### Trigger.Props
+
+Re-export of [Trigger](#trigger) props.
+
+### Trigger.State
+
+```typescript
+type DialogTriggerState = { disabled: boolean; open: boolean };
+```
+
+### Portal
+
+A portal element that moves the popup to a different part of the DOM. By default, the portal element is appended to `<body>`. Renders a `<div>` element.
+
+**Portal Props:**
+
+| Prop           | Type                                                                                    | Default   | Description                                                                                                                                                                              |
+| :------------- | :-------------------------------------------------------------------------------------- | :-------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: Dialog.Portal.State) => CSSProperties \| undefined)`         | -         | -                                                                                                                                                                                        |
+| container      | `HTMLElement \| ShadowRoot \| RefObject<HTMLElement \| ShadowRoot \| null> \| null`     | -         | A parent element to render the portal element into.                                                                                                                                      |
+| className      | `string \| ((state: Dialog.Portal.State) => string \| undefined)`                       | -         | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| keepMounted    | `boolean`                                                                               | `false`   | Whether to keep the portal mounted in the DOM while the popup is hidden.                                                                                                                 |
+| render         | `ReactElement \| ((props: HTMLProps, state: Dialog.Portal.State) => ReactElement)`      | -         | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+### Portal.Props
+
+Re-export of [Portal](#portal) props.
+
+### Backdrop
+
+An overlay displayed beneath the popup. Renders a `<div>` element.
+
+**Backdrop Props:**
+
+| Prop           | Type                                                                                    | Default   | Description                                                                                                                                                                              |
+| :------------- | :-------------------------------------------------------------------------------------- | :-------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| forceRender    | `boolean`                                                                               | `false`   | Whether the backdrop is forced to render even when nested.                                                                                                                               |
+| style          | `CSSProperties \| ((state: Dialog.Backdrop.State) => CSSProperties \| undefined)`       | -         | -                                                                                                                                                                                        |
+| className      | `string \| ((state: Dialog.Backdrop.State) => string \| undefined)`                     | -         | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Dialog.Backdrop.State) => ReactElement)`    | -         | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**Backdrop Data Attributes:**
+
+| Attribute             | Type    | Description                                |
+| :-------------------- | :------ | :----------------------------------------- |
+| data-open             | -       | Present when the dialog is open.           |
+| data-closed           | -       | Present when the dialog is closed.         |
+| data-starting-style   | -       | Present when the dialog is animating in.   |
+| data-ending-style     | -       | Present when the dialog is animating out.  |
+
+### Backdrop.Props
+
+Re-export of [Backdrop](#backdrop) props.
+
+### Backdrop.State
+
+```typescript
+type DialogBackdropState = { open: boolean; transitionStatus: TransitionStatus };
+```
+
+### Popup
+
+A container for the dialog contents. Renders a `<div>` element.
+
+**Popup Props:**
+
+| Prop           | Type                                                                                                                     | Default | Description                                                                                                                                                                                                                                                                                                                                                                                                                    |
+| :------------- | :----------------------------------------------------------------------------------------------------------------------- | :------ | :----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: Dialog.Popup.State) => CSSProperties \| undefined)`                                           | -       | -                                                                                                                                                                                                                                                                                                                                                                                                                              |
+| initialFocus   | `boolean \| RefObject<HTMLElement \| null> \| ((openType: InteractionType) => boolean \| void \| HTMLElement \| null)`   | -       | Determines the element to focus when the dialog is opened.`false`: Do not move focus., `true`: Move focus based on the default behavior (first tabbable element or popup)., `RefObject`: Move focus to the ref element., `function`: Called with the interaction type (`mouse`, `touch`, `pen`, or `keyboard`). Return an element to focus, `true` to use the default behavior, or `false`/`undefined` to do nothing.          |
+| finalFocus     | `boolean \| RefObject<HTMLElement \| null> \| ((closeType: InteractionType) => boolean \| void \| HTMLElement \| null)`  | -       | Determines the element to focus when the dialog is closed.`false`: Do not move focus., `true`: Move focus based on the default behavior (trigger or previously focused element)., `RefObject`: Move focus to the ref element., `function`: Called with the interaction type (`mouse`, `touch`, `pen`, or `keyboard`). Return an element to focus, `true` to use the default behavior, or `false`/`undefined` to do nothing.    |
+| className      | `string \| ((state: Dialog.Popup.State) => string \| undefined)`                                                         | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                                                                                                                                                                                                                                                           |
+| render         | `ReactElement \| ((props: HTMLProps, state: Dialog.Popup.State) => ReactElement)`                                        | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render.                                                                                                                                                                                                                                       |
+
+**Popup Data Attributes:**
+
+| Attribute                    | Type    | Description                                                            |
+| :--------------------------- | :------ | :--------------------------------------------------------------------- |
+| data-open                    | -       | Present when the dialog is open.                                       |
+| data-closed                  | -       | Present when the dialog is closed.                                     |
+| data-nested                  | -       | Present when the dialog is nested within another dialog.               |
+| data-nested-dialog-open      | -       | Present when the dialog has other open dialogs nested within it.       |
+| data-starting-style          | -       | Present when the dialog is animating in.                               |
+| data-ending-style            | -       | Present when the dialog is animating out.                              |
+
+**Popup CSS Variables:**
+
+| Variable                | Type      | Description                                       |
+| :---------------------- | :-------- | :------------------------------------------------ |
+| `--nested-dialogs`      | `number`  | Indicates how many dialogs are nested within.     |
+
+### Popup.Props
+
+Re-export of [Popup](#popup) props.
+
+### Popup.State
+
+```typescript
+type DialogPopupState = {
+  open: boolean;
+  transitionStatus: TransitionStatus;
+  nested: boolean;
+  nestedDialogOpen: boolean;
+};
+```
+
+### Title
+
+A heading that labels the dialog. Renders an `<h2>` element.
+
+**Title Props:**
+
+| Prop           | Type                                                                                    | Default | Description                                                                                                                                                                              |
+| :------------- | :-------------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: Dialog.Title.State) => CSSProperties \| undefined)`          | -       | -                                                                                                                                                                                        |
+| className      | `string \| ((state: Dialog.Title.State) => string \| undefined)`                        | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Dialog.Title.State) => ReactElement)`       | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+### Title.Props
+
+Re-export of [Title](#title) props.
+
+### Title.State
+
+```typescript
+type DialogTitleState = {};
+```
+
+### Description
+
+A paragraph with additional information about the dialog. Renders a `<p>` element.
+
+**Description Props:**
+
+| Prop           | Type                                                                                     | Default | Description                                                                                                                                                                              |
+| :------------- | :--------------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: Dialog.Description.State) => CSSProperties \| undefined)`     | -       | -                                                                                                                                                                                        |
+| className      | `string \| ((state: Dialog.Description.State) => string \| undefined)`                   | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Dialog.Description.State) => ReactElement)`  | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+### Description.Props
+
+Re-export of [Description](#description) props.
+
+### Description.State
+
+```typescript
+type DialogDescriptionState = {};
+```
+
+### Close
+
+A button that closes the dialog. Renders a `<button>` element.
+
+**Close Props:**
+
+| Prop           | Type                                                                                    | Default   | Description                                                                                                                                                                              |
+| :------------- | :-------------------------------------------------------------------------------------- | :-------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| nativeButton   | `boolean`                                                                               | `true`    | Whether the component renders a native `<button>` element when replacing it via the `render` prop. Set to `false` if the rendered element is not a button (e.g. `<div>`).                |
+| style          | `CSSProperties \| ((state: Dialog.Close.State) => CSSProperties \| undefined)`          | -         | -                                                                                                                                                                                        |
+| className      | `string \| ((state: Dialog.Close.State) => string \| undefined)`                        | -         | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Dialog.Close.State) => ReactElement)`       | -         | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**Close Data Attributes:**
+
+| Attribute      | Type    | Description                                |
+| :------------- | :------ | :----------------------------------------- |
+| data-disabled  | -       | Present when the button is disabled.       |
+
+### Close.Props
+
+Re-export of [Close](#close) props.
+
+### Close.State
+
+```typescript
+type DialogCloseState = { disabled: boolean };
+```
+
+### Viewport
+
+A positioning container for the dialog popup that can be made scrollable. Renders a `<div>` element.
+
+**Viewport Props:**
+
+| Prop           | Type                                                                                    | Default | Description                                                                                                                                                                              |
+| :------------- | :-------------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: Dialog.Viewport.State) => CSSProperties \| undefined)`       | -       | -                                                                                                                                                                                        |
+| className      | `string \| ((state: Dialog.Viewport.State) => string \| undefined)`                     | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Dialog.Viewport.State) => ReactElement)`    | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**Viewport Data Attributes:**
+
+| Attribute                    | Type    | Description                                                            |
+| :--------------------------- | :------ | :--------------------------------------------------------------------- |
+| data-open                    | -       | Present when the dialog is open.                                       |
+| data-closed                  | -       | Present when the dialog is closed.                                     |
+| data-nested                  | -       | Present when the dialog is nested within another dialog.               |
+| data-nested-dialog-open      | -       | Present when the dialog has other open dialogs nested within it.       |
+| data-starting-style          | -       | Present when the dialog is animating in.                               |
+| data-ending-style            | -       | Present when the dialog is animating out.                              |
+
+### Viewport.Props
+
+Re-export of [Viewport](#viewport) props.
+
+### Viewport.State
+
+```typescript
+type DialogViewportState = {
+  open: boolean;
+  transitionStatus: TransitionStatus;
+  nested: boolean;
+  nestedDialogOpen: boolean;
+};
+```
+
+### createHandle
+
+Creates a new handle to connect a Dialog.Root with detached Dialog.Trigger components.
+
+```typescript
+() => {};
+```
diff --git a/docs/src/app/(public)/(content)/react/components/dialog/types.ts b/docs/src/app/(public)/(content)/react/components/dialog/types.ts
new file mode 100644
index 00000000000..5907451dae3
--- /dev/null
+++ b/docs/src/app/(public)/(content)/react/components/dialog/types.ts
@@ -0,0 +1,14 @@
+import { Dialog } from '@base-ui-components/react/dialog';
+import { createMultipleTypes } from 'docs/src/utils/createTypes';
+
+const types = createMultipleTypes(import.meta.url, Dialog);
+
+export const TypesDialogRoot = types.Root;
+export const TypesDialogTrigger = types.Trigger;
+export const TypesDialogPortal = types.Portal;
+export const TypesDialogBackdrop = types.Backdrop;
+export const TypesDialogViewport = types.Viewport;
+export const TypesDialogPopup = types.Popup;
+export const TypesDialogTitle = types.Title;
+export const TypesDialogDescription = types.Description;
+export const TypesDialogClose = types.Close;
diff --git a/docs/src/app/(public)/(content)/react/components/field/page.mdx b/docs/src/app/(public)/(content)/react/components/field/page.mdx
index 07fea77cfab..8c200721643 100644
--- a/docs/src/app/(public)/(content)/react/components/field/page.mdx
+++ b/docs/src/app/(public)/(content)/react/components/field/page.mdx
@@ -30,4 +30,40 @@ import { Field } from '@base-ui-components/react/field';
 
 ## API reference
 
-<Reference component="Field" parts="Root, Label, Control, Description, Item, Error, Validity" />
+import {
+  TypesFieldRoot,
+  TypesFieldLabel,
+  TypesFieldControl,
+  TypesFieldDescription,
+  TypesFieldItem,
+  TypesFieldError,
+  TypesFieldValidity,
+} from './types';
+
+### Root
+
+<TypesFieldRoot />
+
+### Label
+
+<TypesFieldLabel />
+
+### Control
+
+<TypesFieldControl />
+
+### Description
+
+<TypesFieldDescription />
+
+### Item
+
+<TypesFieldItem />
+
+### Error
+
+<TypesFieldError />
+
+### Validity
+
+<TypesFieldValidity />
diff --git a/docs/src/app/(public)/(content)/react/components/field/types.md b/docs/src/app/(public)/(content)/react/components/field/types.md
new file mode 100644
index 00000000000..6e1e8909a17
--- /dev/null
+++ b/docs/src/app/(public)/(content)/react/components/field/types.md
@@ -0,0 +1,325 @@
+# Field
+
+[//]: types.ts '<-- Autogenerated By (do not edit the following markdown directly)'
+
+## API Reference
+
+### Root
+
+Groups all parts of the field. Renders a `<div>` element.
+
+**Root Props:**
+
+| Prop                         | Type                                                                                                                           | Default          | Description                                                                                                                                                                                                                                                                                                                                                       |
+| :--------------------------- | :----------------------------------------------------------------------------------------------------------------------------- | :--------------- | :---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| name                         | `string`                                                                                                                       | -                | Identifies the field when a form is submitted. Takes precedence over the `name` prop on the `<Field.Control>` component.                                                                                                                                                                                                                                          |
+| dirty                        | `boolean`                                                                                                                      | -                | Whether the field's value has been changed from its initial value. Useful when the field state is controlled by an external library.                                                                                                                                                                                                                              |
+| style                        | `CSSProperties \| ((state: Field.Root.State) => CSSProperties \| undefined)`                                                   | -                | -                                                                                                                                                                                                                                                                                                                                                                 |
+| touched                      | `boolean`                                                                                                                      | -                | Whether the field has been touched. Useful when the field state is controlled by an external library.                                                                                                                                                                                                                                                             |
+| disabled                     | `boolean`                                                                                                                      | `false`          | Whether the component should ignore user interaction. Takes precedence over the `disabled` prop on the `<Field.Control>` component.                                                                                                                                                                                                                               |
+| invalid                      | `boolean`                                                                                                                      | -                | Whether the field is invalid. Useful when the field state is controlled by an external library.                                                                                                                                                                                                                                                                   |
+| validate                     | `((value: unknown, formValues: Record<string, unknown>) => string \| string[] \| Promise<string \| string[] \| null> \| null)` | -                | A function for custom validation. Return a string or an array of strings with the error message(s) if the value is invalid, or `null` if the value is valid. Asynchronous functions are supported, but they do not prevent form submission when using `validationMode="onSubmit"`.                                                                                |
+| validationMode               | `FormValidationMode`                                                                                                           | `'onSubmit'`     | Determines when the field should be validated. This takes precedence over the `validationMode` prop on `<Form>`.`onSubmit`: triggers validation when the form is submitted, and re-validates on change after submission., `onBlur`: triggers validation when the control loses focus., `onChange`: triggers validation on every change to the control value.      |
+| validationDebounceTime       | `number`                                                                                                                       | `0`              | How long to wait between `validate` callbacks if `validationMode="onChange"` is used. Specified in milliseconds.                                                                                                                                                                                                                                                  |
+| className                    | `string \| ((state: Field.Root.State) => string \| undefined)`                                                                 | -                | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                                                                                                                                                                                              |
+| render                       | `ReactElement \| ((props: HTMLProps, state: Field.Root.State) => ReactElement)`                                                | -                | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render.                                                                                                                                                                          |
+
+**Root Data Attributes:**
+
+| Attribute      | Type    | Description                                       |
+| :------------- | :------ | :------------------------------------------------ |
+| data-disabled  | -       | Present when the field is disabled.               |
+| data-valid     | -       | Present when the field is valid.                  |
+| data-invalid   | -       | Present when the field is invalid.                |
+| data-dirty     | -       | Present when the field's value has changed.       |
+| data-touched   | -       | Present when the field has been touched.          |
+| data-filled    | -       | Present when the field is filled.                 |
+| data-focused   | -       | Present when the field control is focused.        |
+
+### Root.Props
+
+Re-export of [Root](#root) props.
+
+### Root.State
+
+```typescript
+type FieldRootState = {
+  disabled: boolean;
+  touched: boolean;
+  dirty: boolean;
+  valid: boolean | null;
+  filled: boolean;
+  focused: boolean;
+};
+```
+
+### Item
+
+Groups individual items in a checkbox group or radio group with a label and description. Renders a `<div>` element.
+
+**Item Props:**
+
+| Prop           | Type                                                                              | Default   | Description                                                                                                                                                                              |
+| :------------- | :-------------------------------------------------------------------------------- | :-------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: Field.Root.State) => CSSProperties \| undefined)`      | -         | -                                                                                                                                                                                        |
+| disabled       | `boolean`                                                                         | `false`   | Whether the wrapped control should ignore user interaction. The `disabled` prop on `<Field.Root>` takes precedence over this.                                                            |
+| className      | `string \| ((state: Field.Root.State) => string \| undefined)`                    | -         | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Field.Root.State) => ReactElement)`   | -         | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+### Item.Props
+
+Re-export of [Item](#item) props.
+
+### Description
+
+A paragraph with additional information about the field. Renders a `<p>` element.
+
+**Description Props:**
+
+| Prop           | Type                                                                              | Default | Description                                                                                                                                                                              |
+| :------------- | :-------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: Field.Root.State) => CSSProperties \| undefined)`      | -       | -                                                                                                                                                                                        |
+| className      | `string \| ((state: Field.Root.State) => string \| undefined)`                    | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Field.Root.State) => ReactElement)`   | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**Description Data Attributes:**
+
+| Attribute      | Type    | Description                                       |
+| :------------- | :------ | :------------------------------------------------ |
+| data-disabled  | -       | Present when the field is disabled.               |
+| data-valid     | -       | Present when the field is in valid state.         |
+| data-invalid   | -       | Present when the field is in invalid state.       |
+| data-dirty     | -       | Present when the field's value has changed.       |
+| data-touched   | -       | Present when the field has been touched.          |
+| data-filled    | -       | Present when the field is filled.                 |
+| data-focused   | -       | Present when the field control is focused.        |
+
+### Description.Props
+
+Re-export of [Description](#description) props.
+
+### Description.State
+
+```typescript
+type FieldRootState = {
+  disabled: boolean;
+  touched: boolean;
+  dirty: boolean;
+  valid: boolean | null;
+  filled: boolean;
+  focused: boolean;
+};
+```
+
+### Control
+
+The form control to label and validate. Renders an `<input>` element.
+
+You can omit this part and use any Base UI input component instead. For example, [Input](https://base-ui.com/react/components/input), [Checkbox](https://base-ui.com/react/components/checkbox), or [Select](https://base-ui.com/react/components/select), among others, will work with Field out of the box.
+
+**Control Props:**
+
+| Prop           | Type                                                                              | Default | Description                                                                                                                                                                              |
+| :------------- | :-------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| defaultValue   | `string \| number \| string[]`                                                    | -       | -                                                                                                                                                                                        |
+| onValueChange  | `((value: string, eventDetails: Field.Control.ChangeEventDetails) => void)`       | -       | Callback fired when the `value` changes. Use when controlled.                                                                                                                            |
+| style          | `CSSProperties \| ((state: Field.Root.State) => CSSProperties \| undefined)`      | -       | -                                                                                                                                                                                        |
+| className      | `string \| ((state: Field.Root.State) => string \| undefined)`                    | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Field.Root.State) => ReactElement)`   | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**Control Data Attributes:**
+
+| Attribute      | Type    | Description                                       |
+| :------------- | :------ | :------------------------------------------------ |
+| data-disabled  | -       | Present when the field is disabled.               |
+| data-valid     | -       | Present when the field is in valid state.         |
+| data-invalid   | -       | Present when the field is in invalid state.       |
+| data-dirty     | -       | Present when the field's value has changed.       |
+| data-touched   | -       | Present when the field has been touched.          |
+| data-filled    | -       | Present when the field is filled.                 |
+| data-focused   | -       | Present when the field control is focused.        |
+
+### Control.Props
+
+Re-export of [Control](#control) props.
+
+### Control.State
+
+```typescript
+type FieldRootState = {
+  disabled: boolean;
+  touched: boolean;
+  dirty: boolean;
+  valid: boolean | null;
+  filled: boolean;
+  focused: boolean;
+};
+```
+
+### Control.ChangeEventReason
+
+```typescript
+type FieldControlChangeEventReason = 'none';
+```
+
+### Control.ChangeEventDetails
+
+```typescript
+type FieldControlChangeEventDetails = {
+  reason: 'none';
+  event: Event;
+  cancel: () => void;
+  allowPropagation: () => void;
+  isCanceled: boolean;
+  isPropagationAllowed: boolean;
+  trigger: HTMLElement | undefined;
+};
+```
+
+### Label
+
+An accessible label that is automatically associated with the field control. Renders a `<label>` element.
+
+**Label Props:**
+
+| Prop           | Type                                                                              | Default | Description                                                                                                                                                                              |
+| :------------- | :-------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: Field.Root.State) => CSSProperties \| undefined)`      | -       | -                                                                                                                                                                                        |
+| className      | `string \| ((state: Field.Root.State) => string \| undefined)`                    | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Field.Root.State) => ReactElement)`   | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**Label Data Attributes:**
+
+| Attribute      | Type    | Description                                       |
+| :------------- | :------ | :------------------------------------------------ |
+| data-disabled  | -       | Present when the field is disabled.               |
+| data-valid     | -       | Present when the field is in valid state.         |
+| data-invalid   | -       | Present when the field is in invalid state.       |
+| data-dirty     | -       | Present when the field's value has changed.       |
+| data-touched   | -       | Present when the field has been touched.          |
+| data-filled    | -       | Present when the field is filled.                 |
+| data-focused   | -       | Present when the field control is focused.        |
+
+### Label.Props
+
+Re-export of [Label](#label) props.
+
+### Label.State
+
+```typescript
+type FieldRootState = {
+  disabled: boolean;
+  touched: boolean;
+  dirty: boolean;
+  valid: boolean | null;
+  filled: boolean;
+  focused: boolean;
+};
+```
+
+### Error
+
+An error message displayed if the field control fails validation. Renders a `<div>` element.
+
+**Error Props:**
+
+| Prop           | Type                                                                                                                                                                                                | Default | Description                                                                                                                                                                                                                                                       |
+| :------------- | :-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | :------ | :---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: Field.Root.State) => CSSProperties \| undefined)`                                                                                                                        | -       | -                                                                                                                                                                                                                                                                 |
+| match          | `boolean \| 'valid' \| 'badInput' \| 'customError' \| 'patternMismatch' \| 'rangeOverflow' \| 'rangeUnderflow' \| 'stepMismatch' \| 'tooLong' \| 'tooShort' \| 'typeMismatch' \| 'valueMissing'`    | -       | Determines whether to show the error message according to the field’s [ValidityState](https://developer.mozilla.org/en-US/docs/Web/API/ValidityState). Specifying `true` will always show the error message, and lets external libraries control the visibility.  |
+| className      | `string \| ((state: Field.Root.State) => string \| undefined)`                                                                                                                                      | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                                                                                              |
+| render         | `ReactElement \| ((props: HTMLProps, state: Field.Root.State) => ReactElement)`                                                                                                                     | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render.                                                                          |
+
+**Error Data Attributes:**
+
+| Attribute      | Type    | Description                                       |
+| :------------- | :------ | :------------------------------------------------ |
+| data-disabled  | -       | Present when the field is disabled.               |
+| data-valid     | -       | Present when the field is in valid state.         |
+| data-invalid   | -       | Present when the field is in invalid state.       |
+| data-dirty     | -       | Present when the field's value has changed.       |
+| data-touched   | -       | Present when the field has been touched.          |
+| data-filled    | -       | Present when the field is filled.                 |
+| data-focused   | -       | Present when the field control is focused.        |
+
+### Error.Props
+
+Re-export of [Error](#error) props.
+
+### Error.State
+
+```typescript
+type FieldRootState = {
+  disabled: boolean;
+  touched: boolean;
+  dirty: boolean;
+  valid: boolean | null;
+  filled: boolean;
+  focused: boolean;
+};
+```
+
+### Validity
+
+Used to display a custom message based on the field’s validity. Requires `children` to be a function that accepts field validity state as an argument.
+
+**Validity Props:**
+
+| Prop           | Type                                                | Default | Description                                                                                                                                                  |
+| :------------- | :-------------------------------------------------- | :------ | :----------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| children       | `((state: Field.Validity.State) => ReactNode)`      | -       | A function that accepts the field validity state as an argument.      `<Field.Validity>
+  {(validity) => {
+    return <div>...</div>
+  }} </Field.Validity>` |
+
+### Validity.Props
+
+Re-export of [Validity](#validity) props.
+
+### Validity.State
+
+```typescript
+type FieldValidityState = {
+  validity: {
+    badInput: boolean;
+    customError: boolean;
+    patternMismatch: boolean;
+    rangeOverflow: boolean;
+    rangeUnderflow: boolean;
+    stepMismatch: boolean;
+    tooLong: boolean;
+    tooShort: boolean;
+    typeMismatch: boolean;
+    valueMissing: boolean;
+    valid: boolean | null;
+  };
+  errors: string[];
+  value: unknown;
+  error: string;
+  initialValue: unknown;
+};
+```
+
+### ValidityData
+
+```typescript
+type FieldValidityData = {
+  state: {
+    badInput: boolean;
+    customError: boolean;
+    patternMismatch: boolean;
+    rangeOverflow: boolean;
+    rangeUnderflow: boolean;
+    stepMismatch: boolean;
+    tooLong: boolean;
+    tooShort: boolean;
+    typeMismatch: boolean;
+    valueMissing: boolean;
+    valid: boolean | null;
+  };
+  error: string;
+  errors: string[];
+  value: unknown;
+  initialValue: unknown;
+};
+```
diff --git a/docs/src/app/(public)/(content)/react/components/field/types.ts b/docs/src/app/(public)/(content)/react/components/field/types.ts
new file mode 100644
index 00000000000..089c2a02258
--- /dev/null
+++ b/docs/src/app/(public)/(content)/react/components/field/types.ts
@@ -0,0 +1,12 @@
+import { Field } from '@base-ui-components/react/field';
+import { createMultipleTypes } from 'docs/src/utils/createTypes';
+
+const types = createMultipleTypes(import.meta.url, Field);
+
+export const TypesFieldRoot = types.Root;
+export const TypesFieldLabel = types.Label;
+export const TypesFieldControl = types.Control;
+export const TypesFieldDescription = types.Description;
+export const TypesFieldItem = types.Item;
+export const TypesFieldError = types.Error;
+export const TypesFieldValidity = types.Validity;
diff --git a/docs/src/app/(public)/(content)/react/components/fieldset/page.mdx b/docs/src/app/(public)/(content)/react/components/fieldset/page.mdx
index 1c8452abd6c..0a7a7d7eb8d 100644
--- a/docs/src/app/(public)/(content)/react/components/fieldset/page.mdx
+++ b/docs/src/app/(public)/(content)/react/components/fieldset/page.mdx
@@ -25,4 +25,12 @@ import { Fieldset } from '@base-ui-components/react/fieldset';
 
 ## API reference
 
-<Reference component="Fieldset" parts="Root, Legend" />
+import { TypesFieldsetRoot, TypesFieldsetLegend } from './types';
+
+### Root
+
+<TypesFieldsetRoot />
+
+### Legend
+
+<TypesFieldsetLegend />
diff --git a/docs/src/app/(public)/(content)/react/components/fieldset/types.md b/docs/src/app/(public)/(content)/react/components/fieldset/types.md
new file mode 100644
index 00000000000..2ed71c2cc55
--- /dev/null
+++ b/docs/src/app/(public)/(content)/react/components/fieldset/types.md
@@ -0,0 +1,49 @@
+# Fieldset
+
+[//]: types.ts '<-- Autogenerated By (do not edit the following markdown directly)'
+
+## API Reference
+
+### Root
+
+Groups the fieldset legend and the associated fields. Renders a `<fieldset>` element.
+
+**Root Props:**
+
+| Prop           | Type                                                                                    | Default | Description                                                                                                                                                                              |
+| :------------- | :-------------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: Fieldset.Root.State) => CSSProperties \| undefined)`         | -       | -                                                                                                                                                                                        |
+| className      | `string \| ((state: Fieldset.Root.State) => string \| undefined)`                       | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Fieldset.Root.State) => ReactElement)`      | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+### Root.Props
+
+Re-export of [Root](#root) props.
+
+### Root.State
+
+```typescript
+type FieldsetRootState = { disabled: boolean };
+```
+
+### Legend
+
+An accessible label that is automatically associated with the fieldset. Renders a `<div>` element.
+
+**Legend Props:**
+
+| Prop           | Type                                                                                    | Default | Description                                                                                                                                                                              |
+| :------------- | :-------------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: Fieldset.Legend.State) => CSSProperties \| undefined)`       | -       | -                                                                                                                                                                                        |
+| className      | `string \| ((state: Fieldset.Legend.State) => string \| undefined)`                     | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Fieldset.Legend.State) => ReactElement)`    | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+### Legend.Props
+
+Re-export of [Legend](#legend) props.
+
+### Legend.State
+
+```typescript
+type FieldsetLegendState = { disabled: boolean };
+```
diff --git a/docs/src/app/(public)/(content)/react/components/fieldset/types.ts b/docs/src/app/(public)/(content)/react/components/fieldset/types.ts
new file mode 100644
index 00000000000..dcf09899286
--- /dev/null
+++ b/docs/src/app/(public)/(content)/react/components/fieldset/types.ts
@@ -0,0 +1,7 @@
+import { Fieldset } from '@base-ui-components/react/fieldset';
+import { createMultipleTypes } from 'docs/src/utils/createTypes';
+
+const types = createMultipleTypes(import.meta.url, Fieldset);
+
+export const TypesFieldsetRoot = types.Root;
+export const TypesFieldsetLegend = types.Legend;
diff --git a/docs/src/app/(public)/(content)/react/components/form/page.mdx b/docs/src/app/(public)/(content)/react/components/form/page.mdx
index a96f68ba20c..cab9d0e523d 100644
--- a/docs/src/app/(public)/(content)/react/components/form/page.mdx
+++ b/docs/src/app/(public)/(content)/react/components/form/page.mdx
@@ -30,7 +30,9 @@ import { Form } from '@base-ui-components/react/form';
 
 ## API reference
 
-<Reference component="Form" />
+import { TypesForm } from './types';
+
+<TypesForm />
 
 ## Examples
 
diff --git a/docs/src/app/(public)/(content)/react/components/form/types.md b/docs/src/app/(public)/(content)/react/components/form/types.md
new file mode 100644
index 00000000000..d4f1847c1dd
--- /dev/null
+++ b/docs/src/app/(public)/(content)/react/components/form/types.md
@@ -0,0 +1,36 @@
+# Form
+
+[//]: types.ts '<-- Autogenerated By (do not edit the following markdown directly)'
+
+## API Reference
+
+### Form
+
+A native form element with consolidated error handling. Renders a `<form>` element.
+
+**Form Props:**
+
+| Prop           | Type                                                                       | Default          | Description                                                                                                                                                                                                                                                                                                                                                |
+| :------------- | :------------------------------------------------------------------------- | :--------------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| errors         | `Errors`                                                                   | -                | An object where the keys correspond to the `name` attribute of the form fields, and the values correspond to the error(s) related to that field.                                                                                                                                                                                                           |
+| onClearErrors  | `((errors: Errors) => void)`                                               | -                | Event handler called when the `errors` object is cleared.                                                                                                                                                                                                                                                                                                  |
+| style          | `CSSProperties \| ((state: Form.State) => CSSProperties \| undefined)`     | -                | -                                                                                                                                                                                                                                                                                                                                                          |
+| validationMode | `Form.ValidationMode`                                                      | `'onSubmit'`     | Determines when the form should be validated. The `validationMode` prop on `<Field.Root>` takes precedence over this.`onSubmit` (default): validates the field when the form is submitted, afterwards fields will re-validate on change., `onBlur`: validates a field when it loses focus., `onChange`: validates the field on every change to its value.  |
+| className      | `string \| ((state: Form.State) => string \| undefined)`                   | -                | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                                                                                                                                                                                       |
+| render         | `ReactElement \| ((props: HTMLProps, state: Form.State) => ReactElement)`  | -                | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render.                                                                                                                                                                   |
+
+### Form.Props
+
+Re-export of [Form](#form) props.
+
+### Form.State
+
+```typescript
+type FormState = {};
+```
+
+### Form.ValidationMode
+
+```typescript
+type FormValidationMode = 'onBlur' | 'onChange' | 'onSubmit';
+```
diff --git a/docs/src/app/(public)/(content)/react/components/form/types.ts b/docs/src/app/(public)/(content)/react/components/form/types.ts
new file mode 100644
index 00000000000..b9f88fedd76
--- /dev/null
+++ b/docs/src/app/(public)/(content)/react/components/form/types.ts
@@ -0,0 +1,4 @@
+import { Form } from '@base-ui-components/react/form';
+import { createTypes } from 'docs/src/utils/createTypes';
+
+export const TypesForm = createTypes(import.meta.url, Form);
diff --git a/docs/src/app/(public)/(content)/react/components/input/page.mdx b/docs/src/app/(public)/(content)/react/components/input/page.mdx
index 0411b3ee2ef..f0266dcdb2f 100644
--- a/docs/src/app/(public)/(content)/react/components/input/page.mdx
+++ b/docs/src/app/(public)/(content)/react/components/input/page.mdx
@@ -22,4 +22,6 @@ import { Input } from '@base-ui-components/react/input';
 
 ## API reference
 
-<Reference component="Input" />
+import { TypesInput } from './types';
+
+<TypesInput />
diff --git a/docs/src/app/(public)/(content)/react/components/input/types.md b/docs/src/app/(public)/(content)/react/components/input/types.md
new file mode 100644
index 00000000000..54de513bbb3
--- /dev/null
+++ b/docs/src/app/(public)/(content)/react/components/input/types.md
@@ -0,0 +1,68 @@
+# Input
+
+[//]: types.ts '<-- Autogenerated By (do not edit the following markdown directly)'
+
+## API Reference
+
+### Input
+
+A native input element that automatically works with [Field](https://base-ui.com/react/components/field). Renders an `<input>` element.
+
+**Input Props:**
+
+| Prop           | Type                                                                             | Default | Description                                                                                                                                                                              |
+| :------------- | :------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| defaultValue   | `string \| number \| string[]`                                                   | -       | -                                                                                                                                                                                        |
+| onValueChange  | `((value: string, eventDetails: Input.ChangeEventDetails) => void)`              | -       | Callback fired when the `value` changes. Use when controlled.                                                                                                                            |
+| style          | `CSSProperties \| ((state: Input.State) => CSSProperties \| undefined)`          | -       | -                                                                                                                                                                                        |
+| className      | `string \| ((state: Input.State) => string \| undefined)`                        | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Input.State) => ReactElement)`       | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**Input Data Attributes:**
+
+| Attribute      | Type    | Description                                                                   |
+| :------------- | :------ | :---------------------------------------------------------------------------- |
+| data-disabled  | -       | Present when the input is disabled.                                           |
+| data-valid     | -       | Present when the input is in valid state (when wrapped in Field.Root).        |
+| data-invalid   | -       | Present when the input is in invalid state (when wrapped in Field.Root).      |
+| data-dirty     | -       | Present when the input's value has changed (when wrapped in Field.Root).      |
+| data-touched   | -       | Present when the input has been touched (when wrapped in Field.Root).         |
+| data-filled    | -       | Present when the input is filled (when wrapped in Field.Root).                |
+| data-focused   | -       | Present when the input is focused (when wrapped in Field.Root).               |
+
+### Input.Props
+
+Re-export of [Input](#input) props.
+
+### Input.State
+
+```typescript
+type InputState = {
+  disabled: boolean;
+  touched: boolean;
+  dirty: boolean;
+  valid: boolean | null;
+  filled: boolean;
+  focused: boolean;
+};
+```
+
+### Input.ChangeEventReason
+
+```typescript
+type InputChangeEventReason = 'none';
+```
+
+### Input.ChangeEventDetails
+
+```typescript
+type InputChangeEventDetails = {
+  reason: 'none';
+  event: Event;
+  cancel: () => void;
+  allowPropagation: () => void;
+  isCanceled: boolean;
+  isPropagationAllowed: boolean;
+  trigger: HTMLElement | undefined;
+};
+```
diff --git a/docs/src/app/(public)/(content)/react/components/input/types.ts b/docs/src/app/(public)/(content)/react/components/input/types.ts
new file mode 100644
index 00000000000..3c04ec2ce95
--- /dev/null
+++ b/docs/src/app/(public)/(content)/react/components/input/types.ts
@@ -0,0 +1,4 @@
+import { Input } from '@base-ui-components/react/input';
+import { createTypes } from 'docs/src/utils/createTypes';
+
+export const TypesInput = createTypes(import.meta.url, Input);
diff --git a/docs/src/app/(public)/(content)/react/components/menu/page.mdx b/docs/src/app/(public)/(content)/react/components/menu/page.mdx
index 8ba8c7a95c0..ce2985043ca 100644
--- a/docs/src/app/(public)/(content)/react/components/menu/page.mdx
+++ b/docs/src/app/(public)/(content)/react/components/menu/page.mdx
@@ -44,10 +44,98 @@ import { Menu } from '@base-ui-components/react/menu';
 
 ## API reference
 
-<Reference
-  component="Menu"
-  parts="Root, Trigger, Portal, Backdrop, Positioner, Popup, Arrow, Item, SubmenuRoot, SubmenuTrigger, Group, GroupLabel, RadioGroup, RadioItem, RadioItemIndicator, CheckboxItem, CheckboxItemIndicator, Separator"
-/>
+import {
+  TypesMenuRoot,
+  TypesMenuTrigger,
+  TypesMenuPortal,
+  TypesMenuBackdrop,
+  TypesMenuPositioner,
+  TypesMenuPopup,
+  TypesMenuArrow,
+  TypesMenuItem,
+  TypesMenuSubmenuRoot,
+  TypesMenuSubmenuTrigger,
+  TypesMenuGroup,
+  TypesMenuGroupLabel,
+  TypesMenuRadioGroup,
+  TypesMenuRadioItem,
+  TypesMenuRadioItemIndicator,
+  TypesMenuCheckboxItem,
+  TypesMenuCheckboxItemIndicator,
+  TypesMenuSeparator,
+} from './types';
+
+### Root
+
+<TypesMenuRoot />
+
+### Trigger
+
+<TypesMenuTrigger />
+
+### Portal
+
+<TypesMenuPortal />
+
+### Backdrop
+
+<TypesMenuBackdrop />
+
+### Positioner
+
+<TypesMenuPositioner />
+
+### Popup
+
+<TypesMenuPopup />
+
+### Arrow
+
+<TypesMenuArrow />
+
+### Item
+
+<TypesMenuItem />
+
+### SubmenuRoot
+
+<TypesMenuSubmenuRoot />
+
+### SubmenuTrigger
+
+<TypesMenuSubmenuTrigger />
+
+### Group
+
+<TypesMenuGroup />
+
+### GroupLabel
+
+<TypesMenuGroupLabel />
+
+### RadioGroup
+
+<TypesMenuRadioGroup />
+
+### RadioItem
+
+<TypesMenuRadioItem />
+
+### RadioItemIndicator
+
+<TypesMenuRadioItemIndicator />
+
+### CheckboxItem
+
+<TypesMenuCheckboxItem />
+
+### CheckboxItemIndicator
+
+<TypesMenuCheckboxItemIndicator />
+
+### Separator
+
+<TypesMenuSeparator />
 
 ## Examples
 
diff --git a/docs/src/app/(public)/(content)/react/components/menu/types.md b/docs/src/app/(public)/(content)/react/components/menu/types.md
new file mode 100644
index 00000000000..6162ead1132
--- /dev/null
+++ b/docs/src/app/(public)/(content)/react/components/menu/types.md
@@ -0,0 +1,1023 @@
+# Menu
+
+[//]: types.ts '<-- Autogenerated By (do not edit the following markdown directly)'
+
+## API Reference
+
+### Root
+
+Groups all parts of the menu. Doesn’t render its own HTML element.
+
+**Root Props:**
+
+| Prop                  | Type                                                                     | Default          | Description                                                                                                                                                                                                                                                                    |
+| :-------------------- | :----------------------------------------------------------------------- | :--------------- | :----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| defaultOpen           | `boolean`                                                                | `false`          | Whether the menu is initially open.To render a controlled menu, use the `open` prop instead.                                                                                                                                                                                   |
+| open                  | `boolean`                                                                | -                | Whether the menu is currently open.                                                                                                                                                                                                                                            |
+| onOpenChange          | `((open: boolean, eventDetails: Menu.Root.ChangeEventDetails) => void)`  | -                | Event handler called when the menu is opened or closed.                                                                                                                                                                                                                        |
+| actionsRef            | `RefObject<Menu.Root.Actions>`                                           | -                | A ref to imperative actions.`unmount`: When specified, the menu will not be unmounted when closed. Instead, the `unmount` function must be called to unmount the menu manually. Useful when the menu's animation is controlled by an external library.                         |
+| closeParentOnEsc      | `boolean`                                                                | `true`           | When in a submenu, determines whether pressing the Escape key closes the entire menu, or only the current child menu.                                                                                                                                                          |
+| modal                 | `boolean`                                                                | `true`           | Determines if the menu enters a modal state when open.`true`: user interaction is limited to the menu: document page scroll is locked and and pointer interactions on outside elements are disabled., `false`: user interaction with the rest of the document is allowed.      |
+| onOpenChangeComplete  | `((open: boolean) => void)`                                              | -                | Event handler called after any animations complete when the menu is closed.                                                                                                                                                                                                    |
+| disabled              | `boolean`                                                                | `false`          | Whether the component should ignore user interaction.                                                                                                                                                                                                                          |
+| openOnHover           | `boolean`                                                                | -                | Whether the menu should also open when the trigger is hovered.                                                                                                                                                                                                                 |
+| delay                 | `number`                                                                 | `100`            | How long to wait before the menu may be opened on hover. Specified in milliseconds.Requires the `openOnHover` prop.                                                                                                                                                            |
+| closeDelay            | `number`                                                                 | `0`              | How long to wait before closing the menu that was opened on hover. Specified in milliseconds.Requires the `openOnHover` prop.                                                                                                                                                  |
+| loop                  | `boolean`                                                                | `true`           | Whether to loop keyboard focus back to the first item when the end of the list is reached while using the arrow keys.                                                                                                                                                          |
+| orientation           | `Menu.Root.Orientation`                                                  | `'vertical'`     | The visual orientation of the menu. Controls whether roving focus uses up/down or left/right arrow keys.                                                                                                                                                                       |
+| children              | `ReactNode`                                                              | -                | -                                                                                                                                                                                                                                                                              |
+
+### Root.Props
+
+Re-export of [Root](#root) props.
+
+### Root.Actions
+
+```typescript
+type MenuRootActions = { unmount: () => void };
+```
+
+### Root.ChangeEventReason
+
+```typescript
+type MenuRootChangeEventReason =
+  | 'none'
+  | 'trigger-hover'
+  | 'trigger-focus'
+  | 'trigger-press'
+  | 'outside-press'
+  | 'focus-out'
+  | 'list-navigation'
+  | 'escape-key'
+  | 'item-press'
+  | 'close-press'
+  | 'sibling-open'
+  | 'cancel-open';
+```
+
+### Root.ChangeEventDetails
+
+```typescript
+type MenuRootChangeEventDetails =
+  | {
+      reason: 'none';
+      event: Event;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    }
+  | {
+      reason: 'trigger-hover';
+      event: MouseEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    }
+  | {
+      reason: 'trigger-focus';
+      event: FocusEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    }
+  | {
+      reason: 'trigger-press';
+      event: KeyboardEvent | MouseEvent | TouchEvent | PointerEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    }
+  | {
+      reason: 'outside-press';
+      event: MouseEvent | TouchEvent | PointerEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    }
+  | {
+      reason: 'focus-out';
+      event: FocusEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    }
+  | {
+      reason: 'list-navigation';
+      event: KeyboardEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    }
+  | {
+      reason: 'escape-key';
+      event: KeyboardEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    }
+  | {
+      reason: 'item-press';
+      event: KeyboardEvent | MouseEvent | PointerEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    }
+  | {
+      reason: 'close-press';
+      event: KeyboardEvent | MouseEvent | PointerEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    }
+  | {
+      reason: 'sibling-open';
+      event: Event;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    }
+  | {
+      reason: 'cancel-open';
+      event: MouseEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    };
+```
+
+### Root.Orientation
+
+```typescript
+type MenuRootOrientation = 'horizontal' | 'vertical';
+```
+
+### Trigger
+
+A button that opens the menu. Renders a `<button>` element.
+
+**Trigger Props:**
+
+| Prop           | Type                                                                                    | Default   | Description                                                                                                                                                                              |
+| :------------- | :-------------------------------------------------------------------------------------- | :-------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| nativeButton   | `boolean`                                                                               | `true`    | Whether the component renders a native `<button>` element when replacing it via the `render` prop. Set to `false` if the rendered element is not a button (e.g. `<div>`).                |
+| style          | `CSSProperties \| ((state: Menu.Trigger.State) => CSSProperties \| undefined)`          | -         | -                                                                                                                                                                                        |
+| disabled       | `boolean`                                                                               | `false`   | Whether the component should ignore user interaction.                                                                                                                                    |
+| children       | `ReactNode`                                                                             | -         | -                                                                                                                                                                                        |
+| className      | `string \| ((state: Menu.Trigger.State) => string \| undefined)`                        | -         | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Menu.Trigger.State) => ReactElement)`       | -         | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**Trigger Data Attributes:**
+
+| Attribute             | Type    | Description                                       |
+| :-------------------- | :------ | :------------------------------------------------ |
+| data-popup-open       | -       | Present when the corresponding menu is open.      |
+| data-pressed          | -       | Present when the trigger is pressed.              |
+
+### Trigger.Props
+
+Re-export of [Trigger](#trigger) props.
+
+### Trigger.State
+
+```typescript
+type MenuTriggerState = { open: boolean };
+```
+
+### Portal
+
+A portal element that moves the popup to a different part of the DOM. By default, the portal element is appended to `<body>`. Renders a `<div>` element.
+
+**Portal Props:**
+
+| Prop           | Type                                                                                 | Default   | Description                                                                                                                                                                              |
+| :------------- | :----------------------------------------------------------------------------------- | :-------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: Menu.Portal.State) => CSSProperties \| undefined)`        | -         | -                                                                                                                                                                                        |
+| container      | `HTMLElement \| ShadowRoot \| RefObject<HTMLElement \| ShadowRoot \| null> \| null`  | -         | A parent element to render the portal element into.                                                                                                                                      |
+| className      | `string \| ((state: Menu.Portal.State) => string \| undefined)`                      | -         | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| keepMounted    | `boolean`                                                                            | `false`   | Whether to keep the portal mounted in the DOM while the popup is hidden.                                                                                                                 |
+| render         | `ReactElement \| ((props: HTMLProps, state: Menu.Portal.State) => ReactElement)`     | -         | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+### Portal.Props
+
+Re-export of [Portal](#portal) props.
+
+### Backdrop
+
+An overlay displayed beneath the menu popup. Renders a `<div>` element.
+
+**Backdrop Props:**
+
+| Prop           | Type                                                                                    | Default | Description                                                                                                                                                                              |
+| :------------- | :-------------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: Menu.Backdrop.State) => CSSProperties \| undefined)`         | -       | -                                                                                                                                                                                        |
+| className      | `string \| ((state: Menu.Backdrop.State) => string \| undefined)`                       | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Menu.Backdrop.State) => ReactElement)`      | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**Backdrop Data Attributes:**
+
+| Attribute             | Type    | Description                                |
+| :-------------------- | :------ | :----------------------------------------- |
+| data-open             | -       | Present when the menu is open.             |
+| data-closed           | -       | Present when the menu is closed.           |
+| data-starting-style   | -       | Present when the menu is animating in.     |
+| data-ending-style     | -       | Present when the menu is animating out.    |
+
+### Backdrop.Props
+
+Re-export of [Backdrop](#backdrop) props.
+
+### Backdrop.State
+
+```typescript
+type MenuBackdropState = { open: boolean; transitionStatus: TransitionStatus };
+```
+
+### Positioner
+
+Positions the menu popup against the trigger. Renders a `<div>` element.
+
+**Positioner Props:**
+
+| Prop                  | Type                                                                                                               | Default                 | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         |
+| :-------------------- | :----------------------------------------------------------------------------------------------------------------- | :---------------------- | :-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| collisionAvoidance    | `CollisionAvoidance`                                                                                               | -                       | Determines how to handle collisions when positioning the popup.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     |
+| style                 | `CSSProperties \| ((state: Menu.Positioner.State) => CSSProperties \| undefined)`                                  | -                       | -                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   |
+| align                 | `Align`                                                                                                            | `'center'`              | How to align the popup relative to the specified side.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
+| alignOffset           | `number \| OffsetFunction`                                                                                         | `0`                     | Additional offset along the alignment axis in pixels. Also accepts a function that returns the offset to read the dimensions of the anchor and positioner elements, along with its side and alignment.The function takes a `data` object parameter with the following properties:`data.anchor`: the dimensions of the anchor element with properties `width` and `height`., `data.positioner`: the dimensions of the positioner element with properties `width` and `height`., `data.side`: which side of the anchor element the positioner is aligned against., `data.align`: how the positioner is aligned relative to the specified side.        |
+| side                  | `Side`                                                                                                             | `'bottom'`              | Which side of the anchor element to align the popup against. May automatically change to avoid collisions.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          |
+| sideOffset            | `number \| OffsetFunction`                                                                                         | `0`                     | Distance between the anchor and the popup in pixels. Also accepts a function that returns the distance to read the dimensions of the anchor and positioner elements, along with its side and alignment.The function takes a `data` object parameter with the following properties:`data.anchor`: the dimensions of the anchor element with properties `width` and `height`., `data.positioner`: the dimensions of the positioner element with properties `width` and `height`., `data.side`: which side of the anchor element the positioner is aligned against., `data.align`: how the positioner is aligned relative to the specified side.       |
+| arrowPadding          | `number`                                                                                                           | `5`                     | Minimum distance to maintain between the arrow and the edges of the popup.Use it to prevent the arrow element from hanging out of the rounded corners of a popup.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   |
+| anchor                | `Element \| RefObject<Element \| null> \| VirtualElement \| (() => Element \| VirtualElement \| null) \| null`     | -                       | An element to position the popup against. By default, the popup will be positioned against the trigger.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             |
+| collisionBoundary     | `Boundary`                                                                                                         | `'clipping-ancestors'`  | An element or a rectangle that delimits the area that the popup is confined to.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     |
+| collisionPadding      | `Padding`                                                                                                          | `5`                     | Additional space to maintain from the edge of the collision boundary.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               |
+| sticky                | `boolean`                                                                                                          | `false`                 | Whether to maintain the popup in the viewport after the anchor element was scrolled out of view.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    |
+| positionMethod        | `'fixed' \| 'absolute'`                                                                                            | `'absolute'`            | Determines which CSS `position` property to use.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    |
+| trackAnchor           | `boolean`                                                                                                          | `true`                  | Whether the popup tracks any layout shift of its positioning anchor.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                |
+| className             | `string \| ((state: Menu.Positioner.State) => string \| undefined)`                                                | -                       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                |
+| render                | `ReactElement \| ((props: HTMLProps, state: Menu.Positioner.State) => ReactElement)`                               | -                       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render.                                                                                                                                                                                                                                                                                                                                                                                                                                                            |
+
+**Positioner Data Attributes:**
+
+| Attribute             | Type                                                                          | Description                                                            |
+| :-------------------- | :---------------------------------------------------------------------------- | :--------------------------------------------------------------------- |
+| data-open             | -                                                                             | Present when the menu popup is open.                                   |
+| data-closed           | -                                                                             | Present when the menu popup is closed.                                 |
+| data-anchor-hidden    | -                                                                             | Present when the anchor is hidden.                                     |
+| data-align            | `'start' \| 'center' \| 'end'`                                                | Indicates how the popup is aligned relative to specified side.         |
+| data-side             | `'top' \| 'bottom' \| 'left' \| 'right' \| 'inline-end' \| 'inline-start'`    | Indicates which side the popup is positioned relative to the trigger.  |
+
+**Positioner CSS Variables:**
+
+| Variable                | Type      | Description                                                                                 |
+| :---------------------- | :-------- | :------------------------------------------------------------------------------------------ |
+| `--anchor-height`       | `number`  | The anchor's height.                                                                        |
+| `--anchor-width`        | `number`  | The anchor's width.                                                                         |
+| `--available-height`    | `number`  | The available height between the trigger and the edge of the viewport.                      |
+| `--available-width`     | `number`  | The available width between the trigger and the edge of the viewport.                       |
+| `--transform-origin`    | `string`  | The coordinates that this element is anchored to. Used for animations and transitions.      |
+
+### Positioner.Props
+
+Re-export of [Positioner](#positioner) props.
+
+### Positioner.State
+
+```typescript
+type MenuPositionerState = {
+  open: boolean;
+  side: Side;
+  align: Align;
+  anchorHidden: boolean;
+  nested: boolean;
+};
+```
+
+### Popup
+
+A container for the menu items. Renders a `<div>` element.
+
+**Popup Props:**
+
+| Prop           | Type                                                                                                                     | Default | Description                                                                                                                                                                                                                                                                                                                                                                                                                    |
+| :------------- | :----------------------------------------------------------------------------------------------------------------------- | :------ | :----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: Menu.Popup.State) => CSSProperties \| undefined)`                                             | -       | -                                                                                                                                                                                                                                                                                                                                                                                                                              |
+| finalFocus     | `boolean \| RefObject<HTMLElement \| null> \| ((closeType: InteractionType) => boolean \| void \| HTMLElement \| null)`  | -       | Determines the element to focus when the menu is closed.`false`: Do not move focus., `true`: Move focus based on the default behavior (trigger or previously focused element)., `RefObject`: Move focus to the ref element., `function`: Called with the interaction type (`mouse`, `touch`, `pen`, or `keyboard`). Return an element to focus, `true` to use the default behavior, or `false`/`undefined` to do nothing.      |
+| id             | `string`                                                                                                                 | -       | -                                                                                                                                                                                                                                                                                                                                                                                                                              |
+| children       | `ReactNode`                                                                                                              | -       | -                                                                                                                                                                                                                                                                                                                                                                                                                              |
+| className      | `string \| ((state: Menu.Popup.State) => string \| undefined)`                                                           | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                                                                                                                                                                                                                                                           |
+| render         | `ReactElement \| ((props: HTMLProps, state: Menu.Popup.State) => ReactElement)`                                          | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render.                                                                                                                                                                                                                                       |
+
+**Popup Data Attributes:**
+
+| Attribute             | Type                                                                          | Description                                                            |
+| :-------------------- | :---------------------------------------------------------------------------- | :--------------------------------------------------------------------- |
+| data-open             | -                                                                             | Present when the menu is open.                                         |
+| data-closed           | -                                                                             | Present when the menu is closed.                                       |
+| data-align            | `'start' \| 'center' \| 'end'`                                                | Indicates how the popup is aligned relative to specified side.         |
+| data-instant          | `'click' \| 'dismiss' \| 'group'`                                             | Present if animations should be instant.                               |
+| data-side             | `'top' \| 'bottom' \| 'left' \| 'right' \| 'inline-end' \| 'inline-start'`    | Indicates which side the popup is positioned relative to the trigger.  |
+| data-starting-style   | -                                                                             | Present when the menu is animating in.                                 |
+| data-ending-style     | -                                                                             | Present when the menu is animating out.                                |
+
+### Popup.Props
+
+Re-export of [Popup](#popup) props.
+
+### Popup.State
+
+```typescript
+type MenuPopupState = {
+  transitionStatus: TransitionStatus;
+  side: Side;
+  align: Align;
+  open: boolean;
+  nested: boolean;
+};
+```
+
+### Arrow
+
+Displays an element positioned against the menu anchor. Renders a `<div>` element.
+
+**Arrow Props:**
+
+| Prop           | Type                                                                              | Default | Description                                                                                                                                                                              |
+| :------------- | :-------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: Menu.Arrow.State) => CSSProperties \| undefined)`      | -       | -                                                                                                                                                                                        |
+| className      | `string \| ((state: Menu.Arrow.State) => string \| undefined)`                    | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Menu.Arrow.State) => ReactElement)`   | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**Arrow Data Attributes:**
+
+| Attribute             | Type                                                                          | Description                                                            |
+| :-------------------- | :---------------------------------------------------------------------------- | :--------------------------------------------------------------------- |
+| data-open             | -                                                                             | Present when the menu popup is open.                                   |
+| data-closed           | -                                                                             | Present when the menu popup is closed.                                 |
+| data-uncentered       | -                                                                             | Present when the menu arrow is uncentered.                             |
+| data-anchor-hidden    | -                                                                             | Present when the anchor is hidden.                                     |
+| data-align            | `'start' \| 'center' \| 'end'`                                                | Indicates how the popup is aligned relative to specified side.         |
+| data-side             | `'top' \| 'bottom' \| 'left' \| 'right' \| 'inline-end' \| 'inline-start'`    | Indicates which side the popup is positioned relative to the trigger.  |
+
+### Arrow\.Props
+
+Re-export of [Arrow](#arrow) props.
+
+### Arrow\.State
+
+```typescript
+type MenuArrowState = {
+  open: boolean;
+  side: Side;
+  align: Align;
+  uncentered: boolean;
+};
+```
+
+### Item
+
+An individual interactive item in the menu. Renders a `<div>` element.
+
+**Item Props:**
+
+| Prop           | Type                                                                              | Default   | Description                                                                                                                                                                              |
+| :------------- | :-------------------------------------------------------------------------------- | :-------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| label          | `string`                                                                          | -         | Overrides the text label to use when the item is matched during keyboard text navigation.                                                                                                |
+| onClick        | `MouseEventHandler<HTMLElement>`                                                  | -         | The click handler for the menu item.                                                                                                                                                     |
+| closeOnClick   | `boolean`                                                                         | `true`    | Whether to close the menu when the item is clicked.                                                                                                                                      |
+| nativeButton   | `boolean`                                                                         | `false`   | Whether the component renders a native `<button>` element when replacing it via the `render` prop. Set to `true` if the rendered element is a native button.                             |
+| style          | `CSSProperties \| ((state: Menu.Item.State) => CSSProperties \| undefined)`       | -         | -                                                                                                                                                                                        |
+| disabled       | `boolean`                                                                         | `false`   | Whether the component should ignore user interaction.                                                                                                                                    |
+| id             | `string`                                                                          | -         | -                                                                                                                                                                                        |
+| className      | `string \| ((state: Menu.Item.State) => string \| undefined)`                     | -         | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Menu.Item.State) => ReactElement)`    | -         | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**Item Data Attributes:**
+
+| Attribute             | Type    | Description                                |
+| :-------------------- | :------ | :----------------------------------------- |
+| data-highlighted      | -       | Present when the menu item is highlighted. |
+| data-disabled         | -       | Present when the menu item is disabled.    |
+
+### Item.Props
+
+Re-export of [Item](#item) props.
+
+### Item.State
+
+```typescript
+type MenuItemState = { disabled: boolean; highlighted: boolean };
+```
+
+### Group
+
+Groups related menu items with the corresponding label. Renders a `<div>` element.
+
+**Group Props:**
+
+| Prop           | Type                                                                              | Default | Description                                                                                                                                                                              |
+| :------------- | :-------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: Menu.Group.State) => CSSProperties \| undefined)`      | -       | -                                                                                                                                                                                        |
+| children       | `ReactNode`                                                                       | -       | The content of the component.                                                                                                                                                            |
+| className      | `string \| ((state: Menu.Group.State) => string \| undefined)`                    | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Menu.Group.State) => ReactElement)`   | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+### Group.Props
+
+Re-export of [Group](#group) props.
+
+### Group.State
+
+```typescript
+type MenuGroupState = {};
+```
+
+### GroupLabel
+
+An accessible label that is automatically associated with its parent group. Renders a `<div>` element.
+
+**GroupLabel Props:**
+
+| Prop           | Type                                                                                    | Default | Description                                                                                                                                                                              |
+| :------------- | :-------------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: Menu.GroupLabel.State) => CSSProperties \| undefined)`       | -       | -                                                                                                                                                                                        |
+| className      | `string \| ((state: Menu.GroupLabel.State) => string \| undefined)`                     | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Menu.GroupLabel.State) => ReactElement)`    | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+### GroupLabel.Props
+
+Re-export of [GroupLabel](#grouplabel) props.
+
+### GroupLabel.State
+
+```typescript
+type MenuGroupLabelState = {};
+```
+
+### Separator
+
+A separator element accessible to screen readers. Renders a `<div>` element.
+
+**Separator Props:**
+
+| Prop           | Type                                                                                    | Default          | Description                                                                                                                                                                              |
+| :------------- | :-------------------------------------------------------------------------------------- | :--------------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: Menu.Separator.State) => CSSProperties \| undefined)`        | -                | -                                                                                                                                                                                        |
+| orientation    | `Menu.Separator.Orientation`                                                            | `'horizontal'`   | The orientation of the separator.                                                                                                                                                        |
+| className      | `string \| ((state: Menu.Separator.State) => string \| undefined)`                      | -                | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Menu.Separator.State) => ReactElement)`     | -                | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+### Separator.Props
+
+Re-export of [Separator](#separator) props.
+
+### Separator.State
+
+```typescript
+type SeparatorState = { orientation: Menu.Separator.Orientation };
+```
+
+### Separator.Orientation
+
+```typescript
+type MenuSeparatorOrientation = 'horizontal' | 'vertical';
+```
+
+### SubmenuRoot.Context
+
+```typescript
+Context<boolean>;
+```
+
+### SubmenuTrigger
+
+A menu item that opens a submenu. Renders a `<div>` element.
+
+**SubmenuTrigger Props:**
+
+| Prop           | Type                                                                                           | Default   | Description                                                                                                                                                                              |
+| :------------- | :--------------------------------------------------------------------------------------------- | :-------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| label          | `string`                                                                                       | -         | Overrides the text label to use when the item is matched during keyboard text navigation.                                                                                                |
+| onClick        | `MouseEventHandler<HTMLElement>`                                                               | -         | -                                                                                                                                                                                        |
+| nativeButton   | `boolean`                                                                                      | `false`   | Whether the component renders a native `<button>` element when replacing it via the `render` prop. Set to `true` if the rendered element is a native button.                             |
+| style          | `CSSProperties \| ((state: Menu.SubmenuTrigger.State) => CSSProperties \| undefined)`          | -         | -                                                                                                                                                                                        |
+| id             | `string`                                                                                       | -         | -                                                                                                                                                                                        |
+| className      | `string \| ((state: Menu.SubmenuTrigger.State) => string \| undefined)`                        | -         | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Menu.SubmenuTrigger.State) => ReactElement)`       | -         | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**SubmenuTrigger Data Attributes:**
+
+| Attribute             | Type    | Description                                       |
+| :-------------------- | :------ | :------------------------------------------------ |
+| data-popup-open       | -       | Present when the corresponding submenu is open.   |
+
+### SubmenuTrigger.Props
+
+Re-export of [SubmenuTrigger](#submenutrigger) props.
+
+### SubmenuTrigger.State
+
+```typescript
+type MenuSubmenuTriggerState = {
+  disabled: boolean;
+  highlighted: boolean;
+  open: boolean;
+};
+```
+
+### RadioGroup
+
+Groups related radio items. Renders a `<div>` element.
+
+**RadioGroup Props:**
+
+| Prop           | Type                                                                                    | Default   | Description                                                                                                                                                                              |
+| :------------- | :-------------------------------------------------------------------------------------- | :-------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| defaultValue   | `any`                                                                                   | -         | The uncontrolled value of the radio item that should be initially selected.To render a controlled radio group, use the `value` prop instead.                                             |
+| value          | `any`                                                                                   | -         | The controlled value of the radio item that should be currently selected.To render an uncontrolled radio group, use the `defaultValue` prop instead.                                     |
+| onValueChange  | `((value: any, eventDetails: Menu.RadioGroup.ChangeEventDetails) => void)`              | -         | Function called when the selected value changes.                                                                                                                                         |
+| style          | `CSSProperties \| ((state: Menu.RadioGroup.State) => CSSProperties \| undefined)`       | -         | -                                                                                                                                                                                        |
+| disabled       | `boolean`                                                                               | `false`   | Whether the component should ignore user interaction.                                                                                                                                    |
+| children       | `ReactNode`                                                                             | -         | The content of the component.                                                                                                                                                            |
+| className      | `string \| ((state: Menu.RadioGroup.State) => string \| undefined)`                     | -         | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Menu.RadioGroup.State) => ReactElement)`    | -         | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+### RadioGroup.Props
+
+Re-export of [RadioGroup](#radiogroup) props.
+
+### RadioGroup.State
+
+```typescript
+type MenuRadioGroupState = { disabled: boolean };
+```
+
+### RadioGroup.ChangeEventReason
+
+```typescript
+type MenuRadioGroupChangeEventReason =
+  | 'none'
+  | 'trigger-hover'
+  | 'trigger-focus'
+  | 'trigger-press'
+  | 'outside-press'
+  | 'focus-out'
+  | 'list-navigation'
+  | 'escape-key'
+  | 'item-press'
+  | 'close-press'
+  | 'sibling-open'
+  | 'cancel-open';
+```
+
+### RadioGroup.ChangeEventDetails
+
+```typescript
+type MenuRadioGroupChangeEventDetails =
+  | {
+      reason: 'none';
+      event: Event;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    }
+  | {
+      reason: 'trigger-hover';
+      event: MouseEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    }
+  | {
+      reason: 'trigger-focus';
+      event: FocusEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    }
+  | {
+      reason: 'trigger-press';
+      event: KeyboardEvent | MouseEvent | TouchEvent | PointerEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    }
+  | {
+      reason: 'outside-press';
+      event: MouseEvent | TouchEvent | PointerEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    }
+  | {
+      reason: 'focus-out';
+      event: FocusEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    }
+  | {
+      reason: 'list-navigation';
+      event: KeyboardEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    }
+  | {
+      reason: 'escape-key';
+      event: KeyboardEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    }
+  | {
+      reason: 'item-press';
+      event: KeyboardEvent | MouseEvent | PointerEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    }
+  | {
+      reason: 'close-press';
+      event: KeyboardEvent | MouseEvent | PointerEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    }
+  | {
+      reason: 'sibling-open';
+      event: Event;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    }
+  | {
+      reason: 'cancel-open';
+      event: MouseEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    };
+```
+
+### RadioItem
+
+A menu item that works like a radio button in a given group. Renders a `<div>` element.
+
+**RadioItem Props:**
+
+| Prop           | Type                                                                                    | Default   | Description                                                                                                                                                                              |
+| :------------- | :-------------------------------------------------------------------------------------- | :-------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| label          | `string`                                                                                | -         | Overrides the text label to use when the item is matched during keyboard text navigation.                                                                                                |
+| value          | `any`                                                                                   | -         | Value of the radio item. This is the value that will be set in the MenuRadioGroup when the item is selected.                                                                             |
+| onClick        | `MouseEventHandler<HTMLElement>`                                                        | -         | The click handler for the menu item.                                                                                                                                                     |
+| closeOnClick   | `boolean`                                                                               | `false`   | Whether to close the menu when the item is clicked.                                                                                                                                      |
+| nativeButton   | `boolean`                                                                               | `false`   | Whether the component renders a native `<button>` element when replacing it via the `render` prop. Set to `true` if the rendered element is a native button.                             |
+| style          | `CSSProperties \| ((state: Menu.RadioItem.State) => CSSProperties \| undefined)`        | -         | -                                                                                                                                                                                        |
+| disabled       | `boolean`                                                                               | `false`   | Whether the component should ignore user interaction.                                                                                                                                    |
+| id             | `string`                                                                                | -         | -                                                                                                                                                                                        |
+| className      | `string \| ((state: Menu.RadioItem.State) => string \| undefined)`                      | -         | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Menu.RadioItem.State) => ReactElement)`     | -         | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**RadioItem Data Attributes:**
+
+| Attribute             | Type    | Description                                       |
+| :-------------------- | :------ | :------------------------------------------------ |
+| data-checked          | -       | Present when the menu radio item is selected.     |
+| data-unchecked        | -       | Present when the menu radio item is not selected. |
+| data-highlighted      | -       | Present when the menu radio item is highlighted.  |
+| data-disabled         | -       | Present when the menu radio item is disabled.     |
+
+### RadioItem.Props
+
+Re-export of [RadioItem](#radioitem) props.
+
+### RadioItem.State
+
+```typescript
+type MenuRadioItemState = {
+  disabled: boolean;
+  highlighted: boolean;
+  checked: boolean;
+};
+```
+
+### RadioItemIndicator
+
+Indicates whether the radio item is selected. Renders a `<div>` element.
+
+**RadioItemIndicator Props:**
+
+| Prop           | Type                                                                                            | Default   | Description                                                                                                                                                                              |
+| :------------- | :---------------------------------------------------------------------------------------------- | :-------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: Menu.RadioItemIndicator.State) => CSSProperties \| undefined)`       | -         | -                                                                                                                                                                                        |
+| className      | `string \| ((state: Menu.RadioItemIndicator.State) => string \| undefined)`                     | -         | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| keepMounted    | `boolean`                                                                                       | `false`   | Whether to keep the HTML element in the DOM when the radio item is inactive.                                                                                                             |
+| render         | `ReactElement \| ((props: HTMLProps, state: Menu.RadioItemIndicator.State) => ReactElement)`    | -         | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**RadioItemIndicator Data Attributes:**
+
+| Attribute             | Type    | Description                                              |
+| :-------------------- | :------ | :------------------------------------------------------- |
+| data-checked          | -       | Present when the menu radio item is selected.            |
+| data-unchecked        | -       | Present when the menu radio item is not selected.        |
+| data-disabled         | -       | Present when the menu radio item is disabled.            |
+| data-starting-style   | -       | Present when the radio indicator is animating in.        |
+| data-ending-style     | -       | Present when the radio indicator is animating out.       |
+
+### RadioItemIndicator.Props
+
+Re-export of [RadioItemIndicator](#radioitemindicator) props.
+
+### RadioItemIndicator.State
+
+```typescript
+type MenuRadioItemIndicatorState = {
+  checked: boolean;
+  disabled: boolean;
+  highlighted: boolean;
+  transitionStatus: TransitionStatus;
+};
+```
+
+### CheckboxItem
+
+A menu item that toggles a setting on or off. Renders a `<div>` element.
+
+**CheckboxItem Props:**
+
+| Prop                  | Type                                                                                     | Default   | Description                                                                                                                                                                              |
+| :-------------------- | :--------------------------------------------------------------------------------------- | :-------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| label                 | `string`                                                                                 | -         | Overrides the text label to use when the item is matched during keyboard text navigation.                                                                                                |
+| defaultChecked        | `boolean`                                                                                | `false`   | Whether the checkbox item is initially ticked.To render a controlled checkbox item, use the `checked` prop instead.                                                                      |
+| checked               | `boolean`                                                                                | -         | Whether the checkbox item is currently ticked.To render an uncontrolled checkbox item, use the `defaultChecked` prop instead.                                                            |
+| onCheckedChange       | `((checked: boolean, eventDetails: Menu.CheckboxItem.ChangeEventDetails) => void)`       | -         | Event handler called when the checkbox item is ticked or unticked.                                                                                                                       |
+| onClick               | `MouseEventHandler<HTMLElement>`                                                         | -         | The click handler for the menu item.                                                                                                                                                     |
+| closeOnClick          | `boolean`                                                                                | `false`   | Whether to close the menu when the item is clicked.                                                                                                                                      |
+| nativeButton          | `boolean`                                                                                | `false`   | Whether the component renders a native `<button>` element when replacing it via the `render` prop. Set to `true` if the rendered element is a native button.                             |
+| style                 | `CSSProperties \| ((state: Menu.CheckboxItem.State) => CSSProperties \| undefined)`      | -         | -                                                                                                                                                                                        |
+| disabled              | `boolean`                                                                                | `false`   | Whether the component should ignore user interaction.                                                                                                                                    |
+| id                    | `string`                                                                                 | -         | -                                                                                                                                                                                        |
+| className             | `string \| ((state: Menu.CheckboxItem.State) => string \| undefined)`                    | -         | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render                | `ReactElement \| ((props: HTMLProps, state: Menu.CheckboxItem.State) => ReactElement)`   | -         | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**CheckboxItem Data Attributes:**
+
+| Attribute             | Type    | Description                                              |
+| :-------------------- | :------ | :------------------------------------------------------- |
+| data-checked          | -       | Present when the menu checkbox item is checked.          |
+| data-unchecked        | -       | Present when the menu checkbox item is not checked.      |
+| data-highlighted      | -       | Present when the menu checkbox item is highlighted.      |
+| data-disabled         | -       | Present when the menu checkbox item is disabled.         |
+
+### CheckboxItem.Props
+
+Re-export of [CheckboxItem](#checkboxitem) props.
+
+### CheckboxItem.State
+
+```typescript
+type MenuCheckboxItemState = {
+  disabled: boolean;
+  highlighted: boolean;
+  checked: boolean;
+};
+```
+
+### CheckboxItem.ChangeEventReason
+
+```typescript
+type MenuCheckboxItemChangeEventReason =
+  | 'none'
+  | 'trigger-hover'
+  | 'trigger-focus'
+  | 'trigger-press'
+  | 'outside-press'
+  | 'focus-out'
+  | 'list-navigation'
+  | 'escape-key'
+  | 'item-press'
+  | 'close-press'
+  | 'sibling-open'
+  | 'cancel-open';
+```
+
+### CheckboxItem.ChangeEventDetails
+
+```typescript
+type MenuCheckboxItemChangeEventDetails =
+  | {
+      reason: 'none';
+      event: Event;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    }
+  | {
+      reason: 'trigger-hover';
+      event: MouseEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    }
+  | {
+      reason: 'trigger-focus';
+      event: FocusEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    }
+  | {
+      reason: 'trigger-press';
+      event: KeyboardEvent | MouseEvent | TouchEvent | PointerEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    }
+  | {
+      reason: 'outside-press';
+      event: MouseEvent | TouchEvent | PointerEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    }
+  | {
+      reason: 'focus-out';
+      event: FocusEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    }
+  | {
+      reason: 'list-navigation';
+      event: KeyboardEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    }
+  | {
+      reason: 'escape-key';
+      event: KeyboardEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    }
+  | {
+      reason: 'item-press';
+      event: KeyboardEvent | MouseEvent | PointerEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    }
+  | {
+      reason: 'close-press';
+      event: KeyboardEvent | MouseEvent | PointerEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    }
+  | {
+      reason: 'sibling-open';
+      event: Event;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    }
+  | {
+      reason: 'cancel-open';
+      event: MouseEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    };
+```
+
+### CheckboxItemIndicator
+
+Indicates whether the checkbox item is ticked. Renders a `<div>` element.
+
+**CheckboxItemIndicator Props:**
+
+| Prop           | Type                                                                                                  | Default   | Description                                                                                                                                                                              |
+| :------------- | :---------------------------------------------------------------------------------------------------- | :-------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: Menu.CheckboxItemIndicator.State) => CSSProperties \| undefined)`          | -         | -                                                                                                                                                                                        |
+| className      | `string \| ((state: Menu.CheckboxItemIndicator.State) => string \| undefined)`                        | -         | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| keepMounted    | `boolean`                                                                                             | `false`   | Whether to keep the HTML element in the DOM when the checkbox item is not checked.                                                                                                       |
+| render         | `ReactElement \| ((props: HTMLProps, state: Menu.CheckboxItemIndicator.State) => ReactElement)`       | -         | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**CheckboxItemIndicator Data Attributes:**
+
+| Attribute             | Type    | Description                                              |
+| :-------------------- | :------ | :------------------------------------------------------- |
+| data-checked          | -       | Present when the menu checkbox item is checked.          |
+| data-unchecked        | -       | Present when the menu checkbox item is not checked.      |
+| data-disabled         | -       | Present when the menu checkbox item is disabled.         |
+| data-starting-style   | -       | Present when the indicator is animating in.              |
+| data-ending-style     | -       | Present when the indicator is animating out.             |
+
+### CheckboxItemIndicator.Props
+
+Re-export of [CheckboxItemIndicator](#checkboxitemindicator) props.
+
+### CheckboxItemIndicator.State
+
+```typescript
+type MenuCheckboxItemIndicatorState = {
+  checked: boolean;
+  disabled: boolean;
+  highlighted: boolean;
+  transitionStatus: TransitionStatus;
+};
+```
+
+### Parent
+
+```typescript
+type MenuParent =
+  | { type: 'menu'; store: MenuStore }
+  | { type: 'menubar'; context: MenubarContext }
+  | { type: 'context-menu'; context: ContextMenuRootContext }
+  | {
+      type: 'nested-context-menu';
+      context: ContextMenuRootContext;
+      menuContext: MenuRootContext;
+    }
+  | { type: undefined };
+```
+
+### useMenuSubmenuRootContext
+
+```typescript
+() => boolean;
+```
diff --git a/docs/src/app/(public)/(content)/react/components/menu/types.ts b/docs/src/app/(public)/(content)/react/components/menu/types.ts
new file mode 100644
index 00000000000..4783b502383
--- /dev/null
+++ b/docs/src/app/(public)/(content)/react/components/menu/types.ts
@@ -0,0 +1,23 @@
+import { Menu } from '@base-ui-components/react/menu';
+import { createMultipleTypes } from 'docs/src/utils/createTypes';
+
+const types = createMultipleTypes(import.meta.url, Menu);
+
+export const TypesMenuRoot = types.Root;
+export const TypesMenuTrigger = types.Trigger;
+export const TypesMenuPortal = types.Portal;
+export const TypesMenuBackdrop = types.Backdrop;
+export const TypesMenuPositioner = types.Positioner;
+export const TypesMenuPopup = types.Popup;
+export const TypesMenuArrow = types.Arrow;
+export const TypesMenuItem = types.Item;
+export const TypesMenuSubmenuRoot = types.SubmenuRoot;
+export const TypesMenuSubmenuTrigger = types.SubmenuTrigger;
+export const TypesMenuGroup = types.Group;
+export const TypesMenuGroupLabel = types.GroupLabel;
+export const TypesMenuRadioGroup = types.RadioGroup;
+export const TypesMenuRadioItem = types.RadioItem;
+export const TypesMenuRadioItemIndicator = types.RadioItemIndicator;
+export const TypesMenuCheckboxItem = types.CheckboxItem;
+export const TypesMenuCheckboxItemIndicator = types.CheckboxItemIndicator;
+export const TypesMenuSeparator = types.Separator;
diff --git a/docs/src/app/(public)/(content)/react/components/menubar/page.mdx b/docs/src/app/(public)/(content)/react/components/menubar/page.mdx
index b2501193e50..f1cbf3318e2 100644
--- a/docs/src/app/(public)/(content)/react/components/menubar/page.mdx
+++ b/docs/src/app/(public)/(content)/react/components/menubar/page.mdx
@@ -44,4 +44,6 @@ import { Menu } from '@base-ui-components/react/menu';
 
 ## API reference
 
-<Reference component="Menubar" />
+import { TypesMenubar } from './types';
+
+<TypesMenubar />
diff --git a/docs/src/app/(public)/(content)/react/components/menubar/types.md b/docs/src/app/(public)/(content)/react/components/menubar/types.md
new file mode 100644
index 00000000000..416ccc1b63a
--- /dev/null
+++ b/docs/src/app/(public)/(content)/react/components/menubar/types.md
@@ -0,0 +1,31 @@
+# Menubar
+
+[//]: types.ts '<-- Autogenerated By (do not edit the following markdown directly)'
+
+## API Reference
+
+### Menubar
+
+The container for menus.
+
+**Menubar Props:**
+
+| Prop           | Type                                                                             | Default          | Description                                                                                                                                                                              |
+| :------------- | :------------------------------------------------------------------------------- | :--------------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| modal          | `boolean`                                                                        | `true`           | Whether the menubar is modal.                                                                                                                                                            |
+| style          | `CSSProperties \| ((state: Menubar.State) => CSSProperties \| undefined)`        | -                | -                                                                                                                                                                                        |
+| disabled       | `boolean`                                                                        | `false`          | Whether the whole menubar is disabled.                                                                                                                                                   |
+| loop           | `boolean`                                                                        | `true`           | Whether to loop keyboard focus back to the first item when the end of the list is reached while using the arrow keys.                                                                    |
+| orientation    | `MenuRootOrientation`                                                            | `'horizontal'`   | The orientation of the menubar.                                                                                                                                                          |
+| className      | `string \| ((state: Menubar.State) => string \| undefined)`                      | -                | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Menubar.State) => ReactElement)`     | -                | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+### Menubar.Props
+
+Re-export of [Menubar](#menubar) props.
+
+### Menubar.State
+
+```typescript
+type MenubarState = {};
+```
diff --git a/docs/src/app/(public)/(content)/react/components/menubar/types.ts b/docs/src/app/(public)/(content)/react/components/menubar/types.ts
new file mode 100644
index 00000000000..c79d6b6613b
--- /dev/null
+++ b/docs/src/app/(public)/(content)/react/components/menubar/types.ts
@@ -0,0 +1,4 @@
+import { Menubar } from '@base-ui-components/react/menubar';
+import { createTypes } from 'docs/src/utils/createTypes';
+
+export const TypesMenubar = createTypes(import.meta.url, Menubar);
diff --git a/docs/src/app/(public)/(content)/react/components/meter/page.mdx b/docs/src/app/(public)/(content)/react/components/meter/page.mdx
index c563433c59e..69609799f86 100644
--- a/docs/src/app/(public)/(content)/react/components/meter/page.mdx
+++ b/docs/src/app/(public)/(content)/react/components/meter/page.mdx
@@ -28,4 +28,30 @@ import { Meter } from '@base-ui-components/react/meter';
 
 ## API reference
 
-<Reference component="Meter" parts="Root, Track, Indicator, Value, Label" />
+import {
+  TypesMeterRoot,
+  TypesMeterTrack,
+  TypesMeterIndicator,
+  TypesMeterValue,
+  TypesMeterLabel,
+} from './types';
+
+### Root
+
+<TypesMeterRoot />
+
+### Track
+
+<TypesMeterTrack />
+
+### Indicator
+
+<TypesMeterIndicator />
+
+### Value
+
+<TypesMeterValue />
+
+### Label
+
+<TypesMeterLabel />
diff --git a/docs/src/app/(public)/(content)/react/components/meter/types.md b/docs/src/app/(public)/(content)/react/components/meter/types.md
new file mode 100644
index 00000000000..40b3ea9e03b
--- /dev/null
+++ b/docs/src/app/(public)/(content)/react/components/meter/types.md
@@ -0,0 +1,99 @@
+# Meter
+
+[//]: types.ts '<-- Autogenerated By (do not edit the following markdown directly)'
+
+## API Reference
+
+### Root
+
+Groups all parts of the meter and provides the value for screen readers. Renders a `<div>` element.
+
+**Root Props:**
+
+| Prop                  | Type                                                                              | Default   | Description                                                                                                                                                                              |
+| :-------------------- | :-------------------------------------------------------------------------------- | :-------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| value                 | `number`                                                                          | -         | The current value.                                                                                                                                                                       |
+| aria-valuetext        | `string`                                                                          | -         | A string value that provides a user-friendly name for `aria-valuenow`, the current value of the meter.                                                                                   |
+| getAriaValueText      | `((formattedValue: string, value: number) => string)`                             | -         | A function that returns a string value that provides a human-readable text alternative for `aria-valuenow`, the current value of the meter.                                              |
+| locale                | `IntlLocalesArgument`                                                             | -         | The locale used by `Intl.NumberFormat` when formatting the value. Defaults to the user's runtime locale.                                                                                 |
+| style                 | `CSSProperties \| ((state: Meter.Root.State) => CSSProperties \| undefined)`      | -         | -                                                                                                                                                                                        |
+| min                   | `number`                                                                          | `0`       | The minimum value                                                                                                                                                                        |
+| max                   | `number`                                                                          | `100`     | The maximum value                                                                                                                                                                        |
+| format                | `IntlNumberFormatOptions`                                                         | -         | Options to format the value.                                                                                                                                                             |
+| className             | `string \| ((state: Meter.Root.State) => string \| undefined)`                    | -         | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render                | `ReactElement \| ((props: HTMLProps, state: Meter.Root.State) => ReactElement)`   | -         | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+### Root.Props
+
+Re-export of [Root](#root) props.
+
+### Root.State
+
+```typescript
+type MeterRootState = {};
+```
+
+### Value
+
+A text element displaying the current value. Renders a `<span>` element.
+
+**Value Props:**
+
+| Prop           | Type                                                                              | Default | Description                                                                                                                                                                              |
+| :------------- | :-------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: Meter.Root.State) => CSSProperties \| undefined)`      | -       | -                                                                                                                                                                                        |
+| children       | `((formattedValue: string, value: number) => ReactNode) \| null`                  | -       | -                                                                                                                                                                                        |
+| className      | `string \| ((state: Meter.Root.State) => string \| undefined)`                    | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Meter.Root.State) => ReactElement)`   | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+### Value.Props
+
+Re-export of [Value](#value) props.
+
+### Indicator
+
+Visualizes the position of the value along the range. Renders a `<div>` element.
+
+**Indicator Props:**
+
+| Prop           | Type                                                                              | Default | Description                                                                                                                                                                              |
+| :------------- | :-------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: Meter.Root.State) => CSSProperties \| undefined)`      | -       | -                                                                                                                                                                                        |
+| className      | `string \| ((state: Meter.Root.State) => string \| undefined)`                    | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Meter.Root.State) => ReactElement)`   | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+### Indicator.Props
+
+Re-export of [Indicator](#indicator) props.
+
+### Track
+
+Contains the meter indicator and represents the entire range of the meter. Renders a `<div>` element.
+
+**Track Props:**
+
+| Prop           | Type                                                                              | Default | Description                                                                                                                                                                              |
+| :------------- | :-------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: Meter.Root.State) => CSSProperties \| undefined)`      | -       | -                                                                                                                                                                                        |
+| className      | `string \| ((state: Meter.Root.State) => string \| undefined)`                    | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Meter.Root.State) => ReactElement)`   | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+### Track.Props
+
+Re-export of [Track](#track) props.
+
+### Label
+
+An accessible label for the meter. Renders a `<span>` element.
+
+**Label Props:**
+
+| Prop           | Type                                                                              | Default | Description                                                                                                                                                                              |
+| :------------- | :-------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: Meter.Root.State) => CSSProperties \| undefined)`      | -       | -                                                                                                                                                                                        |
+| className      | `string \| ((state: Meter.Root.State) => string \| undefined)`                    | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Meter.Root.State) => ReactElement)`   | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+### Label.Props
+
+Re-export of [Label](#label) props.
diff --git a/docs/src/app/(public)/(content)/react/components/meter/types.ts b/docs/src/app/(public)/(content)/react/components/meter/types.ts
new file mode 100644
index 00000000000..7c64aeeb976
--- /dev/null
+++ b/docs/src/app/(public)/(content)/react/components/meter/types.ts
@@ -0,0 +1,10 @@
+import { Meter } from '@base-ui-components/react/meter';
+import { createMultipleTypes } from 'docs/src/utils/createTypes';
+
+const types = createMultipleTypes(import.meta.url, Meter);
+
+export const TypesMeterRoot = types.Root;
+export const TypesMeterTrack = types.Track;
+export const TypesMeterIndicator = types.Indicator;
+export const TypesMeterValue = types.Value;
+export const TypesMeterLabel = types.Label;
diff --git a/docs/src/app/(public)/(content)/react/components/navigation-menu/page.mdx b/docs/src/app/(public)/(content)/react/components/navigation-menu/page.mdx
index 62853d5d7ce..7366aa9dc45 100644
--- a/docs/src/app/(public)/(content)/react/components/navigation-menu/page.mdx
+++ b/docs/src/app/(public)/(content)/react/components/navigation-menu/page.mdx
@@ -43,10 +43,73 @@ import { NavigationMenu } from '@base-ui-components/react/navigation-menu';
 
 ## API reference
 
-<Reference
-  component="NavigationMenu"
-  parts="Root, List, Item, Trigger, Icon, Content, Link, Backdrop, Portal, Positioner, Popup, Viewport, Arrow"
-/>
+import {
+  TypesNavigationMenuRoot,
+  TypesNavigationMenuList,
+  TypesNavigationMenuItem,
+  TypesNavigationMenuTrigger,
+  TypesNavigationMenuIcon,
+  TypesNavigationMenuContent,
+  TypesNavigationMenuLink,
+  TypesNavigationMenuBackdrop,
+  TypesNavigationMenuPortal,
+  TypesNavigationMenuPositioner,
+  TypesNavigationMenuPopup,
+  TypesNavigationMenuViewport,
+  TypesNavigationMenuArrow,
+} from './types';
+
+### Root
+
+<TypesNavigationMenuRoot />
+
+### List
+
+<TypesNavigationMenuList />
+
+### Item
+
+<TypesNavigationMenuItem />
+
+### Trigger
+
+<TypesNavigationMenuTrigger />
+
+### Icon
+
+<TypesNavigationMenuIcon />
+
+### Content
+
+<TypesNavigationMenuContent />
+
+### Link
+
+<TypesNavigationMenuLink />
+
+### Backdrop
+
+<TypesNavigationMenuBackdrop />
+
+### Portal
+
+<TypesNavigationMenuPortal />
+
+### Positioner
+
+<TypesNavigationMenuPositioner />
+
+### Popup
+
+<TypesNavigationMenuPopup />
+
+### Viewport
+
+<TypesNavigationMenuViewport />
+
+### Arrow
+
+<TypesNavigationMenuArrow />
 
 ## Examples
 
diff --git a/docs/src/app/(public)/(content)/react/components/navigation-menu/types.md b/docs/src/app/(public)/(content)/react/components/navigation-menu/types.md
new file mode 100644
index 00000000000..6055d193e83
--- /dev/null
+++ b/docs/src/app/(public)/(content)/react/components/navigation-menu/types.md
@@ -0,0 +1,513 @@
+# Navigation Menu
+
+[//]: types.ts '<-- Autogenerated By (do not edit the following markdown directly)'
+
+## API Reference
+
+### Root
+
+Groups all parts of the navigation menu. Renders a `<nav>` element at the root, or `<div>` element when nested.
+
+**Root Props:**
+
+| Prop                  | Type                                                                                           | Default          | Description                                                                                                                                                                                                                                      |
+| :-------------------- | :--------------------------------------------------------------------------------------------- | :--------------- | :----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| defaultValue          | `any`                                                                                          | `null`           | The uncontrolled value of the item that should be initially selected.To render a controlled navigation menu, use the `value` prop instead.                                                                                                       |
+| value                 | `any`                                                                                          | `null`           | The controlled value of the navigation menu item that should be currently open. When non-nullish, the menu will be open. When nullish, the menu will be closed.To render an uncontrolled navigation menu, use the `defaultValue` prop instead.   |
+| onValueChange         | `((value: any, eventDetails: NavigationMenu.Root.ChangeEventDetails) => void)`                 | -                | Callback fired when the value changes.                                                                                                                                                                                                           |
+| actionsRef            | `RefObject<NavigationMenu.Root.Actions>`                                                       | -                | A ref to imperative actions.                                                                                                                                                                                                                     |
+| onOpenChangeComplete  | `((open: boolean) => void)`                                                                    | -                | Event handler called after any animations complete when the navigation menu is closed.                                                                                                                                                           |
+| style                 | `CSSProperties \| ((state: NavigationMenu.Root.State) => CSSProperties \| undefined)`          | -                | -                                                                                                                                                                                                                                                |
+| delay                 | `number`                                                                                       | `50`             | How long to wait before opening the navigation menu. Specified in milliseconds.                                                                                                                                                                  |
+| closeDelay            | `number`                                                                                       | `50`             | How long to wait before closing the navigation menu. Specified in milliseconds.                                                                                                                                                                  |
+| orientation           | `'horizontal' \| 'vertical'`                                                                   | `'horizontal'`   | The orientation of the navigation menu.                                                                                                                                                                                                          |
+| className             | `string \| ((state: NavigationMenu.Root.State) => string \| undefined)`                        | -                | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                                                                             |
+| render                | `ReactElement \| ((props: HTMLProps, state: NavigationMenu.Root.State) => ReactElement)`       | -                | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render.                                                         |
+
+### Root.Props
+
+Re-export of [Root](#root) props.
+
+### Root.State
+
+```typescript
+type NavigationMenuRootState = { open: boolean; nested: boolean };
+```
+
+### Root.Actions
+
+```typescript
+type NavigationMenuRootActions = { unmount: () => void };
+```
+
+### Root.ChangeEventReason
+
+```typescript
+type NavigationMenuRootChangeEventReason =
+  | 'trigger-press'
+  | 'trigger-hover'
+  | 'outside-press'
+  | 'list-navigation'
+  | 'focus-out'
+  | 'escape-key'
+  | 'link-press'
+  | 'none';
+```
+
+### Root.ChangeEventDetails
+
+```typescript
+type NavigationMenuRootChangeEventDetails =
+  | {
+      reason: 'trigger-press';
+      event: MouseEvent | PointerEvent | TouchEvent | KeyboardEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    }
+  | {
+      reason: 'trigger-hover';
+      event: MouseEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    }
+  | {
+      reason: 'outside-press';
+      event: MouseEvent | PointerEvent | TouchEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    }
+  | {
+      reason: 'list-navigation';
+      event: KeyboardEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    }
+  | {
+      reason: 'focus-out';
+      event: FocusEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    }
+  | {
+      reason: 'escape-key';
+      event: KeyboardEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    }
+  | {
+      reason: 'link-press';
+      event: Event;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    }
+  | {
+      reason: 'none';
+      event: Event;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    };
+```
+
+### Trigger
+
+Opens the navigation menu popup when hovered or clicked, revealing the associated content. Renders a `<button>` element.
+
+**Trigger Props:**
+
+| Prop           | Type                                                                                           | Default   | Description                                                                                                                                                                              |
+| :------------- | :--------------------------------------------------------------------------------------------- | :-------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| nativeButton   | `boolean`                                                                                      | `true`    | Whether the component renders a native `<button>` element when replacing it via the `render` prop. Set to `false` if the rendered element is not a button (e.g. `<div>`).                |
+| style          | `CSSProperties \| ((state: NavigationMenu.Trigger.State) => CSSProperties \| undefined)`       | -         | -                                                                                                                                                                                        |
+| className      | `string \| ((state: NavigationMenu.Trigger.State) => string \| undefined)`                     | -         | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: NavigationMenu.Trigger.State) => ReactElement)`    | -         | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**Trigger Data Attributes:**
+
+| Attribute             | Type    | Description                                              |
+| :-------------------- | :------ | :------------------------------------------------------- |
+| data-popup-open       | -       | Present when the corresponding navigation menu is open.  |
+| data-pressed          | -       | Present when the trigger is pressed.                     |
+
+### Trigger.Props
+
+Re-export of [Trigger](#trigger) props.
+
+### Trigger.State
+
+```typescript
+type NavigationMenuTriggerState = { open: boolean };
+```
+
+### Icon
+
+An icon that indicates that the trigger button opens a menu.
+
+**Icon Props:**
+
+| Prop           | Type                                                                                           | Default | Description                                                                                                                                                                              |
+| :------------- | :--------------------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: NavigationMenu.Icon.State) => CSSProperties \| undefined)`          | -       | -                                                                                                                                                                                        |
+| className      | `string \| ((state: NavigationMenu.Icon.State) => string \| undefined)`                        | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: NavigationMenu.Icon.State) => ReactElement)`       | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+### Icon.Props
+
+Re-export of [Icon](#icon) props.
+
+### Icon.State
+
+```typescript
+type NavigationMenuIconState = { open: boolean };
+```
+
+### List
+
+Contains a list of navigation menu items. Renders a `<ul>` element.
+
+**List Props:**
+
+| Prop           | Type                                                                                           | Default | Description                                                                                                                                                                              |
+| :------------- | :--------------------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: NavigationMenu.List.State) => CSSProperties \| undefined)`          | -       | -                                                                                                                                                                                        |
+| className      | `string \| ((state: NavigationMenu.List.State) => string \| undefined)`                        | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: NavigationMenu.List.State) => ReactElement)`       | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+### List.Props
+
+Re-export of [List](#list) props.
+
+### List.State
+
+```typescript
+type NavigationMenuListState = { open: boolean };
+```
+
+### Portal
+
+A portal element that moves the popup to a different part of the DOM. By default, the portal element is appended to `<body>`. Renders a `<div>` element.
+
+**Portal Props:**
+
+| Prop           | Type                                                                                           | Default   | Description                                                                                                                                                                              |
+| :------------- | :--------------------------------------------------------------------------------------------- | :-------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: NavigationMenu.Portal.State) => CSSProperties \| undefined)`        | -         | -                                                                                                                                                                                        |
+| container      | `HTMLElement \| ShadowRoot \| RefObject<HTMLElement \| ShadowRoot \| null> \| null`            | -         | A parent element to render the portal element into.                                                                                                                                      |
+| className      | `string \| ((state: NavigationMenu.Portal.State) => string \| undefined)`                      | -         | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| keepMounted    | `boolean`                                                                                      | `false`   | Whether to keep the portal mounted in the DOM while the popup is hidden.                                                                                                                 |
+| render         | `ReactElement \| ((props: HTMLProps, state: NavigationMenu.Portal.State) => ReactElement)`     | -         | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+### Portal.Props
+
+Re-export of [Portal](#portal) props.
+
+### Backdrop
+
+A backdrop for the navigation menu popup. Renders a `<div>` element.
+
+**Backdrop Props:**
+
+| Prop           | Type                                                                                            | Default | Description                                                                                                                                                                              |
+| :------------- | :---------------------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: NavigationMenu.Backdrop.State) => CSSProperties \| undefined)`       | -       | -                                                                                                                                                                                        |
+| className      | `string \| ((state: NavigationMenu.Backdrop.State) => string \| undefined)`                     | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: NavigationMenu.Backdrop.State) => ReactElement)`    | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**Backdrop Data Attributes:**
+
+| Attribute             | Type    | Description                                |
+| :-------------------- | :------ | :----------------------------------------- |
+| data-open             | -       | Present when the popup is open.            |
+| data-closed           | -       | Present when the popup is closed.          |
+| data-starting-style   | -       | Present when the popup is animating in.    |
+| data-ending-style     | -       | Present when the popup is animating out.   |
+
+### Backdrop.Props
+
+Re-export of [Backdrop](#backdrop) props.
+
+### Backdrop.State
+
+```typescript
+type NavigationMenuBackdropState = {
+  open: boolean;
+  transitionStatus: TransitionStatus;
+};
+```
+
+### Positioner
+
+Positions the navigation menu against the currently active trigger. Renders a `<div>` element.
+
+**Positioner Props:**
+
+| Prop                  | Type                                                                                                               | Default                 | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         |
+| :-------------------- | :----------------------------------------------------------------------------------------------------------------- | :---------------------- | :-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| collisionAvoidance    | `CollisionAvoidance`                                                                                               | -                       | Determines how to handle collisions when positioning the popup.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     |
+| style                 | `CSSProperties \| ((state: NavigationMenu.Positioner.State) => CSSProperties \| undefined)`                        | -                       | -                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   |
+| align                 | `Align`                                                                                                            | `'center'`              | How to align the popup relative to the specified side.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
+| alignOffset           | `number \| OffsetFunction`                                                                                         | `0`                     | Additional offset along the alignment axis in pixels. Also accepts a function that returns the offset to read the dimensions of the anchor and positioner elements, along with its side and alignment.The function takes a `data` object parameter with the following properties:`data.anchor`: the dimensions of the anchor element with properties `width` and `height`., `data.positioner`: the dimensions of the positioner element with properties `width` and `height`., `data.side`: which side of the anchor element the positioner is aligned against., `data.align`: how the positioner is aligned relative to the specified side.        |
+| side                  | `Side`                                                                                                             | `'bottom'`              | Which side of the anchor element to align the popup against. May automatically change to avoid collisions.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          |
+| sideOffset            | `number \| OffsetFunction`                                                                                         | `0`                     | Distance between the anchor and the popup in pixels. Also accepts a function that returns the distance to read the dimensions of the anchor and positioner elements, along with its side and alignment.The function takes a `data` object parameter with the following properties:`data.anchor`: the dimensions of the anchor element with properties `width` and `height`., `data.positioner`: the dimensions of the positioner element with properties `width` and `height`., `data.side`: which side of the anchor element the positioner is aligned against., `data.align`: how the positioner is aligned relative to the specified side.       |
+| arrowPadding          | `number`                                                                                                           | `5`                     | Minimum distance to maintain between the arrow and the edges of the popup.Use it to prevent the arrow element from hanging out of the rounded corners of a popup.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   |
+| anchor                | `Element \| VirtualElement \| RefObject<Element \| null> \| (() => Element \| VirtualElement \| null) \| null`     | -                       | An element to position the popup against. By default, the popup will be positioned against the trigger.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             |
+| collisionBoundary     | `Boundary`                                                                                                         | `'clipping-ancestors'`  | An element or a rectangle that delimits the area that the popup is confined to.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     |
+| collisionPadding      | `Padding`                                                                                                          | `5`                     | Additional space to maintain from the edge of the collision boundary.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               |
+| sticky                | `boolean`                                                                                                          | `false`                 | Whether to maintain the popup in the viewport after the anchor element was scrolled out of view.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    |
+| positionMethod        | `'fixed' \| 'absolute'`                                                                                            | `'absolute'`            | Determines which CSS `position` property to use.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    |
+| trackAnchor           | `boolean`                                                                                                          | `true`                  | Whether the popup tracks any layout shift of its positioning anchor.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                |
+| className             | `string \| ((state: NavigationMenu.Positioner.State) => string \| undefined)`                                      | -                       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                |
+| render                | `ReactElement \| ((props: HTMLProps, state: NavigationMenu.Positioner.State) => ReactElement)`                     | -                       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render.                                                                                                                                                                                                                                                                                                                                                                                                                                                            |
+
+**Positioner Data Attributes:**
+
+| Attribute             | Type                                                                          | Description                                                            |
+| :-------------------- | :---------------------------------------------------------------------------- | :--------------------------------------------------------------------- |
+| data-open             | -                                                                             | Present when the popup is open.                                        |
+| data-closed           | -                                                                             | Present when the popup is closed.                                      |
+| data-anchor-hidden    | -                                                                             | Present when the anchor is hidden.                                     |
+| data-align            | `'start' \| 'center' \| 'end'`                                                | Indicates how the popup is aligned relative to the specified side.     |
+| data-instant          | -                                                                             | Present if animations should be instant.                               |
+| data-side             | `'top' \| 'bottom' \| 'left' \| 'right' \| 'inline-end' \| 'inline-start'`    | Indicates which side the popup is positioned relative to the trigger.  |
+
+**Positioner CSS Variables:**
+
+| Variable                | Type      | Description                                                                                 |
+| :---------------------- | :-------- | :------------------------------------------------------------------------------------------ |
+| `--anchor-height`       | `number`  | The anchor's height.                                                                        |
+| `--anchor-width`        | `number`  | The anchor's width.                                                                         |
+| `--available-height`    | `number`  | The available height between the trigger and the edge of the viewport.                      |
+| `--available-width`     | `number`  | The available width between the trigger and the edge of the viewport.                       |
+| `--positioner-height`   | `number`  | The fixed height of the positioner element.                                                 |
+| `--positioner-width`    | `number`  | The fixed width of the positioner element.                                                  |
+| `--transform-origin`    | `string`  | The coordinates that this element is anchored to. Used for animations and transitions.      |
+
+### Positioner.Props
+
+Re-export of [Positioner](#positioner) props.
+
+### Positioner.State
+
+```typescript
+type NavigationMenuPositionerState = {
+  open: boolean;
+  side: Side;
+  align: Align;
+  anchorHidden: boolean;
+  instant: boolean;
+};
+```
+
+### Popup
+
+A container for the navigation menu contents. Renders a `<nav>` element.
+
+**Popup Props:**
+
+| Prop           | Type                                                                                           | Default | Description                                                                                                                                                                              |
+| :------------- | :--------------------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: NavigationMenu.Popup.State) => CSSProperties \| undefined)`         | -       | -                                                                                                                                                                                        |
+| className      | `string \| ((state: NavigationMenu.Popup.State) => string \| undefined)`                       | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: NavigationMenu.Popup.State) => ReactElement)`      | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**Popup Data Attributes:**
+
+| Attribute             | Type                                                                          | Description                                                            |
+| :-------------------- | :---------------------------------------------------------------------------- | :--------------------------------------------------------------------- |
+| data-open             | -                                                                             | Present when the popup is open.                                        |
+| data-closed           | -                                                                             | Present when the popup is closed.                                      |
+| data-align            | `'start' \| 'center' \| 'end'`                                                | Indicates how the popup is aligned relative to the specified side.     |
+| data-side             | `'top' \| 'bottom' \| 'left' \| 'right' \| 'inline-end' \| 'inline-start'`    | Indicates which side the popup is positioned relative to the trigger.  |
+| data-starting-style   | -                                                                             | Present when the popup is animating in.                                |
+| data-ending-style     | -                                                                             | Present when the popup is animating out.                               |
+
+**Popup CSS Variables:**
+
+| Variable         | Type      | Description                                |
+| :--------------- | :-------- | :----------------------------------------- |
+| `--popup-height` | `number`  | The fixed height of the popup element.     |
+| `--popup-width`  | `number`  | The fixed width of the popup element.      |
+
+### Popup.Props
+
+Re-export of [Popup](#popup) props.
+
+### Popup.State
+
+```typescript
+type NavigationMenuPopupState = {
+  open: boolean;
+  transitionStatus: TransitionStatus;
+};
+```
+
+### Arrow
+
+Displays an element pointing toward the navigation menu's current anchor. Renders a `<div>` element.
+
+**Arrow Props:**
+
+| Prop           | Type                                                                                           | Default | Description                                                                                                                                                                              |
+| :------------- | :--------------------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: NavigationMenu.Arrow.State) => CSSProperties \| undefined)`         | -       | -                                                                                                                                                                                        |
+| className      | `string \| ((state: NavigationMenu.Arrow.State) => string \| undefined)`                       | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: NavigationMenu.Arrow.State) => ReactElement)`      | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**Arrow Data Attributes:**
+
+| Attribute             | Type                                                                          | Description                                                            |
+| :-------------------- | :---------------------------------------------------------------------------- | :--------------------------------------------------------------------- |
+| data-open             | -                                                                             | Present when the popup is open.                                        |
+| data-closed           | -                                                                             | Present when the popup is closed.                                      |
+| data-uncentered       | -                                                                             | Present when the popup arrow is uncentered.                            |
+| data-align            | `'start' \| 'center' \| 'end'`                                                | Indicates how the popup is aligned relative to specified side.         |
+| data-side             | `'top' \| 'bottom' \| 'left' \| 'right' \| 'inline-end' \| 'inline-start'`    | Indicates which side the popup is positioned relative to the trigger.  |
+
+### Arrow\.Props
+
+Re-export of [Arrow](#arrow) props.
+
+### Arrow\.State
+
+```typescript
+type NavigationMenuArrowState = {
+  open: boolean;
+  side: Side;
+  align: Align;
+  uncentered: boolean;
+};
+```
+
+### Item
+
+An individual navigation menu item. Renders a `<li>` element.
+
+**Item Props:**
+
+| Prop           | Type                                                                                           | Default | Description                                                                                                                                                                                   |
+| :------------- | :--------------------------------------------------------------------------------------------- | :------ | :-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| value          | `any`                                                                                          | -       | A unique value that identifies this navigation menu item. If no value is provided, a unique ID will be generated automatically. Use when controlling the navigation menu programmatically.    |
+| style          | `CSSProperties \| ((state: NavigationMenu.Item.State) => CSSProperties \| undefined)`          | -       | -                                                                                                                                                                                             |
+| className      | `string \| ((state: NavigationMenu.Item.State) => string \| undefined)`                        | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                          |
+| render         | `ReactElement \| ((props: HTMLProps, state: NavigationMenu.Item.State) => ReactElement)`       | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render.      |
+
+### Item.Props
+
+Re-export of [Item](#item) props.
+
+### Item.State
+
+```typescript
+type NavigationMenuItemState = {};
+```
+
+### Content
+
+A container for the content of the navigation menu item that is moved into the popup when the item is active. Renders a `<div>` element.
+
+**Content Props:**
+
+| Prop           | Type                                                                                           | Default | Description                                                                                                                                                                              |
+| :------------- | :--------------------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: NavigationMenu.Content.State) => CSSProperties \| undefined)`       | -       | -                                                                                                                                                                                        |
+| className      | `string \| ((state: NavigationMenu.Content.State) => string \| undefined)`                     | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: NavigationMenu.Content.State) => ReactElement)`    | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**Content Data Attributes:**
+
+| Attribute                    | Type    | Description                                              |
+| :--------------------------- | :------ | :------------------------------------------------------- |
+| data-open                    | -       | Present when the popup is open.                          |
+| data-closed                  | -       | Present when the popup is closed.                        |
+| data-activation-direction    | -       | Which direction another trigger was activated from.      |
+| data-starting-style          | -       | Present when the content is animating in.                |
+| data-ending-style            | -       | Present when the content is animating out.               |
+
+### Content.Props
+
+Re-export of [Content](#content) props.
+
+### Content.State
+
+```typescript
+type NavigationMenuContentState = {
+  open: boolean;
+  transitionStatus: TransitionStatus;
+  activationDirection: 'left' | 'right' | 'up' | 'down' | null;
+};
+```
+
+### Viewport
+
+The clipping viewport of the navigation menu's current content. Renders a `<div>` element.
+
+**Viewport Props:**
+
+| Prop           | Type                                                                                            | Default | Description                                                                                                                                                                              |
+| :------------- | :---------------------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: NavigationMenu.Viewport.State) => CSSProperties \| undefined)`       | -       | -                                                                                                                                                                                        |
+| className      | `string \| ((state: NavigationMenu.Viewport.State) => string \| undefined)`                     | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: NavigationMenu.Viewport.State) => ReactElement)`    | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+### Viewport.Props
+
+Re-export of [Viewport](#viewport) props.
+
+### Viewport.State
+
+```typescript
+type NavigationMenuViewportState = {};
+```
+
+### Link
+
+A link in the navigation menu that can be used to navigate to a different page or section. Renders an `<a>` element.
+
+**Link Props:**
+
+| Prop           | Type                                                                                           | Default   | Description                                                                                                                                                                              |
+| :------------- | :--------------------------------------------------------------------------------------------- | :-------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| closeOnClick   | `boolean`                                                                                      | `false`   | Whether to close the navigation menu when the link is clicked.                                                                                                                           |
+| active         | `boolean`                                                                                      | `false`   | Whether the link is the currently active page.                                                                                                                                           |
+| style          | `CSSProperties \| ((state: NavigationMenu.Link.State) => CSSProperties \| undefined)`          | -         | -                                                                                                                                                                                        |
+| className      | `string \| ((state: NavigationMenu.Link.State) => string \| undefined)`                        | -         | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: NavigationMenu.Link.State) => ReactElement)`       | -         | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**Link Data Attributes:**
+
+| Attribute      | Type    | Description                                              |
+| :------------- | :------ | :------------------------------------------------------- |
+| data-active    | -       | Present when the link is the currently active page.      |
+
+### Link.Props
+
+Re-export of [Link](#link) props.
+
+### Link.State
+
+```typescript
+type NavigationMenuLinkState = { active: boolean };
+```
diff --git a/docs/src/app/(public)/(content)/react/components/navigation-menu/types.ts b/docs/src/app/(public)/(content)/react/components/navigation-menu/types.ts
new file mode 100644
index 00000000000..80feaa12876
--- /dev/null
+++ b/docs/src/app/(public)/(content)/react/components/navigation-menu/types.ts
@@ -0,0 +1,18 @@
+import { NavigationMenu } from '@base-ui-components/react/navigation-menu';
+import { createMultipleTypes } from 'docs/src/utils/createTypes';
+
+const types = createMultipleTypes(import.meta.url, NavigationMenu);
+
+export const TypesNavigationMenuRoot = types.Root;
+export const TypesNavigationMenuList = types.List;
+export const TypesNavigationMenuItem = types.Item;
+export const TypesNavigationMenuTrigger = types.Trigger;
+export const TypesNavigationMenuIcon = types.Icon;
+export const TypesNavigationMenuContent = types.Content;
+export const TypesNavigationMenuLink = types.Link;
+export const TypesNavigationMenuBackdrop = types.Backdrop;
+export const TypesNavigationMenuPortal = types.Portal;
+export const TypesNavigationMenuPositioner = types.Positioner;
+export const TypesNavigationMenuPopup = types.Popup;
+export const TypesNavigationMenuViewport = types.Viewport;
+export const TypesNavigationMenuArrow = types.Arrow;
diff --git a/docs/src/app/(public)/(content)/react/components/number-field/page.mdx b/docs/src/app/(public)/(content)/react/components/number-field/page.mdx
index 02e6902d0f6..099bbaea60f 100644
--- a/docs/src/app/(public)/(content)/react/components/number-field/page.mdx
+++ b/docs/src/app/(public)/(content)/react/components/number-field/page.mdx
@@ -32,7 +32,40 @@ import { NumberField } from '@base-ui-components/react/number-field';
 
 ## API reference
 
-<Reference
-  component="NumberField"
-  parts="Root, ScrubArea, ScrubAreaCursor, Group, Decrement, Input, Increment"
-/>
+import {
+  TypesNumberFieldRoot,
+  TypesNumberFieldScrubArea,
+  TypesNumberFieldScrubAreaCursor,
+  TypesNumberFieldGroup,
+  TypesNumberFieldDecrement,
+  TypesNumberFieldInput,
+  TypesNumberFieldIncrement,
+} from './types';
+
+### Root
+
+<TypesNumberFieldRoot />
+
+### Scrub Area
+
+<TypesNumberFieldScrubArea />
+
+### Scrub Area Cursor
+
+<TypesNumberFieldScrubAreaCursor />
+
+### Group
+
+<TypesNumberFieldGroup />
+
+### Decrement
+
+<TypesNumberFieldDecrement />
+
+### Input
+
+<TypesNumberFieldInput />
+
+### Increment
+
+<TypesNumberFieldIncrement />
diff --git a/docs/src/app/(public)/(content)/react/components/number-field/types.md b/docs/src/app/(public)/(content)/react/components/number-field/types.md
new file mode 100644
index 00000000000..c3b8b11f0f5
--- /dev/null
+++ b/docs/src/app/(public)/(content)/react/components/number-field/types.md
@@ -0,0 +1,407 @@
+# Number Field
+
+[//]: types.ts '<-- Autogenerated By (do not edit the following markdown directly)'
+
+## API Reference
+
+### Root
+
+Groups all parts of the number field and manages its state. Renders a `<div>` element.
+
+**Root Props:**
+
+| Prop                  | Type                                                                                     | Default   | Description                                                                                                                                                                                                                                                                                                                                                                   |
+| :-------------------- | :--------------------------------------------------------------------------------------- | :-------- | :---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| name                  | `string`                                                                                 | -         | Identifies the field when a form is submitted.                                                                                                                                                                                                                                                                                                                                |
+| defaultValue          | `number`                                                                                 | -         | The uncontrolled value of the field when it’s initially rendered.To render a controlled number field, use the `value` prop instead.                                                                                                                                                                                                                                           |
+| value                 | `number \| null`                                                                         | -         | The raw numeric value of the field.                                                                                                                                                                                                                                                                                                                                           |
+| onValueChange         | `((value: number \| null, eventDetails: NumberField.Root.ChangeEventDetails) => void)`   | -         | Callback fired when the number value changes.                                                                                                                                                                                                                                                                                                                                 |
+| onValueCommitted      | `((value: number \| null, eventDetails: NumberField.Root.CommitEventDetails) => void)`   | -         | Callback function that is fired when the value is committed. It runs later than `onValueChange`, when:The input is blurred after typing a value., The pointer is released after scrubbing or pressing the increment/decrement buttons.It runs simultaneously with `onValueChange` when interacting with the keyboard.**Warning**: This is a generic event not a change event. |
+| locale                | `IntlLocalesArgument`                                                                    | -         | The locale of the input element. Defaults to the user's runtime locale.                                                                                                                                                                                                                                                                                                       |
+| snapOnStep            | `boolean`                                                                                | `false`   | Whether the value should snap to the nearest step when incrementing or decrementing.                                                                                                                                                                                                                                                                                          |
+| style                 | `CSSProperties \| ((state: NumberField.Root.State) => CSSProperties \| undefined)`       | -         | -                                                                                                                                                                                                                                                                                                                                                                             |
+| step                  | `number`                                                                                 | `1`       | Amount to increment and decrement with the buttons and arrow keys, or to scrub with pointer movement in the scrub area.                                                                                                                                                                                                                                                       |
+| smallStep             | `number`                                                                                 | `0.1`     | The small step value of the input element when incrementing while the meta key is held. Snaps to multiples of this value.                                                                                                                                                                                                                                                     |
+| largeStep             | `number`                                                                                 | `10`      | The large step value of the input element when incrementing while the shift key is held. Snaps to multiples of this value.                                                                                                                                                                                                                                                    |
+| min                   | `number`                                                                                 | -         | The minimum value of the input element.                                                                                                                                                                                                                                                                                                                                       |
+| max                   | `number`                                                                                 | -         | The maximum value of the input element.                                                                                                                                                                                                                                                                                                                                       |
+| allowWheelScrub       | `boolean`                                                                                | `false`   | Whether to allow the user to scrub the input value with the mouse wheel while focused and hovering over the input.                                                                                                                                                                                                                                                            |
+| format                | `IntlNumberFormatOptions`                                                                | -         | Options to format the input value.                                                                                                                                                                                                                                                                                                                                            |
+| disabled              | `boolean`                                                                                | `false`   | Whether the component should ignore user interaction.                                                                                                                                                                                                                                                                                                                         |
+| readOnly              | `boolean`                                                                                | `false`   | Whether the user should be unable to change the field value.                                                                                                                                                                                                                                                                                                                  |
+| required              | `boolean`                                                                                | `false`   | Whether the user must enter a value before submitting a form.                                                                                                                                                                                                                                                                                                                 |
+| inputRef              | `Ref<HTMLInputElement>`                                                                  | -         | A ref to access the hidden input element.                                                                                                                                                                                                                                                                                                                                     |
+| id                    | `string`                                                                                 | -         | The id of the input element.                                                                                                                                                                                                                                                                                                                                                  |
+| className             | `string \| ((state: NumberField.Root.State) => string \| undefined)`                     | -         | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                                                                                                                                                                                                          |
+| render                | `ReactElement \| ((props: HTMLProps, state: NumberField.Root.State) => ReactElement)`    | -         | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render.                                                                                                                                                                                      |
+
+**Root Data Attributes:**
+
+| Attribute      | Type    | Description                                                                          |
+| :------------- | :------ | :----------------------------------------------------------------------------------- |
+| data-disabled  | -       | Present when the number field is disabled.                                           |
+| data-readonly  | -       | Present when the number field is readonly.                                           |
+| data-required  | -       | Present when the number field is required.                                           |
+| data-valid     | -       | Present when the number field is in valid state (when wrapped in Field.Root).        |
+| data-invalid   | -       | Present when the number field is in invalid state (when wrapped in Field.Root).      |
+| data-dirty     | -       | Present when the number field's value has changed (when wrapped in Field.Root).      |
+| data-touched   | -       | Present when the number field has been touched (when wrapped in Field.Root).         |
+| data-filled    | -       | Present when the number field is filled (when wrapped in Field.Root).                |
+| data-focused   | -       | Present when the number field is focused (when wrapped in Field.Root).               |
+| data-scrubbing | -       | Present while scrubbing.                                                             |
+
+### Root.Props
+
+Re-export of [Root](#root) props.
+
+### Root.State
+
+```typescript
+type NumberFieldRootState = {
+  value: number | null;
+  inputValue: string;
+  required: boolean;
+  disabled: boolean;
+  readOnly: boolean;
+  scrubbing: boolean;
+  touched: boolean;
+  dirty: boolean;
+  valid: boolean | null;
+  filled: boolean;
+  focused: boolean;
+};
+```
+
+### Root.ChangeEventReason
+
+```typescript
+type NumberFieldRootChangeEventReason = 'none';
+```
+
+### Root.ChangeEventDetails
+
+```typescript
+type NumberFieldRootChangeEventDetails = {
+  reason: 'none';
+  event: Event;
+  cancel: () => void;
+  allowPropagation: () => void;
+  isCanceled: boolean;
+  isPropagationAllowed: boolean;
+  trigger: HTMLElement | undefined;
+};
+```
+
+### Root.CommitEventReason
+
+```typescript
+type NumberFieldRootCommitEventReason = 'none';
+```
+
+### Root.CommitEventDetails
+
+```typescript
+type NumberFieldRootCommitEventDetails = { reason: 'none'; event: Event };
+```
+
+### Input
+
+The native input control in the number field. Renders an `<input>` element.
+
+**Input Props:**
+
+| Prop                  | Type                                                                                     | Default          | Description                                                                                                                                                                              |
+| :-------------------- | :--------------------------------------------------------------------------------------- | :--------------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| aria-roledescription  | `string`                                                                                 | `'Number field'` | A string value that provides a user-friendly name for the role of the input.                                                                                                             |
+| style                 | `CSSProperties \| ((state: NumberField.Input.State) => CSSProperties \| undefined)`      | -                | -                                                                                                                                                                                        |
+| className             | `string \| ((state: NumberField.Input.State) => string \| undefined)`                    | -                | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render                | `ReactElement \| ((props: HTMLProps, state: NumberField.Input.State) => ReactElement)`   | -                | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**Input Data Attributes:**
+
+| Attribute      | Type    | Description                                                                          |
+| :------------- | :------ | :----------------------------------------------------------------------------------- |
+| data-disabled  | -       | Present when the number field is disabled.                                           |
+| data-readonly  | -       | Present when the number field is readonly.                                           |
+| data-required  | -       | Present when the number field is required.                                           |
+| data-valid     | -       | Present when the number field is in valid state (when wrapped in Field.Root).        |
+| data-invalid   | -       | Present when the number field is in invalid state (when wrapped in Field.Root).      |
+| data-dirty     | -       | Present when the number field's value has changed (when wrapped in Field.Root).      |
+| data-touched   | -       | Present when the number field has been touched (when wrapped in Field.Root).         |
+| data-filled    | -       | Present when the number field is filled (when wrapped in Field.Root).                |
+| data-focused   | -       | Present when the number field is focused (when wrapped in Field.Root).               |
+| data-scrubbing | -       | Present while scrubbing.                                                             |
+
+### Input.Props
+
+Re-export of [Input](#input) props.
+
+### Input.State
+
+```typescript
+type NumberFieldInputState = {
+  value: number | null;
+  inputValue: string;
+  required: boolean;
+  disabled: boolean;
+  readOnly: boolean;
+  scrubbing: boolean;
+  touched: boolean;
+  dirty: boolean;
+  valid: boolean | null;
+  filled: boolean;
+  focused: boolean;
+};
+```
+
+### Group
+
+Groups the input with the increment and decrement buttons. Renders a `<div>` element.
+
+**Group Props:**
+
+| Prop           | Type                                                                                     | Default | Description                                                                                                                                                                              |
+| :------------- | :--------------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: NumberField.Group.State) => CSSProperties \| undefined)`      | -       | -                                                                                                                                                                                        |
+| className      | `string \| ((state: NumberField.Group.State) => string \| undefined)`                    | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: NumberField.Group.State) => ReactElement)`   | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**Group Data Attributes:**
+
+| Attribute      | Type    | Description                                                                          |
+| :------------- | :------ | :----------------------------------------------------------------------------------- |
+| data-disabled  | -       | Present when the number field is disabled.                                           |
+| data-readonly  | -       | Present when the number field is readonly.                                           |
+| data-required  | -       | Present when the number field is required.                                           |
+| data-valid     | -       | Present when the number field is in valid state (when wrapped in Field.Root).        |
+| data-invalid   | -       | Present when the number field is in invalid state (when wrapped in Field.Root).      |
+| data-dirty     | -       | Present when the number field's value has changed (when wrapped in Field.Root).      |
+| data-touched   | -       | Present when the number field has been touched (when wrapped in Field.Root).         |
+| data-filled    | -       | Present when the number field is filled (when wrapped in Field.Root).                |
+| data-focused   | -       | Present when the number field is focused (when wrapped in Field.Root).               |
+| data-scrubbing | -       | Present while scrubbing.                                                             |
+
+### Group.Props
+
+Re-export of [Group](#group) props.
+
+### Group.State
+
+```typescript
+type NumberFieldGroupState = {
+  value: number | null;
+  inputValue: string;
+  required: boolean;
+  disabled: boolean;
+  readOnly: boolean;
+  scrubbing: boolean;
+  touched: boolean;
+  dirty: boolean;
+  valid: boolean | null;
+  filled: boolean;
+  focused: boolean;
+};
+```
+
+### ScrubArea
+
+An interactive area where the user can click and drag to change the field value. Renders a `<span>` element.
+
+**ScrubArea Props:**
+
+| Prop                  | Type                                                                                           | Default          | Description                                                                                                                                                                              |
+| :-------------------- | :--------------------------------------------------------------------------------------------- | :--------------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| direction             | `'horizontal' \| 'vertical'`                                                                   | `'horizontal'`   | Cursor movement direction in the scrub area.                                                                                                                                             |
+| pixelSensitivity      | `number`                                                                                       | `2`              | Determines how many pixels the cursor must move before the value changes. A higher value will make scrubbing less sensitive.                                                             |
+| style                 | `CSSProperties \| ((state: NumberField.ScrubArea.State) => CSSProperties \| undefined)`        | -                | -                                                                                                                                                                                        |
+| teleportDistance      | `number`                                                                                       | -                | If specified, determines the distance that the cursor may move from the center of the scrub area before it will loop back around.                                                        |
+| className             | `string \| ((state: NumberField.ScrubArea.State) => string \| undefined)`                      | -                | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render                | `ReactElement \| ((props: HTMLProps, state: NumberField.ScrubArea.State) => ReactElement)`     | -                | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**ScrubArea Data Attributes:**
+
+| Attribute      | Type    | Description                                                                          |
+| :------------- | :------ | :----------------------------------------------------------------------------------- |
+| data-disabled  | -       | Present when the number field is disabled.                                           |
+| data-readonly  | -       | Present when the number field is readonly.                                           |
+| data-required  | -       | Present when the number field is required.                                           |
+| data-valid     | -       | Present when the number field is in valid state (when wrapped in Field.Root).        |
+| data-invalid   | -       | Present when the number field is in invalid state (when wrapped in Field.Root).      |
+| data-dirty     | -       | Present when the number field's value has changed (when wrapped in Field.Root).      |
+| data-touched   | -       | Present when the number field has been touched (when wrapped in Field.Root).         |
+| data-filled    | -       | Present when the number field is filled (when wrapped in Field.Root).                |
+| data-focused   | -       | Present when the number field is focused (when wrapped in Field.Root).               |
+| data-scrubbing | -       | Present while scrubbing.                                                             |
+
+### ScrubArea.Props
+
+Re-export of [ScrubArea](#scrubarea) props.
+
+### ScrubArea.State
+
+```typescript
+type NumberFieldScrubAreaState = {
+  value: number | null;
+  inputValue: string;
+  required: boolean;
+  disabled: boolean;
+  readOnly: boolean;
+  scrubbing: boolean;
+  touched: boolean;
+  dirty: boolean;
+  valid: boolean | null;
+  filled: boolean;
+  focused: boolean;
+};
+```
+
+### ScrubAreaCursor
+
+A custom element to display instead of the native cursor while using the scrub area. Renders a `<span>` element.
+
+This component uses the [Pointer Lock API](https://developer.mozilla.org/en-US/docs/Web/API/Pointer_Lock_API), which may prompt the browser to display a related notification. It is disabled in Safari to avoid a layout shift that this notification causes there.
+
+**ScrubAreaCursor Props:**
+
+| Prop           | Type                                                                                                  | Default | Description                                                                                                                                                                              |
+| :------------- | :---------------------------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: NumberField.ScrubAreaCursor.State) => CSSProperties \| undefined)`         | -       | -                                                                                                                                                                                        |
+| className      | `string \| ((state: NumberField.ScrubAreaCursor.State) => string \| undefined)`                       | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: NumberField.ScrubAreaCursor.State) => ReactElement)`      | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**ScrubAreaCursor Data Attributes:**
+
+| Attribute      | Type    | Description                                                                          |
+| :------------- | :------ | :----------------------------------------------------------------------------------- |
+| data-disabled  | -       | Present when the number field is disabled.                                           |
+| data-readonly  | -       | Present when the number field is readonly.                                           |
+| data-required  | -       | Present when the number field is required.                                           |
+| data-valid     | -       | Present when the number field is in valid state (when wrapped in Field.Root).        |
+| data-invalid   | -       | Present when the number field is in invalid state (when wrapped in Field.Root).      |
+| data-dirty     | -       | Present when the number field's value has changed (when wrapped in Field.Root).      |
+| data-touched   | -       | Present when the number field has been touched (when wrapped in Field.Root).         |
+| data-filled    | -       | Present when the number field is filled (when wrapped in Field.Root).                |
+| data-focused   | -       | Present when the number field is focused (when wrapped in Field.Root).               |
+| data-scrubbing | -       | Present while scrubbing.                                                             |
+
+### ScrubAreaCursor.Props
+
+Re-export of [ScrubAreaCursor](#scrubareacursor) props.
+
+### ScrubAreaCursor.State
+
+```typescript
+type NumberFieldScrubAreaCursorState = {
+  value: number | null;
+  inputValue: string;
+  required: boolean;
+  disabled: boolean;
+  readOnly: boolean;
+  scrubbing: boolean;
+  touched: boolean;
+  dirty: boolean;
+  valid: boolean | null;
+  filled: boolean;
+  focused: boolean;
+};
+```
+
+### Decrement
+
+A stepper button that decreases the field value when clicked. Renders an `<button>` element.
+
+**Decrement Props:**
+
+| Prop           | Type                                                                                           | Default   | Description                                                                                                                                                                              |
+| :------------- | :--------------------------------------------------------------------------------------------- | :-------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| nativeButton   | `boolean`                                                                                      | `true`    | Whether the component renders a native `<button>` element when replacing it via the `render` prop. Set to `false` if the rendered element is not a button (e.g. `<div>`).                |
+| style          | `CSSProperties \| ((state: NumberField.Decrement.State) => CSSProperties \| undefined)`        | -         | -                                                                                                                                                                                        |
+| className      | `string \| ((state: NumberField.Decrement.State) => string \| undefined)`                      | -         | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: NumberField.Decrement.State) => ReactElement)`     | -         | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**Decrement Data Attributes:**
+
+| Attribute      | Type    | Description                                                                          |
+| :------------- | :------ | :----------------------------------------------------------------------------------- |
+| data-disabled  | -       | Present when the number field is disabled.                                           |
+| data-readonly  | -       | Present when the number field is readonly.                                           |
+| data-required  | -       | Present when the number field is required.                                           |
+| data-valid     | -       | Present when the number field is in valid state (when wrapped in Field.Root).        |
+| data-invalid   | -       | Present when the number field is in invalid state (when wrapped in Field.Root).      |
+| data-dirty     | -       | Present when the number field's value has changed (when wrapped in Field.Root).      |
+| data-touched   | -       | Present when the number field has been touched (when wrapped in Field.Root).         |
+| data-filled    | -       | Present when the number field is filled (when wrapped in Field.Root).                |
+| data-focused   | -       | Present when the number field is focused (when wrapped in Field.Root).               |
+| data-scrubbing | -       | Present while scrubbing.                                                             |
+
+### Decrement.Props
+
+Re-export of [Decrement](#decrement) props.
+
+### Decrement.State
+
+```typescript
+type NumberFieldDecrementState = {
+  value: number | null;
+  inputValue: string;
+  required: boolean;
+  disabled: boolean;
+  readOnly: boolean;
+  scrubbing: boolean;
+  touched: boolean;
+  dirty: boolean;
+  valid: boolean | null;
+  filled: boolean;
+  focused: boolean;
+};
+```
+
+### Increment
+
+A stepper button that increases the field value when clicked. Renders an `<button>` element.
+
+**Increment Props:**
+
+| Prop           | Type                                                                                           | Default   | Description                                                                                                                                                                              |
+| :------------- | :--------------------------------------------------------------------------------------------- | :-------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| nativeButton   | `boolean`                                                                                      | `true`    | Whether the component renders a native `<button>` element when replacing it via the `render` prop. Set to `false` if the rendered element is not a button (e.g. `<div>`).                |
+| style          | `CSSProperties \| ((state: NumberField.Increment.State) => CSSProperties \| undefined)`        | -         | -                                                                                                                                                                                        |
+| className      | `string \| ((state: NumberField.Increment.State) => string \| undefined)`                      | -         | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: NumberField.Increment.State) => ReactElement)`     | -         | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**Increment Data Attributes:**
+
+| Attribute      | Type    | Description                                                                          |
+| :------------- | :------ | :----------------------------------------------------------------------------------- |
+| data-disabled  | -       | Present when the number field is disabled.                                           |
+| data-readonly  | -       | Present when the number field is readonly.                                           |
+| data-required  | -       | Present when the number field is required.                                           |
+| data-valid     | -       | Present when the number field is in valid state (when wrapped in Field.Root).        |
+| data-invalid   | -       | Present when the number field is in invalid state (when wrapped in Field.Root).      |
+| data-dirty     | -       | Present when the number field's value has changed (when wrapped in Field.Root).      |
+| data-touched   | -       | Present when the number field has been touched (when wrapped in Field.Root).         |
+| data-filled    | -       | Present when the number field is filled (when wrapped in Field.Root).                |
+| data-focused   | -       | Present when the number field is focused (when wrapped in Field.Root).               |
+| data-scrubbing | -       | Present while scrubbing.                                                             |
+
+### Increment.Props
+
+Re-export of [Increment](#increment) props.
+
+### Increment.State
+
+```typescript
+type NumberFieldIncrementState = {
+  value: number | null;
+  inputValue: string;
+  required: boolean;
+  disabled: boolean;
+  readOnly: boolean;
+  scrubbing: boolean;
+  touched: boolean;
+  dirty: boolean;
+  valid: boolean | null;
+  filled: boolean;
+  focused: boolean;
+};
+```
diff --git a/docs/src/app/(public)/(content)/react/components/number-field/types.ts b/docs/src/app/(public)/(content)/react/components/number-field/types.ts
new file mode 100644
index 00000000000..f6ef7f35a20
--- /dev/null
+++ b/docs/src/app/(public)/(content)/react/components/number-field/types.ts
@@ -0,0 +1,12 @@
+import { NumberField } from '@base-ui-components/react/number-field';
+import { createMultipleTypes } from 'docs/src/utils/createTypes';
+
+const types = createMultipleTypes(import.meta.url, NumberField);
+
+export const TypesNumberFieldRoot = types.Root;
+export const TypesNumberFieldScrubArea = types.ScrubArea;
+export const TypesNumberFieldScrubAreaCursor = types.ScrubAreaCursor;
+export const TypesNumberFieldGroup = types.Group;
+export const TypesNumberFieldDecrement = types.Decrement;
+export const TypesNumberFieldInput = types.Input;
+export const TypesNumberFieldIncrement = types.Increment;
diff --git a/docs/src/app/(public)/(content)/react/components/popover/page.mdx b/docs/src/app/(public)/(content)/react/components/popover/page.mdx
index 7639938762e..b3d2085440f 100644
--- a/docs/src/app/(public)/(content)/react/components/popover/page.mdx
+++ b/docs/src/app/(public)/(content)/react/components/popover/page.mdx
@@ -37,10 +37,63 @@ import { Popover } from '@base-ui-components/react/popover';
 
 ## API reference
 
-<Reference
-  component="Popover"
-  parts="Root, Trigger, Backdrop, Portal, Positioner, Popup, Arrow, Title, Description, Close, Viewport"
-/>
+import {
+  TypesPopoverRoot,
+  TypesPopoverTrigger,
+  TypesPopoverBackdrop,
+  TypesPopoverPortal,
+  TypesPopoverPositioner,
+  TypesPopoverPopup,
+  TypesPopoverArrow,
+  TypesPopoverTitle,
+  TypesPopoverDescription,
+  TypesPopoverClose,
+  TypesPopoverViewport,
+} from './types';
+
+### Root
+
+<TypesPopoverRoot />
+
+### Trigger
+
+<TypesPopoverTrigger />
+
+### Backdrop
+
+<TypesPopoverBackdrop />
+
+### Portal
+
+<TypesPopoverPortal />
+
+### Positioner
+
+<TypesPopoverPositioner />
+
+### Popup
+
+<TypesPopoverPopup />
+
+### Arrow
+
+<TypesPopoverArrow />
+
+### Title
+
+<TypesPopoverTitle />
+
+### Description
+
+<TypesPopoverDescription />
+
+### Close
+
+<TypesPopoverClose />
+
+### Viewport
+
+<TypesPopoverViewport />
 
 ## Examples
 
diff --git a/docs/src/app/(public)/(content)/react/components/popover/types.md b/docs/src/app/(public)/(content)/react/components/popover/types.md
new file mode 100644
index 00000000000..c985eecf214
--- /dev/null
+++ b/docs/src/app/(public)/(content)/react/components/popover/types.md
@@ -0,0 +1,488 @@
+# Popover
+
+[//]: types.ts '<-- Autogenerated By (do not edit the following markdown directly)'
+
+## API Reference
+
+### Root
+
+Groups all parts of the popover. Doesn’t render its own HTML element.
+
+**Root Props:**
+
+| Prop                  | Type                                                                            | Default   | Description                                                                                                                                                                                                                                                                                                                                                                                                                         |
+| :-------------------- | :------------------------------------------------------------------------------ | :-------- | :---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| defaultOpen           | `boolean`                                                                       | `false`   | Whether the popover is initially open.To render a controlled popover, use the `open` prop instead.                                                                                                                                                                                                                                                                                                                                  |
+| open                  | `boolean`                                                                       | -         | Whether the popover is currently open.                                                                                                                                                                                                                                                                                                                                                                                              |
+| onOpenChange          | `((open: boolean, eventDetails: Popover.Root.ChangeEventDetails) => void)`      | -         | Event handler called when the popover is opened or closed.                                                                                                                                                                                                                                                                                                                                                                          |
+| actionsRef            | `RefObject<Popover.Root.Actions \| null>`                                       | -         | A ref to imperative actions.`unmount`: When specified, the popover will not be unmounted when closed. Instead, the `unmount` function must be called to unmount the popover manually. Useful when the popover's animation is controlled by an external library.                                                                                                                                                                     |
+| defaultTriggerId      | `string \| null`                                                                | -         | ID of the trigger that the popover is associated with. This is useful in conjuntion with the `defaultOpen` prop to create an initially open popover.                                                                                                                                                                                                                                                                                |
+| handle                | `PopoverHandle<Payload>`                                                        | -         | A handle to associate the popover with a trigger. If specified, allows external triggers to control the popover's open state.                                                                                                                                                                                                                                                                                                       |
+| modal                 | `boolean \| 'trap-focus'`                                                       | `false`   | Determines if the popover enters a modal state when open.`true`: user interaction is limited to the popover: document page scroll is locked, and pointer interactions on outside elements are disabled., `false`: user interaction with the rest of the document is allowed., `'trap-focus'`: focus is trapped inside the popover, but document page scroll is not locked and pointer interactions outside of it remain enabled.    |
+| onOpenChangeComplete  | `((open: boolean) => void)`                                                     | -         | Event handler called after any animations complete when the popover is opened or closed.                                                                                                                                                                                                                                                                                                                                            |
+| triggerId             | `string \| null`                                                                | -         | ID of the trigger that the popover is associated with. This is useful in conjuntion with the `open` prop to create a controlled popover. There's no need to specify this prop when the popover is uncontrolled (i.e. when the `open` prop is not set).                                                                                                                                                                              |
+| children              | `ReactNode \| PayloadChildRenderFunction<Payload>`                              | -         | The content of the popover. This can be a regular React node or a render function that receives the `payload` of the active trigger.                                                                                                                                                                                                                                                                                                |
+
+### Root.Props
+
+Re-export of [Root](#root) props.
+
+### Root.State
+
+```typescript
+type PopoverRootState = {};
+```
+
+### Root.Actions
+
+```typescript
+type PopoverRootActions = { unmount: () => void; close: () => void };
+```
+
+### Root.ChangeEventReason
+
+```typescript
+type PopoverRootChangeEventReason =
+  | 'trigger-hover'
+  | 'trigger-focus'
+  | 'trigger-press'
+  | 'outside-press'
+  | 'escape-key'
+  | 'close-press'
+  | 'focus-out'
+  | 'imperative-action'
+  | 'none';
+```
+
+### Root.ChangeEventDetails
+
+```typescript
+type PopoverRootChangeEventDetails =
+  | {
+      reason: 'trigger-hover';
+      event: MouseEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+      preventUnmountOnClose(): void;
+    }
+  | {
+      reason: 'trigger-focus';
+      event: FocusEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+      preventUnmountOnClose(): void;
+    }
+  | {
+      reason: 'trigger-press';
+      event: MouseEvent | PointerEvent | TouchEvent | KeyboardEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+      preventUnmountOnClose(): void;
+    }
+  | {
+      reason: 'outside-press';
+      event: MouseEvent | PointerEvent | TouchEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+      preventUnmountOnClose(): void;
+    }
+  | {
+      reason: 'escape-key';
+      event: KeyboardEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+      preventUnmountOnClose(): void;
+    }
+  | {
+      reason: 'close-press';
+      event: MouseEvent | PointerEvent | KeyboardEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+      preventUnmountOnClose(): void;
+    }
+  | {
+      reason: 'focus-out';
+      event: FocusEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+      preventUnmountOnClose(): void;
+    }
+  | {
+      reason: 'imperative-action';
+      event: Event;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+      preventUnmountOnClose(): void;
+    }
+  | {
+      reason: 'none';
+      event: Event;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+      preventUnmountOnClose(): void;
+    };
+```
+
+### Trigger
+
+A button that opens the popover. Renders a `<button>` element.
+
+**Trigger Props:**
+
+| Prop           | Type                                                                                    | Default   | Description                                                                                                                                                                                            |
+| :------------- | :-------------------------------------------------------------------------------------- | :-------- | :----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| handle         | `PopoverHandle<Payload>`                                                                | -         | A handle to associate the trigger with a popover.                                                                                                                                                      |
+| nativeButton   | `boolean`                                                                               | `true`    | Whether the component renders a native `<button>` element when replacing it via the `render` prop. Set to `false` if the rendered element is not a button (e.g. `<div>`).                              |
+| payload        | `Payload`                                                                               | -         | A payload to pass to the popover when it is opened.                                                                                                                                                    |
+| style          | `CSSProperties \| ((state: Popover.Trigger.State) => CSSProperties \| undefined)`       | -         | Style applied to the element, or a function that returns a style object based on the component’s state.                                                                                                |
+| openOnHover    | `boolean`                                                                               | `false`   | Whether the popover should also open when the trigger is hovered.                                                                                                                                      |
+| delay          | `number`                                                                                | `300`     | How long to wait before the popover may be opened on hover. Specified in milliseconds.Requires the `openOnHover` prop.                                                                                 |
+| closeDelay     | `number`                                                                                | `0`       | How long to wait before closing the popover that was opened on hover. Specified in milliseconds.Requires the `openOnHover` prop.                                                                       |
+| id             | `string`                                                                                | -         | ID of the trigger. In addition to being forwarded to the rendered element, it is also used to specify the active trigger for the popover in controlled mode (with the PopoverRoot `triggerId` prop).   |
+| className      | `string \| ((state: Popover.Trigger.State) => string \| undefined)`                     | -         | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                                   |
+| render         | `ReactElement \| ((props: HTMLProps, state: Popover.Trigger.State) => ReactElement)`    | -         | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render.               |
+
+**Trigger Data Attributes:**
+
+| Attribute             | Type    | Description                                       |
+| :-------------------- | :------ | :------------------------------------------------ |
+| data-popup-open       | -       | Present when the corresponding popover is open.   |
+| data-pressed          | -       | Present when the trigger is pressed.              |
+
+### Trigger.Props
+
+Re-export of [Trigger](#trigger) props.
+
+### Trigger.State
+
+```typescript
+type PopoverTriggerState = { disabled: boolean; open: boolean };
+```
+
+### Portal
+
+A portal element that moves the popup to a different part of the DOM. By default, the portal element is appended to `<body>`. Renders a `<div>` element.
+
+**Portal Props:**
+
+| Prop           | Type                                                                                    | Default   | Description                                                                                                                                                                              |
+| :------------- | :-------------------------------------------------------------------------------------- | :-------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: Popover.Portal.State) => CSSProperties \| undefined)`        | -         | -                                                                                                                                                                                        |
+| container      | `HTMLElement \| ShadowRoot \| RefObject<HTMLElement \| ShadowRoot \| null> \| null`     | -         | A parent element to render the portal element into.                                                                                                                                      |
+| className      | `string \| ((state: Popover.Portal.State) => string \| undefined)`                      | -         | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| keepMounted    | `boolean`                                                                               | `false`   | Whether to keep the portal mounted in the DOM while the popup is hidden.                                                                                                                 |
+| render         | `ReactElement \| ((props: HTMLProps, state: Popover.Portal.State) => ReactElement)`     | -         | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+### Portal.Props
+
+Re-export of [Portal](#portal) props.
+
+### Backdrop
+
+An overlay displayed beneath the popover. Renders a `<div>` element.
+
+**Backdrop Props:**
+
+| Prop           | Type                                                                                     | Default | Description                                                                                                                                                                              |
+| :------------- | :--------------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: Popover.Backdrop.State) => CSSProperties \| undefined)`       | -       | -                                                                                                                                                                                        |
+| className      | `string \| ((state: Popover.Backdrop.State) => string \| undefined)`                     | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Popover.Backdrop.State) => ReactElement)`    | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**Backdrop Data Attributes:**
+
+| Attribute             | Type    | Description                                |
+| :-------------------- | :------ | :----------------------------------------- |
+| data-open             | -       | Present when the popup is open.            |
+| data-closed           | -       | Present when the popup is closed.          |
+| data-starting-style   | -       | Present when the popup is animating in.    |
+| data-ending-style     | -       | Present when the popup is animating out.   |
+
+### Backdrop.Props
+
+Re-export of [Backdrop](#backdrop) props.
+
+### Backdrop.State
+
+```typescript
+type PopoverBackdropState = { open: boolean; transitionStatus: TransitionStatus };
+```
+
+### Positioner
+
+Positions the popover against the trigger. Renders a `<div>` element.
+
+**Positioner Props:**
+
+| Prop                  | Type                                                                                                               | Default                 | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         |
+| :-------------------- | :----------------------------------------------------------------------------------------------------------------- | :---------------------- | :-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| collisionAvoidance    | `CollisionAvoidance`                                                                                               | -                       | Determines how to handle collisions when positioning the popup.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     |
+| style                 | `CSSProperties \| ((state: Popover.Positioner.State) => CSSProperties \| undefined)`                               | -                       | -                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   |
+| align                 | `Align`                                                                                                            | `'center'`              | How to align the popup relative to the specified side.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
+| alignOffset           | `number \| OffsetFunction`                                                                                         | `0`                     | Additional offset along the alignment axis in pixels. Also accepts a function that returns the offset to read the dimensions of the anchor and positioner elements, along with its side and alignment.The function takes a `data` object parameter with the following properties:`data.anchor`: the dimensions of the anchor element with properties `width` and `height`., `data.positioner`: the dimensions of the positioner element with properties `width` and `height`., `data.side`: which side of the anchor element the positioner is aligned against., `data.align`: how the positioner is aligned relative to the specified side.        |
+| side                  | `Side`                                                                                                             | `'bottom'`              | Which side of the anchor element to align the popup against. May automatically change to avoid collisions.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          |
+| sideOffset            | `number \| OffsetFunction`                                                                                         | `0`                     | Distance between the anchor and the popup in pixels. Also accepts a function that returns the distance to read the dimensions of the anchor and positioner elements, along with its side and alignment.The function takes a `data` object parameter with the following properties:`data.anchor`: the dimensions of the anchor element with properties `width` and `height`., `data.positioner`: the dimensions of the positioner element with properties `width` and `height`., `data.side`: which side of the anchor element the positioner is aligned against., `data.align`: how the positioner is aligned relative to the specified side.       |
+| arrowPadding          | `number`                                                                                                           | `5`                     | Minimum distance to maintain between the arrow and the edges of the popup.Use it to prevent the arrow element from hanging out of the rounded corners of a popup.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   |
+| anchor                | `Element \| VirtualElement \| RefObject<Element \| null> \| (() => Element \| VirtualElement \| null) \| null`     | -                       | An element to position the popup against. By default, the popup will be positioned against the trigger.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             |
+| collisionBoundary     | `Boundary`                                                                                                         | `'clipping-ancestors'`  | An element or a rectangle that delimits the area that the popup is confined to.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     |
+| collisionPadding      | `Padding`                                                                                                          | `5`                     | Additional space to maintain from the edge of the collision boundary.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               |
+| sticky                | `boolean`                                                                                                          | `false`                 | Whether to maintain the popup in the viewport after the anchor element was scrolled out of view.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    |
+| positionMethod        | `'fixed' \| 'absolute'`                                                                                            | `'absolute'`            | Determines which CSS `position` property to use.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    |
+| trackAnchor           | `boolean`                                                                                                          | `true`                  | Whether the popup tracks any layout shift of its positioning anchor.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                |
+| className             | `string \| ((state: Popover.Positioner.State) => string \| undefined)`                                             | -                       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                |
+| render                | `ReactElement \| ((props: HTMLProps, state: Popover.Positioner.State) => ReactElement)`                            | -                       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render.                                                                                                                                                                                                                                                                                                                                                                                                                                                            |
+
+**Positioner Data Attributes:**
+
+| Attribute             | Type                                                                          | Description                                                            |
+| :-------------------- | :---------------------------------------------------------------------------- | :--------------------------------------------------------------------- |
+| data-open             | -                                                                             | Present when the popup is open.                                        |
+| data-closed           | -                                                                             | Present when the popup is closed.                                      |
+| data-anchor-hidden    | -                                                                             | Present when the anchor is hidden.                                     |
+| data-align            | `'start' \| 'center' \| 'end'`                                                | Indicates how the popup is aligned relative to specified side.         |
+| data-side             | `'top' \| 'bottom' \| 'left' \| 'right' \| 'inline-end' \| 'inline-start'`    | Indicates which side the popup is positioned relative to the trigger.  |
+
+**Positioner CSS Variables:**
+
+| Variable                | Type      | Description                                                                                                                      |
+| :---------------------- | :-------- | :------------------------------------------------------------------------------------------------------------------------------- |
+| `--anchor-height`       | `number`  | The anchor's height.                                                                                                             |
+| `--anchor-width`        | `number`  | The anchor's width.                                                                                                              |
+| `--available-height`    | `number`  | The available height between the trigger and the edge of the viewport.                                                           |
+| `--available-width`     | `number`  | The available width between the trigger and the edge of the viewport.                                                            |
+| `--positioner-height`   | ``        | The height of the popover's positioner. It is important to set `height` to this value when using CSS to animate size changes.    |
+| `--positioner-width`    | ``        | The width of the popover's positioner. It is important to set `width` to this value when using CSS to animate size changes.      |
+| `--transform-origin`    | `string`  | The coordinates that this element is anchored to. Used for animations and transitions.                                           |
+
+### Positioner.Props
+
+Re-export of [Positioner](#positioner) props.
+
+### Positioner.State
+
+```typescript
+type PopoverPositionerState = {
+  open: boolean;
+  side: Side;
+  align: Align;
+  anchorHidden: boolean;
+  instant: string | undefined;
+};
+```
+
+### Popup
+
+A container for the popover contents. Renders a `<div>` element.
+
+**Popup Props:**
+
+| Prop           | Type                                                                                                                     | Default | Description                                                                                                                                                                                                                                                                                                                                                                                                                    |
+| :------------- | :----------------------------------------------------------------------------------------------------------------------- | :------ | :----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: Popover.Popup.State) => CSSProperties \| undefined)`                                          | -       | -                                                                                                                                                                                                                                                                                                                                                                                                                              |
+| initialFocus   | `boolean \| RefObject<HTMLElement \| null> \| ((openType: InteractionType) => boolean \| void \| HTMLElement \| null)`   | -       | Determines the element to focus when the popover is opened.`false`: Do not move focus., `true`: Move focus based on the default behavior (first tabbable element or popup)., `RefObject`: Move focus to the ref element., `function`: Called with the interaction type (`mouse`, `touch`, `pen`, or `keyboard`). Return an element to focus, `true` to use the default behavior, or `false`/`undefined` to do nothing.         |
+| finalFocus     | `boolean \| RefObject<HTMLElement \| null> \| ((closeType: InteractionType) => boolean \| void \| HTMLElement \| null)`  | -       | Determines the element to focus when the popover is closed.`false`: Do not move focus., `true`: Move focus based on the default behavior (trigger or previously focused element)., `RefObject`: Move focus to the ref element., `function`: Called with the interaction type (`mouse`, `touch`, `pen`, or `keyboard`). Return an element to focus, `true` to use the default behavior, or `false`/`undefined` to do nothing.   |
+| className      | `string \| ((state: Popover.Popup.State) => string \| undefined)`                                                        | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                                                                                                                                                                                                                                                           |
+| render         | `ReactElement \| ((props: HTMLProps, state: Popover.Popup.State) => ReactElement)`                                       | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render.                                                                                                                                                                                                                                       |
+
+**Popup Data Attributes:**
+
+| Attribute             | Type                                                                          | Description                                                            |
+| :-------------------- | :---------------------------------------------------------------------------- | :--------------------------------------------------------------------- |
+| data-open             | -                                                                             | Present when the popup is open.                                        |
+| data-closed           | -                                                                             | Present when the popup is closed.                                      |
+| data-align            | `'start' \| 'center' \| 'end'`                                                | Indicates how the popup is aligned relative to specified side.         |
+| data-instant          | `'click' \| 'dismiss'`                                                        | Present if animations should be instant.                               |
+| data-side             | `'top' \| 'bottom' \| 'left' \| 'right' \| 'inline-end' \| 'inline-start'`    | Indicates which side the popup is positioned relative to the trigger.  |
+| data-starting-style   | -                                                                             | Present when the popup is animating in.                                |
+| data-ending-style     | -                                                                             | Present when the popup is animating out.                               |
+
+**Popup CSS Variables:**
+
+| Variable         | Type | Description                  |
+| :--------------- | :--- | :--------------------------- |
+| `--popup-height` | ``   | The height of the popup.     |
+| `--popup-width`  | ``   | The width of the popup.      |
+
+### Popup.Props
+
+Re-export of [Popup](#popup) props.
+
+### Popup.State
+
+```typescript
+type PopoverPopupState = {
+  open: boolean;
+  side: Side;
+  align: Align;
+  transitionStatus: TransitionStatus;
+};
+```
+
+### Arrow
+
+Displays an element positioned against the popover anchor. Renders a `<div>` element.
+
+**Arrow Props:**
+
+| Prop           | Type                                                                                    | Default | Description                                                                                                                                                                              |
+| :------------- | :-------------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: Popover.Arrow.State) => CSSProperties \| undefined)`         | -       | -                                                                                                                                                                                        |
+| className      | `string \| ((state: Popover.Arrow.State) => string \| undefined)`                       | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Popover.Arrow.State) => ReactElement)`      | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**Arrow Data Attributes:**
+
+| Attribute             | Type                                                                          | Description                                                            |
+| :-------------------- | :---------------------------------------------------------------------------- | :--------------------------------------------------------------------- |
+| data-open             | -                                                                             | Present when the popup is open.                                        |
+| data-closed           | -                                                                             | Present when the popup is closed.                                      |
+| data-uncentered       | -                                                                             | Present when the popover arrow is uncentered.                          |
+| data-anchor-hidden    | -                                                                             | Present when the anchor is hidden.                                     |
+| data-align            | `'start' \| 'center' \| 'end'`                                                | Indicates how the popup is aligned relative to specified side.         |
+| data-side             | `'top' \| 'bottom' \| 'left' \| 'right' \| 'inline-end' \| 'inline-start'`    | Indicates which side the popup is positioned relative to the trigger.  |
+
+### Arrow\.Props
+
+Re-export of [Arrow](#arrow) props.
+
+### Arrow\.State
+
+```typescript
+type PopoverArrowState = {
+  open: boolean;
+  side: Side;
+  align: Align;
+  uncentered: boolean;
+};
+```
+
+### Title
+
+A heading that labels the popover. Renders an `<h2>` element.
+
+**Title Props:**
+
+| Prop           | Type                                                                                    | Default | Description                                                                                                                                                                              |
+| :------------- | :-------------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: Popover.Title.State) => CSSProperties \| undefined)`         | -       | -                                                                                                                                                                                        |
+| className      | `string \| ((state: Popover.Title.State) => string \| undefined)`                       | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Popover.Title.State) => ReactElement)`      | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+### Title.Props
+
+Re-export of [Title](#title) props.
+
+### Title.State
+
+```typescript
+type PopoverTitleState = {};
+```
+
+### Description
+
+A paragraph with additional information about the popover. Renders a `<p>` element.
+
+**Description Props:**
+
+| Prop           | Type                                                                                           | Default | Description                                                                                                                                                                              |
+| :------------- | :--------------------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: Popover.Description.State) => CSSProperties \| undefined)`          | -       | -                                                                                                                                                                                        |
+| className      | `string \| ((state: Popover.Description.State) => string \| undefined)`                        | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Popover.Description.State) => ReactElement)`       | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+### Description.Props
+
+Re-export of [Description](#description) props.
+
+### Description.State
+
+```typescript
+type PopoverDescriptionState = {};
+```
+
+### Close
+
+A button that closes the popover. Renders a `<button>` element.
+
+**Close Props:**
+
+| Prop           | Type                                                                                    | Default   | Description                                                                                                                                                                              |
+| :------------- | :-------------------------------------------------------------------------------------- | :-------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| nativeButton   | `boolean`                                                                               | `true`    | Whether the component renders a native `<button>` element when replacing it via the `render` prop. Set to `false` if the rendered element is not a button (e.g. `<div>`).                |
+| style          | `CSSProperties \| ((state: Popover.Close.State) => CSSProperties \| undefined)`         | -         | -                                                                                                                                                                                        |
+| className      | `string \| ((state: Popover.Close.State) => string \| undefined)`                       | -         | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Popover.Close.State) => ReactElement)`      | -         | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+### Close.Props
+
+Re-export of [Close](#close) props.
+
+### Close.State
+
+```typescript
+type PopoverCloseState = {};
+```
+
+### Viewport
+
+A viewport for displaying content transitions. This component is only required if one popup can be opened by multiple triggers, its content change based on the trigger and switching between them is animated. Renders a `<div>` element.
+
+**Viewport Props:**
+
+| Prop           | Type                                                                                    | Default | Description                                                                                                                                                                              |
+| :------------- | :-------------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: PopoverViewportState) => CSSProperties \| undefined)`        | -       | -                                                                                                                                                                                        |
+| children       | `ReactNode`                                                                             | -       | The content to render inside the transition container.                                                                                                                                   |
+| className      | `string \| ((state: PopoverViewportState) => string \| undefined)`                      | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: PopoverViewportState) => ReactElement)`     | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**Viewport Data Attributes:**
+
+| Attribute                    | Type                                               | Description                                                                                                                                                                                                                      |
+| :--------------------------- | :------------------------------------------------- | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| data-activation-direction    | `` `${'left' \| 'right'} {'top' \| 'bottom'}` ``   | Indicates the direction from which the popup was activated. This can be used to create directional animations based on how the popup was triggered. Contains space-separated values for both horizontal and vertical axes.       |
+| data-current                 | -                                                  | Applied to the direct child of the viewport when no transitions are present or the new content when it's entering.                                                                                                               |
+| data-previous                | -                                                  | Applied to the direct child of the viewport that contains the exiting content when transitions are present.                                                                                                                      |
+| data-transitioning           | -                                                  | Indicates that the viewport is currently transitioning between old and new content.                                                                                                                                              |
+
+**Viewport CSS Variables:**
+
+| Variable         | Type | Description                                                                                                                                                                                                                                                         |
+| :--------------- | :--- | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
+| `--popup-height` | ``   | The height of the parent popup. This variable is placed on the 'previous' container and stores the height of the popup when the previous content was rendered. It can be used to freeze the dimensions of the popup when animating between different content.       |
+| `--popup-width`  | ``   | The width of the parent popup. This variable is placed on the 'previous' container and stores the width of the popup when the previous content was rendered. It can be used to freeze the dimensions of the popup when animating between different content.         |
+
+### createHandle
+
+Creates a new handle to connect a Popover.Root with detached Popover.Trigger components.
+
+```typescript
+() => {};
+```
diff --git a/docs/src/app/(public)/(content)/react/components/popover/types.ts b/docs/src/app/(public)/(content)/react/components/popover/types.ts
new file mode 100644
index 00000000000..a72fb0cfe06
--- /dev/null
+++ b/docs/src/app/(public)/(content)/react/components/popover/types.ts
@@ -0,0 +1,18 @@
+'use client'; // TODO: it seems that Popover can't even be imported in a server component
+
+import { Popover } from '@base-ui-components/react/popover';
+import { createMultipleTypes } from 'docs/src/utils/createTypes';
+
+const types = createMultipleTypes(import.meta.url, Popover);
+
+export const TypesPopoverRoot = types.Root;
+export const TypesPopoverTrigger = types.Trigger;
+export const TypesPopoverBackdrop = types.Backdrop;
+export const TypesPopoverPortal = types.Portal;
+export const TypesPopoverPositioner = types.Positioner;
+export const TypesPopoverPopup = types.Popup;
+export const TypesPopoverArrow = types.Arrow;
+export const TypesPopoverTitle = types.Title;
+export const TypesPopoverDescription = types.Description;
+export const TypesPopoverClose = types.Close;
+export const TypesPopoverViewport = types.Viewport;
diff --git a/docs/src/app/(public)/(content)/react/components/preview-card/page.mdx b/docs/src/app/(public)/(content)/react/components/preview-card/page.mdx
index c2609783409..ff22723fc44 100644
--- a/docs/src/app/(public)/(content)/react/components/preview-card/page.mdx
+++ b/docs/src/app/(public)/(content)/react/components/preview-card/page.mdx
@@ -39,7 +39,40 @@ import { PreviewCard } from '@base-ui-components/react/preview-card';
 
 ## API reference
 
-<Reference
-  component="PreviewCard"
-  parts="Root, Trigger, Portal, Backdrop, Positioner, Popup, Arrow"
-/>
+import {
+  TypesPreviewCardRoot,
+  TypesPreviewCardTrigger,
+  TypesPreviewCardPortal,
+  TypesPreviewCardBackdrop,
+  TypesPreviewCardPositioner,
+  TypesPreviewCardPopup,
+  TypesPreviewCardArrow,
+} from './types';
+
+### Root
+
+<TypesPreviewCardRoot />
+
+### Trigger
+
+<TypesPreviewCardTrigger />
+
+### Portal
+
+<TypesPreviewCardPortal />
+
+### Backdrop
+
+<TypesPreviewCardBackdrop />
+
+### Positioner
+
+<TypesPreviewCardPositioner />
+
+### Popup
+
+<TypesPreviewCardPopup />
+
+### Arrow
+
+<TypesPreviewCardArrow />
diff --git a/docs/src/app/(public)/(content)/react/components/preview-card/types.md b/docs/src/app/(public)/(content)/react/components/preview-card/types.md
new file mode 100644
index 00000000000..0cf6097325a
--- /dev/null
+++ b/docs/src/app/(public)/(content)/react/components/preview-card/types.md
@@ -0,0 +1,325 @@
+# Preview Card
+
+[//]: types.ts '<-- Autogenerated By (do not edit the following markdown directly)'
+
+## API Reference
+
+### Root
+
+Groups all parts of the preview card. Doesn’t render its own HTML element.
+
+**Root Props:**
+
+| Prop                  | Type                                                                            | Default   | Description                                                                                                                                                                                                                                                                    |
+| :-------------------- | :------------------------------------------------------------------------------ | :-------- | :----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| defaultOpen           | `boolean`                                                                       | `false`   | Whether the preview card is initially open.To render a controlled preview card, use the `open` prop instead.                                                                                                                                                                   |
+| open                  | `boolean`                                                                       | -         | Whether the preview card is currently open.                                                                                                                                                                                                                                    |
+| onOpenChange          | `((open: boolean, eventDetails: PreviewCard.Root.ChangeEventDetails) => void)`  | -         | Event handler called when the preview card is opened or closed.                                                                                                                                                                                                                |
+| actionsRef            | `RefObject<PreviewCard.Root.Actions>`                                           | -         | A ref to imperative actions.`unmount`: When specified, the preview card will not be unmounted when closed. Instead, the `unmount` function must be called to unmount the preview card manually. Useful when the preview card's animation is controlled by an external library. |
+| onOpenChangeComplete  | `((open: boolean) => void)`                                                     | -         | Event handler called after any animations complete when the preview card is opened or closed.                                                                                                                                                                                  |
+| delay                 | `number`                                                                        | `600`     | How long to wait before the preview card opens. Specified in milliseconds.                                                                                                                                                                                                     |
+| closeDelay            | `number`                                                                        | `300`     | How long to wait before closing the preview card. Specified in milliseconds.                                                                                                                                                                                                   |
+| children              | `ReactNode`                                                                     | -         | -                                                                                                                                                                                                                                                                              |
+
+### Root.Props
+
+Re-export of [Root](#root) props.
+
+### Root.State
+
+```typescript
+type PreviewCardRootState = {};
+```
+
+### Root.Actions
+
+```typescript
+type PreviewCardRootActions = { unmount: () => void };
+```
+
+### Root.ChangeEventReason
+
+```typescript
+type PreviewCardRootChangeEventReason =
+  | 'trigger-hover'
+  | 'trigger-focus'
+  | 'trigger-press'
+  | 'outside-press'
+  | 'escape-key'
+  | 'none';
+```
+
+### Root.ChangeEventDetails
+
+```typescript
+type PreviewCardRootChangeEventDetails =
+  | {
+      reason: 'trigger-hover';
+      event: MouseEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    }
+  | {
+      reason: 'trigger-focus';
+      event: FocusEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    }
+  | {
+      reason: 'trigger-press';
+      event: MouseEvent | PointerEvent | TouchEvent | KeyboardEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    }
+  | {
+      reason: 'outside-press';
+      event: MouseEvent | PointerEvent | TouchEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    }
+  | {
+      reason: 'escape-key';
+      event: KeyboardEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    }
+  | {
+      reason: 'none';
+      event: Event;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    };
+```
+
+### Trigger
+
+A link that opens the preview card. Renders an `<a>` element.
+
+**Trigger Props:**
+
+| Prop           | Type                                                                                           | Default | Description                                                                                                                                                                              |
+| :------------- | :--------------------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: PreviewCard.Trigger.State) => CSSProperties \| undefined)`          | -       | -                                                                                                                                                                                        |
+| className      | `string \| ((state: PreviewCard.Trigger.State) => string \| undefined)`                        | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: PreviewCard.Trigger.State) => ReactElement)`       | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**Trigger Data Attributes:**
+
+| Attribute             | Type    | Description                                              |
+| :-------------------- | :------ | :------------------------------------------------------- |
+| data-popup-open       | -       | Present when the corresponding preview card is open.     |
+
+### Trigger.Props
+
+Re-export of [Trigger](#trigger) props.
+
+### Trigger.State
+
+```typescript
+type PreviewCardTriggerState = { open: boolean };
+```
+
+### Portal
+
+A portal element that moves the popup to a different part of the DOM. By default, the portal element is appended to `<body>`. Renders a `<div>` element.
+
+**Portal Props:**
+
+| Prop           | Type                                                                                     | Default   | Description                                                                                                                                                                              |
+| :------------- | :--------------------------------------------------------------------------------------- | :-------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: PreviewCard.Portal.State) => CSSProperties \| undefined)`     | -         | -                                                                                                                                                                                        |
+| container      | `HTMLElement \| ShadowRoot \| RefObject<HTMLElement \| ShadowRoot \| null> \| null`      | -         | A parent element to render the portal element into.                                                                                                                                      |
+| className      | `string \| ((state: PreviewCard.Portal.State) => string \| undefined)`                   | -         | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| keepMounted    | `boolean`                                                                                | `false`   | Whether to keep the portal mounted in the DOM while the popup is hidden.                                                                                                                 |
+| render         | `ReactElement \| ((props: HTMLProps, state: PreviewCard.Portal.State) => ReactElement)`  | -         | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+### Portal.Props
+
+Re-export of [Portal](#portal) props.
+
+### Backdrop
+
+An overlay displayed beneath the popup. Renders a `<div>` element.
+
+**Backdrop Props:**
+
+| Prop           | Type                                                                                           | Default | Description                                                                                                                                                                              |
+| :------------- | :--------------------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: PreviewCard.Backdrop.State) => CSSProperties \| undefined)`         | -       | -                                                                                                                                                                                        |
+| className      | `string \| ((state: PreviewCard.Backdrop.State) => string \| undefined)`                       | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: PreviewCard.Backdrop.State) => ReactElement)`      | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**Backdrop Data Attributes:**
+
+| Attribute             | Type    | Description                                       |
+| :-------------------- | :------ | :------------------------------------------------ |
+| data-open             | -       | Present when the preview card is open.            |
+| data-closed           | -       | Present when the preview card is closed.          |
+| data-starting-style   | -       | Present when the preview card is animating in.    |
+| data-ending-style     | -       | Present when the preview card is animating out.   |
+
+### Backdrop.Props
+
+Re-export of [Backdrop](#backdrop) props.
+
+### Backdrop.State
+
+```typescript
+type PreviewCardBackdropState = {
+  open: boolean;
+  transitionStatus: TransitionStatus;
+};
+```
+
+### Positioner
+
+Positions the popup against the trigger. Renders a `<div>` element.
+
+**Positioner Props:**
+
+| Prop                  | Type                                                                                                               | Default                 | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         |
+| :-------------------- | :----------------------------------------------------------------------------------------------------------------- | :---------------------- | :-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| collisionAvoidance    | `CollisionAvoidance`                                                                                               | -                       | Determines how to handle collisions when positioning the popup.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     |
+| style                 | `CSSProperties \| ((state: PreviewCard.Positioner.State) => CSSProperties \| undefined)`                           | -                       | -                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   |
+| align                 | `Align`                                                                                                            | `'center'`              | How to align the popup relative to the specified side.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
+| alignOffset           | `number \| OffsetFunction`                                                                                         | `0`                     | Additional offset along the alignment axis in pixels. Also accepts a function that returns the offset to read the dimensions of the anchor and positioner elements, along with its side and alignment.The function takes a `data` object parameter with the following properties:`data.anchor`: the dimensions of the anchor element with properties `width` and `height`., `data.positioner`: the dimensions of the positioner element with properties `width` and `height`., `data.side`: which side of the anchor element the positioner is aligned against., `data.align`: how the positioner is aligned relative to the specified side.        |
+| side                  | `Side`                                                                                                             | `'bottom'`              | Which side of the anchor element to align the popup against. May automatically change to avoid collisions.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          |
+| sideOffset            | `number \| OffsetFunction`                                                                                         | `0`                     | Distance between the anchor and the popup in pixels. Also accepts a function that returns the distance to read the dimensions of the anchor and positioner elements, along with its side and alignment.The function takes a `data` object parameter with the following properties:`data.anchor`: the dimensions of the anchor element with properties `width` and `height`., `data.positioner`: the dimensions of the positioner element with properties `width` and `height`., `data.side`: which side of the anchor element the positioner is aligned against., `data.align`: how the positioner is aligned relative to the specified side.       |
+| arrowPadding          | `number`                                                                                                           | `5`                     | Minimum distance to maintain between the arrow and the edges of the popup.Use it to prevent the arrow element from hanging out of the rounded corners of a popup.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   |
+| anchor                | `Element \| VirtualElement \| RefObject<Element \| null> \| (() => Element \| VirtualElement \| null) \| null`     | -                       | An element to position the popup against. By default, the popup will be positioned against the trigger.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             |
+| collisionBoundary     | `Boundary`                                                                                                         | `'clipping-ancestors'`  | An element or a rectangle that delimits the area that the popup is confined to.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     |
+| collisionPadding      | `Padding`                                                                                                          | `5`                     | Additional space to maintain from the edge of the collision boundary.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               |
+| sticky                | `boolean`                                                                                                          | `false`                 | Whether to maintain the popup in the viewport after the anchor element was scrolled out of view.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    |
+| positionMethod        | `'fixed' \| 'absolute'`                                                                                            | `'absolute'`            | Determines which CSS `position` property to use.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    |
+| trackAnchor           | `boolean`                                                                                                          | `true`                  | Whether the popup tracks any layout shift of its positioning anchor.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                |
+| className             | `string \| ((state: PreviewCard.Positioner.State) => string \| undefined)`                                         | -                       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                |
+| render                | `ReactElement \| ((props: HTMLProps, state: PreviewCard.Positioner.State) => ReactElement)`                        | -                       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render.                                                                                                                                                                                                                                                                                                                                                                                                                                                            |
+
+**Positioner Data Attributes:**
+
+| Attribute             | Type                                                                          | Description                                                            |
+| :-------------------- | :---------------------------------------------------------------------------- | :--------------------------------------------------------------------- |
+| data-open             | -                                                                             | Present when the preview card is open.                                 |
+| data-closed           | -                                                                             | Present when the preview card is closed.                               |
+| data-anchor-hidden    | -                                                                             | Present when the anchor is hidden.                                     |
+| data-align            | `'start' \| 'center' \| 'end'`                                                | Indicates how the popup is aligned relative to specified side.         |
+| data-side             | `'top' \| 'bottom' \| 'left' \| 'right' \| 'inline-end' \| 'inline-start'`    | Indicates which side the popup is positioned relative to the trigger.  |
+
+**Positioner CSS Variables:**
+
+| Variable                | Type      | Description                                                                                 |
+| :---------------------- | :-------- | :------------------------------------------------------------------------------------------ |
+| `--anchor-height`       | `number`  | The anchor's height.                                                                        |
+| `--anchor-width`        | `number`  | The anchor's width.                                                                         |
+| `--available-height`    | `number`  | The available height between the trigger and the edge of the viewport.                      |
+| `--available-width`     | `number`  | The available width between the trigger and the edge of the viewport.                       |
+| `--transform-origin`    | `string`  | The coordinates that this element is anchored to. Used for animations and transitions.      |
+
+### Positioner.Props
+
+Re-export of [Positioner](#positioner) props.
+
+### Positioner.State
+
+```typescript
+type PreviewCardPositionerState = {
+  open: boolean;
+  side: Side;
+  align: Align;
+  anchorHidden: boolean;
+};
+```
+
+### Popup
+
+A container for the preview card contents. Renders a `<div>` element.
+
+**Popup Props:**
+
+| Prop           | Type                                                                                     | Default | Description                                                                                                                                                                              |
+| :------------- | :--------------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: PreviewCard.Popup.State) => CSSProperties \| undefined)`      | -       | -                                                                                                                                                                                        |
+| className      | `string \| ((state: PreviewCard.Popup.State) => string \| undefined)`                    | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: PreviewCard.Popup.State) => ReactElement)`   | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**Popup Data Attributes:**
+
+| Attribute             | Type                                                                          | Description                                                            |
+| :-------------------- | :---------------------------------------------------------------------------- | :--------------------------------------------------------------------- |
+| data-open             | -                                                                             | Present when the preview card is open.                                 |
+| data-closed           | -                                                                             | Present when the preview card is closed.                               |
+| data-align            | `'start' \| 'center' \| 'end'`                                                | Indicates how the popup is aligned relative to specified side.         |
+| data-side             | `'top' \| 'bottom' \| 'left' \| 'right' \| 'inline-end' \| 'inline-start'`    | Indicates which side the popup is positioned relative to the trigger.  |
+| data-starting-style   | -                                                                             | Present when the preview card is animating in.                         |
+| data-ending-style     | -                                                                             | Present when the preview card is animating out.                        |
+
+### Popup.Props
+
+Re-export of [Popup](#popup) props.
+
+### Popup.State
+
+```typescript
+type PreviewCardPopupState = {
+  open: boolean;
+  side: Side;
+  align: Align;
+  transitionStatus: TransitionStatus;
+};
+```
+
+### Arrow
+
+Displays an element positioned against the preview card anchor. Renders a `<div>` element.
+
+**Arrow Props:**
+
+| Prop           | Type                                                                                     | Default | Description                                                                                                                                                                              |
+| :------------- | :--------------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: PreviewCard.Arrow.State) => CSSProperties \| undefined)`      | -       | -                                                                                                                                                                                        |
+| className      | `string \| ((state: PreviewCard.Arrow.State) => string \| undefined)`                    | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: PreviewCard.Arrow.State) => ReactElement)`   | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**Arrow Data Attributes:**
+
+| Attribute             | Type                                                                          | Description                                                            |
+| :-------------------- | :---------------------------------------------------------------------------- | :--------------------------------------------------------------------- |
+| data-open             | -                                                                             | Present when the preview card is open.                                 |
+| data-closed           | -                                                                             | Present when the preview card is closed.                               |
+| data-uncentered       | -                                                                             | Present when the preview card arrow is uncentered.                     |
+| data-anchor-hidden    | -                                                                             | Present when the anchor is hidden.                                     |
+| data-align            | `'start' \| 'center' \| 'end'`                                                | Indicates how the popup is aligned relative to specified side.         |
+| data-side             | `'top' \| 'bottom' \| 'left' \| 'right' \| 'inline-end' \| 'inline-start'`    | Indicates which side the popup is positioned relative to the trigger.  |
+
+### Arrow\.Props
+
+Re-export of [Arrow](#arrow) props.
+
+### Arrow\.State
+
+```typescript
+type PreviewCardArrowState = {
+  open: boolean;
+  side: Side;
+  align: Align;
+  uncentered: boolean;
+};
+```
diff --git a/docs/src/app/(public)/(content)/react/components/preview-card/types.ts b/docs/src/app/(public)/(content)/react/components/preview-card/types.ts
new file mode 100644
index 00000000000..01a5cf5ddde
--- /dev/null
+++ b/docs/src/app/(public)/(content)/react/components/preview-card/types.ts
@@ -0,0 +1,12 @@
+import { PreviewCard } from '@base-ui-components/react/preview-card';
+import { createMultipleTypes } from 'docs/src/utils/createTypes';
+
+const types = createMultipleTypes(import.meta.url, PreviewCard);
+
+export const TypesPreviewCardRoot = types.Root;
+export const TypesPreviewCardTrigger = types.Trigger;
+export const TypesPreviewCardPortal = types.Portal;
+export const TypesPreviewCardBackdrop = types.Backdrop;
+export const TypesPreviewCardPositioner = types.Positioner;
+export const TypesPreviewCardPopup = types.Popup;
+export const TypesPreviewCardArrow = types.Arrow;
diff --git a/docs/src/app/(public)/(content)/react/components/progress/page.mdx b/docs/src/app/(public)/(content)/react/components/progress/page.mdx
index 8b9412dc0fc..f4a732efe61 100644
--- a/docs/src/app/(public)/(content)/react/components/progress/page.mdx
+++ b/docs/src/app/(public)/(content)/react/components/progress/page.mdx
@@ -28,4 +28,30 @@ import { Progress } from '@base-ui-components/react/progress';
 
 ## API reference
 
-<Reference component="Progress" parts="Root, Track, Indicator, Value, Label" />
+import {
+  TypesProgressRoot,
+  TypesProgressTrack,
+  TypesProgressIndicator,
+  TypesProgressValue,
+  TypesProgressLabel,
+} from './types';
+
+### Root
+
+<TypesProgressRoot />
+
+### Track
+
+<TypesProgressTrack />
+
+### Indicator
+
+<TypesProgressIndicator />
+
+### Value
+
+<TypesProgressValue />
+
+### Label
+
+<TypesProgressLabel />
diff --git a/docs/src/app/(public)/(content)/react/components/progress/types.md b/docs/src/app/(public)/(content)/react/components/progress/types.md
new file mode 100644
index 00000000000..2c7f93e5909
--- /dev/null
+++ b/docs/src/app/(public)/(content)/react/components/progress/types.md
@@ -0,0 +1,145 @@
+# Progress
+
+[//]: types.ts '<-- Autogenerated By (do not edit the following markdown directly)'
+
+## API Reference
+
+### Root
+
+Groups all parts of the progress bar and provides the task completion status to screen readers. Renders a `<div>` element.
+
+**Root Props:**
+
+| Prop                  | Type                                                                                    | Default   | Description                                                                                                                                                                              |
+| :-------------------- | :-------------------------------------------------------------------------------------- | :-------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| value                 | `number \| null`                                                                        | `null`    | The current value. The component is indeterminate when value is `null`.                                                                                                                  |
+| aria-valuetext        | `string`                                                                                | -         | A string value that provides a user-friendly name for `aria-valuenow`, the current value of the meter.                                                                                   |
+| getAriaValueText      | `((formattedValue: string \| null, value: number \| null) => string)`                   | -         | Accepts a function which returns a string value that provides a human-readable text alternative for the current value of the progress bar.                                               |
+| locale                | `IntlLocalesArgument`                                                                   | -         | The locale used by `Intl.NumberFormat` when formatting the value. Defaults to the user's runtime locale.                                                                                 |
+| style                 | `CSSProperties \| ((state: Progress.Root.State) => CSSProperties \| undefined)`         | -         | -                                                                                                                                                                                        |
+| min                   | `number`                                                                                | `0`       | The minimum value.                                                                                                                                                                       |
+| max                   | `number`                                                                                | `100`     | The maximum value.                                                                                                                                                                       |
+| format                | `IntlNumberFormatOptions`                                                               | -         | Options to format the value.                                                                                                                                                             |
+| className             | `string \| ((state: Progress.Root.State) => string \| undefined)`                       | -         | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render                | `ReactElement \| ((props: HTMLProps, state: Progress.Root.State) => ReactElement)`      | -         | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**Root Data Attributes:**
+
+| Attribute             | Type    | Description                                              |
+| :-------------------- | :------ | :------------------------------------------------------- |
+| data-complete         | -       | Present when the progress has completed.                 |
+| data-indeterminate    | -       | Present when the progress is in interminate state.       |
+| data-progressing      | -       | Present while the progress is progressing.               |
+
+### Root.Props
+
+Re-export of [Root](#root) props.
+
+### Root.State
+
+```typescript
+type ProgressRootState = { status: Progress.Root.Status };
+```
+
+### Root.Status
+
+```typescript
+type ProgressRootStatus = 'indeterminate' | 'progressing' | 'complete';
+```
+
+### Value
+
+A text label displaying the current value. Renders a `<span>` element.
+
+**Value Props:**
+
+| Prop           | Type                                                                                    | Default | Description                                                                                                                                                                              |
+| :------------- | :-------------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: Progress.Root.State) => CSSProperties \| undefined)`         | -       | -                                                                                                                                                                                        |
+| children       | `((formattedValue: string \| null, value: number \| null) => ReactNode) \| null`        | -       | -                                                                                                                                                                                        |
+| className      | `string \| ((state: Progress.Root.State) => string \| undefined)`                       | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Progress.Root.State) => ReactElement)`      | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**Value Data Attributes:**
+
+| Attribute             | Type    | Description                                              |
+| :-------------------- | :------ | :------------------------------------------------------- |
+| data-complete         | -       | Present when the progress has completed.                 |
+| data-indeterminate    | -       | Present when the progress is in interminate state.       |
+| data-progressing      | -       | Present while the progress is progressing.               |
+
+### Value.Props
+
+Re-export of [Value](#value) props.
+
+### Indicator
+
+Visualizes the completion status of the task. Renders a `<div>` element.
+
+**Indicator Props:**
+
+| Prop           | Type                                                                                    | Default | Description                                                                                                                                                                              |
+| :------------- | :-------------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: Progress.Root.State) => CSSProperties \| undefined)`         | -       | -                                                                                                                                                                                        |
+| className      | `string \| ((state: Progress.Root.State) => string \| undefined)`                       | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Progress.Root.State) => ReactElement)`      | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**Indicator Data Attributes:**
+
+| Attribute             | Type    | Description                                              |
+| :-------------------- | :------ | :------------------------------------------------------- |
+| data-complete         | -       | Present when the progress has completed.                 |
+| data-indeterminate    | -       | Present when the progress is in interminate state.       |
+| data-progressing      | -       | Present while the progress is progressing.               |
+
+### Indicator.Props
+
+Re-export of [Indicator](#indicator) props.
+
+### Track
+
+Contains the progress bar indicator. Renders a `<div>` element.
+
+**Track Props:**
+
+| Prop           | Type                                                                                    | Default | Description                                                                                                                                                                              |
+| :------------- | :-------------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: Progress.Root.State) => CSSProperties \| undefined)`         | -       | -                                                                                                                                                                                        |
+| className      | `string \| ((state: Progress.Root.State) => string \| undefined)`                       | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Progress.Root.State) => ReactElement)`      | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**Track Data Attributes:**
+
+| Attribute             | Type    | Description                                              |
+| :-------------------- | :------ | :------------------------------------------------------- |
+| data-complete         | -       | Present when the progress has completed.                 |
+| data-indeterminate    | -       | Present when the progress is in interminate state.       |
+| data-progressing      | -       | Present while the progress is progressing.               |
+
+### Track.Props
+
+Re-export of [Track](#track) props.
+
+### Label
+
+An accessible label for the progress bar. Renders a `<span>` element.
+
+**Label Props:**
+
+| Prop           | Type                                                                                    | Default | Description                                                                                                                                                                              |
+| :------------- | :-------------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: Progress.Root.State) => CSSProperties \| undefined)`         | -       | -                                                                                                                                                                                        |
+| className      | `string \| ((state: Progress.Root.State) => string \| undefined)`                       | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Progress.Root.State) => ReactElement)`      | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**Label Data Attributes:**
+
+| Attribute             | Type    | Description                                              |
+| :-------------------- | :------ | :------------------------------------------------------- |
+| data-complete         | -       | Present when the progress has completed.                 |
+| data-indeterminate    | -       | Present when the progress is in interminate state.       |
+| data-progressing      | -       | Present while the progress is progressing.               |
+
+### Label.Props
+
+Re-export of [Label](#label) props.
diff --git a/docs/src/app/(public)/(content)/react/components/progress/types.ts b/docs/src/app/(public)/(content)/react/components/progress/types.ts
new file mode 100644
index 00000000000..40898309e87
--- /dev/null
+++ b/docs/src/app/(public)/(content)/react/components/progress/types.ts
@@ -0,0 +1,10 @@
+import { Progress } from '@base-ui-components/react/progress';
+import { createMultipleTypes } from 'docs/src/utils/createTypes';
+
+const types = createMultipleTypes(import.meta.url, Progress);
+
+export const TypesProgressRoot = types.Root;
+export const TypesProgressTrack = types.Track;
+export const TypesProgressIndicator = types.Indicator;
+export const TypesProgressValue = types.Value;
+export const TypesProgressLabel = types.Label;
diff --git a/docs/src/app/(public)/(content)/react/components/radio-group/types.md b/docs/src/app/(public)/(content)/react/components/radio-group/types.md
new file mode 100644
index 00000000000..f34a29a2123
--- /dev/null
+++ b/docs/src/app/(public)/(content)/react/components/radio-group/types.md
@@ -0,0 +1,69 @@
+# Radio Group
+
+[//]: types.ts '<-- Autogenerated By (do not edit the following markdown directly)'
+
+## API Reference
+
+### RadioGroup
+
+Provides a shared state to a series of radio buttons. Renders a `<div>` element.
+
+**RadioGroup Props:**
+
+| Prop           | Type                                                                              | Default   | Description                                                                                                                                                                              |
+| :------------- | :-------------------------------------------------------------------------------- | :-------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| name           | `string`                                                                          | -         | Identifies the field when a form is submitted.                                                                                                                                           |
+| defaultValue   | `unknown`                                                                         | -         | The uncontrolled value of the radio button that should be initially selected.To render a controlled radio group, use the `value` prop instead.                                           |
+| value          | `unknown`                                                                         | -         | The controlled value of the radio item that should be currently selected.To render an uncontrolled radio group, use the `defaultValue` prop instead.                                     |
+| onValueChange  | `((value: unknown, eventDetails: RadioGroup.ChangeEventDetails) => void)`         | -         | Callback fired when the value changes.                                                                                                                                                   |
+| style          | `CSSProperties \| ((state: RadioGroup.State) => CSSProperties \| undefined)`      | -         | -                                                                                                                                                                                        |
+| disabled       | `boolean`                                                                         | `false`   | Whether the component should ignore user interaction.                                                                                                                                    |
+| readOnly       | `boolean`                                                                         | `false`   | Whether the user should be unable to select a different radio button in the group.                                                                                                       |
+| required       | `boolean`                                                                         | `false`   | Whether the user must choose a value before submitting a form.                                                                                                                           |
+| inputRef       | `Ref<HTMLInputElement>`                                                           | -         | A ref to access the hidden input element.                                                                                                                                                |
+| className      | `string \| ((state: RadioGroup.State) => string \| undefined)`                    | -         | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: RadioGroup.State) => ReactElement)`   | -         | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**RadioGroup Data Attributes:**
+
+| Attribute      | Type    | Description                                |
+| :------------- | :------ | :----------------------------------------- |
+| data-disabled  | -       | Present when the radio group is disabled.  |
+
+### RadioGroup.Props
+
+Re-export of [RadioGroup](#radiogroup) props.
+
+### RadioGroup.State
+
+```typescript
+type RadioGroupState = {
+  readOnly: boolean | undefined;
+  disabled: boolean;
+  touched: boolean;
+  dirty: boolean;
+  valid: boolean | null;
+  filled: boolean;
+  focused: boolean;
+};
+```
+
+### RadioGroup.ChangeEventReason
+
+```typescript
+type RadioGroupChangeEventReason = 'none';
+```
+
+### RadioGroup.ChangeEventDetails
+
+```typescript
+type RadioGroupChangeEventDetails = {
+  reason: 'none';
+  event: Event;
+  cancel: () => void;
+  allowPropagation: () => void;
+  isCanceled: boolean;
+  isPropagationAllowed: boolean;
+  trigger: HTMLElement | undefined;
+};
+```
diff --git a/docs/src/app/(public)/(content)/react/components/radio-group/types.ts b/docs/src/app/(public)/(content)/react/components/radio-group/types.ts
new file mode 100644
index 00000000000..f9a486d9c81
--- /dev/null
+++ b/docs/src/app/(public)/(content)/react/components/radio-group/types.ts
@@ -0,0 +1,4 @@
+import { RadioGroup } from '@base-ui-components/react/radio-group';
+import { createTypes } from 'docs/src/utils/createTypes';
+
+export const TypesRadioGroup = createTypes(import.meta.url, RadioGroup);
diff --git a/docs/src/app/(public)/(content)/react/components/radio/page.mdx b/docs/src/app/(public)/(content)/react/components/radio/page.mdx
index 6d5fa0be37a..42ff4c7fc99 100644
--- a/docs/src/app/(public)/(content)/react/components/radio/page.mdx
+++ b/docs/src/app/(public)/(content)/react/components/radio/page.mdx
@@ -29,10 +29,21 @@ import { RadioGroup } from '@base-ui-components/react/radio-group';
 
 ### RadioGroup
 
+import { TypesRadioGroup } from '../radio-group/types';
+
 Provides a shared state to a series of radio buttons. Renders a `<div>` element.
 
-<Reference component="RadioGroup" />
-<Reference component="Radio" parts="Root, Indicator" />
+<TypesRadioGroup />
+
+import { TypesRadioRoot, TypesRadioIndicator } from './types';
+
+### Root
+
+<TypesRadioRoot />
+
+### Indicator
+
+<TypesRadioIndicator />
 
 ## Examples
 
diff --git a/docs/src/app/(public)/(content)/react/components/radio/types.md b/docs/src/app/(public)/(content)/react/components/radio/types.md
new file mode 100644
index 00000000000..405c140e17f
--- /dev/null
+++ b/docs/src/app/(public)/(content)/react/components/radio/types.md
@@ -0,0 +1,98 @@
+# Radio
+
+[//]: types.ts '<-- Autogenerated By (do not edit the following markdown directly)'
+
+## API Reference
+
+### Root
+
+Represents the radio button itself. Renders a `<button>` element and a hidden `<input>` beside.
+
+**Root Props:**
+
+| Prop           | Type                                                                              | Default   | Description                                                                                                                                                                              |
+| :------------- | :-------------------------------------------------------------------------------- | :-------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| value          | `any`                                                                             | -         | The unique identifying value of the radio in a group.                                                                                                                                    |
+| nativeButton   | `boolean`                                                                         | `true`    | Whether the component renders a native `<button>` element when replacing it via the `render` prop. Set to `false` if the rendered element is not a button (e.g. `<div>`).                |
+| style          | `CSSProperties \| ((state: Radio.Root.State) => CSSProperties \| undefined)`      | -         | -                                                                                                                                                                                        |
+| disabled       | `boolean`                                                                         | -         | Whether the component should ignore user interaction.                                                                                                                                    |
+| readOnly       | `boolean`                                                                         | -         | Whether the user should be unable to select the radio button.                                                                                                                            |
+| required       | `boolean`                                                                         | -         | Whether the user must choose a value before submitting a form.                                                                                                                           |
+| inputRef       | `Ref<HTMLInputElement>`                                                           | -         | A ref to access the hidden input element.                                                                                                                                                |
+| className      | `string \| ((state: Radio.Root.State) => string \| undefined)`                    | -         | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Radio.Root.State) => ReactElement)`   | -         | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**Root Data Attributes:**
+
+| Attribute      | Type    | Description                                                                   |
+| :------------- | :------ | :---------------------------------------------------------------------------- |
+| data-checked   | -       | Present when the radio is checked.                                            |
+| data-unchecked | -       | Present when the radio is not checked.                                        |
+| data-disabled  | -       | Present when the radio is disabled.                                           |
+| data-readonly  | -       | Present when the radio is readonly.                                           |
+| data-required  | -       | Present when the radio is required.                                           |
+| data-valid     | -       | Present when the radio is in valid state (when wrapped in Field.Root).        |
+| data-invalid   | -       | Present when the radio is in invalid state (when wrapped in Field.Root).      |
+| data-dirty     | -       | Present when the radio's value has changed (when wrapped in Field.Root).      |
+| data-touched   | -       | Present when the radio has been touched (when wrapped in Field.Root).         |
+| data-filled    | -       | Present when the radio is checked (when wrapped in Field.Root).               |
+| data-focused   | -       | Present when the radio is focused (when wrapped in Field.Root).               |
+
+### Root.Props
+
+Re-export of [Root](#root) props.
+
+### Root.State
+
+```typescript
+type RadioRootState = {
+  checked: boolean;
+  disabled: boolean;
+  readOnly: boolean;
+  required: boolean;
+  touched: boolean;
+  dirty: boolean;
+  valid: boolean | null;
+  filled: boolean;
+  focused: boolean;
+};
+```
+
+### Indicator
+
+Indicates whether the radio button is selected. Renders a `<span>` element.
+
+**Indicator Props:**
+
+| Prop           | Type                                                                                    | Default   | Description                                                                                                                                                                              |
+| :------------- | :-------------------------------------------------------------------------------------- | :-------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: Radio.Indicator.State) => CSSProperties \| undefined)`       | -         | -                                                                                                                                                                                        |
+| className      | `string \| ((state: Radio.Indicator.State) => string \| undefined)`                     | -         | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| keepMounted    | `boolean`                                                                               | `false`   | Whether to keep the HTML element in the DOM when the radio button is inactive.                                                                                                           |
+| render         | `ReactElement \| ((props: HTMLProps, state: Radio.Indicator.State) => ReactElement)`    | -         | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**Indicator Data Attributes:**
+
+| Attribute      | Type    | Description                                                                   |
+| :------------- | :------ | :---------------------------------------------------------------------------- |
+| data-checked   | -       | Present when the radio is checked.                                            |
+| data-unchecked | -       | Present when the radio is not checked.                                        |
+| data-disabled  | -       | Present when the radio is disabled.                                           |
+| data-readonly  | -       | Present when the radio is readonly.                                           |
+| data-required  | -       | Present when the radio is required.                                           |
+| data-valid     | -       | Present when the radio is in valid state (when wrapped in Field.Root).        |
+| data-invalid   | -       | Present when the radio is in invalid state (when wrapped in Field.Root).      |
+| data-dirty     | -       | Present when the radio's value has changed (when wrapped in Field.Root).      |
+| data-touched   | -       | Present when the radio has been touched (when wrapped in Field.Root).         |
+| data-filled    | -       | Present when the radio is checked (when wrapped in Field.Root).               |
+| data-focused   | -       | Present when the radio is focused (when wrapped in Field.Root).               |
+
+### Indicator.Props
+
+Re-export of [Indicator](#indicator) props.
+
+### Indicator.State
+
+```typescript
+type RadioIndicatorState = { checked: boolean; transitionStatus: TransitionStatus };
+```
diff --git a/docs/src/app/(public)/(content)/react/components/radio/types.ts b/docs/src/app/(public)/(content)/react/components/radio/types.ts
new file mode 100644
index 00000000000..b351ec6f642
--- /dev/null
+++ b/docs/src/app/(public)/(content)/react/components/radio/types.ts
@@ -0,0 +1,7 @@
+import { Radio } from '@base-ui-components/react/radio';
+import { createMultipleTypes } from 'docs/src/utils/createTypes';
+
+const types = createMultipleTypes(import.meta.url, Radio);
+
+export const TypesRadioRoot = types.Root;
+export const TypesRadioIndicator = types.Indicator;
diff --git a/docs/src/app/(public)/(content)/react/components/scroll-area/page.mdx b/docs/src/app/(public)/(content)/react/components/scroll-area/page.mdx
index 3b87bcef7ef..cf5d8d87d82 100644
--- a/docs/src/app/(public)/(content)/react/components/scroll-area/page.mdx
+++ b/docs/src/app/(public)/(content)/react/components/scroll-area/page.mdx
@@ -31,4 +31,35 @@ import { ScrollArea } from '@base-ui-components/react/scroll-area';
 
 ## API reference
 
-<Reference component="ScrollArea" parts="Root, Viewport, Content, Scrollbar, Thumb, Corner" />
+import {
+  TypesScrollAreaRoot,
+  TypesScrollAreaViewport,
+  TypesScrollAreaContent,
+  TypesScrollAreaScrollbar,
+  TypesScrollAreaThumb,
+  TypesScrollAreaCorner,
+} from './types';
+
+### Root
+
+<TypesScrollAreaRoot />
+
+### Viewport
+
+<TypesScrollAreaViewport />
+
+### Content
+
+<TypesScrollAreaContent />
+
+### Scrollbar
+
+<TypesScrollAreaScrollbar />
+
+### Thumb
+
+<TypesScrollAreaThumb />
+
+### Corner
+
+<TypesScrollAreaCorner />
diff --git a/docs/src/app/(public)/(content)/react/components/scroll-area/types.md b/docs/src/app/(public)/(content)/react/components/scroll-area/types.md
new file mode 100644
index 00000000000..315e0c01d68
--- /dev/null
+++ b/docs/src/app/(public)/(content)/react/components/scroll-area/types.md
@@ -0,0 +1,235 @@
+# Scroll Area
+
+[//]: types.ts '<-- Autogenerated By (do not edit the following markdown directly)'
+
+## API Reference
+
+### Root
+
+Groups all parts of the scroll area. Renders a `<div>` element.
+
+**Root Props:**
+
+| Prop                  | Type                                                                                    | Default   | Description                                                                                                                                                                              |
+| :-------------------- | :-------------------------------------------------------------------------------------- | :-------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| overflowEdgeThreshold | `number \| Partial<{ xStart: number, xEnd: number, yStart: number, yEnd: number }>`     | `0`       | The threshold in pixels that must be passed before the overflow edge attributes are applied. Accepts a single number for all edges or an object to configure them individually.          |
+| style                 | `CSSProperties \| ((state: ScrollArea.Root.State) => CSSProperties \| undefined)`       | -         | -                                                                                                                                                                                        |
+| className             | `string \| ((state: ScrollArea.Root.State) => string \| undefined)`                     | -         | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render                | `ReactElement \| ((props: HTMLProps, state: ScrollArea.Root.State) => ReactElement)`    | -         | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**Root Data Attributes:**
+
+| Attribute             | Type    | Description                                                            |
+| :-------------------- | :------ | :--------------------------------------------------------------------- |
+| data-has-overflow-x   | -       | Present when the scroll area content is wider than the viewport.       |
+| data-has-overflow-y   | -       | Present when the scroll area content is taller than the viewport.      |
+| data-overflow-x-end   | -       | Present when there is overflow on the horizontal end side.             |
+| data-overflow-x-start | -       | Present when there is overflow on the horizontal start side.           |
+| data-overflow-y-end   | -       | Present when there is overflow on the vertical end side.               |
+| data-overflow-y-start | -       | Present when there is overflow on the vertical start side.             |
+
+**Root CSS Variables:**
+
+| Variable                              | Type      | Description                                              |
+| :------------------------------------ | :-------- | :------------------------------------------------------- |
+| `--scroll-area-corner-height`         | `number`  | The scroll area's corner height.                         |
+| `--scroll-area-corner-width`          | `number`  | The scroll area's corner width.                          |
+| `--scroll-area-overflow-x-end`        | `number`  | The distance from the horizontal end edge in pixels.     |
+| `--scroll-area-overflow-x-start`      | `number`  | The distance from the horizontal start edge in pixels.   |
+| `--scroll-area-overflow-y-end`        | `number`  | The distance from the vertical end edge in pixels.       |
+| `--scroll-area-overflow-y-start`      | `number`  | The distance from the vertical start edge in pixels.     |
+
+### Root.Props
+
+Re-export of [Root](#root) props.
+
+### Root.State
+
+```typescript
+type ScrollAreaRootState = {
+  hasOverflowX: boolean;
+  hasOverflowY: boolean;
+  overflowXStart: boolean;
+  overflowXEnd: boolean;
+  overflowYStart: boolean;
+  overflowYEnd: boolean;
+  cornerHidden: boolean;
+};
+```
+
+### Content
+
+A container for the content of the scroll area. Renders a `<div>` element.
+
+**Content Props:**
+
+| Prop           | Type                                                                                     | Default | Description                                                                                                                                                                              |
+| :------------- | :--------------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: ScrollArea.Content.State) => CSSProperties \| undefined)`     | -       | -                                                                                                                                                                                        |
+| className      | `string \| ((state: ScrollArea.Content.State) => string \| undefined)`                   | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: ScrollArea.Content.State) => ReactElement)`  | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+### Content.Props
+
+Re-export of [Content](#content) props.
+
+### Content.State
+
+```typescript
+type ScrollAreaContentState = {
+  hasOverflowX: boolean;
+  hasOverflowY: boolean;
+  overflowXStart: boolean;
+  overflowXEnd: boolean;
+  overflowYStart: boolean;
+  overflowYEnd: boolean;
+  cornerHidden: boolean;
+};
+```
+
+### Viewport
+
+The actual scrollable container of the scroll area. Renders a `<div>` element.
+
+**Viewport Props:**
+
+| Prop           | Type                                                                                           | Default | Description                                                                                                                                                                              |
+| :------------- | :--------------------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: ScrollArea.Viewport.State) => CSSProperties \| undefined)`          | -       | -                                                                                                                                                                                        |
+| className      | `string \| ((state: ScrollArea.Viewport.State) => string \| undefined)`                        | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: ScrollArea.Viewport.State) => ReactElement)`       | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**Viewport Data Attributes:**
+
+| Attribute             | Type    | Description                                                            |
+| :-------------------- | :------ | :--------------------------------------------------------------------- |
+| data-has-overflow-x   | -       | Present when the scroll area content is wider than the viewport.       |
+| data-has-overflow-y   | -       | Present when the scroll area content is taller than the viewport.      |
+| data-overflow-x-end   | -       | Present when there is overflow on the horizontal end side.             |
+| data-overflow-x-start | -       | Present when there is overflow on the horizontal start side.           |
+| data-overflow-y-end   | -       | Present when there is overflow on the vertical end side.               |
+| data-overflow-y-start | -       | Present when there is overflow on the vertical start side.             |
+
+### Viewport.Props
+
+Re-export of [Viewport](#viewport) props.
+
+### Viewport.State
+
+```typescript
+type ScrollAreaViewportState = {
+  hasOverflowX: boolean;
+  hasOverflowY: boolean;
+  overflowXStart: boolean;
+  overflowXEnd: boolean;
+  overflowYStart: boolean;
+  overflowYEnd: boolean;
+  cornerHidden: boolean;
+};
+```
+
+### Thumb
+
+The draggable part of the the scrollbar that indicates the current scroll position. Renders a `<div>` element.
+
+**Thumb Props:**
+
+| Prop           | Type                                                                                     | Default | Description                                                                                                                                                                              |
+| :------------- | :--------------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: ScrollArea.Thumb.State) => CSSProperties \| undefined)`       | -       | -                                                                                                                                                                                        |
+| className      | `string \| ((state: ScrollArea.Thumb.State) => string \| undefined)`                     | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: ScrollArea.Thumb.State) => ReactElement)`    | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**Thumb Data Attributes:**
+
+| Attribute             | Type                            | Description                                       |
+| :-------------------- | :------------------------------ | :------------------------------------------------ |
+| data-orientation      | `'horizontal' \| 'vertical'`    | Indicates the orientation of the scrollbar.       |
+
+### Thumb.Props
+
+Re-export of [Thumb](#thumb) props.
+
+### Thumb.State
+
+```typescript
+type ScrollAreaThumbState = { orientation?: 'vertical' | 'horizontal' };
+```
+
+### Scrollbar
+
+A vertical or horizontal scrollbar for the scroll area. Renders a `<div>` element.
+
+**Scrollbar Props:**
+
+| Prop           | Type                                                                                           | Default          | Description                                                                                                                                                                              |
+| :------------- | :--------------------------------------------------------------------------------------------- | :--------------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: ScrollArea.Scrollbar.State) => CSSProperties \| undefined)`         | -                | -                                                                                                                                                                                        |
+| orientation    | `'vertical' \| 'horizontal'`                                                                   | `'vertical'`     | Whether the scrollbar controls vertical or horizontal scroll.                                                                                                                            |
+| className      | `string \| ((state: ScrollArea.Scrollbar.State) => string \| undefined)`                       | -                | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| keepMounted    | `boolean`                                                                                      | `false`          | Whether to keep the HTML element in the DOM when the viewport isn’t scrollable.                                                                                                          |
+| render         | `ReactElement \| ((props: HTMLProps, state: ScrollArea.Scrollbar.State) => ReactElement)`      | -                | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**Scrollbar Data Attributes:**
+
+| Attribute             | Type                            | Description                                                            |
+| :-------------------- | :------------------------------ | :--------------------------------------------------------------------- |
+| data-orientation      | `'horizontal' \| 'vertical'`    | Indicates the orientation of the scrollbar.                            |
+| data-has-overflow-x   | -                               | Present when the scroll area content is wider than the viewport.       |
+| data-has-overflow-y   | -                               | Present when the scroll area content is taller than the viewport.      |
+| data-hovering         | -                               | Present when the pointer is over the scroll area.                      |
+| data-overflow-x-end   | -                               | Present when there is overflow on the horizontal end side.             |
+| data-overflow-x-start | -                               | Present when there is overflow on the horizontal start side.           |
+| data-overflow-y-end   | -                               | Present when there is overflow on the vertical end side.               |
+| data-overflow-y-start | -                               | Present when there is overflow on the vertical start side.             |
+| data-scrolling        | -                               | Present when the users scrolls inside the scroll area.                 |
+
+**Scrollbar CSS Variables:**
+
+| Variable                       | Type      | Description                         |
+| :----------------------------- | :-------- | :---------------------------------- |
+| `--scroll-area-thumb-height`   | `number`  | The scroll area thumb's height.     |
+| `--scroll-area-thumb-width`    | `number`  | The scroll area thumb's width.      |
+
+### Scrollbar.Props
+
+Re-export of [Scrollbar](#scrollbar) props.
+
+### Scrollbar.State
+
+```typescript
+type ScrollAreaScrollbarState = {
+  hovering: boolean;
+  scrolling: boolean;
+  orientation: 'vertical' | 'horizontal';
+  hasOverflowX: boolean;
+  hasOverflowY: boolean;
+  overflowXStart: boolean;
+  overflowXEnd: boolean;
+  overflowYStart: boolean;
+  overflowYEnd: boolean;
+  cornerHidden: boolean;
+};
+```
+
+### Corner
+
+A small rectangular area that appears at the intersection of horizontal and vertical scrollbars. Renders a `<div>` element.
+
+**Corner Props:**
+
+| Prop           | Type                                                                                     | Default | Description                                                                                                                                                                              |
+| :------------- | :--------------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: ScrollArea.Corner.State) => CSSProperties \| undefined)`      | -       | -                                                                                                                                                                                        |
+| className      | `string \| ((state: ScrollArea.Corner.State) => string \| undefined)`                    | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: ScrollArea.Corner.State) => ReactElement)`   | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+### Corner.Props
+
+Re-export of [Corner](#corner) props.
+
+### Corner.State
+
+```typescript
+type ScrollAreaCornerState = {};
+```
diff --git a/docs/src/app/(public)/(content)/react/components/scroll-area/types.ts b/docs/src/app/(public)/(content)/react/components/scroll-area/types.ts
new file mode 100644
index 00000000000..424e5971264
--- /dev/null
+++ b/docs/src/app/(public)/(content)/react/components/scroll-area/types.ts
@@ -0,0 +1,11 @@
+import { ScrollArea } from '@base-ui-components/react/scroll-area';
+import { createMultipleTypes } from 'docs/src/utils/createTypes';
+
+const types = createMultipleTypes(import.meta.url, ScrollArea);
+
+export const TypesScrollAreaRoot = types.Root;
+export const TypesScrollAreaViewport = types.Viewport;
+export const TypesScrollAreaContent = types.Content;
+export const TypesScrollAreaScrollbar = types.Scrollbar;
+export const TypesScrollAreaThumb = types.Thumb;
+export const TypesScrollAreaCorner = types.Corner;
diff --git a/docs/src/app/(public)/(content)/react/components/select/page.mdx b/docs/src/app/(public)/(content)/react/components/select/page.mdx
index 5d1b27d014e..f9d3a1d9352 100644
--- a/docs/src/app/(public)/(content)/react/components/select/page.mdx
+++ b/docs/src/app/(public)/(content)/react/components/select/page.mdx
@@ -53,10 +53,98 @@ import { Select } from '@base-ui-components/react/select';
 
 ## API reference
 
-<Reference
-  component="Select"
-  parts="Root, Trigger, Value, Icon, Backdrop, Portal, Positioner, Popup, List, Arrow, Item, ItemText, ItemIndicator, Group, GroupLabel, ScrollUpArrow, ScrollDownArrow, Separator"
-/>
+import {
+  TypesSelectRoot,
+  TypesSelectTrigger,
+  TypesSelectValue,
+  TypesSelectIcon,
+  TypesSelectBackdrop,
+  TypesSelectPortal,
+  TypesSelectPositioner,
+  TypesSelectPopup,
+  TypesSelectList,
+  TypesSelectArrow,
+  TypesSelectItem,
+  TypesSelectItemText,
+  TypesSelectItemIndicator,
+  TypesSelectGroup,
+  TypesSelectGroupLabel,
+  TypesSelectScrollUpArrow,
+  TypesSelectScrollDownArrow,
+  TypesSelectSeparator,
+} from './types';
+
+### Root
+
+<TypesSelectRoot />
+
+### Trigger
+
+<TypesSelectTrigger />
+
+### Value
+
+<TypesSelectValue />
+
+### Icon
+
+<TypesSelectIcon />
+
+### Backdrop
+
+<TypesSelectBackdrop />
+
+### Portal
+
+<TypesSelectPortal />
+
+### Positioner
+
+<TypesSelectPositioner />
+
+### Popup
+
+<TypesSelectPopup />
+
+### List
+
+<TypesSelectList />
+
+### Arrow
+
+<TypesSelectArrow />
+
+### Item
+
+<TypesSelectItem />
+
+### ItemText
+
+<TypesSelectItemText />
+
+### ItemIndicator
+
+<TypesSelectItemIndicator />
+
+### Group
+
+<TypesSelectGroup />
+
+### GroupLabel
+
+<TypesSelectGroupLabel />
+
+### ScrollUpArrow
+
+<TypesSelectScrollUpArrow />
+
+### ScrollDownArrow
+
+<TypesSelectScrollDownArrow />
+
+### Separator
+
+<TypesSelectSeparator />
 
 ## Positioning
 
diff --git a/docs/src/app/(public)/(content)/react/components/select/types.md b/docs/src/app/(public)/(content)/react/components/select/types.md
new file mode 100644
index 00000000000..dfee14568d1
--- /dev/null
+++ b/docs/src/app/(public)/(content)/react/components/select/types.md
@@ -0,0 +1,700 @@
+# Select
+
+[//]: types.ts '<-- Autogenerated By (do not edit the following markdown directly)'
+
+## API Reference
+
+### Root
+
+Groups all parts of the select. Doesn’t render its own HTML element.
+
+**Root Props:**
+
+| Prop                  | Type                                                                                                                                                                                          | Default   | Description                                                                                                                                                                                                                                                                                         |
+| :-------------------- | :-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | :-------- | :-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| name                  | `string`                                                                                                                                                                                      | -         | Identifies the field when a form is submitted.                                                                                                                                                                                                                                                      |
+| defaultValue          | `Value[] \| Value \| null`                                                                                                                                                                    | `null`    | The uncontrolled value of the select when it’s initially rendered.To render a controlled select, use the `value` prop instead.                                                                                                                                                                      |
+| value                 | `Value[] \| Value`                                                                                                                                                                            | -         | The value of the select. Use when controlled.                                                                                                                                                                                                                                                       |
+| onValueChange         | `((value: Value[] \| Value, eventDetails: Select.Root.ChangeEventDetails) => void) \| ((value: Value[] \| Value \| any \| null, eventDetails: Select.Root.ChangeEventDetails) => void)`       | -         | Event handler called when the value of the select changes.                                                                                                                                                                                                                                          |
+| defaultOpen           | `boolean`                                                                                                                                                                                     | `false`   | Whether the select popup is initially open.To render a controlled select popup, use the `open` prop instead.                                                                                                                                                                                        |
+| open                  | `boolean`                                                                                                                                                                                     | -         | Whether the select popup is currently open.                                                                                                                                                                                                                                                         |
+| onOpenChange          | `((open: boolean, eventDetails: Select.Root.ChangeEventDetails) => void)`                                                                                                                     | -         | Event handler called when the select popup is opened or closed.                                                                                                                                                                                                                                     |
+| actionsRef            | `RefObject<Select.Root.Actions>`                                                                                                                                                              | -         | A ref to imperative actions.`unmount`: When specified, the select will not be unmounted when closed. Instead, the `unmount` function must be called to unmount the select manually. Useful when the select's animation is controlled by an external library.                                        |
+| isItemEqualToValue    | `((itemValue: Value, value: Value) => boolean)`                                                                                                                                               | -         | Custom comparison logic used to determine if a select item value matches the current selected value. Useful when item values are objects without matching referentially. Defaults to `Object.is` comparison.                                                                                        |
+| itemToStringLabel     | `((itemValue: Value) => string)`                                                                                                                                                              | -         | When the item values are objects (`<Select.Item value={object}>`), this function converts the object value to a string representation for display in the trigger. If the shape of the object is `{ value, label }`, the label will be used automatically without needing to specify this prop.      |
+| itemToStringValue     | `((itemValue: Value) => string)`                                                                                                                                                              | -         | When the item values are objects (`<Select.Item value={object}>`), this function converts the object value to a string representation for form submission. If the shape of the object is `{ value, label }`, the value will be used automatically without needing to specify this prop.             |
+| items                 | `Record<string, ReactNode> \| ({ label: ReactNode, value: Value })[]`                                                                                                                         | -         | Data structure of the items rendered in the select popup. When specified, `<Select.Value>` renders the label of the selected item instead of the raw value.                                                                                                                                         |
+| modal                 | `boolean`                                                                                                                                                                                     | `true`    | Determines if the select enters a modal state when open.`true`: user interaction is limited to the select: document page scroll is locked and and pointer interactions on outside elements are disabled., `false`: user interaction with the rest of the document is allowed.                       |
+| multiple              | `boolean \| undefined`                                                                                                                                                                        | `false`   | Whether multiple items can be selected.                                                                                                                                                                                                                                                             |
+| onOpenChangeComplete  | `((open: boolean) => void)`                                                                                                                                                                   | -         | Event handler called after any animations complete when the select popup is opened or closed.                                                                                                                                                                                                       |
+| disabled              | `boolean`                                                                                                                                                                                     | `false`   | Whether the component should ignore user interaction.                                                                                                                                                                                                                                               |
+| readOnly              | `boolean`                                                                                                                                                                                     | `false`   | Whether the user should be unable to choose a different option from the select popup.                                                                                                                                                                                                               |
+| required              | `boolean`                                                                                                                                                                                     | `false`   | Whether the user must choose a value before submitting a form.                                                                                                                                                                                                                                      |
+| inputRef              | `Ref<HTMLInputElement>`                                                                                                                                                                       | -         | A ref to access the hidden input element.                                                                                                                                                                                                                                                           |
+| id                    | `string`                                                                                                                                                                                      | -         | The id of the Select.                                                                                                                                                                                                                                                                               |
+| children              | `ReactNode`                                                                                                                                                                                   | -         | -                                                                                                                                                                                                                                                                                                   |
+
+### Root.Props
+
+Re-export of [Root](#root) props.
+
+### Root.State
+
+```typescript
+type SelectRootState = {};
+```
+
+### Root.Actions
+
+```typescript
+type SelectRootActions = { unmount: () => void };
+```
+
+### Root.ChangeEventReason
+
+```typescript
+type SelectRootChangeEventReason =
+  | 'trigger-press'
+  | 'outside-press'
+  | 'escape-key'
+  | 'window-resize'
+  | 'item-press'
+  | 'focus-out'
+  | 'list-navigation'
+  | 'cancel-open'
+  | 'none';
+```
+
+### Root.ChangeEventDetails
+
+```typescript
+type SelectRootChangeEventDetails =
+  | {
+      reason: 'trigger-press';
+      event: MouseEvent | PointerEvent | TouchEvent | KeyboardEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    }
+  | {
+      reason: 'outside-press';
+      event: MouseEvent | PointerEvent | TouchEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    }
+  | {
+      reason: 'escape-key';
+      event: KeyboardEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    }
+  | {
+      reason: 'window-resize';
+      event: Event;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    }
+  | {
+      reason: 'item-press';
+      event: MouseEvent | PointerEvent | KeyboardEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    }
+  | {
+      reason: 'focus-out';
+      event: FocusEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    }
+  | {
+      reason: 'list-navigation';
+      event: KeyboardEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    }
+  | {
+      reason: 'cancel-open';
+      event: MouseEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    }
+  | {
+      reason: 'none';
+      event: Event;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+    };
+```
+
+### Root.ConditionalProps
+
+```typescript
+type SelectRootConditionalProps<
+  Value,
+  Multiple extends boolean | undefined = false,
+> =
+  | SelectRootControlledProps<Value, Multiple>
+  | SelectRootUncontrolledProps<Value, Multiple>;
+```
+
+### Trigger
+
+A button that opens the select popup. Renders a `<div>` element.
+
+**Trigger Props:**
+
+| Prop           | Type                                                                                    | Default   | Description                                                                                                                                                                              |
+| :------------- | :-------------------------------------------------------------------------------------- | :-------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| nativeButton   | `boolean`                                                                               | `false`   | Whether the component renders a native `<button>` element when replacing it via the `render` prop. Set to `true` if the rendered element is a native button.                             |
+| style          | `CSSProperties \| ((state: Select.Trigger.State) => CSSProperties \| undefined)`        | -         | -                                                                                                                                                                                        |
+| disabled       | `boolean`                                                                               | -         | Whether the component should ignore user interaction.                                                                                                                                    |
+| children       | `ReactNode`                                                                             | -         | -                                                                                                                                                                                        |
+| className      | `string \| ((state: Select.Trigger.State) => string \| undefined)`                      | -         | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Select.Trigger.State) => ReactElement)`     | -         | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**Trigger Data Attributes:**
+
+| Attribute             | Type    | Description                                                                   |
+| :-------------------- | :------ | :---------------------------------------------------------------------------- |
+| data-popup-open       | -       | Present when the corresponding select is open.                                |
+| data-pressed          | -       | Present when the trigger is pressed.                                          |
+| data-disabled         | -       | Present when the select is disabled.                                          |
+| data-readonly         | -       | Present when the select is readonly.                                          |
+| data-required         | -       | Present when the select is required.                                          |
+| data-valid            | -       | Present when the select is in valid state (when wrapped in Field.Root).       |
+| data-invalid          | -       | Present when the select is in invalid state (when wrapped in Field.Root).     |
+| data-dirty            | -       | Present when the select's value has changed (when wrapped in Field.Root).     |
+| data-touched          | -       | Present when the select has been touched (when wrapped in Field.Root).        |
+| data-filled           | -       | Present when the select has a value (when wrapped in Field.Root).             |
+| data-focused          | -       | Present when the select trigger is focused (when wrapped in Field.Root).      |
+
+### Trigger.Props
+
+Re-export of [Trigger](#trigger) props.
+
+### Trigger.State
+
+```typescript
+type SelectTriggerState = {
+  open: boolean;
+  readOnly: boolean;
+  value: any;
+  disabled: boolean;
+  touched: boolean;
+  dirty: boolean;
+  valid: boolean | null;
+  filled: boolean;
+  focused: boolean;
+};
+```
+
+### Value
+
+A text label of the currently selected item. Renders a `<span>` element.
+
+**Value Props:**
+
+| Prop           | Type                                                                                    | Default | Description                                                                                                                                                                              |
+| :------------- | :-------------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: Select.Value.State) => CSSProperties \| undefined)`          | -       | -                                                                                                                                                                                        |
+| children       | `ReactNode \| ((value: any) => ReactNode)`                                              | -       | Accepts a function that returns a `ReactNode` to format the selected value.                                                                                                              |
+| className      | `string \| ((state: Select.Value.State) => string \| undefined)`                        | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Select.Value.State) => ReactElement)`       | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+### Value.Props
+
+Re-export of [Value](#value) props.
+
+### Value.State
+
+```typescript
+type SelectValueState = { value: any };
+```
+
+### Icon
+
+An icon that indicates that the trigger button opens a select popup. Renders a `<span>` element.
+
+**Icon Props:**
+
+| Prop           | Type                                                                              | Default | Description                                                                                                                                                                              |
+| :------------- | :-------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: Select.Icon.State) => CSSProperties \| undefined)`     | -       | -                                                                                                                                                                                        |
+| className      | `string \| ((state: Select.Icon.State) => string \| undefined)`                   | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Select.Icon.State) => ReactElement)`  | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**Icon Data Attributes:**
+
+| Attribute             | Type    | Description                                       |
+| :-------------------- | :------ | :------------------------------------------------ |
+| data-popup-open       | -       | Present when the corresponding popup is open.     |
+
+### Icon.Props
+
+Re-export of [Icon](#icon) props.
+
+### Icon.State
+
+```typescript
+type SelectIconState = { open: boolean };
+```
+
+### List
+
+A container for the select items. Renders a `<div>` element.
+
+**List Props:**
+
+| Prop           | Type                                                                              | Default | Description                                                                                                                                                                              |
+| :------------- | :-------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: Select.List.State) => CSSProperties \| undefined)`     | -       | -                                                                                                                                                                                        |
+| className      | `string \| ((state: Select.List.State) => string \| undefined)`                   | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Select.List.State) => ReactElement)`  | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+### List.Props
+
+Re-export of [List](#list) props.
+
+### List.State
+
+```typescript
+type SelectListState = {};
+```
+
+### Portal
+
+A portal element that moves the popup to a different part of the DOM. By default, the portal element is appended to `<body>`. Renders a `<div>` element.
+
+**Portal Props:**
+
+| Prop           | Type                                                                                    | Default | Description                                                                                                                                                                              |
+| :------------- | :-------------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: Select.Portal.State) => CSSProperties \| undefined)`         | -       | -                                                                                                                                                                                        |
+| container      | `HTMLElement \| ShadowRoot \| RefObject<HTMLElement \| ShadowRoot \| null> \| null`     | -       | A parent element to render the portal element into.                                                                                                                                      |
+| className      | `string \| ((state: Select.Portal.State) => string \| undefined)`                       | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Select.Portal.State) => ReactElement)`      | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+### Portal.Props
+
+Re-export of [Portal](#portal) props.
+
+### Backdrop
+
+An overlay displayed beneath the menu popup. Renders a `<div>` element.
+
+**Backdrop Props:**
+
+| Prop           | Type                                                                                    | Default | Description                                                                                                                                                                              |
+| :------------- | :-------------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: Select.Backdrop.State) => CSSProperties \| undefined)`       | -       | -                                                                                                                                                                                        |
+| className      | `string \| ((state: Select.Backdrop.State) => string \| undefined)`                     | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Select.Backdrop.State) => ReactElement)`    | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**Backdrop Data Attributes:**
+
+| Attribute             | Type    | Description                                |
+| :-------------------- | :------ | :----------------------------------------- |
+| data-open             | -       | Present when the select is open.           |
+| data-closed           | -       | Present when the select is closed.         |
+| data-starting-style   | -       | Present when the select is animating in.   |
+| data-ending-style     | -       | Present when the select is animating out.  |
+
+### Backdrop.Props
+
+Re-export of [Backdrop](#backdrop) props.
+
+### Backdrop.State
+
+```typescript
+type SelectBackdropState = { open: boolean; transitionStatus: TransitionStatus };
+```
+
+### Positioner
+
+Positions the select popup. Renders a `<div>` element.
+
+**Positioner Props:**
+
+| Prop                  | Type                                                                                                               | Default                 | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         |
+| :-------------------- | :----------------------------------------------------------------------------------------------------------------- | :---------------------- | :-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| alignItemWithTrigger  | `boolean`                                                                                                          | `true`                  | Whether the positioner overlaps the trigger so the selected item's text is aligned with the trigger's value text. This only applies to mouse input and is automatically disabled if there is not enough space.                                                                                                                                                                                                                                                                                                                                                                                                                                      |
+| collisionAvoidance    | `CollisionAvoidance`                                                                                               | -                       | Determines how to handle collisions when positioning the popup.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     |
+| style                 | `CSSProperties \| ((state: Select.Positioner.State) => CSSProperties \| undefined)`                                | -                       | -                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   |
+| align                 | `Align`                                                                                                            | `'center'`              | How to align the popup relative to the specified side.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
+| alignOffset           | `number \| OffsetFunction`                                                                                         | `0`                     | Additional offset along the alignment axis in pixels. Also accepts a function that returns the offset to read the dimensions of the anchor and positioner elements, along with its side and alignment.The function takes a `data` object parameter with the following properties:`data.anchor`: the dimensions of the anchor element with properties `width` and `height`., `data.positioner`: the dimensions of the positioner element with properties `width` and `height`., `data.side`: which side of the anchor element the positioner is aligned against., `data.align`: how the positioner is aligned relative to the specified side.        |
+| side                  | `Side`                                                                                                             | `'bottom'`              | Which side of the anchor element to align the popup against. May automatically change to avoid collisions.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          |
+| sideOffset            | `number \| OffsetFunction`                                                                                         | `0`                     | Distance between the anchor and the popup in pixels. Also accepts a function that returns the distance to read the dimensions of the anchor and positioner elements, along with its side and alignment.The function takes a `data` object parameter with the following properties:`data.anchor`: the dimensions of the anchor element with properties `width` and `height`., `data.positioner`: the dimensions of the positioner element with properties `width` and `height`., `data.side`: which side of the anchor element the positioner is aligned against., `data.align`: how the positioner is aligned relative to the specified side.       |
+| arrowPadding          | `number`                                                                                                           | `5`                     | Minimum distance to maintain between the arrow and the edges of the popup.Use it to prevent the arrow element from hanging out of the rounded corners of a popup.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   |
+| anchor                | `Element \| VirtualElement \| RefObject<Element \| null> \| (() => Element \| VirtualElement \| null) \| null`     | -                       | An element to position the popup against. By default, the popup will be positioned against the trigger.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             |
+| collisionBoundary     | `Boundary`                                                                                                         | `'clipping-ancestors'`  | An element or a rectangle that delimits the area that the popup is confined to.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     |
+| collisionPadding      | `Padding`                                                                                                          | `5`                     | Additional space to maintain from the edge of the collision boundary.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               |
+| sticky                | `boolean`                                                                                                          | `false`                 | Whether to maintain the popup in the viewport after the anchor element was scrolled out of view.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    |
+| positionMethod        | `'fixed' \| 'absolute'`                                                                                            | `'absolute'`            | Determines which CSS `position` property to use.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    |
+| trackAnchor           | `boolean`                                                                                                          | `true`                  | Whether the popup tracks any layout shift of its positioning anchor.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                |
+| className             | `string \| ((state: Select.Positioner.State) => string \| undefined)`                                              | -                       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                |
+| render                | `ReactElement \| ((props: HTMLProps, state: Select.Positioner.State) => ReactElement)`                             | -                       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render.                                                                                                                                                                                                                                                                                                                                                                                                                                                            |
+
+**Positioner Data Attributes:**
+
+| Attribute             | Type                                                                                  | Description                                                            |
+| :-------------------- | :------------------------------------------------------------------------------------ | :--------------------------------------------------------------------- |
+| data-open             | -                                                                                     | Present when the select popup is open.                                 |
+| data-closed           | -                                                                                     | Present when the select popup is closed.                               |
+| data-anchor-hidden    | -                                                                                     | Present when the anchor is hidden.                                     |
+| data-align            | `'start' \| 'center' \| 'end'`                                                        | Indicates how the popup is aligned relative to specified side.         |
+| data-side             | `'none' \| 'top' \| 'bottom' \| 'left' \| 'right' \| 'inline-end' \| 'inline-start'`  | Indicates which side the popup is positioned relative to the trigger.  |
+
+**Positioner CSS Variables:**
+
+| Variable                | Type      | Description                                                                                 |
+| :---------------------- | :-------- | :------------------------------------------------------------------------------------------ |
+| `--anchor-height`       | `number`  | The anchor's height.                                                                        |
+| `--anchor-width`        | `number`  | The anchor's width.                                                                         |
+| `--available-height`    | `number`  | The available height between the trigger and the edge of the viewport.                      |
+| `--available-width`     | `number`  | The available width between the trigger and the edge of the viewport.                       |
+| `--transform-origin`    | `string`  | The coordinates that this element is anchored to. Used for animations and transitions.      |
+
+### Positioner.Props
+
+Re-export of [Positioner](#positioner) props.
+
+### Positioner.State
+
+```typescript
+type SelectPositionerState = {
+  open: boolean;
+  side: 'none' | Side;
+  align: Align;
+  anchorHidden: boolean;
+};
+```
+
+### Popup
+
+A container for the select list. Renders a `<div>` element.
+
+**Popup Props:**
+
+| Prop           | Type                                                                                    | Default | Description                                                                                                                                                                              |
+| :------------- | :-------------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: Select.Popup.State) => CSSProperties \| undefined)`          | -       | -                                                                                                                                                                                        |
+| children       | `ReactNode`                                                                             | -       | -                                                                                                                                                                                        |
+| className      | `string \| ((state: Select.Popup.State) => string \| undefined)`                        | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Select.Popup.State) => ReactElement)`       | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**Popup Data Attributes:**
+
+| Attribute             | Type                                                                                  | Description                                                            |
+| :-------------------- | :------------------------------------------------------------------------------------ | :--------------------------------------------------------------------- |
+| data-open             | -                                                                                     | Present when the select is open.                                       |
+| data-closed           | -                                                                                     | Present when the select is closed.                                     |
+| data-align            | `'start' \| 'center' \| 'end'`                                                        | Indicates how the popup is aligned relative to specified side.         |
+| data-side             | `'none' \| 'top' \| 'bottom' \| 'left' \| 'right' \| 'inline-end' \| 'inline-start'`  | Indicates which side the popup is positioned relative to the trigger.  |
+| data-starting-style   | -                                                                                     | Present when the select is animating in.                               |
+| data-ending-style     | -                                                                                     | Present when the select is animating out.                              |
+
+### Popup.Props
+
+Re-export of [Popup](#popup) props.
+
+### Popup.State
+
+```typescript
+type SelectPopupState = {
+  side: 'none' | Side;
+  align: Align;
+  open: boolean;
+  transitionStatus: TransitionStatus;
+};
+```
+
+### Arrow
+
+Displays an element positioned against the select popup anchor. Renders a `<div>` element.
+
+**Arrow Props:**
+
+| Prop           | Type                                                                                    | Default | Description                                                                                                                                                                              |
+| :------------- | :-------------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: Select.Arrow.State) => CSSProperties \| undefined)`          | -       | -                                                                                                                                                                                        |
+| className      | `string \| ((state: Select.Arrow.State) => string \| undefined)`                        | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Select.Arrow.State) => ReactElement)`       | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**Arrow Data Attributes:**
+
+| Attribute             | Type                                                                                  | Description                                                            |
+| :-------------------- | :------------------------------------------------------------------------------------ | :--------------------------------------------------------------------- |
+| data-open             | -                                                                                     | Present when the select popup is open.                                 |
+| data-closed           | -                                                                                     | Present when the select popup is closed.                               |
+| data-uncentered       | -                                                                                     | Present when the select arrow is uncentered.                           |
+| data-anchor-hidden    | -                                                                                     | Present when the anchor is hidden.                                     |
+| data-align            | `'start' \| 'center' \| 'end'`                                                        | Indicates how the popup is aligned relative to specified side.         |
+| data-side             | `'none' \| 'top' \| 'bottom' \| 'left' \| 'right' \| 'inline-end' \| 'inline-start'`  | Indicates which side the popup is positioned relative to the trigger.  |
+
+### Arrow\.Props
+
+Re-export of [Arrow](#arrow) props.
+
+### Arrow\.State
+
+```typescript
+type SelectArrowState = {
+  open: boolean;
+  side: 'none' | Side;
+  align: Align;
+  uncentered: boolean;
+};
+```
+
+### Item
+
+An individual option in the select popup. Renders a `<div>` element.
+
+**Item Props:**
+
+| Prop           | Type                                                                              | Default   | Description                                                                                                                                                                              |
+| :------------- | :-------------------------------------------------------------------------------- | :-------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| label          | `string`                                                                          | -         | Specifies the text label to use when the item is matched during keyboard text navigation.Defaults to the item text content if not provided.                                              |
+| value          | `any`                                                                             | `null`    | A unique value that identifies this select item.                                                                                                                                         |
+| nativeButton   | `boolean`                                                                         | `false`   | Whether the component renders a native `<button>` element when replacing it via the `render` prop. Set to `true` if the rendered element is a native button.                             |
+| style          | `CSSProperties \| ((state: Select.Item.State) => CSSProperties \| undefined)`     | -         | -                                                                                                                                                                                        |
+| disabled       | `boolean`                                                                         | `false`   | Whether the component should ignore user interaction.                                                                                                                                    |
+| children       | `ReactNode`                                                                       | -         | -                                                                                                                                                                                        |
+| className      | `string \| ((state: Select.Item.State) => string \| undefined)`                   | -         | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Select.Item.State) => ReactElement)`  | -         | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**Item Data Attributes:**
+
+| Attribute             | Type    | Description                                       |
+| :-------------------- | :------ | :------------------------------------------------ |
+| data-selected         | -       | Present when the select item is selected.         |
+| data-highlighted      | -       | Present when the select item is highlighted.      |
+| data-disabled         | -       | Present when the select item is disabled.         |
+
+### Item.Props
+
+Re-export of [Item](#item) props.
+
+### Item.State
+
+```typescript
+type SelectItemState = {
+  disabled: boolean;
+  selected: boolean;
+  highlighted: boolean;
+};
+```
+
+### Group
+
+Groups related select items with the corresponding label. Renders a `<div>` element.
+
+**Group Props:**
+
+| Prop           | Type                                                                                    | Default | Description                                                                                                                                                                              |
+| :------------- | :-------------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: Select.Group.State) => CSSProperties \| undefined)`          | -       | -                                                                                                                                                                                        |
+| className      | `string \| ((state: Select.Group.State) => string \| undefined)`                        | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Select.Group.State) => ReactElement)`       | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+### Group.Props
+
+Re-export of [Group](#group) props.
+
+### Group.State
+
+```typescript
+type SelectGroupState = {};
+```
+
+### GroupLabel
+
+An accessible label that is automatically associated with its parent group. Renders a `<div>` element.
+
+**GroupLabel Props:**
+
+| Prop           | Type                                                                                     | Default | Description                                                                                                                                                                              |
+| :------------- | :--------------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: Select.GroupLabel.State) => CSSProperties \| undefined)`      | -       | -                                                                                                                                                                                        |
+| className      | `string \| ((state: Select.GroupLabel.State) => string \| undefined)`                    | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Select.GroupLabel.State) => ReactElement)`   | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+### GroupLabel.Props
+
+Re-export of [GroupLabel](#grouplabel) props.
+
+### GroupLabel.State
+
+```typescript
+type SelectGroupLabelState = {};
+```
+
+### Separator
+
+A separator element accessible to screen readers. Renders a `<div>` element.
+
+**Separator Props:**
+
+| Prop           | Type                                                                                     | Default          | Description                                                                                                                                                                              |
+| :------------- | :--------------------------------------------------------------------------------------- | :--------------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: Select.Separator.State) => CSSProperties \| undefined)`       | -                | -                                                                                                                                                                                        |
+| orientation    | `Select.Separator.Orientation`                                                           | `'horizontal'`   | The orientation of the separator.                                                                                                                                                        |
+| className      | `string \| ((state: Select.Separator.State) => string \| undefined)`                     | -                | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Select.Separator.State) => ReactElement)`    | -                | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+### Separator.Props
+
+Re-export of [Separator](#separator) props.
+
+### Separator.State
+
+```typescript
+type SeparatorState = { orientation: Select.Separator.Orientation };
+```
+
+### Separator.Orientation
+
+```typescript
+type SelectSeparatorOrientation = 'horizontal' | 'vertical';
+```
+
+### ItemText
+
+A text label of the select item. Renders a `<div>` element.
+
+**ItemText Props:**
+
+| Prop           | Type                                                                                    | Default | Description                                                                                                                                                                              |
+| :------------- | :-------------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: Select.ItemText.State) => CSSProperties \| undefined)`       | -       | -                                                                                                                                                                                        |
+| className      | `string \| ((state: Select.ItemText.State) => string \| undefined)`                     | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Select.ItemText.State) => ReactElement)`    | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+### ItemText.Props
+
+Re-export of [ItemText](#itemtext) props.
+
+### ItemText.State
+
+```typescript
+type SelectItemTextState = {};
+```
+
+### ItemIndicator
+
+Indicates whether the select item is selected. Renders a `<span>` element.
+
+**ItemIndicator Props:**
+
+| Prop           | Type                                                                                           | Default | Description                                                                                                                                                                              |
+| :------------- | :--------------------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: Select.ItemIndicator.State) => CSSProperties \| undefined)`         | -       | -                                                                                                                                                                                        |
+| children       | `ReactNode`                                                                                    | -       | -                                                                                                                                                                                        |
+| className      | `string \| ((state: Select.ItemIndicator.State) => string \| undefined)`                       | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| keepMounted    | `boolean`                                                                                      | -       | Whether to keep the HTML element in the DOM when the item is not selected.                                                                                                               |
+| render         | `ReactElement \| ((props: HTMLProps, state: Select.ItemIndicator.State) => ReactElement)`      | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+### ItemIndicator.Props
+
+Re-export of [ItemIndicator](#itemindicator) props.
+
+### ItemIndicator.State
+
+```typescript
+type SelectItemIndicatorState = {
+  selected: boolean;
+  transitionStatus: TransitionStatus;
+};
+```
+
+### ScrollUpArrow
+
+An element that scrolls the select popup up when hovered. Does not render when using touch input. Renders a `<div>` element.
+
+**ScrollUpArrow Props:**
+
+| Prop           | Type                                                                                           | Default   | Description                                                                                                                                                                              |
+| :------------- | :--------------------------------------------------------------------------------------------- | :-------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: Select.ScrollUpArrow.State) => CSSProperties \| undefined)`         | -         | -                                                                                                                                                                                        |
+| className      | `string \| ((state: Select.ScrollUpArrow.State) => string \| undefined)`                       | -         | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| keepMounted    | `boolean`                                                                                      | `false`   | Whether to keep the HTML element in the DOM while the select popup is not scrollable.                                                                                                    |
+| render         | `ReactElement \| ((props: HTMLProps, state: Select.ScrollUpArrow.State) => ReactElement)`      | -         | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**ScrollUpArrow Data Attributes:**
+
+| Attribute             | Type                                                                                  | Description                                                            |
+| :-------------------- | :------------------------------------------------------------------------------------ | :--------------------------------------------------------------------- |
+| data-direction        | `'up'`                                                                                | Indicates the direction of the scroll arrow.                           |
+| data-side             | `'none' \| 'top' \| 'bottom' \| 'left' \| 'right' \| 'inline-end' \| 'inline-start'`  | Indicates which side the popup is positioned relative to the trigger.  |
+| data-visible          | -                                                                                     | Present when the scroll arrow is visible.                              |
+| data-starting-style   | -                                                                                     | Present when the scroll arrow is animating in.                         |
+| data-ending-style     | -                                                                                     | Present when the scroll arrow is animating out.                        |
+
+### ScrollUpArrow\.Props
+
+Re-export of [ScrollUpArrow](#scrolluparrow) props.
+
+### ScrollUpArrow\.State
+
+```typescript
+type SelectScrollUpArrowState = {};
+```
+
+### ScrollDownArrow
+
+An element that scrolls the select popup down when hovered. Does not render when using touch input. Renders a `<div>` element.
+
+**ScrollDownArrow Props:**
+
+| Prop           | Type                                                                                           | Default   | Description                                                                                                                                                                              |
+| :------------- | :--------------------------------------------------------------------------------------------- | :-------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: Select.ScrollDownArrow.State) => CSSProperties \| undefined)`       | -         | -                                                                                                                                                                                        |
+| className      | `string \| ((state: Select.ScrollDownArrow.State) => string \| undefined)`                     | -         | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| keepMounted    | `boolean`                                                                                      | `false`   | Whether to keep the HTML element in the DOM while the select popup is not scrollable.                                                                                                    |
+| render         | `ReactElement \| ((props: HTMLProps, state: Select.ScrollDownArrow.State) => ReactElement)`    | -         | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**ScrollDownArrow Data Attributes:**
+
+| Attribute             | Type                                                                                  | Description                                                            |
+| :-------------------- | :------------------------------------------------------------------------------------ | :--------------------------------------------------------------------- |
+| data-direction        | `'down'`                                                                              | Indicates the direction of the scroll arrow.                           |
+| data-side             | `'none' \| 'top' \| 'bottom' \| 'left' \| 'right' \| 'inline-end' \| 'inline-start'`  | Indicates which side the popup is positioned relative to the trigger.  |
+| data-visible          | -                                                                                     | Present when the scroll arrow is visible.                              |
+| data-starting-style   | -                                                                                     | Present when the scroll arrow is animating in.                         |
+| data-ending-style     | -                                                                                     | Present when the scroll arrow is animating out.                        |
+
+### ScrollDownArrow\.Props
+
+Re-export of [ScrollDownArrow](#scrolldownarrow) props.
+
+### ScrollDownArrow\.State
+
+```typescript
+type SelectScrollDownArrowState = {};
+```
diff --git a/docs/src/app/(public)/(content)/react/components/select/types.ts b/docs/src/app/(public)/(content)/react/components/select/types.ts
new file mode 100644
index 00000000000..b9e6ee4f6cc
--- /dev/null
+++ b/docs/src/app/(public)/(content)/react/components/select/types.ts
@@ -0,0 +1,23 @@
+import { Select } from '@base-ui-components/react/select';
+import { createMultipleTypes } from 'docs/src/utils/createTypes';
+
+const types = createMultipleTypes(import.meta.url, Select);
+
+export const TypesSelectRoot = types.Root;
+export const TypesSelectTrigger = types.Trigger;
+export const TypesSelectValue = types.Value;
+export const TypesSelectIcon = types.Icon;
+export const TypesSelectBackdrop = types.Backdrop;
+export const TypesSelectPortal = types.Portal;
+export const TypesSelectPositioner = types.Positioner;
+export const TypesSelectPopup = types.Popup;
+export const TypesSelectList = types.List;
+export const TypesSelectArrow = types.Arrow;
+export const TypesSelectItem = types.Item;
+export const TypesSelectItemText = types.ItemText;
+export const TypesSelectItemIndicator = types.ItemIndicator;
+export const TypesSelectGroup = types.Group;
+export const TypesSelectGroupLabel = types.GroupLabel;
+export const TypesSelectScrollUpArrow = types.ScrollUpArrow;
+export const TypesSelectScrollDownArrow = types.ScrollDownArrow;
+export const TypesSelectSeparator = types.Separator;
diff --git a/docs/src/app/(public)/(content)/react/components/separator/page.mdx b/docs/src/app/(public)/(content)/react/components/separator/page.mdx
index 28665764998..ebf208f14b2 100644
--- a/docs/src/app/(public)/(content)/react/components/separator/page.mdx
+++ b/docs/src/app/(public)/(content)/react/components/separator/page.mdx
@@ -23,4 +23,6 @@ import { Separator } from '@base-ui-components/react/separator';
 
 ## API reference
 
-<Reference component="Separator" />
+import { TypesSeparator } from './types';
+
+<TypesSeparator />
diff --git a/docs/src/app/(public)/(content)/react/components/separator/types.md b/docs/src/app/(public)/(content)/react/components/separator/types.md
new file mode 100644
index 00000000000..45ce35282a5
--- /dev/null
+++ b/docs/src/app/(public)/(content)/react/components/separator/types.md
@@ -0,0 +1,34 @@
+# Separator
+
+[//]: types.ts '<-- Autogenerated By (do not edit the following markdown directly)'
+
+## API Reference
+
+### Separator
+
+A separator element accessible to screen readers. Renders a `<div>` element.
+
+**Separator Props:**
+
+| Prop           | Type                                                                              | Default          | Description                                                                                                                                                                              |
+| :------------- | :-------------------------------------------------------------------------------- | :--------------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: Separator.State) => CSSProperties \| undefined)`       | -                | -                                                                                                                                                                                        |
+| orientation    | `Separator.Orientation`                                                           | `'horizontal'`   | The orientation of the separator.                                                                                                                                                        |
+| className      | `string \| ((state: Separator.State) => string \| undefined)`                     | -                | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Separator.State) => ReactElement)`    | -                | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+### Separator.Props
+
+Re-export of [Separator](#separator) props.
+
+### Separator.State
+
+```typescript
+type SeparatorState = { orientation: Separator.Orientation };
+```
+
+### Separator.Orientation
+
+```typescript
+type SeparatorOrientation = 'horizontal' | 'vertical';
+```
diff --git a/docs/src/app/(public)/(content)/react/components/separator/types.ts b/docs/src/app/(public)/(content)/react/components/separator/types.ts
new file mode 100644
index 00000000000..27ece8df85e
--- /dev/null
+++ b/docs/src/app/(public)/(content)/react/components/separator/types.ts
@@ -0,0 +1,4 @@
+import { Separator } from '@base-ui-components/react/separator';
+import { createTypes } from 'docs/src/utils/createTypes';
+
+export const TypesSeparator = createTypes(import.meta.url, Separator);
diff --git a/docs/src/app/(public)/(content)/react/components/slider/page.mdx b/docs/src/app/(public)/(content)/react/components/slider/page.mdx
index 6eeccce7d53..681ed6597df 100644
--- a/docs/src/app/(public)/(content)/react/components/slider/page.mdx
+++ b/docs/src/app/(public)/(content)/react/components/slider/page.mdx
@@ -30,7 +30,38 @@ import { Slider } from '@base-ui-components/react/slider';
 
 ## API reference
 
-<Reference component="Slider" parts="Root, Value, Control, Track, Indicator, Thumb" />
+import {
+  TypesSliderRoot,
+  TypesSliderValue,
+  TypesSliderControl,
+  TypesSliderTrack,
+  TypesSliderIndicator,
+  TypesSliderThumb,
+} from './types';
+
+### Root
+
+<TypesSliderRoot />
+
+### Value
+
+<TypesSliderValue />
+
+### Control
+
+<TypesSliderControl />
+
+### Track
+
+<TypesSliderTrack />
+
+### Indicator
+
+<TypesSliderIndicator />
+
+### Thumb
+
+<TypesSliderThumb />
 
 ## Examples
 
diff --git a/docs/src/app/(public)/(content)/react/components/slider/types.md b/docs/src/app/(public)/(content)/react/components/slider/types.md
new file mode 100644
index 00000000000..b61ae62e9da
--- /dev/null
+++ b/docs/src/app/(public)/(content)/react/components/slider/types.md
@@ -0,0 +1,297 @@
+# Slider
+
+[//]: types.ts '<-- Autogenerated By (do not edit the following markdown directly)'
+
+## API Reference
+
+### Root
+
+Groups all parts of the slider. Renders a `<div>` element.
+
+**Root Props:**
+
+| Prop                  | Type                                                                                                                                                                                                                                                                           | Default          | Description                                                                                                                                                                                                                                                                                                                                                                                |
+| :-------------------- | :----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | :--------------- | :----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| name                  | `string`                                                                                                                                                                                                                                                                       | -                | Identifies the field when a form is submitted.                                                                                                                                                                                                                                                                                                                                             |
+| defaultValue          | `number \| number[]`                                                                                                                                                                                                                                                           | -                | The uncontrolled value of the slider when it’s initially rendered.To render a controlled slider, use the `value` prop instead.                                                                                                                                                                                                                                                             |
+| value                 | `number \| number[]`                                                                                                                                                                                                                                                           | -                | The value of the slider. For ranged sliders, provide an array with two values.                                                                                                                                                                                                                                                                                                             |
+| onValueChange         | `((value: number \| number[], eventDetails?: { reason: 'none', event: ReasonToEvent, cancel: (() => void), allowPropagation: (() => void), isCanceled: boolean, isPropagationAllowed: boolean, trigger: HTMLElement \| undefined } & { activeThumbIndex: number }) => void)`   | -                | Callback function that is fired when the slider's value changed. You can pull out the new value by accessing `event.target.value` (any).                                                                                                                                                                                                                                                   |
+| onValueCommitted      | `((value: number \| number[], eventDetails: Slider.Root.CommitEventDetails) => void)`                                                                                                                                                                                          | -                | Callback function that is fired when the `pointerup` is triggered. **Warning**: This is a generic event not a change event.                                                                                                                                                                                                                                                                |
+| locale                | `IntlLocalesArgument`                                                                                                                                                                                                                                                          | -                | The locale used by `Intl.NumberFormat` when formatting the value. Defaults to the user's runtime locale.                                                                                                                                                                                                                                                                                   |
+| ref                   | `RefObject<HTMLDivElement>`                                                                                                                                                                                                                                                    | -                | -                                                                                                                                                                                                                                                                                                                                                                                          |
+| style                 | `CSSProperties \| ((state: Slider.Root.State) => CSSProperties \| undefined)`                                                                                                                                                                                                  | -                | -                                                                                                                                                                                                                                                                                                                                                                                          |
+| thumbAlignment        | `'center' \| 'edge' \| 'edge-client-only'`                                                                                                                                                                                                                                     | `'center'`       | How the thumb(s) are aligned relative to `Slider.Control` when the value is at `min` or `max`:`center`: The center of the thumb is aligned with the control edge, `edge`: The thumb is inset within the control such that its edge is aligned with the control edge, `edge-client-only`: Same as `edge` but renders after React hydration on the client, reducing bundle size in return    |
+| step                  | `number`                                                                                                                                                                                                                                                                       | `1`              | The granularity with which the slider can step through values. (A "discrete" slider.) The `min` prop serves as the origin for the valid values. We recommend (max - min) to be evenly divisible by the step.                                                                                                                                                                               |
+| largeStep             | `number`                                                                                                                                                                                                                                                                       | `10`             | The granularity with which the slider can step through values when using Page Up/Page Down or Shift + Arrow Up/Arrow Down.                                                                                                                                                                                                                                                                 |
+| minStepsBetweenValues | `number`                                                                                                                                                                                                                                                                       | `0`              | The minimum steps between values in a range slider.                                                                                                                                                                                                                                                                                                                                        |
+| min                   | `number`                                                                                                                                                                                                                                                                       | `0`              | The minimum allowed value of the slider. Should not be equal to max.                                                                                                                                                                                                                                                                                                                       |
+| max                   | `number`                                                                                                                                                                                                                                                                       | `100`            | The maximum allowed value of the slider. Should not be equal to min.                                                                                                                                                                                                                                                                                                                       |
+| format                | `IntlNumberFormatOptions`                                                                                                                                                                                                                                                      | -                | Options to format the input value.                                                                                                                                                                                                                                                                                                                                                         |
+| disabled              | `boolean`                                                                                                                                                                                                                                                                      | `false`          | Whether the slider should ignore user interaction.                                                                                                                                                                                                                                                                                                                                         |
+| orientation           | `Orientation`                                                                                                                                                                                                                                                                  | `'horizontal'`   | The component orientation.                                                                                                                                                                                                                                                                                                                                                                 |
+| className             | `string \| ((state: Slider.Root.State) => string \| undefined)`                                                                                                                                                                                                                | -                | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                                                                                                                                                                                                                       |
+| render                | `ReactElement \| ((props: HTMLProps, state: Slider.Root.State) => ReactElement)`                                                                                                                                                                                               | -                | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render.                                                                                                                                                                                                   |
+
+**Root Data Attributes:**
+
+| Attribute             | Type                            | Description                                                                   |
+| :-------------------- | :------------------------------ | :---------------------------------------------------------------------------- |
+| data-dragging         | -                               | Present while the user is dragging.                                           |
+| data-orientation      | `'horizontal' \| 'vertical'`    | Indicates the orientation of the slider.                                      |
+| data-disabled         | -                               | Present when the slider is disabled.                                          |
+| data-readonly         | -                               | Present when the slider is readonly.                                          |
+| data-required         | -                               | Present when the slider is required.                                          |
+| data-valid            | -                               | Present when the slider is in valid state (when wrapped in Field.Root).       |
+| data-invalid          | -                               | Present when the slider is in invalid state (when wrapped in Field.Root).     |
+| data-dirty            | -                               | Present when the slider's value has changed (when wrapped in Field.Root).     |
+| data-touched          | -                               | Present when the slider has been touched (when wrapped in Field.Root).        |
+| data-focused          | -                               | Present when the slider is focused (when wrapped in Field.Root).              |
+
+### Root.Props
+
+Re-export of [Root](#root) props.
+
+### Root.State
+
+```typescript
+type SliderRootState = {
+  activeThumbIndex: number;
+  disabled: boolean;
+  dragging: boolean;
+  max: number;
+  min: number;
+  minStepsBetweenValues: number;
+  orientation: Orientation;
+  step: number;
+  values: number[];
+  touched: boolean;
+  dirty: boolean;
+  valid: boolean | null;
+  filled: boolean;
+  focused: boolean;
+};
+```
+
+### Root.ChangeEventReason
+
+```typescript
+type SliderRootChangeEventReason = 'none';
+```
+
+### Root.ChangeEventDetails
+
+```typescript
+type SliderRootChangeEventDetails = {
+  reason: 'none';
+  event: Event;
+  cancel: () => void;
+  allowPropagation: () => void;
+  isCanceled: boolean;
+  isPropagationAllowed: boolean;
+  trigger: HTMLElement | undefined;
+} & { activeThumbIndex: number };
+```
+
+### Root.CommitEventReason
+
+```typescript
+type SliderRootCommitEventReason = 'none';
+```
+
+### Root.CommitEventDetails
+
+```typescript
+type SliderRootCommitEventDetails = { reason: 'none'; event: Event };
+```
+
+### Value
+
+Displays the current value of the slider as text. Renders an `<output>` element.
+
+**Value Props:**
+
+| Prop           | Type                                                                              | Default | Description                                                                                                                                                                              |
+| :------------- | :-------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: Slider.Root.State) => CSSProperties \| undefined)`     | -       | -                                                                                                                                                                                        |
+| children       | `((formattedValues: string[], values: number[]) => ReactNode) \| null`            | -       | -                                                                                                                                                                                        |
+| className      | `string \| ((state: Slider.Root.State) => string \| undefined)`                   | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Slider.Root.State) => ReactElement)`  | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**Value Data Attributes:**
+
+| Attribute             | Type                            | Description                                                                   |
+| :-------------------- | :------------------------------ | :---------------------------------------------------------------------------- |
+| data-dragging         | -                               | Present while the user is dragging.                                           |
+| data-orientation      | `'horizontal' \| 'vertical'`    | Indicates the orientation of the slider.                                      |
+| data-disabled         | -                               | Present when the slider is disabled.                                          |
+| data-readonly         | -                               | Present when the slider is readonly.                                          |
+| data-required         | -                               | Present when the slider is required.                                          |
+| data-valid            | -                               | Present when the slider is in valid state (when wrapped in Field.Root).       |
+| data-invalid          | -                               | Present when the slider is in invalid state (when wrapped in Field.Root).     |
+| data-dirty            | -                               | Present when the slider's value has changed (when wrapped in Field.Root).     |
+| data-touched          | -                               | Present when the slider has been touched (when wrapped in Field.Root).        |
+| data-focused          | -                               | Present when the slider is focused (when wrapped in Field.Root).              |
+
+### Value.Props
+
+Re-export of [Value](#value) props.
+
+### Indicator
+
+Visualizes the current value of the slider. Renders a `<div>` element.
+
+**Indicator Props:**
+
+| Prop           | Type                                                                              | Default | Description                                                                                                                                                                              |
+| :------------- | :-------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: Slider.Root.State) => CSSProperties \| undefined)`     | -       | -                                                                                                                                                                                        |
+| className      | `string \| ((state: Slider.Root.State) => string \| undefined)`                   | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Slider.Root.State) => ReactElement)`  | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**Indicator Data Attributes:**
+
+| Attribute             | Type                            | Description                                                                   |
+| :-------------------- | :------------------------------ | :---------------------------------------------------------------------------- |
+| data-dragging         | -                               | Present while the user is dragging.                                           |
+| data-orientation      | `'horizontal' \| 'vertical'`    | Indicates the orientation of the slider.                                      |
+| data-disabled         | -                               | Present when the slider is disabled.                                          |
+| data-readonly         | -                               | Present when the slider is readonly.                                          |
+| data-required         | -                               | Present when the slider is required.                                          |
+| data-valid            | -                               | Present when the slider is in valid state (when wrapped in Field.Root).       |
+| data-invalid          | -                               | Present when the slider is in invalid state (when wrapped in Field.Root).     |
+| data-dirty            | -                               | Present when the slider's value has changed (when wrapped in Field.Root).     |
+| data-touched          | -                               | Present when the slider has been touched (when wrapped in Field.Root).        |
+| data-focused          | -                               | Present when the slider is focused (when wrapped in Field.Root).              |
+
+### Indicator.Props
+
+Re-export of [Indicator](#indicator) props.
+
+### Track
+
+Contains the slider indicator and represents the entire range of the slider. Renders a `<div>` element.
+
+**Track Props:**
+
+| Prop           | Type                                                                              | Default | Description                                                                                                                                                                              |
+| :------------- | :-------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: Slider.Root.State) => CSSProperties \| undefined)`     | -       | -                                                                                                                                                                                        |
+| className      | `string \| ((state: Slider.Root.State) => string \| undefined)`                   | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Slider.Root.State) => ReactElement)`  | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**Track Data Attributes:**
+
+| Attribute             | Type                            | Description                                                                   |
+| :-------------------- | :------------------------------ | :---------------------------------------------------------------------------- |
+| data-dragging         | -                               | Present while the user is dragging.                                           |
+| data-orientation      | `'horizontal' \| 'vertical'`    | Indicates the orientation of the slider.                                      |
+| data-disabled         | -                               | Present when the slider is disabled.                                          |
+| data-readonly         | -                               | Present when the slider is readonly.                                          |
+| data-required         | -                               | Present when the slider is required.                                          |
+| data-valid            | -                               | Present when the slider is in valid state (when wrapped in Field.Root).       |
+| data-invalid          | -                               | Present when the slider is in invalid state (when wrapped in Field.Root).     |
+| data-dirty            | -                               | Present when the slider's value has changed (when wrapped in Field.Root).     |
+| data-touched          | -                               | Present when the slider has been touched (when wrapped in Field.Root).        |
+| data-focused          | -                               | Present when the slider is focused (when wrapped in Field.Root).              |
+
+### Track.Props
+
+Re-export of [Track](#track) props.
+
+### Thumb
+
+The draggable part of the the slider at the tip of the indicator. Renders a `<div>` element and a nested `<input type="range">`.
+
+**Thumb Props:**
+
+| Prop                  | Type                                                                                    | Default   | Description                                                                                                                                                                                                                                      |
+| :-------------------- | :-------------------------------------------------------------------------------------- | :-------- | :----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| getAriaLabel          | `((index: number) => string) \| null`                                                   | -         | A function which returns a string value for the [`aria-label`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Reference/Attributes/aria-label) attribute of the `input`.                                                        |
+| getAriaValueText      | `((formattedValue: string, value: number, index: number) => string) \| null`            | -         | A function which returns a string value for the [`aria-valuetext`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Reference/Attributes/aria-valuetext) attribute of the `input`. This is important for screen reader users.     |
+| index                 | `number`                                                                                | -         | The index of the thumb which corresponds to the index of its value in the `value` or `defaultValue` array. This prop is required to support server-side rendering for range sliders with multiple thumbs.                                        |
+| onBlur                | `FocusEventHandler<HTMLInputElement>`                                                   | -         | A blur handler forwarded to the `input`.                                                                                                                                                                                                         |
+| onFocus               | `FocusEventHandler<HTMLInputElement>`                                                   | -         | A focus handler forwarded to the `input`.                                                                                                                                                                                                        |
+| style                 | `CSSProperties \| ((state: Slider.Thumb.State) => CSSProperties \| undefined)`          | -         | -                                                                                                                                                                                                                                                |
+| tabIndex              | `number`                                                                                | -         | Optional tab index attribute forwarded to the `input`.                                                                                                                                                                                           |
+| disabled              | `boolean`                                                                               | `false`   | Whether the thumb should ignore user interaction.                                                                                                                                                                                                |
+| inputRef              | `Ref<HTMLInputElement>`                                                                 | -         | A ref to access the nested input element.                                                                                                                                                                                                        |
+| className             | `string \| ((state: Slider.Thumb.State) => string \| undefined)`                        | -         | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                                                                             |
+| render                | `ReactElement \| ((props: HTMLProps, state: Slider.Thumb.State) => ReactElement)`       | -         | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render.                                                         |
+
+**Thumb Data Attributes:**
+
+| Attribute             | Type                            | Description                                                                   |
+| :-------------------- | :------------------------------ | :---------------------------------------------------------------------------- |
+| data-dragging         | -                               | Present while the user is dragging.                                           |
+| data-orientation      | `'horizontal' \| 'vertical'`    | Indicates the orientation of the slider.                                      |
+| data-disabled         | -                               | Present when the slider is disabled.                                          |
+| data-readonly         | -                               | Present when the slider is readonly.                                          |
+| data-required         | -                               | Present when the slider is required.                                          |
+| data-valid            | -                               | Present when the slider is in valid state (when wrapped in Field.Root).       |
+| data-invalid          | -                               | Present when the slider is in invalid state (when wrapped in Field.Root).     |
+| data-dirty            | -                               | Present when the slider's value has changed (when wrapped in Field.Root).     |
+| data-touched          | -                               | Present when the slider has been touched (when wrapped in Field.Root).        |
+| data-focused          | -                               | Present when the slider is focused (when wrapped in Field.Root).              |
+| data-index            | -                               | Indicates the index of the thumb in range sliders.                            |
+
+### Thumb.Props
+
+Re-export of [Thumb](#thumb) props.
+
+### Thumb.State
+
+```typescript
+type SliderThumbState = {
+  activeThumbIndex: number;
+  disabled: boolean;
+  dragging: boolean;
+  max: number;
+  min: number;
+  minStepsBetweenValues: number;
+  orientation: Orientation;
+  step: number;
+  values: number[];
+  touched: boolean;
+  dirty: boolean;
+  valid: boolean | null;
+  filled: boolean;
+  focused: boolean;
+};
+```
+
+### Control
+
+The clickable, interactive part of the slider. Renders a `<div>` element.
+
+**Control Props:**
+
+| Prop           | Type                                                                              | Default | Description                                                                                                                                                                              |
+| :------------- | :-------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: Slider.Root.State) => CSSProperties \| undefined)`     | -       | -                                                                                                                                                                                        |
+| className      | `string \| ((state: Slider.Root.State) => string \| undefined)`                   | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Slider.Root.State) => ReactElement)`  | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**Control Data Attributes:**
+
+| Attribute             | Type                            | Description                                                                   |
+| :-------------------- | :------------------------------ | :---------------------------------------------------------------------------- |
+| data-dragging         | -                               | Present while the user is dragging.                                           |
+| data-orientation      | `'horizontal' \| 'vertical'`    | Indicates the orientation of the slider.                                      |
+| data-disabled         | -                               | Present when the slider is disabled.                                          |
+| data-readonly         | -                               | Present when the slider is readonly.                                          |
+| data-required         | -                               | Present when the slider is required.                                          |
+| data-valid            | -                               | Present when the slider is in valid state (when wrapped in Field.Root).       |
+| data-invalid          | -                               | Present when the slider is in invalid state (when wrapped in Field.Root).     |
+| data-dirty            | -                               | Present when the slider's value has changed (when wrapped in Field.Root).     |
+| data-touched          | -                               | Present when the slider has been touched (when wrapped in Field.Root).        |
+| data-focused          | -                               | Present when the slider is focused (when wrapped in Field.Root).              |
+
+### Control.Props
+
+Re-export of [Control](#control) props.
+
+### ThumbMetadata
+
+```typescript
+type ThumbMetadata = { inputId: string | null | undefined };
+```
diff --git a/docs/src/app/(public)/(content)/react/components/slider/types.ts b/docs/src/app/(public)/(content)/react/components/slider/types.ts
new file mode 100644
index 00000000000..d014b85cdd1
--- /dev/null
+++ b/docs/src/app/(public)/(content)/react/components/slider/types.ts
@@ -0,0 +1,11 @@
+import { Slider } from '@base-ui-components/react/slider';
+import { createMultipleTypes } from 'docs/src/utils/createTypes';
+
+const types = createMultipleTypes(import.meta.url, Slider);
+
+export const TypesSliderRoot = types.Root;
+export const TypesSliderValue = types.Value;
+export const TypesSliderControl = types.Control;
+export const TypesSliderTrack = types.Track;
+export const TypesSliderIndicator = types.Indicator;
+export const TypesSliderThumb = types.Thumb;
diff --git a/docs/src/app/(public)/(content)/react/components/switch/page.mdx b/docs/src/app/(public)/(content)/react/components/switch/page.mdx
index 0e1d508f076..b042653331d 100644
--- a/docs/src/app/(public)/(content)/react/components/switch/page.mdx
+++ b/docs/src/app/(public)/(content)/react/components/switch/page.mdx
@@ -24,4 +24,12 @@ import { Switch } from '@base-ui-components/react/switch';
 
 ## API reference
 
-<Reference component="Switch" parts="Root, Thumb" />
+import { TypesSwitchRoot, TypesSwitchThumb } from './types';
+
+### Root
+
+<TypesSwitchRoot />
+
+### Thumb
+
+<TypesSwitchThumb />
diff --git a/docs/src/app/(public)/(content)/react/components/switch/types.md b/docs/src/app/(public)/(content)/react/components/switch/types.md
new file mode 100644
index 00000000000..ac73881cc0b
--- /dev/null
+++ b/docs/src/app/(public)/(content)/react/components/switch/types.md
@@ -0,0 +1,131 @@
+# Switch
+
+[//]: types.ts '<-- Autogenerated By (do not edit the following markdown directly)'
+
+## API Reference
+
+### Root
+
+Represents the switch itself. Renders a `<button>` element and a hidden `<input>` beside.
+
+**Root Props:**
+
+| Prop                  | Type                                                                              | Default   | Description                                                                                                                                                                              |
+| :-------------------- | :-------------------------------------------------------------------------------- | :-------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| name                  | `string`                                                                          | -         | Identifies the field when a form is submitted.                                                                                                                                           |
+| defaultChecked        | `boolean`                                                                         | `false`   | Whether the switch is initially active.To render a controlled switch, use the `checked` prop instead.                                                                                    |
+| checked               | `boolean`                                                                         | -         | Whether the switch is currently active.To render an uncontrolled switch, use the `defaultChecked` prop instead.                                                                          |
+| onCheckedChange       | `((checked: boolean, eventDetails: Switch.Root.ChangeEventDetails) => void)`      | -         | Event handler called when the switch is activated or deactivated.                                                                                                                        |
+| nativeButton          | `boolean`                                                                         | `true`    | Whether the component renders a native `<button>` element when replacing it via the `render` prop. Set to `false` if the rendered element is not a button (e.g. `<div>`).                |
+| style                 | `CSSProperties \| ((state: Switch.Root.State) => CSSProperties \| undefined)`     | -         | -                                                                                                                                                                                        |
+| disabled              | `boolean`                                                                         | `false`   | Whether the component should ignore user interaction.                                                                                                                                    |
+| readOnly              | `boolean`                                                                         | `false`   | Whether the user should be unable to activate or deactivate the switch.                                                                                                                  |
+| required              | `boolean`                                                                         | `false`   | Whether the user must activate the switch before submitting a form.                                                                                                                      |
+| inputRef              | `Ref<HTMLInputElement>`                                                           | -         | A ref to access the hidden `<input>` element.                                                                                                                                            |
+| id                    | `string`                                                                          | -         | The id of the switch element.                                                                                                                                                            |
+| className             | `string \| ((state: Switch.Root.State) => string \| undefined)`                   | -         | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render                | `ReactElement \| ((props: HTMLProps, state: Switch.Root.State) => ReactElement)`  | -         | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**Root Data Attributes:**
+
+| Attribute      | Type    | Description                                                                   |
+| :------------- | :------ | :---------------------------------------------------------------------------- |
+| data-checked   | -       | Present when the switch is checked.                                           |
+| data-unchecked | -       | Present when the switch is not checked.                                       |
+| data-disabled  | -       | Present when the switch is disabled.                                          |
+| data-readonly  | -       | Present when the switch is readonly.                                          |
+| data-required  | -       | Present when the switch is required.                                          |
+| data-valid     | -       | Present when the switch is in valid state (when wrapped in Field.Root).       |
+| data-invalid   | -       | Present when the switch is in invalid state (when wrapped in Field.Root).     |
+| data-dirty     | -       | Present when the switch's value has changed (when wrapped in Field.Root).     |
+| data-touched   | -       | Present when the switch has been touched (when wrapped in Field.Root).        |
+| data-filled    | -       | Present when the switch is active (when wrapped in Field.Root).               |
+| data-focused   | -       | Present when the switch is focused (when wrapped in Field.Root).              |
+
+### Root.Props
+
+Re-export of [Root](#root) props.
+
+### Root.State
+
+```typescript
+type SwitchRootState = {
+  checked: boolean;
+  disabled: boolean;
+  readOnly: boolean;
+  required: boolean;
+  touched: boolean;
+  dirty: boolean;
+  valid: boolean | null;
+  filled: boolean;
+  focused: boolean;
+};
+```
+
+### Root.ChangeEventReason
+
+```typescript
+type SwitchRootChangeEventReason = 'none';
+```
+
+### Root.ChangeEventDetails
+
+```typescript
+type SwitchRootChangeEventDetails = {
+  reason: 'none';
+  event: Event;
+  cancel: () => void;
+  allowPropagation: () => void;
+  isCanceled: boolean;
+  isPropagationAllowed: boolean;
+  trigger: HTMLElement | undefined;
+};
+```
+
+### Thumb
+
+The movable part of the switch that indicates whether the switch is on or off. Renders a `<span>`.
+
+**Thumb Props:**
+
+| Prop           | Type                                                                                    | Default | Description                                                                                                                                                                              |
+| :------------- | :-------------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: Switch.Thumb.State) => CSSProperties \| undefined)`          | -       | -                                                                                                                                                                                        |
+| className      | `string \| ((state: Switch.Thumb.State) => string \| undefined)`                        | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Switch.Thumb.State) => ReactElement)`       | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**Thumb Data Attributes:**
+
+| Attribute      | Type    | Description                                                                   |
+| :------------- | :------ | :---------------------------------------------------------------------------- |
+| data-checked   | -       | Present when the switch is checked.                                           |
+| data-unchecked | -       | Present when the switch is not checked.                                       |
+| data-disabled  | -       | Present when the switch is disabled.                                          |
+| data-readonly  | -       | Present when the switch is readonly.                                          |
+| data-required  | -       | Present when the switch is required.                                          |
+| data-valid     | -       | Present when the switch is in valid state (when wrapped in Field.Root).       |
+| data-invalid   | -       | Present when the switch is in invalid state (when wrapped in Field.Root).     |
+| data-dirty     | -       | Present when the switch's value has changed (when wrapped in Field.Root).     |
+| data-touched   | -       | Present when the switch has been touched (when wrapped in Field.Root).        |
+| data-filled    | -       | Present when the switch is active (when wrapped in Field.Root).               |
+| data-focused   | -       | Present when the switch is focused (when wrapped in Field.Root).              |
+
+### Thumb.Props
+
+Re-export of [Thumb](#thumb) props.
+
+### Thumb.State
+
+```typescript
+type SwitchThumbState = {
+  checked: boolean;
+  disabled: boolean;
+  readOnly: boolean;
+  required: boolean;
+  touched: boolean;
+  dirty: boolean;
+  valid: boolean | null;
+  filled: boolean;
+  focused: boolean;
+};
+```
diff --git a/docs/src/app/(public)/(content)/react/components/switch/types.ts b/docs/src/app/(public)/(content)/react/components/switch/types.ts
new file mode 100644
index 00000000000..aad204ad5a5
--- /dev/null
+++ b/docs/src/app/(public)/(content)/react/components/switch/types.ts
@@ -0,0 +1,7 @@
+import { Switch } from '@base-ui-components/react/switch';
+import { createMultipleTypes } from 'docs/src/utils/createTypes';
+
+const types = createMultipleTypes(import.meta.url, Switch);
+
+export const TypesSwitchRoot = types.Root;
+export const TypesSwitchThumb = types.Thumb;
diff --git a/docs/src/app/(public)/(content)/react/components/tabs/page.mdx b/docs/src/app/(public)/(content)/react/components/tabs/page.mdx
index 3ed02fd8309..11ffc5b0abb 100644
--- a/docs/src/app/(public)/(content)/react/components/tabs/page.mdx
+++ b/docs/src/app/(public)/(content)/react/components/tabs/page.mdx
@@ -29,4 +29,30 @@ import { Tabs } from '@base-ui-components/react/tabs';
 
 ## API reference
 
-<Reference component="Tabs" parts="Root, List, Tab, Indicator, Panel" />
+import {
+  TypesTabsRoot,
+  TypesTabsList,
+  TypesTabsTab,
+  TypesTabsIndicator,
+  TypesTabsPanel,
+} from './types';
+
+### Root
+
+<TypesTabsRoot />
+
+### List
+
+<TypesTabsList />
+
+### Tab
+
+<TypesTabsTab />
+
+### Indicator
+
+<TypesTabsIndicator />
+
+### Panel
+
+<TypesTabsPanel />
diff --git a/docs/src/app/(public)/(content)/react/components/tabs/types.md b/docs/src/app/(public)/(content)/react/components/tabs/types.md
new file mode 100644
index 00000000000..8ac6a369727
--- /dev/null
+++ b/docs/src/app/(public)/(content)/react/components/tabs/types.md
@@ -0,0 +1,262 @@
+# Tabs
+
+[//]: types.ts '<-- Autogenerated By (do not edit the following markdown directly)'
+
+## API Reference
+
+### Root
+
+Groups the tabs and the corresponding panels. Renders a `<div>` element.
+
+**Root Props:**
+
+| Prop           | Type                                                                                                                                                                                                                                                                                               | Default          | Description                                                                                                                                                                              |
+| :------------- | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | :--------------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| defaultValue   | `Tabs.Tab.Value`                                                                                                                                                                                                                                                                                   | `0`              | The default value. Use when the component is not controlled. When the value is `null`, no Tab will be active.                                                                            |
+| value          | `Tabs.Tab.Value`                                                                                                                                                                                                                                                                                   | -                | The value of the currently active `Tab`. Use when the component is controlled. When the value is `null`, no Tab will be active.                                                          |
+| onValueChange  | `((value: Tabs.Tab.Value, eventDetails?: { reason: 'none', event: ReasonToEvent, cancel: (() => void), allowPropagation: (() => void), isCanceled: boolean, isPropagationAllowed: boolean, trigger: HTMLElement \| undefined } & { activationDirection: Tabs.Tab.ActivationDirection }) => void)`  | -                | Callback invoked when new value is being set.                                                                                                                                            |
+| style          | `CSSProperties \| ((state: Tabs.Root.State) => CSSProperties \| undefined)`                                                                                                                                                                                                                        | -                | -                                                                                                                                                                                        |
+| orientation    | `Tabs.Root.Orientation`                                                                                                                                                                                                                                                                            | `'horizontal'`   | The component orientation (layout flow direction).                                                                                                                                       |
+| className      | `string \| ((state: Tabs.Root.State) => string \| undefined)`                                                                                                                                                                                                                                      | -                | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Tabs.Root.State) => ReactElement)`                                                                                                                                                                                                                     | -                | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**Root Data Attributes:**
+
+| Attribute                    | Type                                             | Description                                                                   |
+| :--------------------------- | :----------------------------------------------- | :---------------------------------------------------------------------------- |
+| data-orientation             | `'horizontal' \| 'vertical'`                     | Indicates the orientation of the tabs.                                        |
+| data-activation-direction    | `'left' \| 'right' \| 'up' \| 'down' \| 'none'`  | Indicates the direction of the activation (based on the previous active tab). |
+
+### Root.Props
+
+Re-export of [Root](#root) props.
+
+### Root.State
+
+```typescript
+type TabsRootState = {
+  orientation: Tabs.Root.Orientation;
+  tabActivationDirection: Tabs.Tab.ActivationDirection;
+};
+```
+
+### Root.ChangeEventReason
+
+```typescript
+type TabsRootChangeEventReason = 'none';
+```
+
+### Root.ChangeEventDetails
+
+```typescript
+type TabsRootChangeEventDetails = {
+  reason: 'none';
+  event: Event;
+  cancel: () => void;
+  allowPropagation: () => void;
+  isCanceled: boolean;
+  isPropagationAllowed: boolean;
+  trigger: HTMLElement | undefined;
+} & { activationDirection: TabsTab.ActivationDirection };
+```
+
+### Root.Orientation
+
+```typescript
+type TabsRootOrientation = 'horizontal' | 'vertical';
+```
+
+### List
+
+Groups the individual tab buttons. Renders a `<div>` element.
+
+**List Props:**
+
+| Prop                  | Type                                                                              | Default   | Description                                                                                                                                                                              |
+| :-------------------- | :-------------------------------------------------------------------------------- | :-------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| activateOnFocus       | `boolean`                                                                         | `true`    | Whether to automatically change the active tab on arrow key focus. Otherwise, tabs will be activated using Enter or Spacebar key press.                                                  |
+| style                 | `CSSProperties \| ((state: Tabs.List.State) => CSSProperties \| undefined)`       | -         | -                                                                                                                                                                                        |
+| loop                  | `boolean`                                                                         | `true`    | Whether to loop keyboard focus back to the first item when the end of the list is reached while using the arrow keys.                                                                    |
+| className             | `string \| ((state: Tabs.List.State) => string \| undefined)`                     | -         | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render                | `ReactElement \| ((props: HTMLProps, state: Tabs.List.State) => ReactElement)`    | -         | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**List Data Attributes:**
+
+| Attribute                    | Type                                             | Description                                                                   |
+| :--------------------------- | :----------------------------------------------- | :---------------------------------------------------------------------------- |
+| data-orientation             | `'horizontal' \| 'vertical'`                     | Indicates the orientation of the tabs.                                        |
+| data-activation-direction    | `'left' \| 'right' \| 'up' \| 'down' \| 'none'`  | Indicates the direction of the activation (based on the previous active tab). |
+
+### List.Props
+
+Re-export of [List](#list) props.
+
+### List.State
+
+```typescript
+type TabsListState = {
+  orientation: Tabs.Root.Orientation;
+  tabActivationDirection: Tabs.Tab.ActivationDirection;
+};
+```
+
+### Panel
+
+A panel displayed when the corresponding tab is active. Renders a `<div>` element.
+
+**Panel Props:**
+
+| Prop           | Type                                                                              | Default   | Description                                                                                                                                                                                                                                                                       |
+| :------------- | :-------------------------------------------------------------------------------- | :-------- | :-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| value          | `Tabs.Tab.Value`                                                                  | -         | The value of the TabPanel. It will be shown when the Tab with the corresponding value is selected. If not provided, it will fall back to the index of the panel. It is recommended to explicitly provide it, as it's required for the tab panel to be rendered on the server.     |
+| style          | `CSSProperties \| ((state: Tabs.Panel.State) => CSSProperties \| undefined)`      | -         | -                                                                                                                                                                                                                                                                                 |
+| className      | `string \| ((state: Tabs.Panel.State) => string \| undefined)`                    | -         | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                                                                                                              |
+| keepMounted    | `boolean`                                                                         | `false`   | Whether to keep the HTML element in the DOM while the panel is hidden.                                                                                                                                                                                                            |
+| render         | `ReactElement \| ((props: HTMLProps, state: Tabs.Panel.State) => ReactElement)`   | -         | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render.                                                                                          |
+
+**Panel Data Attributes:**
+
+| Attribute                    | Type                                             | Description                                                                   |
+| :--------------------------- | :----------------------------------------------- | :---------------------------------------------------------------------------- |
+| data-orientation             | `'horizontal' \| 'vertical'`                     | Indicates the orientation of the tabs.                                        |
+| data-activation-direction    | `'left' \| 'right' \| 'up' \| 'down' \| 'none'`  | Indicates the direction of the activation (based on the previous active tab). |
+| data-hidden                  | -                                                | Present when the panel is hidden.                                             |
+| data-index                   | -                                                | Indicates the index of the tab panel.                                         |
+
+### Panel.Props
+
+Re-export of [Panel](#panel) props.
+
+### Panel.State
+
+```typescript
+type TabsPanelState = {
+  hidden: boolean;
+  orientation: Tabs.Root.Orientation;
+  tabActivationDirection: Tabs.Tab.ActivationDirection;
+};
+```
+
+### Panel.Metadata
+
+```typescript
+type TabsPanelMetadata = { id?: string; value: Tabs.Tab.Value };
+```
+
+### Indicator
+
+A visual indicator that can be styled to match the position of the currently active tab. Renders a `<span>` element.
+
+**Indicator Props:**
+
+| Prop                  | Type                                                                                    | Default   | Description                                                                                                                                                                              |
+| :-------------------- | :-------------------------------------------------------------------------------------- | :-------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| renderBeforeHydration | `boolean`                                                                               | `false`   | Whether to render itself before React hydrates. This minimizes the time that the indicator isn’t visible after server-side rendering.                                                    |
+| style                 | `CSSProperties \| ((state: Tabs.Indicator.State) => CSSProperties \| undefined)`        | -         | -                                                                                                                                                                                        |
+| className             | `string \| ((state: Tabs.Indicator.State) => string \| undefined)`                      | -         | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render                | `ReactElement \| ((props: HTMLProps, state: Tabs.Indicator.State) => ReactElement)`     | -         | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**Indicator Data Attributes:**
+
+| Attribute                    | Type                                             | Description                                                                   |
+| :--------------------------- | :----------------------------------------------- | :---------------------------------------------------------------------------- |
+| data-orientation             | `'horizontal' \| 'vertical'`                     | Indicates the orientation of the tabs.                                        |
+| data-activation-direction    | `'left' \| 'right' \| 'up' \| 'down' \| 'none'`  | Indicates the direction of the activation (based on the previous active tab). |
+
+**Indicator CSS Variables:**
+
+| Variable                | Type      | Description                                                                                 |
+| :---------------------- | :-------- | :------------------------------------------------------------------------------------------ |
+| `--active-tab-bottom`   | `number`  | Indicates the distance on the bottom side from the parent's container if the tab is active. |
+| `--active-tab-height`   | `number`  | Indicates the width of the tab if it is active.                                             |
+| `--active-tab-left`     | `number`  | Indicates the distance on the left side from the parent's container if the tab is active.   |
+| `--active-tab-right`    | `number`  | Indicates the distance on the right side from the parent's container if the tab is active.  |
+| `--active-tab-top`      | `number`  | Indicates the distance on the top side from the parent's container if the tab is active.    |
+| `--active-tab-width`    | `number`  | Indicates the width of the tab if it is active.                                             |
+
+### Indicator.Props
+
+Re-export of [Indicator](#indicator) props.
+
+### Indicator.State
+
+```typescript
+type TabsIndicatorState = {
+  activeTabPosition: {
+    left: number;
+    right: number;
+    top: number;
+    bottom: number;
+  } | null;
+  activeTabSize: { width: number; height: number } | null;
+  orientation: Tabs.Root.Orientation;
+  tabActivationDirection: Tabs.Tab.ActivationDirection;
+};
+```
+
+### Tab
+
+An individual interactive tab button that toggles the corresponding panel. Renders a `<button>` element.
+
+**Tab Props:**
+
+| Prop           | Type                                                                             | Default   | Description                                                                                                                                                                              |
+| :------------- | :------------------------------------------------------------------------------- | :-------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| value          | `Tabs.Tab.Value`                                                                 | -         | The value of the Tab. When not specified, the value is the child position index.                                                                                                         |
+| nativeButton   | `boolean`                                                                        | `true`    | Whether the component renders a native `<button>` element when replacing it via the `render` prop. Set to `false` if the rendered element is not a button (e.g. `<div>`).                |
+| style          | `CSSProperties \| ((state: Tabs.Tab.State) => CSSProperties \| undefined)`       | -         | -                                                                                                                                                                                        |
+| className      | `string \| ((state: Tabs.Tab.State) => string \| undefined)`                     | -         | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Tabs.Tab.State) => ReactElement)`    | -         | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**Tab Data Attributes:**
+
+| Attribute                    | Type                                             | Description                                                                   |
+| :--------------------------- | :----------------------------------------------- | :---------------------------------------------------------------------------- |
+| data-orientation             | `'horizontal' \| 'vertical'`                     | Indicates the orientation of the tabs.                                        |
+| data-disabled                | -                                                | Present when the tab is disabled.                                             |
+| data-activation-direction    | `'left' \| 'right' \| 'up' \| 'down' \| 'none'`  | Indicates the direction of the activation (based on the previous active tab). |
+| data-active                  | -                                                | Present when the tab is active.                                               |
+
+### Tab.Props
+
+Re-export of [Tab](#tab) props.
+
+### Tab.State
+
+```typescript
+type TabsTabState = {
+  disabled: boolean;
+  active: boolean;
+  orientation: Tabs.Root.Orientation;
+};
+```
+
+### Tab.Value
+
+```typescript
+type TabsTabValue = any;
+```
+
+### Tab.ActivationDirection
+
+```typescript
+type TabsTabActivationDirection = 'none' | 'left' | 'right' | 'up' | 'down';
+```
+
+### Tab.Position
+
+```typescript
+type TabsTabPosition = { left: number; right: number; top: number; bottom: number };
+```
+
+### Tab.Size
+
+```typescript
+type TabsTabSize = { width: number; height: number };
+```
+
+### Tab.Metadata
+
+```typescript
+type TabsTabMetadata = { disabled: boolean; id: string | undefined; value: any };
+```
diff --git a/docs/src/app/(public)/(content)/react/components/tabs/types.ts b/docs/src/app/(public)/(content)/react/components/tabs/types.ts
new file mode 100644
index 00000000000..c9a0db5763b
--- /dev/null
+++ b/docs/src/app/(public)/(content)/react/components/tabs/types.ts
@@ -0,0 +1,10 @@
+import { Tabs } from '@base-ui-components/react/tabs';
+import { createMultipleTypes } from 'docs/src/utils/createTypes';
+
+const types = createMultipleTypes(import.meta.url, Tabs);
+
+export const TypesTabsRoot = types.Root;
+export const TypesTabsList = types.List;
+export const TypesTabsTab = types.Tab;
+export const TypesTabsIndicator = types.Indicator;
+export const TypesTabsPanel = types.Panel;
diff --git a/docs/src/app/(public)/(content)/react/components/toast/page.mdx b/docs/src/app/(public)/(content)/react/components/toast/page.mdx
index 99c23cef181..779383a2cd1 100644
--- a/docs/src/app/(public)/(content)/react/components/toast/page.mdx
+++ b/docs/src/app/(public)/(content)/react/components/toast/page.mdx
@@ -36,10 +36,53 @@ import { Toast } from '@base-ui-components/react/toast';
 
 ## API reference
 
-<Reference
-  component="Toast"
-  parts="Provider, Viewport, Portal, Root, Content, Title, Description, Action, Close"
-/>
+import {
+  TypesToastProvider,
+  TypesToastViewport,
+  TypesToastPortal,
+  TypesToastRoot,
+  TypesToastContent,
+  TypesToastTitle,
+  TypesToastDescription,
+  TypesToastAction,
+  TypesToastClose,
+} from './types';
+
+### Provider
+
+<TypesToastProvider />
+
+### Viewport
+
+<TypesToastViewport />
+
+### Portal
+
+<TypesToastPortal />
+
+### Root
+
+<TypesToastRoot />
+
+### Content
+
+<TypesToastContent />
+
+### Title
+
+<TypesToastTitle />
+
+### Description
+
+<TypesToastDescription />
+
+### Action
+
+<TypesToastAction />
+
+### Close
+
+<TypesToastClose />
 
 ## useToastManager
 
diff --git a/docs/src/app/(public)/(content)/react/components/toast/types.md b/docs/src/app/(public)/(content)/react/components/toast/types.md
new file mode 100644
index 00000000000..9140446c135
--- /dev/null
+++ b/docs/src/app/(public)/(content)/react/components/toast/types.md
@@ -0,0 +1,982 @@
+# Toast
+
+[//]: types.ts '<-- Autogenerated By (do not edit the following markdown directly)'
+
+## API Reference
+
+### Root
+
+Groups all parts of an individual toast. Renders a `<div>` element.
+
+**Root Props:**
+
+| Prop           | Type                                                                                   | Default                 | Description                                                                                                                                                                              |
+| :------------- | :------------------------------------------------------------------------------------- | :---------------------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: Toast.Root.State) => CSSProperties \| undefined)`           | -                       | -                                                                                                                                                                                        |
+| swipeDirection | `'up' \| 'down' \| 'left' \| 'right' \| ('up' \| 'down' \| 'left' \| 'right')[]`       | `['down', 'right']`     | Direction(s) in which the toast can be swiped to dismiss.                                                                                                                                |
+| toast          | `Toast.Root.ToastObject<any>`                                                          | -                       | The toast to render.                                                                                                                                                                     |
+| className      | `string \| ((state: Toast.Root.State) => string \| undefined)`                         | -                       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Toast.Root.State) => ReactElement)`        | -                       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**Root Data Attributes:**
+
+| Attribute             | Type                                     | Description                                                     |
+| :-------------------- | :--------------------------------------- | :-------------------------------------------------------------- |
+| data-expanded         | `boolean`                                | Present when the toast is expanded in the viewport.             |
+| data-limited          | `boolean`                                | Present when the toast was removed due to exceeding the limit.  |
+| data-swipe-direction  | `'up' \| 'down' \| 'left' \| 'right'`    | The direction the toast was swiped.                             |
+| data-swiping          | `boolean`                                | Present when the toast is being swiped.                         |
+| data-type             | `string`                                 | The type of the toast.                                          |
+| data-starting-style   | -                                        | Present when the toast is animating in.                         |
+| data-ending-style     | -                                        | Present when the toast is animating out.                        |
+
+**Root CSS Variables:**
+
+| Variable                       | Type      | Description                                                                   |
+| :----------------------------- | :-------- | :---------------------------------------------------------------------------- |
+| `--toast-height`               | `number`  | Indicates the measured natural height of the toast in pixels.                 |
+| `--toast-index`                | `number`  | Indicates the index of the toast in the list.                                 |
+| `--toast-offset-y`             | `number`  | Indicates the vertical pixels offset of the toast in the list when expanded.  |
+| `--toast-swipe-movement-x`     | `number`  | Indicates the horizontal swipe movement of the toast.                         |
+| `--toast-swipe-movement-y`     | `number`  | Indicates the vertical swipe movement of the toast.                           |
+
+### Root.Props
+
+Re-export of [Root](#root) props.
+
+### Root.State
+
+```typescript
+type ToastRootState = {
+  transitionStatus: TransitionStatus;
+  expanded: boolean;
+  limited: boolean;
+  type: string | undefined;
+  swiping: boolean;
+  swipeDirection: 'up' | 'down' | 'left' | 'right' | undefined;
+};
+```
+
+### Root.ToastObject
+
+```typescript
+type ToastRootToastObject<Data extends object = any> = {
+  id: string;
+  ref?: React.RefObject<HTMLElement | null> | undefined;
+  title?: React.ReactNode;
+  type?: string | undefined;
+  description?: React.ReactNode;
+  timeout?: number | undefined;
+  priority?: 'low' | 'high' | undefined;
+  transitionStatus?: 'starting' | 'ending' | undefined;
+  limited?: boolean | undefined;
+  height?: number | undefined;
+  onClose?: (() => void) | undefined;
+  onRemove?: (() => void) | undefined;
+  actionProps?:
+    | Omit<
+        React.DetailedHTMLProps<
+          React.ButtonHTMLAttributes<HTMLButtonElement>,
+          HTMLButtonElement
+        >,
+        'ref'
+      >
+    | undefined;
+  data?: Data | undefined;
+};
+```
+
+### Provider
+
+Provides a context for creating and managing toasts.
+
+**Provider Props:**
+
+| Prop           | Type                                         | Default   | Description                                                                                                                                                |
+| :------------- | :------------------------------------------- | :-------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| limit          | `number`                                     | `3`       | The maximum number of toasts that can be displayed at once. When the limit is reached, the oldest toast will be removed to make room for the new one.      |
+| toastManager   | `Toast.createToastManager.ToastManager`      | -         | A global manager for toasts to use outside of a React component.                                                                                           |
+| timeout        | `number`                                     | `5000`    | The default amount of time (in ms) before a toast is auto dismissed. A value of `0` will prevent the toast from being dismissed automatically.             |
+| children       | `ReactNode`                                  | -         | -                                                                                                                                                          |
+
+### Provider.Props
+
+Re-export of [Provider](#provider) props.
+
+### Portal
+
+A portal element that moves the viewport to a different part of the DOM. By default, the portal element is appended to `<body>`. Renders a `<div>` element.
+
+**Portal Props:**
+
+| Prop           | Type                                                                                 | Default | Description                                                                                                                                                                              |
+| :------------- | :----------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: any) => CSSProperties \| undefined)`                      | -       | -                                                                                                                                                                                        |
+| container      | `HTMLElement \| ShadowRoot \| RefObject<HTMLElement \| ShadowRoot \| null> \| null`  | -       | A parent element to render the portal element into.                                                                                                                                      |
+| className      | `string \| ((state: any) => string \| undefined)`                                    | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: any) => ReactElement)`                   | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+### Portal.Props
+
+Re-export of [Portal](#portal) props.
+
+### Content
+
+A container for the contents of a toast. Renders a `<div>` element.
+
+**Content Props:**
+
+| Prop           | Type                                                                                    | Default | Description                                                                                                                                                                              |
+| :------------- | :-------------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: Toast.Content.State) => CSSProperties \| undefined)`         | -       | -                                                                                                                                                                                        |
+| className      | `string \| ((state: Toast.Content.State) => string \| undefined)`                       | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Toast.Content.State) => ReactElement)`      | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**Content Data Attributes:**
+
+| Attribute      | Type      | Description                                                            |
+| :------------- | :-------- | :--------------------------------------------------------------------- |
+| data-behind    | `boolean` | Present when the toast is behind the frontmost toast in the stack.     |
+| data-expanded  | `boolean` | Present when the toast viewport is expanded.                           |
+
+### Content.Props
+
+Re-export of [Content](#content) props.
+
+### Content.State
+
+```typescript
+type ToastContentState = { expanded: boolean; behind: boolean };
+```
+
+### Title
+
+A title that labels the toast. Renders an `<h2>` element.
+
+**Title Props:**
+
+| Prop           | Type                                                                              | Default | Description                                                                                                                                                                              |
+| :------------- | :-------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: Toast.Title.State) => CSSProperties \| undefined)`     | -       | -                                                                                                                                                                                        |
+| className      | `string \| ((state: Toast.Title.State) => string \| undefined)`                   | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Toast.Title.State) => ReactElement)`  | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**Title Data Attributes:**
+
+| Attribute      | Type      | Description                  |
+| :------------- | :-------- | :--------------------------- |
+| data-type      | `string`  | The type of the toast.       |
+
+### Title.Props
+
+Re-export of [Title](#title) props.
+
+### Title.State
+
+```typescript
+type ToastTitleState = { type: string | undefined };
+```
+
+### Description
+
+A description that describes the toast. Can be used as the default message for the toast when no title is provided. Renders a `<p>` element.
+
+**Description Props:**
+
+| Prop           | Type                                                                                     | Default | Description                                                                                                                                                                              |
+| :------------- | :--------------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: Toast.Description.State) => CSSProperties \| undefined)`      | -       | -                                                                                                                                                                                        |
+| className      | `string \| ((state: Toast.Description.State) => string \| undefined)`                    | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Toast.Description.State) => ReactElement)`   | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**Description Data Attributes:**
+
+| Attribute      | Type      | Description                  |
+| :------------- | :-------- | :--------------------------- |
+| data-type      | `string`  | The type of the toast.       |
+
+### Description.Props
+
+Re-export of [Description](#description) props.
+
+### Description.State
+
+```typescript
+type ToastDescriptionState = { type: string | undefined };
+```
+
+### Close
+
+Closes the toast when clicked. Renders a `<button>` element.
+
+**Close Props:**
+
+| Prop           | Type                                                                              | Default   | Description                                                                                                                                                                              |
+| :------------- | :-------------------------------------------------------------------------------- | :-------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| nativeButton   | `boolean`                                                                         | `true`    | Whether the component renders a native `<button>` element when replacing it via the `render` prop. Set to `false` if the rendered element is not a button (e.g. `<div>`).                |
+| style          | `CSSProperties \| ((state: Toast.Close.State) => CSSProperties \| undefined)`     | -         | -                                                                                                                                                                                        |
+| className      | `string \| ((state: Toast.Close.State) => string \| undefined)`                   | -         | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Toast.Close.State) => ReactElement)`  | -         | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**Close Data Attributes:**
+
+| Attribute      | Type      | Description                  |
+| :------------- | :-------- | :--------------------------- |
+| data-type      | `string`  | The type of the toast.       |
+
+### Close.Props
+
+Re-export of [Close](#close) props.
+
+### Close.State
+
+```typescript
+type ToastCloseState = { type: string | undefined };
+```
+
+### Action
+
+Performs an action when clicked. Renders a `<button>` element.
+
+**Action Props:**
+
+| Prop           | Type                                                                                    | Default   | Description                                                                                                                                                                              |
+| :------------- | :-------------------------------------------------------------------------------------- | :-------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| nativeButton   | `boolean`                                                                               | `true`    | Whether the component renders a native `<button>` element when replacing it via the `render` prop. Set to `false` if the rendered element is not a button (e.g. `<div>`).                |
+| style          | `CSSProperties \| ((state: Toast.Action.State) => CSSProperties \| undefined)`          | -         | -                                                                                                                                                                                        |
+| className      | `string \| ((state: Toast.Action.State) => string \| undefined)`                        | -         | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Toast.Action.State) => ReactElement)`       | -         | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**Action Data Attributes:**
+
+| Attribute      | Type      | Description                  |
+| :------------- | :-------- | :--------------------------- |
+| data-type      | `string`  | The type of the toast.       |
+
+### Action.Props
+
+Re-export of [Action](#action) props.
+
+### Action.State
+
+```typescript
+type ToastActionState = { type: string | undefined };
+```
+
+### Viewport
+
+A container viewport for toasts. Renders a `<div>` element.
+
+**Viewport Props:**
+
+| Prop           | Type                                                                                    | Default | Description                                                                                                                                                                              |
+| :------------- | :-------------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: Toast.Viewport.State) => CSSProperties \| undefined)`        | -       | -                                                                                                                                                                                        |
+| className      | `string \| ((state: Toast.Viewport.State) => string \| undefined)`                      | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Toast.Viewport.State) => ReactElement)`     | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**Viewport Data Attributes:**
+
+| Attribute      | Type      | Description                                       |
+| :------------- | :-------- | :------------------------------------------------ |
+| data-expanded  | `boolean` | Indicates toasts are expanded in the viewport.    |
+
+**Viewport CSS Variables:**
+
+| Variable                       | Type      | Description                                       |
+| :----------------------------- | :-------- | :------------------------------------------------ |
+| `--toast-frontmost-height`     | `number`  | Indicates the height of the frontmost toast.      |
+
+### Viewport.Props
+
+Re-export of [Viewport](#viewport) props.
+
+### Viewport.State
+
+```typescript
+type ToastViewportState = { expanded: boolean };
+```
+
+### createToastManager
+
+Creates a new toast manager.
+
+```typescript
+() => {
+  ' subscribe': (
+    listener: (data: {
+      action: 'add' | 'close' | 'update' | 'promise';
+      options: any;
+    }) => void,
+  ) => () => void;
+  add: (options: {
+    id?: string;
+    title?: ReactNode;
+    type?: string;
+    description?: ReactNode;
+    timeout?: number;
+    priority?: 'low' | 'high';
+    transitionStatus?: 'starting' | 'ending';
+    onClose?: () => void;
+    onRemove?: () => void;
+    actionProps?: {};
+    data?: {};
+  }) => string;
+  close: (id: string) => void;
+  update: (
+    id: string,
+    updates: {
+      id?: string;
+      title?: ReactNode;
+      type?: string;
+      description?: ReactNode;
+      timeout?: number;
+      priority?: 'low' | 'high';
+      transitionStatus?: 'starting' | 'ending';
+      onClose?: () => void;
+      onRemove?: () => void;
+      actionProps?: {};
+      data?: {};
+    },
+  ) => void;
+  promise: (
+    promiseValue: Promise<Value>,
+    options: {
+      loading:
+        | string
+        | {
+            id?: string;
+            title?: ReactNode;
+            type?: string;
+            description?: ReactNode;
+            timeout?: number;
+            priority?: 'low' | 'high';
+            transitionStatus?: 'starting' | 'ending';
+            onClose?: () => void;
+            onRemove?: () => void;
+            actionProps?: {};
+            data?: {};
+          };
+      success:
+        | string
+        | {
+            id?: string;
+            title?: ReactNode;
+            type?: string;
+            description?: ReactNode;
+            timeout?: number;
+            priority?: 'low' | 'high';
+            transitionStatus?: 'starting' | 'ending';
+            onClose?: () => void;
+            onRemove?: () => void;
+            actionProps?: {};
+            data?: {};
+          }
+        | ((
+            result: Value,
+          ) =>
+            | string
+            | {
+                id?: string;
+                title?: ReactNode;
+                type?: string;
+                description?: ReactNode;
+                timeout?: number;
+                priority?: 'low' | 'high';
+                transitionStatus?: 'starting' | 'ending';
+                onClose?: () => void;
+                onRemove?: () => void;
+                actionProps?: {};
+                data?: {};
+              });
+      error:
+        | string
+        | {
+            id?: string;
+            title?: ReactNode;
+            type?: string;
+            description?: ReactNode;
+            timeout?: number;
+            priority?: 'low' | 'high';
+            transitionStatus?: 'starting' | 'ending';
+            onClose?: () => void;
+            onRemove?: () => void;
+            actionProps?: {};
+            data?: {};
+          }
+        | ((
+            error: any,
+          ) =>
+            | string
+            | {
+                id?: string;
+                title?: ReactNode;
+                type?: string;
+                description?: ReactNode;
+                timeout?: number;
+                priority?: 'low' | 'high';
+                transitionStatus?: 'starting' | 'ending';
+                onClose?: () => void;
+                onRemove?: () => void;
+                actionProps?: {};
+                data?: {};
+              });
+    },
+  ) => Promise<Value>;
+};
+```
+
+### createToastManager.ToastManager
+
+```typescript
+type CreateToastManager = {
+  ' subscribe': (
+    listener: (data: {
+      action: 'add' | 'close' | 'update' | 'promise';
+      options: any;
+    }) => void,
+  ) => () => void;
+  add: (options: {
+    id?: string;
+    title?: ReactNode;
+    type?: string;
+    description?: ReactNode;
+    timeout?: number;
+    priority?: 'low' | 'high';
+    transitionStatus?: 'starting' | 'ending';
+    onClose?: () => void;
+    onRemove?: () => void;
+    actionProps?: {};
+    data?: {};
+  }) => string;
+  close: (id: string) => void;
+  update: (
+    id: string,
+    updates: {
+      id?: string;
+      title?: ReactNode;
+      type?: string;
+      description?: ReactNode;
+      timeout?: number;
+      priority?: 'low' | 'high';
+      transitionStatus?: 'starting' | 'ending';
+      onClose?: () => void;
+      onRemove?: () => void;
+      actionProps?: {};
+      data?: {};
+    },
+  ) => void;
+  promise: (
+    promiseValue: Promise<Value>,
+    options: {
+      loading:
+        | string
+        | {
+            id?: string;
+            title?: ReactNode;
+            type?: string;
+            description?: ReactNode;
+            timeout?: number;
+            priority?: 'low' | 'high';
+            transitionStatus?: 'starting' | 'ending';
+            onClose?: () => void;
+            onRemove?: () => void;
+            actionProps?: {};
+            data?: {};
+          };
+      success:
+        | string
+        | {
+            id?: string;
+            title?: ReactNode;
+            type?: string;
+            description?: ReactNode;
+            timeout?: number;
+            priority?: 'low' | 'high';
+            transitionStatus?: 'starting' | 'ending';
+            onClose?: () => void;
+            onRemove?: () => void;
+            actionProps?: {};
+            data?: {};
+          }
+        | ((
+            result: Value,
+          ) =>
+            | string
+            | {
+                id?: string;
+                title?: ReactNode;
+                type?: string;
+                description?: ReactNode;
+                timeout?: number;
+                priority?: 'low' | 'high';
+                transitionStatus?: 'starting' | 'ending';
+                onClose?: () => void;
+                onRemove?: () => void;
+                actionProps?: {};
+                data?: {};
+              });
+      error:
+        | string
+        | {
+            id?: string;
+            title?: ReactNode;
+            type?: string;
+            description?: ReactNode;
+            timeout?: number;
+            priority?: 'low' | 'high';
+            transitionStatus?: 'starting' | 'ending';
+            onClose?: () => void;
+            onRemove?: () => void;
+            actionProps?: {};
+            data?: {};
+          }
+        | ((
+            error: any,
+          ) =>
+            | string
+            | {
+                id?: string;
+                title?: ReactNode;
+                type?: string;
+                description?: ReactNode;
+                timeout?: number;
+                priority?: 'low' | 'high';
+                transitionStatus?: 'starting' | 'ending';
+                onClose?: () => void;
+                onRemove?: () => void;
+                actionProps?: {};
+                data?: {};
+              });
+    },
+  ) => Promise<Value>;
+};
+```
+
+### ManagerEvent
+
+```typescript
+type ToastManagerEvent = {
+  action: 'add' | 'close' | 'update' | 'promise';
+  options: any;
+};
+```
+
+### Object
+
+```typescript
+type ToastObject = {
+  id: string;
+  ref?: RefObject<HTMLElement | null>;
+  title?: ReactNode;
+  type?: string;
+  description?: ReactNode;
+  timeout?: number;
+  priority?: 'low' | 'high';
+  transitionStatus?: 'starting' | 'ending';
+  limited?: boolean;
+  height?: number;
+  onClose?: () => void;
+  onRemove?: () => void;
+  actionProps?: {};
+  data?: {};
+};
+```
+
+### useToastManager
+
+Returns the array of toasts and methods to manage them.
+
+```typescript
+() => {
+  toasts: {
+    id: string;
+    ref?: RefObject<HTMLElement | null>;
+    title?: ReactNode;
+    type?: string;
+    description?: ReactNode;
+    timeout?: number;
+    priority?: 'low' | 'high';
+    transitionStatus?: 'starting' | 'ending';
+    limited?: boolean;
+    height?: number;
+    onClose?: () => void;
+    onRemove?: () => void;
+    actionProps?: {};
+    data?: any;
+  }[];
+  add: (options: {
+    id?: string;
+    title?: ReactNode;
+    type?: string;
+    description?: ReactNode;
+    timeout?: number;
+    priority?: 'low' | 'high';
+    transitionStatus?: 'starting' | 'ending';
+    onClose?: () => void;
+    onRemove?: () => void;
+    actionProps?: {};
+    data?: {};
+  }) => string;
+  close: (toastId: string) => void;
+  update: (
+    toastId: string,
+    options: {
+      id?: string;
+      title?: ReactNode;
+      type?: string;
+      description?: ReactNode;
+      timeout?: number;
+      priority?: 'low' | 'high';
+      transitionStatus?: 'starting' | 'ending';
+      onClose?: () => void;
+      onRemove?: () => void;
+      actionProps?: {};
+      data?: {};
+    },
+  ) => void;
+  promise: (
+    promise: Promise<Value>,
+    options: {
+      loading:
+        | string
+        | {
+            id?: string;
+            title?: ReactNode;
+            type?: string;
+            description?: ReactNode;
+            timeout?: number;
+            priority?: 'low' | 'high';
+            transitionStatus?: 'starting' | 'ending';
+            onClose?: () => void;
+            onRemove?: () => void;
+            actionProps?: {};
+            data?: {};
+          };
+      success:
+        | string
+        | {
+            id?: string;
+            title?: ReactNode;
+            type?: string;
+            description?: ReactNode;
+            timeout?: number;
+            priority?: 'low' | 'high';
+            transitionStatus?: 'starting' | 'ending';
+            onClose?: () => void;
+            onRemove?: () => void;
+            actionProps?: {};
+            data?: {};
+          }
+        | ((
+            result: Value,
+          ) =>
+            | string
+            | {
+                id?: string;
+                title?: ReactNode;
+                type?: string;
+                description?: ReactNode;
+                timeout?: number;
+                priority?: 'low' | 'high';
+                transitionStatus?: 'starting' | 'ending';
+                onClose?: () => void;
+                onRemove?: () => void;
+                actionProps?: {};
+                data?: {};
+              });
+      error:
+        | string
+        | {
+            id?: string;
+            title?: ReactNode;
+            type?: string;
+            description?: ReactNode;
+            timeout?: number;
+            priority?: 'low' | 'high';
+            transitionStatus?: 'starting' | 'ending';
+            onClose?: () => void;
+            onRemove?: () => void;
+            actionProps?: {};
+            data?: {};
+          }
+        | ((
+            error: any,
+          ) =>
+            | string
+            | {
+                id?: string;
+                title?: ReactNode;
+                type?: string;
+                description?: ReactNode;
+                timeout?: number;
+                priority?: 'low' | 'high';
+                transitionStatus?: 'starting' | 'ending';
+                onClose?: () => void;
+                onRemove?: () => void;
+                actionProps?: {};
+                data?: {};
+              });
+    },
+  ) => Promise<Value>;
+};
+```
+
+### useToastManager.ReturnValue
+
+```typescript
+type UseToastManagerReturnValue = {
+  toasts: {
+    id: string;
+    ref?: RefObject<HTMLElement | null>;
+    title?: ReactNode;
+    type?: string;
+    description?: ReactNode;
+    timeout?: number;
+    priority?: 'low' | 'high';
+    transitionStatus?: 'starting' | 'ending';
+    limited?: boolean;
+    height?: number;
+    onClose?: () => void;
+    onRemove?: () => void;
+    actionProps?: {};
+    data?: any;
+  }[];
+  add: (options: {
+    id?: string;
+    title?: ReactNode;
+    type?: string;
+    description?: ReactNode;
+    timeout?: number;
+    priority?: 'low' | 'high';
+    transitionStatus?: 'starting' | 'ending';
+    onClose?: () => void;
+    onRemove?: () => void;
+    actionProps?: {};
+    data?: {};
+  }) => string;
+  close: (toastId: string) => void;
+  update: (
+    toastId: string,
+    options: {
+      id?: string;
+      title?: ReactNode;
+      type?: string;
+      description?: ReactNode;
+      timeout?: number;
+      priority?: 'low' | 'high';
+      transitionStatus?: 'starting' | 'ending';
+      onClose?: () => void;
+      onRemove?: () => void;
+      actionProps?: {};
+      data?: {};
+    },
+  ) => void;
+  promise: (
+    promise: Promise<Value>,
+    options: {
+      loading:
+        | string
+        | {
+            id?: string;
+            title?: ReactNode;
+            type?: string;
+            description?: ReactNode;
+            timeout?: number;
+            priority?: 'low' | 'high';
+            transitionStatus?: 'starting' | 'ending';
+            onClose?: () => void;
+            onRemove?: () => void;
+            actionProps?: {};
+            data?: {};
+          };
+      success:
+        | string
+        | {
+            id?: string;
+            title?: ReactNode;
+            type?: string;
+            description?: ReactNode;
+            timeout?: number;
+            priority?: 'low' | 'high';
+            transitionStatus?: 'starting' | 'ending';
+            onClose?: () => void;
+            onRemove?: () => void;
+            actionProps?: {};
+            data?: {};
+          }
+        | ((
+            result: Value,
+          ) =>
+            | string
+            | {
+                id?: string;
+                title?: ReactNode;
+                type?: string;
+                description?: ReactNode;
+                timeout?: number;
+                priority?: 'low' | 'high';
+                transitionStatus?: 'starting' | 'ending';
+                onClose?: () => void;
+                onRemove?: () => void;
+                actionProps?: {};
+                data?: {};
+              });
+      error:
+        | string
+        | {
+            id?: string;
+            title?: ReactNode;
+            type?: string;
+            description?: ReactNode;
+            timeout?: number;
+            priority?: 'low' | 'high';
+            transitionStatus?: 'starting' | 'ending';
+            onClose?: () => void;
+            onRemove?: () => void;
+            actionProps?: {};
+            data?: {};
+          }
+        | ((
+            error: any,
+          ) =>
+            | string
+            | {
+                id?: string;
+                title?: ReactNode;
+                type?: string;
+                description?: ReactNode;
+                timeout?: number;
+                priority?: 'low' | 'high';
+                transitionStatus?: 'starting' | 'ending';
+                onClose?: () => void;
+                onRemove?: () => void;
+                actionProps?: {};
+                data?: {};
+              });
+    },
+  ) => Promise<Value>;
+};
+```
+
+### useToastManager.AddOptions
+
+```typescript
+type UseToastManagerAddOptions = {
+  id?: string;
+  title?: ReactNode;
+  type?: string;
+  description?: ReactNode;
+  timeout?: number;
+  priority?: 'low' | 'high';
+  transitionStatus?: 'starting' | 'ending';
+  onClose?: () => void;
+  onRemove?: () => void;
+  actionProps?: {};
+  data?: {};
+};
+```
+
+### useToastManager.UpdateOptions
+
+```typescript
+type UseToastManagerUpdateOptions = {
+  id?: string;
+  title?: ReactNode;
+  type?: string;
+  description?: ReactNode;
+  timeout?: number;
+  priority?: 'low' | 'high';
+  transitionStatus?: 'starting' | 'ending';
+  onClose?: () => void;
+  onRemove?: () => void;
+  actionProps?: {};
+  data?: {};
+};
+```
+
+### useToastManager.PromiseOptions
+
+```typescript
+type UseToastManagerPromiseOptions = {
+  loading:
+    | string
+    | {
+        id?: string;
+        title?: ReactNode;
+        type?: string;
+        description?: ReactNode;
+        timeout?: number;
+        priority?: 'low' | 'high';
+        transitionStatus?: 'starting' | 'ending';
+        onClose?: () => void;
+        onRemove?: () => void;
+        actionProps?: {};
+        data?: {};
+      };
+  success:
+    | string
+    | {
+        id?: string;
+        title?: ReactNode;
+        type?: string;
+        description?: ReactNode;
+        timeout?: number;
+        priority?: 'low' | 'high';
+        transitionStatus?: 'starting' | 'ending';
+        onClose?: () => void;
+        onRemove?: () => void;
+        actionProps?: {};
+        data?: {};
+      }
+    | ((
+        result: Value,
+      ) =>
+        | string
+        | {
+            id?: string;
+            title?: ReactNode;
+            type?: string;
+            description?: ReactNode;
+            timeout?: number;
+            priority?: 'low' | 'high';
+            transitionStatus?: 'starting' | 'ending';
+            onClose?: () => void;
+            onRemove?: () => void;
+            actionProps?: {};
+            data?: {};
+          });
+  error:
+    | string
+    | {
+        id?: string;
+        title?: ReactNode;
+        type?: string;
+        description?: ReactNode;
+        timeout?: number;
+        priority?: 'low' | 'high';
+        transitionStatus?: 'starting' | 'ending';
+        onClose?: () => void;
+        onRemove?: () => void;
+        actionProps?: {};
+        data?: {};
+      }
+    | ((
+        error: any,
+      ) =>
+        | string
+        | {
+            id?: string;
+            title?: ReactNode;
+            type?: string;
+            description?: ReactNode;
+            timeout?: number;
+            priority?: 'low' | 'high';
+            transitionStatus?: 'starting' | 'ending';
+            onClose?: () => void;
+            onRemove?: () => void;
+            actionProps?: {};
+            data?: {};
+          });
+};
+```
diff --git a/docs/src/app/(public)/(content)/react/components/toast/types.ts b/docs/src/app/(public)/(content)/react/components/toast/types.ts
new file mode 100644
index 00000000000..60fdaab58a9
--- /dev/null
+++ b/docs/src/app/(public)/(content)/react/components/toast/types.ts
@@ -0,0 +1,14 @@
+import { Toast } from '@base-ui-components/react/toast';
+import { createMultipleTypes } from 'docs/src/utils/createTypes';
+
+const types = createMultipleTypes(import.meta.url, Toast);
+
+export const TypesToastProvider = types.Provider;
+export const TypesToastViewport = types.Viewport;
+export const TypesToastPortal = types.Portal;
+export const TypesToastRoot = types.Root;
+export const TypesToastContent = types.Content;
+export const TypesToastTitle = types.Title;
+export const TypesToastDescription = types.Description;
+export const TypesToastAction = types.Action;
+export const TypesToastClose = types.Close;
diff --git a/docs/src/app/(public)/(content)/react/components/toggle-group/page.mdx b/docs/src/app/(public)/(content)/react/components/toggle-group/page.mdx
index 04dcdf664e3..0c026cefd75 100644
--- a/docs/src/app/(public)/(content)/react/components/toggle-group/page.mdx
+++ b/docs/src/app/(public)/(content)/react/components/toggle-group/page.mdx
@@ -22,4 +22,6 @@ import { ToggleGroup } from '@base-ui-components/react/toggle-group';
 
 ## API reference
 
-<Reference component="ToggleGroup" />
+import { TypesToggleGroup } from './types';
+
+<TypesToggleGroup />
diff --git a/docs/src/app/(public)/(content)/react/components/toggle-group/types.md b/docs/src/app/(public)/(content)/react/components/toggle-group/types.md
new file mode 100644
index 00000000000..3b84c97bd77
--- /dev/null
+++ b/docs/src/app/(public)/(content)/react/components/toggle-group/types.md
@@ -0,0 +1,62 @@
+# Toggle Group
+
+[//]: types.ts '<-- Autogenerated By (do not edit the following markdown directly)'
+
+## API Reference
+
+### ToggleGroup
+
+Provides a shared state to a series of toggle buttons.
+
+**ToggleGroup Props:**
+
+| Prop           | Type                                                                              | Default          | Description                                                                                                                                                                              |
+| :------------- | :-------------------------------------------------------------------------------- | :--------------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| defaultValue   | `any[]`                                                                           | -                | The open state of the toggle group represented by an array of the values of all pressed toggle buttons. This is the uncontrolled counterpart of `value`.                                 |
+| value          | `any[]`                                                                           | -                | The open state of the toggle group represented by an array of the values of all pressed toggle buttons. This is the controlled counterpart of `defaultValue`.                            |
+| onValueChange  | `((groupValue: any[], eventDetails: ToggleGroup.ChangeEventDetails) => void)`     | -                | Callback fired when the pressed states of the toggle group changes.                                                                                                                      |
+| multiple       | `boolean`                                                                         | `false`          | When `false` only one item in the group can be pressed. If any item in the group becomes pressed, the others will become unpressed. When `true` multiple items can be pressed.           |
+| style          | `CSSProperties \| ((state: ToggleGroup.State) => CSSProperties \| undefined)`     | -                | -                                                                                                                                                                                        |
+| disabled       | `boolean`                                                                         | `false`          | Whether the toggle group should ignore user interaction.                                                                                                                                 |
+| loop           | `boolean`                                                                         | `true`           | Whether to loop keyboard focus back to the first item when the end of the list is reached while using the arrow keys.                                                                    |
+| orientation    | `Orientation`                                                                     | `'horizontal'`   | -                                                                                                                                                                                        |
+| className      | `string \| ((state: ToggleGroup.State) => string \| undefined)`                   | -                | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: ToggleGroup.State) => ReactElement)`  | -                | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**ToggleGroup Data Attributes:**
+
+| Attribute             | Type                            | Description                                                                                        |
+| :-------------------- | :------------------------------ | :------------------------------------------------------------------------------------------------- |
+| data-orientation      | `'horizontal' \| 'vertical'`    | Indicates the orientation of the toggle group.                                                     |
+| data-disabled         | -                               | Present when the toggle group is disabled.                                                         |
+| data-multiple         | -                               | Present when the toggle group allows multiple buttons to be in the pressed state at the same time. |
+
+### ToggleGroup.Props
+
+Re-export of [ToggleGroup](#togglegroup) props.
+
+### ToggleGroup.State
+
+```typescript
+type ToggleGroupState = { disabled: boolean; multiple: boolean };
+```
+
+### ToggleGroup.ChangeEventReason
+
+```typescript
+type ToggleGroupChangeEventReason = 'none';
+```
+
+### ToggleGroup.ChangeEventDetails
+
+```typescript
+type ToggleGroupChangeEventDetails = {
+  reason: 'none';
+  event: Event;
+  cancel: () => void;
+  allowPropagation: () => void;
+  isCanceled: boolean;
+  isPropagationAllowed: boolean;
+  trigger: HTMLElement | undefined;
+};
+```
diff --git a/docs/src/app/(public)/(content)/react/components/toggle-group/types.ts b/docs/src/app/(public)/(content)/react/components/toggle-group/types.ts
new file mode 100644
index 00000000000..a5b5ac7c437
--- /dev/null
+++ b/docs/src/app/(public)/(content)/react/components/toggle-group/types.ts
@@ -0,0 +1,4 @@
+import { ToggleGroup } from '@base-ui-components/react/toggle-group';
+import { createTypes } from 'docs/src/utils/createTypes';
+
+export const TypesToggleGroup = createTypes(import.meta.url, ToggleGroup);
diff --git a/docs/src/app/(public)/(content)/react/components/toggle/page.mdx b/docs/src/app/(public)/(content)/react/components/toggle/page.mdx
index bc1b757928c..ddb93f31af9 100644
--- a/docs/src/app/(public)/(content)/react/components/toggle/page.mdx
+++ b/docs/src/app/(public)/(content)/react/components/toggle/page.mdx
@@ -22,4 +22,6 @@ import { Toggle } from '@base-ui-components/react/toggle';
 
 ## API reference
 
-<Reference component="Toggle" />
+import { TypesToggle } from './types';
+
+<TypesToggle />
diff --git a/docs/src/app/(public)/(content)/react/components/toggle/types.md b/docs/src/app/(public)/(content)/react/components/toggle/types.md
new file mode 100644
index 00000000000..372c275ba25
--- /dev/null
+++ b/docs/src/app/(public)/(content)/react/components/toggle/types.md
@@ -0,0 +1,59 @@
+# Toggle
+
+[//]: types.ts '<-- Autogenerated By (do not edit the following markdown directly)'
+
+## API Reference
+
+### Toggle
+
+A two-state button that can be on or off. Renders a `<button>` element.
+
+**Toggle Props:**
+
+| Prop                  | Type                                                                             | Default   | Description                                                                                                                                                                              |
+| :-------------------- | :------------------------------------------------------------------------------- | :-------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| value                 | `string`                                                                         | -         | A unique string that identifies the toggle when used inside a toggle group.                                                                                                              |
+| defaultPressed        | `boolean`                                                                        | `false`   | Whether the toggle button is currently pressed. This is the uncontrolled counterpart of `pressed`.                                                                                       |
+| pressed               | `boolean`                                                                        | -         | Whether the toggle button is currently pressed. This is the controlled counterpart of `defaultPressed`.                                                                                  |
+| onPressedChange       | `((pressed: boolean, eventDetails: Toggle.ChangeEventDetails) => void)`          | -         | Callback fired when the pressed state is changed.                                                                                                                                        |
+| nativeButton          | `boolean`                                                                        | `true`    | Whether the component renders a native `<button>` element when replacing it via the `render` prop. Set to `false` if the rendered element is not a button (e.g. `<div>`).                |
+| style                 | `CSSProperties \| ((state: Toggle.State) => CSSProperties \| undefined)`         | -         | -                                                                                                                                                                                        |
+| disabled              | `boolean`                                                                        | `false`   | Whether the component should ignore user interaction.                                                                                                                                    |
+| className             | `string \| ((state: Toggle.State) => string \| undefined)`                       | -         | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render                | `ReactElement \| ((props: HTMLProps, state: Toggle.State) => ReactElement)`      | -         | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**Toggle Data Attributes:**
+
+| Attribute      | Type    | Description                                |
+| :------------- | :------ | :----------------------------------------- |
+| data-pressed   | -       | Present when the toggle button is pressed. |
+
+### Toggle.Props
+
+Re-export of [Toggle](#toggle) props.
+
+### Toggle.State
+
+```typescript
+type ToggleState = { pressed: boolean; disabled: boolean };
+```
+
+### Toggle.ChangeEventReason
+
+```typescript
+type ToggleChangeEventReason = 'none';
+```
+
+### Toggle.ChangeEventDetails
+
+```typescript
+type ToggleChangeEventDetails = {
+  reason: 'none';
+  event: Event;
+  cancel: () => void;
+  allowPropagation: () => void;
+  isCanceled: boolean;
+  isPropagationAllowed: boolean;
+  trigger: HTMLElement | undefined;
+};
+```
diff --git a/docs/src/app/(public)/(content)/react/components/toggle/types.ts b/docs/src/app/(public)/(content)/react/components/toggle/types.ts
new file mode 100644
index 00000000000..31f7362636a
--- /dev/null
+++ b/docs/src/app/(public)/(content)/react/components/toggle/types.ts
@@ -0,0 +1,4 @@
+import { Toggle } from '@base-ui-components/react/toggle';
+import { createTypes } from 'docs/src/utils/createTypes';
+
+export const TypesToggle = createTypes(import.meta.url, Toggle);
diff --git a/docs/src/app/(public)/(content)/react/components/toolbar/page.mdx b/docs/src/app/(public)/(content)/react/components/toolbar/page.mdx
index 2cc4612a241..fb6d3ae9747 100644
--- a/docs/src/app/(public)/(content)/react/components/toolbar/page.mdx
+++ b/docs/src/app/(public)/(content)/react/components/toolbar/page.mdx
@@ -37,7 +37,38 @@ import { Toolbar } from '@base-ui-components/react/toolbar';
 
 ## API reference
 
-<Reference component="Toolbar" parts="Root, Button, Link, Input, Group, Separator" />
+import {
+  TypesToolbarRoot,
+  TypesToolbarButton,
+  TypesToolbarLink,
+  TypesToolbarInput,
+  TypesToolbarGroup,
+  TypesToolbarSeparator,
+} from './types';
+
+### Root
+
+<TypesToolbarRoot />
+
+### Button
+
+<TypesToolbarButton />
+
+### Link
+
+<TypesToolbarLink />
+
+### Input
+
+<TypesToolbarInput />
+
+### Group
+
+<TypesToolbarGroup />
+
+### Separator
+
+<TypesToolbarSeparator />
 
 ## Examples
 
diff --git a/docs/src/app/(public)/(content)/react/components/toolbar/types.md b/docs/src/app/(public)/(content)/react/components/toolbar/types.md
new file mode 100644
index 00000000000..d6eba8d2a9b
--- /dev/null
+++ b/docs/src/app/(public)/(content)/react/components/toolbar/types.md
@@ -0,0 +1,205 @@
+# Toolbar
+
+[//]: types.ts '<-- Autogenerated By (do not edit the following markdown directly)'
+
+## API Reference
+
+### Root
+
+A container for grouping a set of controls, such as buttons, toggle groups, or menus. Renders a `<div>` element.
+
+**Root Props:**
+
+| Prop           | Type                                                                                    | Default          | Description                                                                                                                                                                              |
+| :------------- | :-------------------------------------------------------------------------------------- | :--------------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| cols           | `number`                                                                                | `1`              | The number of columns. When greater than 1, the toolbar is arranged into a grid.                                                                                                         |
+| style          | `CSSProperties \| ((state: Toolbar.Root.State) => CSSProperties \| undefined)`          | -                | -                                                                                                                                                                                        |
+| disabled       | `boolean`                                                                               | -                | -                                                                                                                                                                                        |
+| loop           | `boolean`                                                                               | `true`           | If `true`, using keyboard navigation will wrap focus to the other end of the toolbar once the end is reached.                                                                            |
+| orientation    | `Toolbar.Root.Orientation`                                                              | `'horizontal'`   | The orientation of the toolbar.                                                                                                                                                          |
+| className      | `string \| ((state: Toolbar.Root.State) => string \| undefined)`                        | -                | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Toolbar.Root.State) => ReactElement)`       | -                | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**Root Data Attributes:**
+
+| Attribute             | Type                            | Description                                |
+| :-------------------- | :------------------------------ | :----------------------------------------- |
+| data-orientation      | `'horizontal' \| 'vertical'`    | Indicates the orientation of the toolbar.  |
+| data-disabled         | -                               | Present when the toolbar is disabled.      |
+
+### Root.Props
+
+Re-export of [Root](#root) props.
+
+### Root.State
+
+```typescript
+type ToolbarRootState = { disabled: boolean; orientation: Toolbar.Root.Orientation };
+```
+
+### Root.Orientation
+
+```typescript
+type ToolbarRootOrientation = 'horizontal' | 'vertical';
+```
+
+### Root.ItemMetadata
+
+```typescript
+type ToolbarRootItemMetadata = { focusableWhenDisabled: boolean };
+```
+
+### Input
+
+A native input element that integrates with Toolbar keyboard navigation. Renders an `<input>` element.
+
+**Input Props:**
+
+| Prop                  | Type                                                                                    | Default   | Description                                                                                                                                                                              |
+| :-------------------- | :-------------------------------------------------------------------------------------- | :-------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| defaultValue          | `string \| number \| string[]`                                                          | -         | -                                                                                                                                                                                        |
+| focusableWhenDisabled | `boolean`                                                                               | `true`    | When `true` the item remains focuseable when disabled.                                                                                                                                   |
+| style                 | `CSSProperties \| ((state: Toolbar.Input.State) => CSSProperties \| undefined)`         | -         | -                                                                                                                                                                                        |
+| disabled              | `boolean`                                                                               | `false`   | When `true` the item is disabled.                                                                                                                                                        |
+| className             | `string \| ((state: Toolbar.Input.State) => string \| undefined)`                       | -         | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render                | `ReactElement \| ((props: HTMLProps, state: Toolbar.Input.State) => ReactElement)`      | -         | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**Input Data Attributes:**
+
+| Attribute             | Type                            | Description                                              |
+| :-------------------- | :------------------------------ | :------------------------------------------------------- |
+| data-orientation      | `'horizontal' \| 'vertical'`    | Indicates the orientation of the toolbar.                |
+| data-disabled         | -                               | Present when the input is disabled.                      |
+| data-focusable        | -                               | Present when the input remains focusable when disabled.  |
+
+### Input.Props
+
+Re-export of [Input](#input) props.
+
+### Input.State
+
+```typescript
+type ToolbarInputState = {
+  disabled: boolean;
+  focusable: boolean;
+  orientation: Toolbar.Root.Orientation;
+};
+```
+
+### Group
+
+Groups several toolbar items or toggles. Renders a `<div>` element.
+
+**Group Props:**
+
+| Prop           | Type                                                                                    | Default   | Description                                                                                                                                                                              |
+| :------------- | :-------------------------------------------------------------------------------------- | :-------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: Toolbar.Root.State) => CSSProperties \| undefined)`          | -         | -                                                                                                                                                                                        |
+| disabled       | `boolean`                                                                               | `false`   | When `true` all toolbar items in the group are disabled.                                                                                                                                 |
+| className      | `string \| ((state: Toolbar.Root.State) => string \| undefined)`                        | -         | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Toolbar.Root.State) => ReactElement)`       | -         | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**Group Data Attributes:**
+
+| Attribute             | Type                            | Description                                |
+| :-------------------- | :------------------------------ | :----------------------------------------- |
+| data-orientation      | `'horizontal' \| 'vertical'`    | Indicates the orientation of the toolbar.  |
+| data-disabled         | -                               | Present when the group is disabled.        |
+
+### Group.Props
+
+Re-export of [Group](#group) props.
+
+### Separator
+
+A separator element accessible to screen readers. Renders a `<div>` element.
+
+**Separator Props:**
+
+| Prop           | Type                                                                                     | Default | Description                                                                                                                                                                              |
+| :------------- | :--------------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: Toolbar.Separator.State) => CSSProperties \| undefined)`      | -       | -                                                                                                                                                                                        |
+| orientation    | `Toolbar.Root.Orientation`                                                               | -       | -                                                                                                                                                                                        |
+| className      | `string \| ((state: Toolbar.Separator.State) => string \| undefined)`                    | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Toolbar.Separator.State) => ReactElement)`   | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**Separator Data Attributes:**
+
+| Attribute             | Type                            | Description                                |
+| :-------------------- | :------------------------------ | :----------------------------------------- |
+| data-orientation      | `'horizontal' \| 'vertical'`    | Indicates the orientation of the toolbar.  |
+
+### Separator.Props
+
+Re-export of [Separator](#separator) props.
+
+### Separator.State
+
+```typescript
+type ToolbarSeparatorState = { orientation: Toolbar.Root.Orientation };
+```
+
+### Button
+
+A button that can be used as-is or as a trigger for other components. Renders a `<button>` element.
+
+**Button Props:**
+
+| Prop                  | Type                                                                                    | Default   | Description                                                                                                                                                                              |
+| :-------------------- | :-------------------------------------------------------------------------------------- | :-------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| focusableWhenDisabled | `boolean`                                                                               | `true`    | When `true` the item remains focuseable when disabled.                                                                                                                                   |
+| nativeButton          | `boolean`                                                                               | `true`    | Whether the component renders a native `<button>` element when replacing it via the `render` prop. Set to `false` if the rendered element is not a button (e.g. `<div>`).                |
+| style                 | `CSSProperties \| ((state: Toolbar.Button.State) => CSSProperties \| undefined)`        | -         | -                                                                                                                                                                                        |
+| disabled              | `boolean`                                                                               | `false`   | When `true` the item is disabled.                                                                                                                                                        |
+| className             | `string \| ((state: Toolbar.Button.State) => string \| undefined)`                      | -         | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render                | `ReactElement \| ((props: HTMLProps, state: Toolbar.Button.State) => ReactElement)`     | -         | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**Button Data Attributes:**
+
+| Attribute             | Type                            | Description                                              |
+| :-------------------- | :------------------------------ | :------------------------------------------------------- |
+| data-orientation      | `'horizontal' \| 'vertical'`    | Indicates the orientation of the toolbar.                |
+| data-disabled         | -                               | Present when the button is disabled.                     |
+| data-focusable        | -                               | Present when the button remains focusable when disabled. |
+
+### Button.Props
+
+Re-export of [Button](#button) props.
+
+### Button.State
+
+```typescript
+type ToolbarButtonState = {
+  disabled: boolean;
+  focusable: boolean;
+  orientation: Toolbar.Root.Orientation;
+};
+```
+
+### Link
+
+A link component. Renders an `<a>` element.
+
+**Link Props:**
+
+| Prop           | Type                                                                                    | Default | Description                                                                                                                                                                              |
+| :------------- | :-------------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: Toolbar.Link.State) => CSSProperties \| undefined)`          | -       | -                                                                                                                                                                                        |
+| className      | `string \| ((state: Toolbar.Link.State) => string \| undefined)`                        | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Toolbar.Link.State) => ReactElement)`       | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**Link Data Attributes:**
+
+| Attribute             | Type                            | Description                                |
+| :-------------------- | :------------------------------ | :----------------------------------------- |
+| data-orientation      | `'horizontal' \| 'vertical'`    | Indicates the orientation of the toolbar.  |
+
+### Link.Props
+
+Re-export of [Link](#link) props.
+
+### Link.State
+
+```typescript
+type ToolbarLinkState = { orientation: Toolbar.Root.Orientation };
+```
diff --git a/docs/src/app/(public)/(content)/react/components/toolbar/types.ts b/docs/src/app/(public)/(content)/react/components/toolbar/types.ts
new file mode 100644
index 00000000000..cc8f73d4b6d
--- /dev/null
+++ b/docs/src/app/(public)/(content)/react/components/toolbar/types.ts
@@ -0,0 +1,11 @@
+import { Toolbar } from '@base-ui-components/react/toolbar';
+import { createMultipleTypes } from 'docs/src/utils/createTypes';
+
+const types = createMultipleTypes(import.meta.url, Toolbar);
+
+export const TypesToolbarRoot = types.Root;
+export const TypesToolbarButton = types.Button;
+export const TypesToolbarLink = types.Link;
+export const TypesToolbarInput = types.Input;
+export const TypesToolbarGroup = types.Group;
+export const TypesToolbarSeparator = types.Separator;
diff --git a/docs/src/app/(public)/(content)/react/components/tooltip/page.mdx b/docs/src/app/(public)/(content)/react/components/tooltip/page.mdx
index 01e93bb2d32..a031258506a 100644
--- a/docs/src/app/(public)/(content)/react/components/tooltip/page.mdx
+++ b/docs/src/app/(public)/(content)/react/components/tooltip/page.mdx
@@ -45,7 +45,43 @@ import { Tooltip } from '@base-ui-components/react/tooltip';
 
 ## API reference
 
-<Reference component="Tooltip" parts="Provider, Root, Trigger, Portal, Positioner, Popup, Arrow" />
+import {
+  TypesTooltipProvider,
+  TypesTooltipRoot,
+  TypesTooltipTrigger,
+  TypesTooltipPortal,
+  TypesTooltipPositioner,
+  TypesTooltipPopup,
+  TypesTooltipArrow,
+} from './types';
+
+### Provider
+
+<TypesTooltipProvider />
+
+### Root
+
+<TypesTooltipRoot />
+
+### Trigger
+
+<TypesTooltipTrigger />
+
+### Portal
+
+<TypesTooltipPortal />
+
+### Positioner
+
+<TypesTooltipPositioner />
+
+### Popup
+
+<TypesTooltipPopup />
+
+### Arrow
+
+<TypesTooltipArrow />
 
 ## Examples
 
diff --git a/docs/src/app/(public)/(content)/react/components/tooltip/types.md b/docs/src/app/(public)/(content)/react/components/tooltip/types.md
new file mode 100644
index 00000000000..b4f664ea99b
--- /dev/null
+++ b/docs/src/app/(public)/(content)/react/components/tooltip/types.md
@@ -0,0 +1,386 @@
+# Tooltip
+
+[//]: types.ts '<-- Autogenerated By (do not edit the following markdown directly)'
+
+## API Reference
+
+### Root
+
+Groups all parts of the tooltip. Doesn’t render its own HTML element.
+
+**Root Props:**
+
+| Prop                  | Type                                                                            | Default   | Description                                                                                                                                                                                                                                                      |
+| :-------------------- | :------------------------------------------------------------------------------ | :-------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| defaultOpen           | `boolean`                                                                       | `false`   | Whether the tooltip is initially open.To render a controlled tooltip, use the `open` prop instead.                                                                                                                                                               |
+| open                  | `boolean`                                                                       | -         | Whether the tooltip is currently open.                                                                                                                                                                                                                           |
+| onOpenChange          | `((open: boolean, eventDetails: Tooltip.Root.ChangeEventDetails) => void)`      | -         | Event handler called when the tooltip is opened or closed.                                                                                                                                                                                                       |
+| actionsRef            | `RefObject<Tooltip.Root.Actions>`                                               | -         | A ref to imperative actions.`unmount`: When specified, the tooltip will not be unmounted when closed. Instead, the `unmount` function must be called to unmount the tooltip manually. Useful when the tooltip's animation is controlled by an external library.  |
+| defaultTriggerId      | `string \| null`                                                                | -         | ID of the trigger that the tooltip is associated with. This is useful in conjunction with the `defaultOpen` prop to create an initially open tooltip.                                                                                                            |
+| handle                | `TooltipHandle<Payload>`                                                        | -         | A handle to associate the tooltip with a trigger. If specified, allows external triggers to control the tooltip's open state. Can be created with the Tooltip.createHandle() method.                                                                             |
+| onOpenChangeComplete  | `((open: boolean) => void)`                                                     | -         | Event handler called after any animations complete when the tooltip is opened or closed.                                                                                                                                                                         |
+| triggerId             | `string \| null`                                                                | -         | ID of the trigger that the tooltip is associated with. This is useful in conjuntion with the `open` prop to create a controlled tooltip. There's no need to specify this prop when the tooltip is uncontrolled (i.e. when the `open` prop is not set).           |
+| trackCursorAxis       | `'none' \| 'x' \| 'y' \| 'both'`                                                | `'none'`  | Determines which axis the tooltip should track the cursor on.                                                                                                                                                                                                    |
+| disabled              | `boolean`                                                                       | `false`   | Whether the tooltip is disabled.                                                                                                                                                                                                                                 |
+| hoverable             | `boolean`                                                                       | `true`    | Whether the tooltip contents can be hovered without closing the tooltip.                                                                                                                                                                                         |
+| children              | `ReactNode \| PayloadChildRenderFunction<Payload>`                              | -         | The content of the tooltip. This can be a regular React node or a render function that receives the `payload` of the active trigger.                                                                                                                             |
+
+### Root.Props
+
+Re-export of [Root](#root) props.
+
+### Root.State
+
+```typescript
+type TooltipRootState = {};
+```
+
+### Root.Actions
+
+```typescript
+type TooltipRootActions = { unmount: () => void };
+```
+
+### Root.ChangeEventReason
+
+```typescript
+type TooltipRootChangeEventReason =
+  | 'trigger-hover'
+  | 'trigger-focus'
+  | 'trigger-press'
+  | 'outside-press'
+  | 'escape-key'
+  | 'disabled'
+  | 'imperative-action'
+  | 'none';
+```
+
+### Root.ChangeEventDetails
+
+```typescript
+type TooltipRootChangeEventDetails =
+  | {
+      reason: 'trigger-hover';
+      event: MouseEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+      preventUnmountOnClose(): void;
+    }
+  | {
+      reason: 'trigger-focus';
+      event: FocusEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+      preventUnmountOnClose(): void;
+    }
+  | {
+      reason: 'trigger-press';
+      event: MouseEvent | PointerEvent | TouchEvent | KeyboardEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+      preventUnmountOnClose(): void;
+    }
+  | {
+      reason: 'outside-press';
+      event: MouseEvent | PointerEvent | TouchEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+      preventUnmountOnClose(): void;
+    }
+  | {
+      reason: 'escape-key';
+      event: KeyboardEvent;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+      preventUnmountOnClose(): void;
+    }
+  | {
+      reason: 'disabled';
+      event: Event;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+      preventUnmountOnClose(): void;
+    }
+  | {
+      reason: 'imperative-action';
+      event: Event;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+      preventUnmountOnClose(): void;
+    }
+  | {
+      reason: 'none';
+      event: Event;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: HTMLElement | undefined;
+      preventUnmountOnClose(): void;
+    };
+```
+
+### Provider
+
+Provides a shared delay for multiple tooltips. The grouping logic ensures that once a tooltip becomes visible, the adjacent tooltips will be shown instantly.
+
+**Provider Props:**
+
+| Prop           | Type             | Default   | Description                                                                                                             |
+| :------------- | :--------------- | :-------- | :---------------------------------------------------------------------------------------------------------------------- |
+| delay          | `number`         | -         | How long to wait before opening a tooltip. Specified in milliseconds.                                                   |
+| closeDelay     | `number`         | -         | How long to wait before closing a tooltip. Specified in milliseconds.                                                   |
+| timeout        | `number`         | `400`     | Another tooltip will open instantly if the previous tooltip is closed within this timeout. Specified in milliseconds.   |
+| children       | `ReactNode`      | -         | -                                                                                                                       |
+
+### Provider.Props
+
+Re-export of [Provider](#provider) props.
+
+### Trigger
+
+An element to attach the tooltip to. Renders a `<button>` element.
+
+**Trigger Props:**
+
+| Prop           | Type                                                                                    | Default   | Description                                                                                                                                                                              |
+| :------------- | :-------------------------------------------------------------------------------------- | :-------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| handle         | `TooltipHandle<Payload>`                                                                | -         | A handle to associate the trigger with a tooltip.                                                                                                                                        |
+| payload        | `Payload`                                                                               | -         | A payload to pass to the tooltip when it is opened.                                                                                                                                      |
+| style          | `CSSProperties \| ((state: Tooltip.Trigger.State) => CSSProperties \| undefined)`       | -         | -                                                                                                                                                                                        |
+| delay          | `number`                                                                                | `600`     | How long to wait before opening the tooltip. Specified in milliseconds.                                                                                                                  |
+| closeDelay     | `number`                                                                                | `0`       | How long to wait before closing the tooltip. Specified in milliseconds.                                                                                                                  |
+| className      | `string \| ((state: Tooltip.Trigger.State) => string \| undefined)`                     | -         | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Tooltip.Trigger.State) => ReactElement)`    | -         | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**Trigger Data Attributes:**
+
+| Attribute             | Type    | Description                                       |
+| :-------------------- | :------ | :------------------------------------------------ |
+| data-popup-open       | -       | Present when the corresponding tooltip is open.   |
+
+### Trigger.Props
+
+Re-export of [Trigger](#trigger) props.
+
+### Trigger.State
+
+```typescript
+type TooltipTriggerState = { open: boolean };
+```
+
+### Portal
+
+A portal element that moves the popup to a different part of the DOM. By default, the portal element is appended to `<body>`. Renders a `<div>` element.
+
+**Portal Props:**
+
+| Prop           | Type                                                                                    | Default   | Description                                                                                                                                                                              |
+| :------------- | :-------------------------------------------------------------------------------------- | :-------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: Tooltip.Portal.State) => CSSProperties \| undefined)`        | -         | -                                                                                                                                                                                        |
+| container      | `HTMLElement \| ShadowRoot \| RefObject<HTMLElement \| ShadowRoot \| null> \| null`     | -         | A parent element to render the portal element into.                                                                                                                                      |
+| className      | `string \| ((state: Tooltip.Portal.State) => string \| undefined)`                      | -         | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| keepMounted    | `boolean`                                                                               | `false`   | Whether to keep the portal mounted in the DOM while the popup is hidden.                                                                                                                 |
+| render         | `ReactElement \| ((props: HTMLProps, state: Tooltip.Portal.State) => ReactElement)`     | -         | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+### Portal.Props
+
+Re-export of [Portal](#portal) props.
+
+### Positioner
+
+Positions the tooltip against the trigger. Renders a `<div>` element.
+
+**Positioner Props:**
+
+| Prop                  | Type                                                                                                               | Default                 | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         |
+| :-------------------- | :----------------------------------------------------------------------------------------------------------------- | :---------------------- | :-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| collisionAvoidance    | `CollisionAvoidance`                                                                                               | -                       | Determines how to handle collisions when positioning the popup.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     |
+| style                 | `CSSProperties \| ((state: Tooltip.Positioner.State) => CSSProperties \| undefined)`                               | -                       | -                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   |
+| align                 | `Align`                                                                                                            | `'center'`              | How to align the popup relative to the specified side.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
+| alignOffset           | `number \| OffsetFunction`                                                                                         | `0`                     | Additional offset along the alignment axis in pixels. Also accepts a function that returns the offset to read the dimensions of the anchor and positioner elements, along with its side and alignment.The function takes a `data` object parameter with the following properties:`data.anchor`: the dimensions of the anchor element with properties `width` and `height`., `data.positioner`: the dimensions of the positioner element with properties `width` and `height`., `data.side`: which side of the anchor element the positioner is aligned against., `data.align`: how the positioner is aligned relative to the specified side.        |
+| side                  | `Side`                                                                                                             | `'top'`                 | Which side of the anchor element to align the popup against. May automatically change to avoid collisions.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          |
+| sideOffset            | `number \| OffsetFunction`                                                                                         | `0`                     | Distance between the anchor and the popup in pixels. Also accepts a function that returns the distance to read the dimensions of the anchor and positioner elements, along with its side and alignment.The function takes a `data` object parameter with the following properties:`data.anchor`: the dimensions of the anchor element with properties `width` and `height`., `data.positioner`: the dimensions of the positioner element with properties `width` and `height`., `data.side`: which side of the anchor element the positioner is aligned against., `data.align`: how the positioner is aligned relative to the specified side.       |
+| arrowPadding          | `number`                                                                                                           | `5`                     | Minimum distance to maintain between the arrow and the edges of the popup.Use it to prevent the arrow element from hanging out of the rounded corners of a popup.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   |
+| anchor                | `Element \| VirtualElement \| RefObject<Element \| null> \| (() => Element \| VirtualElement \| null) \| null`     | -                       | An element to position the popup against. By default, the popup will be positioned against the trigger.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             |
+| collisionBoundary     | `Boundary`                                                                                                         | `'clipping-ancestors'`  | An element or a rectangle that delimits the area that the popup is confined to.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     |
+| collisionPadding      | `Padding`                                                                                                          | `5`                     | Additional space to maintain from the edge of the collision boundary.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               |
+| sticky                | `boolean`                                                                                                          | `false`                 | Whether to maintain the popup in the viewport after the anchor element was scrolled out of view.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    |
+| positionMethod        | `'fixed' \| 'absolute'`                                                                                            | `'absolute'`            | Determines which CSS `position` property to use.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    |
+| trackAnchor           | `boolean`                                                                                                          | `true`                  | Whether the popup tracks any layout shift of its positioning anchor.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                |
+| className             | `string \| ((state: Tooltip.Positioner.State) => string \| undefined)`                                             | -                       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                |
+| render                | `ReactElement \| ((props: HTMLProps, state: Tooltip.Positioner.State) => ReactElement)`                            | -                       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render.                                                                                                                                                                                                                                                                                                                                                                                                                                                            |
+
+**Positioner Data Attributes:**
+
+| Attribute             | Type                                                                          | Description                                                            |
+| :-------------------- | :---------------------------------------------------------------------------- | :--------------------------------------------------------------------- |
+| data-open             | -                                                                             | Present when the tooltip is open.                                      |
+| data-closed           | -                                                                             | Present when the tooltip is closed.                                    |
+| data-anchor-hidden    | -                                                                             | Present when the anchor is hidden.                                     |
+| data-align            | `'start' \| 'center' \| 'end'`                                                | Indicates how the popup is aligned relative to specified side.         |
+| data-side             | `'top' \| 'bottom' \| 'left' \| 'right' \| 'inline-end' \| 'inline-start'`    | Indicates which side the popup is positioned relative to the trigger.  |
+
+**Positioner CSS Variables:**
+
+| Variable                | Type      | Description                                                                                 |
+| :---------------------- | :-------- | :------------------------------------------------------------------------------------------ |
+| `--anchor-height`       | `number`  | The anchor's height.                                                                        |
+| `--anchor-width`        | `number`  | The anchor's width.                                                                         |
+| `--available-height`    | `number`  | The available height between the trigger and the edge of the viewport.                      |
+| `--available-width`     | `number`  | The available width between the trigger and the edge of the viewport.                       |
+| `--transform-origin`    | `string`  | The coordinates that this element is anchored to. Used for animations and transitions.      |
+
+### Positioner.Props
+
+Re-export of [Positioner](#positioner) props.
+
+### Positioner.State
+
+```typescript
+type TooltipPositionerState = {
+  open: boolean;
+  side: Side;
+  align: Align;
+  anchorHidden: boolean;
+  instant: string | undefined;
+};
+```
+
+### Popup
+
+A container for the tooltip contents. Renders a `<div>` element.
+
+**Popup Props:**
+
+| Prop           | Type                                                                                    | Default | Description                                                                                                                                                                              |
+| :------------- | :-------------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: Tooltip.Popup.State) => CSSProperties \| undefined)`         | -       | -                                                                                                                                                                                        |
+| className      | `string \| ((state: Tooltip.Popup.State) => string \| undefined)`                       | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Tooltip.Popup.State) => ReactElement)`      | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**Popup Data Attributes:**
+
+| Attribute             | Type                                                                          | Description                                                            |
+| :-------------------- | :---------------------------------------------------------------------------- | :--------------------------------------------------------------------- |
+| data-open             | -                                                                             | Present when the tooltip is open.                                      |
+| data-closed           | -                                                                             | Present when the tooltip is closed.                                    |
+| data-align            | `'start' \| 'center' \| 'end'`                                                | Indicates how the popup is aligned relative to specified side.         |
+| data-instant          | `'delay' \| 'dismiss' \| 'focus'`                                             | Present if animations should be instant.                               |
+| data-side             | `'top' \| 'bottom' \| 'left' \| 'right' \| 'inline-end' \| 'inline-start'`    | Indicates which side the popup is positioned relative to the trigger.  |
+| data-starting-style   | -                                                                             | Present when the tooltip is animating in.                              |
+| data-ending-style     | -                                                                             | Present when the tooltip is animating out.                             |
+
+### Popup.Props
+
+Re-export of [Popup](#popup) props.
+
+### Popup.State
+
+```typescript
+type TooltipPopupState = {
+  open: boolean;
+  side: Side;
+  align: Align;
+  instant: 'delay' | 'dismiss' | 'focus' | undefined;
+  transitionStatus: TransitionStatus;
+};
+```
+
+### Arrow
+
+Displays an element positioned against the tooltip anchor. Renders a `<div>` element.
+
+**Arrow Props:**
+
+| Prop           | Type                                                                                    | Default | Description                                                                                                                                                                              |
+| :------------- | :-------------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: Tooltip.Arrow.State) => CSSProperties \| undefined)`         | -       | -                                                                                                                                                                                        |
+| className      | `string \| ((state: Tooltip.Arrow.State) => string \| undefined)`                       | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: Tooltip.Arrow.State) => ReactElement)`      | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**Arrow Data Attributes:**
+
+| Attribute             | Type                                                                          | Description                                                            |
+| :-------------------- | :---------------------------------------------------------------------------- | :--------------------------------------------------------------------- |
+| data-open             | -                                                                             | Present when the tooltip is open.                                      |
+| data-closed           | -                                                                             | Present when the tooltip is closed.                                    |
+| data-uncentered       | -                                                                             | Present when the tooltip arrow is uncentered.                          |
+| data-anchor-hidden    | -                                                                             | Present when the anchor is hidden.                                     |
+| data-align            | `'start' \| 'center' \| 'end'`                                                | Indicates how the popup is aligned relative to specified side.         |
+| data-instant          | `'delay' \| 'dismiss' \| 'focus'`                                             | Present if animations should be instant.                               |
+| data-side             | `'top' \| 'bottom' \| 'left' \| 'right' \| 'inline-end' \| 'inline-start'`    | Indicates which side the popup is positioned relative to the trigger.  |
+
+### Arrow\.Props
+
+Re-export of [Arrow](#arrow) props.
+
+### Arrow\.State
+
+```typescript
+type TooltipArrowState = {
+  open: boolean;
+  side: Side;
+  align: Align;
+  uncentered: boolean;
+};
+```
+
+### Viewport
+
+A viewport for displaying content transitions. This component is only required if one popup can be opened by multiple triggers, its content change based on the trigger and switching between them is animated. Renders a `<div>` element.
+
+**Viewport Props:**
+
+| Prop           | Type                                                                                    | Default | Description                                                                                                                                                                              |
+| :------------- | :-------------------------------------------------------------------------------------- | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| style          | `CSSProperties \| ((state: TooltipViewportState) => CSSProperties \| undefined)`        | -       | -                                                                                                                                                                                        |
+| children       | `ReactNode`                                                                             | -       | The content to render inside the transition container.                                                                                                                                   |
+| className      | `string \| ((state: TooltipViewportState) => string \| undefined)`                      | -       | CSS class applied to the element, or a function that returns a class based on the component’s state.                                                                                     |
+| render         | `ReactElement \| ((props: HTMLProps, state: TooltipViewportState) => ReactElement)`     | -       | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.Accepts a `ReactElement` or a function that returns the element to render. |
+
+**Viewport Data Attributes:**
+
+| Attribute                    | Type                                               | Description                                                                                                                                                                                                                      |
+| :--------------------------- | :------------------------------------------------- | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| data-activation-direction    | `` `${'left' \| 'right'} {'top' \| 'bottom'}` ``   | Indicates the direction from which the popup was activated. This can be used to create directional animations based on how the popup was triggered. Contains space-separated values for both horizontal and vertical axes.       |
+| data-current                 | -                                                  | Applied to the direct child of the viewport when no transitions are present or the new content when it's entering.                                                                                                               |
+| data-instant                 | `'delay' \| 'dismiss' \| 'focus'`                  | Present if animations should be instant.                                                                                                                                                                                         |
+| data-previous                | -                                                  | Applied to the direct child of the viewport that contains the exiting content when transitions are present.                                                                                                                      |
+| data-transitioning           | -                                                  | Indicates that the viewport is currently transitioning between old and new content.                                                                                                                                              |
+
+**Viewport CSS Variables:**
+
+| Variable         | Type | Description                                                                                                                                                                                                                                                         |
+| :--------------- | :--- | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
+| `--popup-height` | ``   | The height of the parent popup. This variable is placed on the 'previous' container and stores the height of the popup when the previous content was rendered. It can be used to freeze the dimensions of the popup when animating between different content.       |
+| `--popup-width`  | ``   | The width of the parent popup. This variable is placed on the 'previous' container and stores the width of the popup when the previous content was rendered. It can be used to freeze the dimensions of the popup when animating between different content.         |
+
+### createHandle
+
+Creates a new handle to connect a Tooltip.Root with detached Tooltip.Trigger components.
+
+```typescript
+() => {};
+```
diff --git a/docs/src/app/(public)/(content)/react/components/tooltip/types.ts b/docs/src/app/(public)/(content)/react/components/tooltip/types.ts
new file mode 100644
index 00000000000..49765ee67d9
--- /dev/null
+++ b/docs/src/app/(public)/(content)/react/components/tooltip/types.ts
@@ -0,0 +1,12 @@
+import { Tooltip } from '@base-ui-components/react/tooltip';
+import { createMultipleTypes } from 'docs/src/utils/createTypes';
+
+const types = createMultipleTypes(import.meta.url, Tooltip);
+
+export const TypesTooltipProvider = types.Provider;
+export const TypesTooltipRoot = types.Root;
+export const TypesTooltipTrigger = types.Trigger;
+export const TypesTooltipPortal = types.Portal;
+export const TypesTooltipPositioner = types.Positioner;
+export const TypesTooltipPopup = types.Popup;
+export const TypesTooltipArrow = types.Arrow;
diff --git a/docs/src/app/(public)/(content)/react/utils/direction-provider/page.mdx b/docs/src/app/(public)/(content)/react/utils/direction-provider/page.mdx
index d36c259e9cb..65c2c48fdc6 100644
--- a/docs/src/app/(public)/(content)/react/utils/direction-provider/page.mdx
+++ b/docs/src/app/(public)/(content)/react/utils/direction-provider/page.mdx
@@ -27,7 +27,9 @@ import { DirectionProvider } from '@base-ui-components/react/direction-provider'
 
 ## API reference
 
-<Reference component="DirectionProvider" />
+import { TypesDirectionProvider } from './types';
+
+<TypesDirectionProvider />
 
 ## useDirection
 
diff --git a/docs/src/app/(public)/(content)/react/utils/direction-provider/types.md b/docs/src/app/(public)/(content)/react/utils/direction-provider/types.md
new file mode 100644
index 00000000000..20b6b9566b0
--- /dev/null
+++ b/docs/src/app/(public)/(content)/react/utils/direction-provider/types.md
@@ -0,0 +1,38 @@
+# Direction Provider
+
+[//]: types.ts '<-- Autogenerated By (do not edit the following markdown directly)'
+
+## API Reference
+
+### DirectionContext
+
+```typescript
+type DirectionContext = { direction: TextDirection };
+```
+
+### DirectionProvider
+
+Enables RTL behavior for Base UI components.
+
+**DirectionProvider Props:**
+
+| Prop           | Type             | Default   | Description                         |
+| :------------- | :--------------- | :-------- | :---------------------------------- |
+| direction      | `TextDirection`  | `'ltr'`   | The reading direction of the text   |
+| children       | `ReactNode`      | -         | -                                   |
+
+### DirectionProvider.Props
+
+Re-export of [DirectionProvider](#directionprovider) props.
+
+### TextDirection
+
+```typescript
+type TextDirection = 'ltr' | 'rtl';
+```
+
+### useDirection
+
+**useDirection Return Value:**
+
+`TextDirection`
diff --git a/docs/src/app/(public)/(content)/react/utils/direction-provider/types.ts b/docs/src/app/(public)/(content)/react/utils/direction-provider/types.ts
new file mode 100644
index 00000000000..2d89fd272bd
--- /dev/null
+++ b/docs/src/app/(public)/(content)/react/utils/direction-provider/types.ts
@@ -0,0 +1,4 @@
+import { DirectionProvider } from '@base-ui-components/react/direction-provider';
+import { createTypes } from 'docs/src/utils/createTypes';
+
+export const TypesDirectionProvider = createTypes(import.meta.url, DirectionProvider);
diff --git a/docs/src/app/(public)/(content)/react/utils/use-render/types.ts b/docs/src/app/(public)/(content)/react/utils/use-render/types.ts
new file mode 100644
index 00000000000..d2d423fc569
--- /dev/null
+++ b/docs/src/app/(public)/(content)/react/utils/use-render/types.ts
@@ -0,0 +1,10 @@
+import { Accordion } from '@base-ui-components/react/accordion';
+import { createMultipleTypes } from 'docs/src/utils/createTypes';
+
+const types = createMultipleTypes(import.meta.url, Accordion);
+
+export const TypesAccordionHeader = types.Header;
+export const TypesAccordionItem = types.Item;
+export const TypesAccordionPanel = types.Panel;
+export const TypesAccordionRoot = types.Root;
+export const TypesAccordionTrigger = types.Trigger;
diff --git a/docs/src/components/ReferenceTable/AttributesReferenceTable.tsx b/docs/src/components/ReferenceTable/AttributesReferenceTable.tsx
index 17f3c58d9a0..0d37bed96f9 100644
--- a/docs/src/components/ReferenceTable/AttributesReferenceTable.tsx
+++ b/docs/src/components/ReferenceTable/AttributesReferenceTable.tsx
@@ -1,8 +1,5 @@
 import * as React from 'react';
 import clsx from 'clsx';
-import { createMdxComponent } from 'docs/src/mdx/createMdxComponent';
-import { inlineMdxComponents } from 'docs/src/mdx-components';
-import { rehypeSyntaxHighlighting } from 'docs/src/syntax-highlighting';
 import type { AttributeDef } from './types';
 import * as Table from '../Table';
 import * as Accordion from '../Accordion';
@@ -12,26 +9,16 @@ interface AttributesReferenceTableProps extends React.ComponentProps<typeof Tabl
   data: Record<string, AttributeDef>;
 }
 
-const CREATE_MDX_OPTIONS = {
-  rehypePlugins: rehypeSyntaxHighlighting,
-  useMDXComponents: () => inlineMdxComponents,
-};
-
-export async function AttributesReferenceTable({ data, ...props }: AttributesReferenceTableProps) {
+export function AttributesReferenceTable({ data, ...props }: AttributesReferenceTableProps) {
   return (
     <React.Fragment>
       <Accordion.Root {...props} className={clsx(props.className, 'xs:hidden')}>
         <Accordion.HeaderRow>
           <Accordion.HeaderCell className="pl-[0.75rem]">Attribute</Accordion.HeaderCell>
         </Accordion.HeaderRow>
-        {Object.keys(data).map(async (name, index) => {
+        {Object.keys(data).map((name, index) => {
           const attribute = data[name];
 
-          const AttributeDescription = await createMdxComponent(
-            attribute.description,
-            CREATE_MDX_OPTIONS,
-          );
-
           return (
             <Accordion.Item key={name}>
               <Accordion.Trigger index={index}>
@@ -49,7 +36,7 @@ export async function AttributesReferenceTable({ data, ...props }: AttributesRef
               </Accordion.Trigger>
               <Accordion.Panel>
                 <Accordion.Content className="flex flex-col gap-3 p-4 text-md text-pretty">
-                  <AttributeDescription />
+                  {attribute.description}
                 </Accordion.Content>
               </Accordion.Panel>
             </Accordion.Item>
@@ -73,22 +60,15 @@ export async function AttributesReferenceTable({ data, ...props }: AttributesRef
           </Table.Row>
         </Table.Head>
         <Table.Body>
-          {Object.keys(data).map(async (name) => {
+          {Object.keys(data).map((name) => {
             const attribute = data[name];
 
-            const AttributeDescription = await createMdxComponent(
-              attribute.description,
-              CREATE_MDX_OPTIONS,
-            );
-
             return (
               <Table.Row key={name}>
                 <Table.RowHeader>
                   <TableCode className="text-navy">{name}</TableCode>
                 </Table.RowHeader>
-                <Table.Cell colSpan={2}>
-                  <AttributeDescription />
-                </Table.Cell>
+                <Table.Cell colSpan={2}>{attribute.description}</Table.Cell>
               </Table.Row>
             );
           })}
diff --git a/docs/src/components/ReferenceTable/CssVariablesReferenceTable.tsx b/docs/src/components/ReferenceTable/CssVariablesReferenceTable.tsx
index c9a5755dca6..0411c127f8a 100644
--- a/docs/src/components/ReferenceTable/CssVariablesReferenceTable.tsx
+++ b/docs/src/components/ReferenceTable/CssVariablesReferenceTable.tsx
@@ -1,8 +1,5 @@
 import * as React from 'react';
 import clsx from 'clsx';
-import { createMdxComponent } from 'docs/src/mdx/createMdxComponent';
-import { inlineMdxComponents } from 'docs/src/mdx-components';
-import { rehypeSyntaxHighlighting } from 'docs/src/syntax-highlighting';
 import * as Accordion from '../Accordion';
 import * as Table from '../Table';
 import type { CssVariableDef } from './types';
@@ -12,29 +9,16 @@ interface CssVariablesReferenceTableProps extends React.ComponentProps<typeof Ta
   data: Record<string, CssVariableDef>;
 }
 
-const CREATE_MDX_OPTIONS = {
-  rehypePlugins: rehypeSyntaxHighlighting,
-  useMDXComponents: () => inlineMdxComponents,
-};
-
-export async function CssVariablesReferenceTable({
-  data,
-  ...props
-}: CssVariablesReferenceTableProps) {
+export function CssVariablesReferenceTable({ data, ...props }: CssVariablesReferenceTableProps) {
   return (
     <React.Fragment>
       <Accordion.Root {...props} className={clsx(props.className, 'xs:hidden')}>
         <Accordion.HeaderRow>
           <Accordion.HeaderCell className="pl-[0.75rem]">CSS Variable</Accordion.HeaderCell>
         </Accordion.HeaderRow>
-        {Object.keys(data).map(async (name, index) => {
+        {Object.keys(data).map((name, index) => {
           const attribute = data[name];
 
-          const AttributeDescription = await createMdxComponent(
-            attribute.description,
-            CREATE_MDX_OPTIONS,
-          );
-
           return (
             <Accordion.Item key={name}>
               <Accordion.Trigger index={index}>
@@ -52,7 +36,7 @@ export async function CssVariablesReferenceTable({
               </Accordion.Trigger>
               <Accordion.Panel>
                 <Accordion.Content className="flex flex-col gap-3 p-4 text-md text-pretty">
-                  <AttributeDescription />
+                  {attribute.description}
                 </Accordion.Content>
               </Accordion.Panel>
             </Accordion.Item>
@@ -77,22 +61,15 @@ export async function CssVariablesReferenceTable({
           </Table.Row>
         </Table.Head>
         <Table.Body>
-          {Object.keys(data).map(async (name) => {
+          {Object.keys(data).map((name) => {
             const cssVariable = data[name];
 
-            const CssVaribleDescription = await createMdxComponent(
-              cssVariable.description,
-              CREATE_MDX_OPTIONS,
-            );
-
             return (
               <Table.Row key={name}>
                 <Table.RowHeader>
                   <TableCode className="text-navy">{name}</TableCode>
                 </Table.RowHeader>
-                <Table.Cell colSpan={2}>
-                  <CssVaribleDescription />
-                </Table.Cell>
+                <Table.Cell colSpan={2}>{cssVariable.description}</Table.Cell>
               </Table.Row>
             );
           })}
diff --git a/docs/src/components/ReferenceTable/PropsReferenceAccordion.tsx b/docs/src/components/ReferenceTable/PropsReferenceAccordion.tsx
index ead6589f320..b4600bc8220 100644
--- a/docs/src/components/ReferenceTable/PropsReferenceAccordion.tsx
+++ b/docs/src/components/ReferenceTable/PropsReferenceAccordion.tsx
@@ -1,40 +1,15 @@
 import * as React from 'react';
 import clsx from 'clsx';
 import { visuallyHidden } from '@base-ui-components/utils/visuallyHidden';
-import { createMdxComponent } from 'docs/src/mdx/createMdxComponent';
-import { inlineMdxComponents } from 'docs/src/mdx-components';
-import { rehypeSyntaxHighlighting } from 'docs/src/syntax-highlighting';
 import { Link } from 'docs/src/components/Link';
 import * as Accordion from '../Accordion';
 import * as DescriptionList from '../DescriptionList';
 import type { PropDef as BasePropDef } from './types';
-import { TableCode, type TableCodeProps } from '../TableCode';
+import { TableCode } from '../TableCode';
 import * as ReferenceTableTooltip from './ReferenceTableTooltip';
 
-function ExpandedCode(props: React.ComponentProps<'code'>) {
-  const { className = '', ...rest } = props;
-  const cleaned = className
-    .split(' ')
-    .filter((c) => c !== 'Code')
-    .join(' ');
-  return <code {...rest} className={cleaned} />;
-}
-
-function ExpandedPre(props: React.ComponentProps<'pre'>) {
-  return (
-    <Accordion.Scrollable gradientColor="var(--color-gray-50)">
-      <pre {...props} className="text-xs p-0 m-0" style={{ backgroundColor: 'none' }} />
-    </Accordion.Scrollable>
-  );
-}
-
-interface PropDef extends BasePropDef {
-  detailedType: string;
-  example?: string;
-}
-
 interface Props extends React.ComponentPropsWithoutRef<any> {
-  data: Record<string, PropDef>;
+  data: Record<string, BasePropDef>;
   type?: 'props' | 'return';
   name: string;
   // When reusing a component's reference for another component,
@@ -43,55 +18,7 @@ interface Props extends React.ComponentPropsWithoutRef<any> {
   renameTo?: string;
 }
 
-function getShortPropType(name: string, type: string | undefined) {
-  if (/^(on|get)[A-Z].*/.test(name)) {
-    return { type: 'function', detailedType: true };
-  }
-
-  if (type === undefined || type === null) {
-    return { type: String(type), detailedType: false };
-  }
-
-  if (name === 'className') {
-    return { type: 'string | function', detailedType: true };
-  }
-
-  if (name === 'style') {
-    return { type: 'React.CSSProperties | function', detailedType: true };
-  }
-
-  if (name === 'render') {
-    return { type: 'ReactElement | function', detailedType: true };
-  }
-
-  if (
-    name.endsWith('Ref') ||
-    name === 'children' ||
-    type === 'boolean' ||
-    type === 'string' ||
-    type === 'number' ||
-    type.indexOf(' | ') === -1 ||
-    (type.split('|').length < 3 && type.length < 30)
-  ) {
-    return { type, detailedType: false };
-  }
-
-  return { type: 'Union', detailedType: true };
-}
-
-function escapeRegExp(input: string) {
-  return input.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
-}
-
-function replaceComponentPrefix(input: string | undefined, from?: string, to?: string) {
-  if (!input || !from || !to) {
-    return input ?? '';
-  }
-  const pattern = new RegExp(`\\b${escapeRegExp(from)}(?=\\.)`, 'g');
-  return input.replace(pattern, to);
-}
-
-export async function PropsReferenceAccordion({
+export function PropsReferenceAccordion({
   data,
   name: partName,
   renameFrom,
@@ -111,72 +38,26 @@ export async function PropsReferenceAccordion({
         <Accordion.HeaderCell className="max-md:hidden">Default</Accordion.HeaderCell>
         <Accordion.HeaderCell className="max-md:hidden w-10" />
       </Accordion.HeaderRow>
-      {Object.keys(data).map(async (name, index) => {
+      {Object.keys(data).map((name, index) => {
         const prop = data[name];
 
-        const displayType = replaceComponentPrefix(prop.type, renameFrom, renameTo);
-        const detailedDisplayType = replaceComponentPrefix(
-          prop.detailedType ?? prop.type,
-          renameFrom,
-          renameTo,
-        );
-
-        const PropType = await createMdxComponent(`\`${displayType}\``, {
-          rehypePlugins: rehypeSyntaxHighlighting,
-          useMDXComponents: () => ({ code: TableCode }),
-        });
-
-        const PropDetailedType = await createMdxComponent(
-          `\`\`\`ts\n${detailedDisplayType}\n\`\`\``,
-          {
-            rehypePlugins: rehypeSyntaxHighlighting,
-            useMDXComponents: () => ({
-              code: ExpandedCode,
-              pre: ExpandedPre,
-            }),
-          },
-        );
-
-        const { type: shortPropTypeName, detailedType } = getShortPropType(name, displayType);
-        const hasExpandedType = Boolean(prop.detailedType);
-
-        const ShortPropType = await createMdxComponent(`\`${shortPropTypeName}\``, {
-          rehypePlugins: rehypeSyntaxHighlighting,
-          useMDXComponents: () => ({
-            code: (codeProps: TableCodeProps) => (
-              <TableCode {...codeProps} printWidth={name === 'children' ? 999 : undefined} />
-            ),
-          }),
-        });
-
-        const PropDefault = await createMdxComponent(`\`${prop.default}\``, {
-          rehypePlugins: rehypeSyntaxHighlighting,
-          useMDXComponents: () => ({ code: TableCode }),
-        });
-
-        const PropDescription = prop.description
-          ? await createMdxComponent(prop.description, {
-              rehypePlugins: rehypeSyntaxHighlighting,
-              useMDXComponents: () => inlineMdxComponents,
-            })
-          : null;
-
-        const ExampleSnippet = prop.example
-          ? await createMdxComponent(prop.example, {
-              rehypePlugins: rehypeSyntaxHighlighting,
-              useMDXComponents: () => inlineMdxComponents,
-            })
-          : null;
+        // Use shortType if available (set by useTypes), otherwise use the full type
+        const displayShortType = prop.shortType ?? prop.type;
+        const displayDetailedType = prop.detailedType ?? prop.type;
+        const hasExpandedType = Boolean(prop.shortType || prop.detailedType);
 
         // anchor hash for each prop
         const id = `${partName}-${name}`;
 
+        const shortTypeText = prop.shortTypeText ?? 'type';
+        const defaultText = prop.defaultText;
+
         return (
           <Accordion.Item key={name}>
             <Accordion.Trigger
               id={id}
               index={index}
-              aria-label={`prop: ${name},${prop.required ? ' required,' : ''} type: ${shortPropTypeName} ${prop.default !== undefined ? `(default: ${prop.default})` : ''}`}
+              aria-label={`prop: ${name},${prop.required ? ' required,' : ''} type: ${shortTypeText} ${defaultText !== undefined ? `(default: ${defaultText})` : ''}`}
               className={clsx('min-h-min scroll-mt-12 p-0 md:scroll-mt-0', TRIGGER_GRID_LAYOUT)}
             >
               <Accordion.Scrollable className="px-3">
@@ -187,15 +68,18 @@ export async function PropsReferenceAccordion({
               </Accordion.Scrollable>
               {prop.type && (
                 <Accordion.Scrollable className="px-3 flex items-baseline text-sm leading-none break-keep whitespace-nowrap max-xs:hidden">
-                  {hasExpandedType || detailedType ? (
+                  {hasExpandedType ? (
                     <ReferenceTableTooltip.Root hoverable={false}>
-                      <ReferenceTableTooltip.Trigger render={<ShortPropType />} delay={300} />
+                      <ReferenceTableTooltip.Trigger
+                        delay={300}
+                        render={<span>{displayShortType}</span>}
+                      />
                       <ReferenceTableTooltip.Popup>
-                        {hasExpandedType ? <PropDetailedType /> : <PropType />}
+                        {displayDetailedType}
                       </ReferenceTableTooltip.Popup>
                     </ReferenceTableTooltip.Root>
                   ) : (
-                    <ShortPropType />
+                    displayShortType
                   )}
                 </Accordion.Scrollable>
               )}
@@ -203,7 +87,7 @@ export async function PropsReferenceAccordion({
                 {prop.required || prop.default === undefined ? (
                   <TableCode className="text-(--syntax-nullish)">—</TableCode>
                 ) : (
-                  <PropDefault />
+                  prop.default
                 )}
               </Accordion.Scrollable>
               <div className="flex justify-center max-xs:ml-auto max-xs:mr-3">
@@ -234,14 +118,14 @@ export async function PropsReferenceAccordion({
                     </DescriptionList.Details>
                   </DescriptionList.Item>
 
-                  {PropDescription != null && (
+                  {prop.description && (
                     <DescriptionList.Item>
                       <DescriptionList.Separator className="max-xs:pt-2">
                         <DescriptionList.Term>Description</DescriptionList.Term>
                       </DescriptionList.Separator>
                       {/* one-off override of the default mt/mb on CodeBlock.Root */}
                       <DescriptionList.Details className="[&_[role='figure']]:mt-1 [&_[role='figure']]:mb-1">
-                        <PropDescription />
+                        {prop.description}
                       </DescriptionList.Details>
                     </DescriptionList.Item>
                   )}
@@ -250,9 +134,7 @@ export async function PropsReferenceAccordion({
                     <DescriptionList.Separator className="max-xs:pt-2">
                       <DescriptionList.Term>Type</DescriptionList.Term>
                     </DescriptionList.Separator>
-                    <DescriptionList.Details>
-                      <PropDetailedType />
-                    </DescriptionList.Details>
+                    <DescriptionList.Details>{displayDetailedType}</DescriptionList.Details>
                   </DescriptionList.Item>
 
                   {prop.default !== undefined && (
@@ -260,19 +142,17 @@ export async function PropsReferenceAccordion({
                       <DescriptionList.Separator className="max-xs:pt-2">
                         <DescriptionList.Term>Default</DescriptionList.Term>
                       </DescriptionList.Separator>
-                      <DescriptionList.Details>
-                        <PropDefault />
-                      </DescriptionList.Details>
+                      <DescriptionList.Details>{prop.default}</DescriptionList.Details>
                     </DescriptionList.Item>
                   )}
 
-                  {ExampleSnippet != null && (
+                  {prop.example && (
                     <DescriptionList.Item>
                       <DescriptionList.Separator className="max-xs:pt-2">
                         <DescriptionList.Term>Example</DescriptionList.Term>
                       </DescriptionList.Separator>
                       <DescriptionList.Details className="*:my-0">
-                        <ExampleSnippet />
+                        {prop.example}
                       </DescriptionList.Details>
                     </DescriptionList.Item>
                   )}
diff --git a/docs/src/components/ReferenceTable/ReferenceTable.tsx b/docs/src/components/ReferenceTable/ReferenceTable.tsx
new file mode 100644
index 00000000000..5caf1f7fdb8
--- /dev/null
+++ b/docs/src/components/ReferenceTable/ReferenceTable.tsx
@@ -0,0 +1,41 @@
+import * as React from 'react';
+import type { TypesContentProps } from '@mui/internal-docs-infra/abstractCreateTypes';
+import { useTypes } from '@mui/internal-docs-infra/useTypes';
+import { PropsReferenceAccordion } from './PropsReferenceAccordion';
+import { AttributesReferenceTable } from './AttributesReferenceTable';
+import { CssVariablesReferenceTable } from './CssVariablesReferenceTable';
+
+import '../Demo/CodeHighlighting.css';
+
+type ReferenceTableProps = TypesContentProps<{
+  hideDescription?: boolean;
+}>;
+
+export function ReferenceTable(props: ReferenceTableProps) {
+  const { types, multiple, hideDescription } = useTypes(props);
+
+  const type = types && types[0];
+  if (type?.type !== 'component') {
+    return <p>No type information provided.</p>;
+  }
+
+  const data = type.data;
+
+  return (
+    <React.Fragment>
+      {multiple && !hideDescription && data.description && data.description}
+
+      {Object.keys(data.props).length > 0 && (
+        <PropsReferenceAccordion name={data.name} data={data.props} className="mt-5 mb-6" />
+      )}
+
+      {Object.keys(data.dataAttributes).length > 0 && (
+        <AttributesReferenceTable data={data.dataAttributes} className="mt-5 mb-6" />
+      )}
+
+      {Object.keys(data.cssVariables).length > 0 && (
+        <CssVariablesReferenceTable data={data.cssVariables} className="mt-5 mb-6" />
+      )}
+    </React.Fragment>
+  );
+}
diff --git a/docs/src/components/ReferenceTable/rehypeReference.mjs b/docs/src/components/ReferenceTable/rehypeReference.mjs
index de518785745..af7a9ea66b0 100644
--- a/docs/src/components/ReferenceTable/rehypeReference.mjs
+++ b/docs/src/components/ReferenceTable/rehypeReference.mjs
@@ -50,7 +50,7 @@ export function rehypeReference() {
         throw new Error(`Missing "component" prop on the "<Reference />" component.`);
       }
 
-      /** @type {import('./types').ComponentDef[]} */
+      /** @type {import('./types').RawComponentDef[]} */
       let componentDefs = [];
 
       if (parts) {
diff --git a/docs/src/components/ReferenceTable/types.ts b/docs/src/components/ReferenceTable/types.ts
index 69fc46c6206..02d49a48a15 100644
--- a/docs/src/components/ReferenceTable/types.ts
+++ b/docs/src/components/ReferenceTable/types.ts
@@ -1,25 +1,65 @@
-export interface ComponentDef {
+import * as React from 'react';
+
+// Raw JSON format as stored in reference/generated/*.json files
+export interface RawComponentDef {
   name: string;
   description?: string;
-  props: Record<string, PropDef>;
-  dataAttributes: Record<string, AttributeDef>;
-  cssVariables: Record<string, CssVariableDef>;
+  props: Record<string, RawPropDef>;
+  dataAttributes: Record<string, RawAttributeDef>;
+  cssVariables: Record<string, RawCssVariableDef>;
 }
 
-export interface PropDef {
+export interface RawPropDef {
   type?: string;
+  shortType?: string;
+  shortTypeText?: string;
   expanded?: string;
+  detailedType?: string;
   default?: string;
+  defaultText?: string;
   required?: boolean;
   description?: string;
+  example?: string;
 }
 
-export interface AttributeDef {
+export interface RawAttributeDef {
   type?: string;
   description?: string;
 }
 
-export interface CssVariableDef {
+export interface RawCssVariableDef {
   type?: string;
   description?: string;
 }
+
+// Processed format after hastToJsx conversion (used in components)
+export interface ComponentDef {
+  name: string;
+  description?: React.ReactNode;
+  props: Record<string, PropDef>;
+  dataAttributes: Record<string, AttributeDef>;
+  cssVariables: Record<string, CssVariableDef>;
+}
+
+export interface PropDef {
+  type?: React.ReactNode;
+  shortType?: React.ReactNode;
+  shortTypeText?: string;
+  expanded?: React.ReactNode;
+  detailedType?: React.ReactNode;
+  default?: React.ReactNode;
+  defaultText?: string;
+  required?: boolean;
+  description?: React.ReactNode;
+  example?: React.ReactNode;
+}
+
+export interface AttributeDef {
+  type?: React.ReactNode;
+  description?: React.ReactNode;
+}
+
+export interface CssVariableDef {
+  type?: React.ReactNode;
+  description?: React.ReactNode;
+}
diff --git a/docs/src/utils/createTypes.ts b/docs/src/utils/createTypes.ts
new file mode 100644
index 00000000000..b7f7e164d2c
--- /dev/null
+++ b/docs/src/utils/createTypes.ts
@@ -0,0 +1,26 @@
+import {
+  createTypesFactory,
+  createMultipleTypesFactory,
+} from '@mui/internal-docs-infra/abstractCreateTypes';
+import { ReferenceTable } from '../components/ReferenceTable/ReferenceTable';
+
+/**
+ * Creates a type doc component that renders a reference table for the given component.
+ * @param url Depends on `import.meta.url` to determine the source file location.
+ * @param component The component to render a reference table for.
+ * @param meta Additional meta for the typedocs.
+ */
+export const createTypes = createTypesFactory({
+  TypesContent: ReferenceTable,
+});
+
+/**
+ * Creates a type doc component that renders a reference table for the given component.
+ * A variant is a different implementation style of the same component.
+ * @param url Depends on `import.meta.url` to determine the source file location.
+ * @param components The components to render reference tables for.
+ * @param meta Additional meta for the typedocs.
+ */
+export const createMultipleTypes = createMultipleTypesFactory({
+  TypesContent: ReferenceTable,
+});
diff --git a/package.json b/package.json
index 13d294689ed..234963bbc1d 100644
--- a/package.json
+++ b/package.json
@@ -11,7 +11,6 @@
     "release:changelog": "tsx scripts/releaseChangelog.mts",
     "release:publish": "code-infra publish --github-release",
     "release:publish:dry-run": "code-infra publish --github-release --dry-run ",
-    "docs:api": "pnpm --filter api-docs-builder start",
     "docs:build": "pnpm --filter docs generate-llms && pnpm --filter docs build",
     "docs:deploy": "pnpm --filter docs run deploy",
     "docs:dev": "pnpm --filter docs dev",
diff --git a/packages/react/src/context-menu/root/ContextMenuRoot.tsx b/packages/react/src/context-menu/root/ContextMenuRoot.tsx
index 90fc964a4ea..4de8bfcc736 100644
--- a/packages/react/src/context-menu/root/ContextMenuRoot.tsx
+++ b/packages/react/src/context-menu/root/ContextMenuRoot.tsx
@@ -60,6 +60,7 @@ export interface ContextMenuRootProps
   onOpenChange?: (open: boolean, eventDetails: ContextMenuRoot.ChangeEventDetails) => void;
 }
 
+export type ContextMenuRootActions = MenuRoot.Actions;
 export type ContextMenuRootChangeEventReason = MenuRoot.ChangeEventReason;
 export type ContextMenuRootChangeEventDetails =
   BaseUIChangeEventDetails<ContextMenuRoot.ChangeEventReason>;
@@ -67,6 +68,7 @@ export type ContextMenuRootChangeEventDetails =
 export namespace ContextMenuRoot {
   export type State = ContextMenuRootState;
   export type Props = ContextMenuRootProps;
+  export type Actions = ContextMenuRootActions;
   export type ChangeEventReason = ContextMenuRootChangeEventReason;
   export type ChangeEventDetails = ContextMenuRootChangeEventDetails;
 }
diff --git a/packages/react/src/input/Input.tsx b/packages/react/src/input/Input.tsx
index aa8134c5b9f..2b9bc8b9807 100644
--- a/packages/react/src/input/Input.tsx
+++ b/packages/react/src/input/Input.tsx
@@ -20,7 +20,7 @@ export interface InputProps extends BaseUIComponentProps<'input', Input.State> {
   /**
    * Callback fired when the `value` changes. Use when controlled.
    */
-  onValueChange?: Field.Control.Props['onValueChange'];
+  onValueChange?: (value: string, eventDetails: Input.ChangeEventDetails) => void;
   defaultValue?: Field.Control.Props['defaultValue'];
 }
 
diff --git a/packages/react/src/progress/index.parts.ts b/packages/react/src/progress/index.parts.ts
index 0f90e5db735..50e72706b92 100644
--- a/packages/react/src/progress/index.parts.ts
+++ b/packages/react/src/progress/index.parts.ts
@@ -3,5 +3,3 @@ export { ProgressTrack as Track } from './track/ProgressTrack';
 export { ProgressIndicator as Indicator } from './indicator/ProgressIndicator';
 export { ProgressValue as Value } from './value/ProgressValue';
 export { ProgressLabel as Label } from './label/ProgressLabel';
-
-export type { ProgressStatus as Status } from './root/ProgressRoot';
diff --git a/packages/react/src/progress/root/ProgressRoot.tsx b/packages/react/src/progress/root/ProgressRoot.tsx
index 4ce2ae90ba1..21e4ca8039b 100644
--- a/packages/react/src/progress/root/ProgressRoot.tsx
+++ b/packages/react/src/progress/root/ProgressRoot.tsx
@@ -57,7 +57,7 @@ export const ProgressRoot = React.forwardRef(function ProgressRoot(
 
   const formatOptionsRef = useValueAsRef(format);
 
-  let status: ProgressStatus = 'indeterminate';
+  let status: ProgressRoot.Status = 'indeterminate';
   if (Number.isFinite(value)) {
     status = value === max ? 'complete' : 'progressing';
   }
@@ -104,10 +104,10 @@ export const ProgressRoot = React.forwardRef(function ProgressRoot(
   );
 });
 
-export type ProgressStatus = 'indeterminate' | 'progressing' | 'complete';
+export type ProgressRootStatus = 'indeterminate' | 'progressing' | 'complete';
 
 export interface ProgressRootState {
-  status: ProgressStatus;
+  status: ProgressRoot.Status;
 }
 
 export interface ProgressRootProps extends BaseUIComponentProps<'div', ProgressRoot.State> {
@@ -148,4 +148,5 @@ export interface ProgressRootProps extends BaseUIComponentProps<'div', ProgressR
 export namespace ProgressRoot {
   export type State = ProgressRootState;
   export type Props = ProgressRootProps;
+  export type Status = ProgressRootStatus;
 }
diff --git a/packages/react/src/separator/Separator.tsx b/packages/react/src/separator/Separator.tsx
index 5a7d21f1ac2..7557e9bb2dd 100644
--- a/packages/react/src/separator/Separator.tsx
+++ b/packages/react/src/separator/Separator.tsx
@@ -1,8 +1,10 @@
 'use client';
 import * as React from 'react';
-import type { BaseUIComponentProps, Orientation } from '../utils/types';
+import type { BaseUIComponentProps, Orientation as BaseOrientation } from '../utils/types';
 import { useRenderElement } from '../utils/useRenderElement';
 
+export type SeparatorOrientation = BaseOrientation;
+
 /**
  * A separator element accessible to screen readers.
  * Renders a `<div>` element.
@@ -31,17 +33,18 @@ export interface SeparatorProps extends BaseUIComponentProps<'div', Separator.St
    * The orientation of the separator.
    * @default 'horizontal'
    */
-  orientation?: Orientation;
+  orientation?: Separator.Orientation;
 }
 
 export interface SeparatorState {
   /**
    * The orientation of the separator.
    */
-  orientation: Orientation;
+  orientation: Separator.Orientation;
 }
 
 export namespace Separator {
   export type Props = SeparatorProps;
   export type State = SeparatorState;
+  export type Orientation = SeparatorOrientation;
 }
diff --git a/packages/react/src/toolbar/index.parts.ts b/packages/react/src/toolbar/index.parts.ts
index 53349907249..c08059b5cfa 100644
--- a/packages/react/src/toolbar/index.parts.ts
+++ b/packages/react/src/toolbar/index.parts.ts
@@ -4,5 +4,3 @@ export { ToolbarGroup as Group } from './group/ToolbarGroup';
 export { ToolbarButton as Button } from './button/ToolbarButton';
 export { ToolbarLink as Link } from './link/ToolbarLink';
 export { ToolbarInput as Input } from './input/ToolbarInput';
-
-export { type Orientation } from '../utils/types';
diff --git a/packages/react/src/toolbar/index.ts b/packages/react/src/toolbar/index.ts
index 4b88fd9a578..3d07f87f623 100644
--- a/packages/react/src/toolbar/index.ts
+++ b/packages/react/src/toolbar/index.ts
@@ -1,6 +1,5 @@
 export * as Toolbar from './index.parts';
 
-export type { Orientation } from './index.parts';
 export type * from './root/ToolbarRoot';
 export type * from './group/ToolbarGroup';
 export type * from './button/ToolbarButton';
diff --git a/packages/react/src/toolbar/separator/ToolbarSeparator.tsx b/packages/react/src/toolbar/separator/ToolbarSeparator.tsx
index ac9c6eab603..2b9cf1c3baa 100644
--- a/packages/react/src/toolbar/separator/ToolbarSeparator.tsx
+++ b/packages/react/src/toolbar/separator/ToolbarSeparator.tsx
@@ -27,9 +27,16 @@ export const ToolbarSeparator = React.forwardRef(function ToolbarSeparator(
 });
 
 export interface ToolbarSeparatorProps
-  extends BaseUIComponentProps<'div', Separator.State>,
-    Separator.Props {}
+  extends BaseUIComponentProps<'div', ToolbarSeparator.State>,
+    Separator.Props {
+  orientation?: ToolbarRoot.Orientation;
+}
+
+export interface ToolbarSeparatorState extends Separator.State {
+  orientation: ToolbarRoot.Orientation;
+}
 
 export namespace ToolbarSeparator {
   export type Props = ToolbarSeparatorProps;
+  export type State = ToolbarSeparatorState;
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index ee3d4c714a9..32f715aad46 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -32,13 +32,13 @@ importers:
         version: link:test
       '@mui/internal-code-infra':
         specifier: ^0.0.3-canary.37
-        version: 0.0.3-canary.37(@types/node@22.18.12)(eslint@9.38.0(jiti@2.6.1))(postcss@8.5.6)(prettier@3.6.2)(stylelint@16.25.0(typescript@5.9.3))(typescript@5.9.3)
+        version: 0.0.3-canary.45(@next/eslint-plugin-next@15.5.4)(@types/node@22.19.0)(eslint@9.39.1(jiti@2.6.1))(postcss@8.5.6)(prettier@3.6.2)(stylelint@16.25.0(typescript@5.9.3))(typescript@5.9.3)
       '@mui/internal-netlify-cache':
         specifier: ^0.0.2-canary.1
         version: 0.0.2-canary.1
       '@mui/internal-test-utils':
         specifier: ^2.0.14
-        version: 2.0.14(@babel/core@7.28.4)(@playwright/test@1.56.1)(@types/react-dom@19.2.2(@types/react@19.2.2))(@types/react@19.2.2)(chai@6.2.0)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+        version: 2.0.15(@babel/core@7.28.4)(@playwright/test@1.56.1)(@types/react-dom@19.2.2(@types/react@19.2.2))(@types/react@19.2.2)(chai@6.2.0)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
       '@octokit/rest':
         specifier: ^22.0.0
         version: 22.0.0
@@ -50,7 +50,7 @@ importers:
         version: 4.1.15
       '@types/node':
         specifier: ^22.18.12
-        version: 22.18.12
+        version: 22.19.0
       '@types/react':
         specifier: ^19.2.2
         version: 19.2.2
@@ -59,10 +59,10 @@ importers:
         version: 17.0.33
       '@vitejs/plugin-react':
         specifier: ^5.0.4
-        version: 5.0.4(vite@7.1.12(@types/node@22.18.12)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.0)(tsx@4.20.6)(yaml@2.8.1))
+        version: 5.0.4(vite@7.1.12(@types/node@22.19.0)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.0)(tsx@4.20.6)(yaml@2.8.1))
       '@vitest/browser':
         specifier: ^3.2.4
-        version: 3.2.4(playwright@1.56.1)(vite@7.1.12(@types/node@22.18.12)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.0)(tsx@4.20.6)(yaml@2.8.1))(vitest@3.2.4)
+        version: 3.2.4(playwright@1.56.1)(vite@7.1.12(@types/node@22.19.0)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.0)(tsx@4.20.6)(yaml@2.8.1))(vitest@3.2.4)
       '@vitest/coverage-istanbul':
         specifier: 3.2.4
         version: 3.2.4(vitest@3.2.4)
@@ -92,7 +92,7 @@ importers:
         version: 1.40.0
       eslint:
         specifier: ^9.38.0
-        version: 9.38.0(jiti@2.6.1)
+        version: 9.39.1(jiti@2.6.1)
       execa:
         specifier: ^9.6.0
         version: 9.6.0
@@ -101,13 +101,13 @@ importers:
         version: 15.0.0
       lerna:
         specifier: ^9.0.0
-        version: 9.0.0(@types/node@22.18.12)(babel-plugin-macros@3.1.0)
+        version: 9.0.0(@types/node@22.19.0)(babel-plugin-macros@3.1.0)
       markdownlint-cli2:
         specifier: ^0.18.1
         version: 0.18.1
       nx:
         specifier: ^21.6.5
-        version: 21.6.6
+        version: 21.6.8
       prettier:
         specifier: ^3.6.2
         version: 3.6.2
@@ -152,10 +152,10 @@ importers:
         version: 5.9.3
       vite:
         specifier: ^7.1.9
-        version: 7.1.12(@types/node@22.18.12)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.0)(tsx@4.20.6)(yaml@2.8.1)
+        version: 7.1.12(@types/node@22.19.0)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.0)(tsx@4.20.6)(yaml@2.8.1)
       vitest:
         specifier: ^3.2.4
-        version: 3.2.4(@types/debug@4.1.12)(@types/node@22.18.12)(@vitest/browser@3.2.4)(@vitest/ui@3.2.4)(jiti@2.6.1)(jsdom@26.1.0)(lightningcss@1.30.2)(terser@5.44.0)(tsx@4.20.6)(yaml@2.8.1)
+        version: 3.2.4(@types/debug@4.1.12)(@types/node@22.19.0)(@vitest/browser@3.2.4)(@vitest/ui@3.2.4)(jiti@2.6.1)(jsdom@26.1.0)(lightningcss@1.30.2)(terser@5.44.0)(tsx@4.20.6)(yaml@2.8.1)
       yargs:
         specifier: ^18.0.0
         version: 18.0.0
@@ -187,8 +187,8 @@ importers:
         specifier: ^3.1.1
         version: 3.1.1(@types/react@19.2.2)(react@19.2.0)
       '@mui/internal-docs-infra':
-        specifier: ^0.2.3-canary.10
-        version: 0.2.3-canary.10(@types/react@19.2.2)(next@15.5.6(@babel/core@7.28.4)(@playwright/test@1.56.1)(babel-plugin-macros@3.1.0)(react-dom@19.2.0(react@19.2.0))(react@19.2.0))(react@19.2.0)
+        specifier: https://pkg.pr.new/mui/mui-public/@mui/internal-docs-infra@e412f8d
+        version: https://pkg.pr.new/mui/mui-public/@mui/internal-docs-infra@e412f8d(@types/react@19.2.2)(next@15.5.6(@babel/core@7.28.4)(@playwright/test@1.56.1)(babel-plugin-macros@3.1.0)(react-dom@19.2.0(react@19.2.0))(react@19.2.0))(react@19.2.0)(typescript@5.9.3)
       '@next/mdx':
         specifier: ^15.5.6
         version: 15.5.6(@mdx-js/loader@3.1.1(webpack@5.102.1))(@mdx-js/react@3.1.1(@types/react@19.2.2)(react@19.2.0))
@@ -312,7 +312,7 @@ importers:
         version: 3.1.1
       '@mui/internal-test-utils':
         specifier: ^2.0.14
-        version: 2.0.14(@babel/core@7.28.4)(@playwright/test@1.56.1)(@types/react-dom@19.2.2(@types/react@19.2.2))(@types/react@19.2.2)(chai@6.2.0)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+        version: 2.0.15(@babel/core@7.28.4)(@playwright/test@1.56.1)(@types/react-dom@19.2.2(@types/react@19.2.2))(@types/react@19.2.2)(chai@6.2.0)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
       '@tailwindcss/postcss':
         specifier: 4.1.15
         version: 4.1.15
@@ -327,7 +327,7 @@ importers:
         version: 3.0.4
       '@types/node':
         specifier: ^22.18.12
-        version: 22.18.12
+        version: 22.19.0
       '@types/react':
         specifier: ^19.2.2
         version: 19.2.2
@@ -403,7 +403,7 @@ importers:
     devDependencies:
       '@eslint/js':
         specifier: ^9.32.0
-        version: 9.38.0
+        version: 9.39.1
       '@types/react':
         specifier: ^19.2.2
         version: 19.2.2
@@ -412,16 +412,16 @@ importers:
         version: 19.2.2(@types/react@19.2.2)
       '@vitejs/plugin-react':
         specifier: ^5.0.0
-        version: 5.0.4(vite@7.1.12(@types/node@22.18.12)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.0)(tsx@4.20.6)(yaml@2.8.1))
+        version: 5.0.4(vite@7.1.12(@types/node@22.19.0)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.0)(tsx@4.20.6)(yaml@2.8.1))
       eslint:
         specifier: ^9.32.0
-        version: 9.38.0(jiti@2.6.1)
+        version: 9.39.1(jiti@2.6.1)
       eslint-plugin-react-hooks:
         specifier: ^5.2.0
-        version: 5.2.0(eslint@9.38.0(jiti@2.6.1))
+        version: 5.2.0(eslint@9.39.1(jiti@2.6.1))
       eslint-plugin-react-refresh:
         specifier: ^0.4.20
-        version: 0.4.20(eslint@9.38.0(jiti@2.6.1))
+        version: 0.4.20(eslint@9.39.1(jiti@2.6.1))
       globals:
         specifier: ^16.3.0
         version: 16.4.0
@@ -430,10 +430,10 @@ importers:
         version: 5.9.3
       typescript-eslint:
         specifier: ^8.39.0
-        version: 8.46.2(eslint@9.38.0(jiti@2.6.1))(typescript@5.9.3)
+        version: 8.46.3(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3)
       vite:
         specifier: ^7.1.1
-        version: 7.1.12(@types/node@22.18.12)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.0)(tsx@4.20.6)(yaml@2.8.1)
+        version: 7.1.12(@types/node@22.19.0)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.0)(tsx@4.20.6)(yaml@2.8.1)
 
   packages/react:
     dependencies:
@@ -461,7 +461,7 @@ importers:
     devDependencies:
       '@mui/internal-test-utils':
         specifier: ^2.0.14
-        version: 2.0.14(@babel/core@7.28.4)(@playwright/test@1.56.1)(@types/react-dom@19.2.2(@types/react@19.2.2))(@types/react@19.2.2)(chai@6.2.0)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+        version: 2.0.15(@babel/core@7.28.4)(@playwright/test@1.56.1)(@types/react-dom@19.2.2(@types/react@19.2.2))(@types/react@19.2.2)(chai@6.2.0)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
       '@testing-library/react':
         specifier: ^16.3.0
         version: 16.3.0(@testing-library/dom@10.4.1)(@types/react-dom@19.2.2(@types/react@19.2.2))(@types/react@19.2.2)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
@@ -500,7 +500,7 @@ importers:
         version: 19.2.0(react@19.2.0)
       react-router:
         specifier: ^7.9.4
-        version: 7.9.4(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+        version: 7.9.5(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
       sinon:
         specifier: ^21.0.0
         version: 21.0.0
@@ -509,7 +509,7 @@ importers:
         version: 5.9.3
       vitest:
         specifier: ^3.2.4
-        version: 3.2.4(@types/debug@4.1.12)(@types/node@22.18.12)(@vitest/browser@3.2.4)(@vitest/ui@3.2.4)(jiti@2.6.1)(jsdom@26.1.0)(lightningcss@1.30.2)(terser@5.44.0)(tsx@4.20.6)(yaml@2.8.1)
+        version: 3.2.4(@types/debug@4.1.12)(@types/node@22.19.0)(@vitest/browser@3.2.4)(@vitest/ui@3.2.4)(jiti@2.6.1)(jsdom@26.1.0)(lightningcss@1.30.2)(terser@5.44.0)(tsx@4.20.6)(yaml@2.8.1)
       vitest-browser-react:
         specifier: ^1.0.1
         version: 1.0.1(@types/react-dom@19.2.2(@types/react@19.2.2))(@types/react@19.2.2)(@vitest/browser@3.2.4)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(vitest@3.2.4)
@@ -532,7 +532,7 @@ importers:
     devDependencies:
       '@mui/internal-test-utils':
         specifier: ^2.0.14
-        version: 2.0.14(@babel/core@7.28.4)(@playwright/test@1.56.1)(@types/react-dom@19.2.2(@types/react@19.2.2))(@types/react@19.2.2)(chai@6.2.0)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+        version: 2.0.15(@babel/core@7.28.4)(@playwright/test@1.56.1)(@types/react-dom@19.2.2(@types/react@19.2.2))(@types/react@19.2.2)(chai@6.2.0)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
       '@testing-library/react':
         specifier: ^16.3.0
         version: 16.3.0(@testing-library/dom@10.4.1)(@types/react-dom@19.2.2(@types/react@19.2.2))(@types/react@19.2.2)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
@@ -574,30 +574,9 @@ importers:
         version: 5.9.3
       vitest:
         specifier: ^3.2.4
-        version: 3.2.4(@types/debug@4.1.12)(@types/node@22.18.12)(@vitest/browser@3.2.4)(@vitest/ui@3.2.4)(jiti@2.6.1)(jsdom@26.1.0)(lightningcss@1.30.2)(terser@5.44.0)(tsx@4.20.6)(yaml@2.8.1)
+        version: 3.2.4(@types/debug@4.1.12)(@types/node@22.19.0)(@vitest/browser@3.2.4)(@vitest/ui@3.2.4)(jiti@2.6.1)(jsdom@26.1.0)(lightningcss@1.30.2)(terser@5.44.0)(tsx@4.20.6)(yaml@2.8.1)
     publishDirectory: build
 
-  scripts/api-docs-builder:
-    dependencies:
-      '@types/yargs':
-        specifier: ^17.0.33
-        version: 17.0.33
-      es-toolkit:
-        specifier: ^1.40.0
-        version: 1.40.0
-      rimraf:
-        specifier: ^6.0.1
-        version: 6.0.1
-      tsx:
-        specifier: ^4.20.6
-        version: 4.20.6
-      typescript-api-extractor:
-        specifier: 1.0.0-alpha.9
-        version: 1.0.0-alpha.9(typescript@5.9.3)
-      yargs:
-        specifier: ^18.0.0
-        version: 18.0.0
-
   test:
     devDependencies:
       '@base-ui-components/react':
@@ -605,7 +584,7 @@ importers:
         version: link:../packages/react/build
       '@mui/internal-test-utils':
         specifier: ^2.0.14
-        version: 2.0.14(@babel/core@7.28.4)(@playwright/test@1.56.1)(@types/react-dom@19.2.2(@types/react@19.2.2))(@types/react@19.2.2)(chai@6.2.0)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+        version: 2.0.15(@babel/core@7.28.4)(@playwright/test@1.56.1)(@types/react-dom@19.2.2(@types/react@19.2.2))(@types/react@19.2.2)(chai@6.2.0)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
       '@playwright/test':
         specifier: 1.56.1
         version: 1.56.1
@@ -650,7 +629,7 @@ importers:
         version: 19.2.0(react@19.2.0)
       react-router:
         specifier: ^7.9.4
-        version: 7.9.4(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+        version: 7.9.5(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
       sinon:
         specifier: ^21.0.0
         version: 21.0.0
@@ -674,7 +653,7 @@ importers:
         version: link:../../packages/utils/build
       '@mui/internal-bundle-size-checker':
         specifier: ^1.0.9-canary.51
-        version: 1.0.9-canary.53(@types/node@22.18.12)(jiti@2.6.1)(lightningcss@1.30.2)(rollup@4.50.1)(terser@5.44.0)(tsx@4.20.6)(yaml@2.8.1)
+        version: 1.0.9-canary.54(@types/node@22.19.0)(jiti@2.6.1)(lightningcss@1.30.2)(rollup@4.50.1)(terser@5.44.0)(tsx@4.20.6)(yaml@2.8.1)
       radix-ui:
         specifier: ^1.4.3
         version: 1.4.3(@types/react-dom@19.2.2(@types/react@19.2.2))(@types/react@19.2.2)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
@@ -719,16 +698,16 @@ packages:
     resolution: {integrity: sha512-GiwTmBFOU1/+UVNqqCGzFJYfBXEytUkiI+iRZ6Qx7KmUVtLm00sYySkfe203C9QtPG11yOz1ZaMek8dT/xnlgg==}
     engines: {node: '>=20'}
 
-  '@argos-ci/api-client@0.12.0':
-    resolution: {integrity: sha512-WfhI+StLJKIKERWQaIm7Kv1/k+YO/CYIp3djDVhZIU6mv/8yalyNXHnkRC6ofq1kPpmRvoag1KW79/C2WsB4Ag==}
+  '@argos-ci/api-client@0.14.0':
+    resolution: {integrity: sha512-lVWN8MrRYEbCjcZcutTzdJEA9tNB1IBqjIUJyjxR1iHMXZJYVLQbWQcmlZz33sIHkicLgAKTKrSVUOjf34MXAA==}
     engines: {node: '>=20.0.0'}
 
-  '@argos-ci/core@4.2.0':
-    resolution: {integrity: sha512-3RNyBZ84pYfQ8dn/Ivv5ls2x2rgqFuh8wA8e4ugggA5lx2dE7a6yghJw8cPzud+zbHrpOntl/HBM3akh2SXLkw==}
+  '@argos-ci/core@4.5.0':
+    resolution: {integrity: sha512-jERRoj+da36Y9NwFyws00LKFmCLHBTklIE0DYRptrPUSf3aitly6KmllkKHGi2UU1XcIqAO2Pzy1l5shCs/FXw==}
     engines: {node: '>=20.0.0'}
 
-  '@argos-ci/util@3.1.1':
-    resolution: {integrity: sha512-sGb9PS7yqdVVtxpxRD1Nfter3kaioC4nPPTknVmMSqo2GQKO1gdmjMJtwHY+Nf9FgiMfwpTCnk8Rrf0pjS3Sug==}
+  '@argos-ci/util@3.2.0':
+    resolution: {integrity: sha512-/Bn0qCH8VsdPv5WB9TUEf3oTgsIqsTMUEjPVDopHLzKK+j7nQYGOF3MnN7VhBow82BXeStBfJCS3UiZ6cgxRlw==}
     engines: {node: '>=20.0.0'}
 
   '@asamuzakjp/css-color@3.2.0':
@@ -757,148 +736,135 @@ packages:
   '@aws-crypto/util@5.2.0':
     resolution: {integrity: sha512-4RkU9EsI6ZpBve5fseQlGNUWKMa1RLPQ1dnjnQoe07ldfIzcsGb5hC5W0Dm7u423KWzawlrpbjXBrXCEv9zazQ==}
 
-  '@aws-sdk/client-cognito-identity@3.916.0':
-    resolution: {integrity: sha512-MGpWcn350e/liZrsh8gdJMcBKwE4/pcNvSr3Dw+tB+ZVZlVFdHGFyeQVaknz8UWZXrfUK5KCbvahotmaQOs1pg==}
+  '@aws-sdk/client-cognito-identity@3.922.0':
+    resolution: {integrity: sha512-C8JR4ZlVYuP0rMWnPkhmCtfLzfLgVu6vlRU9jTSoNeXgEdWzgKhACwrNIJxgHwnLuJGHzfe27OjfSiTwB0szcQ==}
     engines: {node: '>=18.0.0'}
 
-  '@aws-sdk/client-s3@3.917.0':
-    resolution: {integrity: sha512-3L73mDCpH7G0koFv3p3WkkEKqC5wn2EznKtNMrJ6hczPIr2Cu6DJz8VHeTZp9wFZLPrIBmh3ZW1KiLujT5Fd2w==}
+  '@aws-sdk/client-s3@3.922.0':
+    resolution: {integrity: sha512-SZRaZUUAHCWfEyBf4SRSPd29ko4uFoJpfd0E/w1meE68XhFB52FTtz/71UqYcwqZmN+s7oUNFFZT+DE/dnQSEA==}
     engines: {node: '>=18.0.0'}
 
-  '@aws-sdk/client-sso@3.916.0':
-    resolution: {integrity: sha512-Eu4PtEUL1MyRvboQnoq5YKg0Z9vAni3ccebykJy615xokVZUdA3di2YxHM/hykDQX7lcUC62q9fVIvh0+UNk/w==}
+  '@aws-sdk/client-sso@3.922.0':
+    resolution: {integrity: sha512-jdHs7uy7cSpiMvrxhYmqHyJxgK7hyqw4plG8OQ4YTBpq0SbfAxdoOuOkwJ1IVUUQho4otR1xYYjiX/8e8J8qwQ==}
     engines: {node: '>=18.0.0'}
 
-  '@aws-sdk/core@3.916.0':
-    resolution: {integrity: sha512-1JHE5s6MD5PKGovmx/F1e01hUbds/1y3X8rD+Gvi/gWVfdg5noO7ZCerpRsWgfzgvCMZC9VicopBqNHCKLykZA==}
+  '@aws-sdk/core@3.922.0':
+    resolution: {integrity: sha512-EvfP4cqJfpO3L2v5vkIlTkMesPtRwWlMfsaW6Tpfm7iYfBOuTi6jx60pMDMTyJNVfh6cGmXwh/kj1jQdR+w99Q==}
     engines: {node: '>=18.0.0'}
 
-  '@aws-sdk/credential-provider-cognito-identity@3.916.0':
-    resolution: {integrity: sha512-B0KoCIzEb5e98qaIF6PyXVBEvbi7yyInSoSSpP7ZmlRxanB4an/h54q5QwHPN+zGBqrGBiXbz9HvOLP2c29yww==}
+  '@aws-sdk/credential-provider-cognito-identity@3.922.0':
+    resolution: {integrity: sha512-heamj3qvnFLPHnCdD0Z5DF9lqpnTkCffmaeBULyVPOBacGelmtythu8tRZ7a4ktMskr9igPcv1qcxSYMXWSKaQ==}
     engines: {node: '>=18.0.0'}
 
-  '@aws-sdk/credential-provider-env@3.916.0':
-    resolution: {integrity: sha512-3gDeqOXcBRXGHScc6xb7358Lyf64NRG2P08g6Bu5mv1Vbg9PKDyCAZvhKLkG7hkdfAM8Yc6UJNhbFxr1ud/tCQ==}
+  '@aws-sdk/credential-provider-env@3.922.0':
+    resolution: {integrity: sha512-WikGQpKkROJSK3D3E7odPjZ8tU7WJp5/TgGdRuZw3izsHUeH48xMv6IznafpRTmvHcjAbDQj4U3CJZNAzOK/OQ==}
     engines: {node: '>=18.0.0'}
 
-  '@aws-sdk/credential-provider-http@3.916.0':
-    resolution: {integrity: sha512-NmooA5Z4/kPFJdsyoJgDxuqXC1C6oPMmreJjbOPqcwo6E/h2jxaG8utlQFgXe5F9FeJsMx668dtxVxSYnAAqHQ==}
+  '@aws-sdk/credential-provider-http@3.922.0':
+    resolution: {integrity: sha512-i72DgHMK7ydAEqdzU0Duqh60Q8W59EZmRJ73y0Y5oFmNOqnYsAI+UXyOoCsubp+Dkr6+yOwAn1gPt1XGE9Aowg==}
     engines: {node: '>=18.0.0'}
 
-  '@aws-sdk/credential-provider-ini@3.916.0':
-    resolution: {integrity: sha512-iR0FofvdPs87o6MhfNPv0F6WzB4VZ9kx1hbvmR7bSFCk7l0gc7G4fHJOg4xg2lsCptuETboX3O/78OQ2Djeakw==}
+  '@aws-sdk/credential-provider-ini@3.922.0':
+    resolution: {integrity: sha512-bVF+pI5UCLNkvbiZr/t2fgTtv84s8FCdOGAPxQiQcw5qOZywNuuCCY3wIIchmQr6GJr8YFkEp5LgDCac5EC5aQ==}
     engines: {node: '>=18.0.0'}
 
-  '@aws-sdk/credential-provider-ini@3.917.0':
-    resolution: {integrity: sha512-rvQ0QamLySRq+Okc0ZqFHZ3Fbvj3tYuWNIlzyEKklNmw5X5PM1idYKlOJflY2dvUGkIqY3lUC9SC2WL+1s7KIw==}
+  '@aws-sdk/credential-provider-node@3.922.0':
+    resolution: {integrity: sha512-agCwaD6mBihToHkjycL8ObIS2XOnWypWZZWhJSoWyHwFrhEKz1zGvgylK9Dc711oUfU+zU6J8e0JPKNJMNb3BQ==}
     engines: {node: '>=18.0.0'}
 
-  '@aws-sdk/credential-provider-node@3.916.0':
-    resolution: {integrity: sha512-8TrMpHqct0zTalf2CP2uODiN/PH9LPdBC6JDgPVK0POELTT4ITHerMxIhYGEiKN+6E4oRwSjM/xVTHCD4nMcrQ==}
+  '@aws-sdk/credential-provider-process@3.922.0':
+    resolution: {integrity: sha512-1DZOYezT6okslpvMW7oA2q+y17CJd4fxjNFH0jtThfswdh9CtG62+wxenqO+NExttq0UMaKisrkZiVrYQBTShw==}
     engines: {node: '>=18.0.0'}
 
-  '@aws-sdk/credential-provider-node@3.917.0':
-    resolution: {integrity: sha512-n7HUJ+TgU9wV/Z46yR1rqD9hUjfG50AKi+b5UXTlaDlVD8bckg40i77ROCllp53h32xQj/7H0yBIYyphwzLtmg==}
+  '@aws-sdk/credential-provider-sso@3.922.0':
+    resolution: {integrity: sha512-nbD3G3hShTYxLCkKMqLkLPtKwAAfxdY/k9jHtZmVBFXek2T6tQrqZHKxlAu+fd23Ga4/Aik7DLQQx1RA1a5ipg==}
     engines: {node: '>=18.0.0'}
 
-  '@aws-sdk/credential-provider-process@3.916.0':
-    resolution: {integrity: sha512-SXDyDvpJ1+WbotZDLJW1lqP6gYGaXfZJrgFSXIuZjHb75fKeNRgPkQX/wZDdUvCwdrscvxmtyJorp2sVYkMcvA==}
+  '@aws-sdk/credential-provider-web-identity@3.922.0':
+    resolution: {integrity: sha512-wjGIhgMHGGQfQTdFaJphNOKyAL8wZs6znJdHADPVURmgR+EWLyN/0fDO1u7wx8xaLMZpbHIFWBEvf9TritR/cQ==}
     engines: {node: '>=18.0.0'}
 
-  '@aws-sdk/credential-provider-sso@3.916.0':
-    resolution: {integrity: sha512-gu9D+c+U/Dp1AKBcVxYHNNoZF9uD4wjAKYCjgSN37j4tDsazwMEylbbZLuRNuxfbXtizbo4/TiaxBXDbWM7AkQ==}
+  '@aws-sdk/credential-providers@3.922.0':
+    resolution: {integrity: sha512-+njl9vzuxj+wvogVFoSrFCJ4QOFVSUIVbL3V4fI7voRio+quZdBOzFqrMxeQ+GSedTLqjyRZT1O7ii7Ah8T4kQ==}
     engines: {node: '>=18.0.0'}
 
-  '@aws-sdk/credential-provider-web-identity@3.916.0':
-    resolution: {integrity: sha512-VFnL1EjHiwqi2kR19MLXjEgYBuWViCuAKLGSFGSzfFF/+kSpamVrOSFbqsTk8xwHan8PyNnQg4BNuusXwwLoIw==}
+  '@aws-sdk/middleware-bucket-endpoint@3.922.0':
+    resolution: {integrity: sha512-Dpr2YeOaLFqt3q1hocwBesynE3x8/dXZqXZRuzSX/9/VQcwYBFChHAm4mTAl4zuvArtDbLrwzWSxmOWYZGtq5w==}
     engines: {node: '>=18.0.0'}
 
-  '@aws-sdk/credential-provider-web-identity@3.917.0':
-    resolution: {integrity: sha512-pZncQhFbwW04pB0jcD5OFv3x2gAddDYCVxyJVixgyhSw7bKCYxqu6ramfq1NxyVpmm+qsw+ijwi/3cCmhUHF/A==}
+  '@aws-sdk/middleware-expect-continue@3.922.0':
+    resolution: {integrity: sha512-xmnLWMtmHJHJBupSWMUEW1gyxuRIeQ1Ov2xa8Tqq77fPr4Ft2AluEwiDMaZIMHoAvpxWKEEt9Si59Li7GIA+bQ==}
     engines: {node: '>=18.0.0'}
-    deprecated: This version contains a compilation TypeScript error https://github.com/aws/aws-sdk-js-v3/issues/7457 - please use @aws-sdk/credential-providers@3.918.0 or higher
 
-  '@aws-sdk/credential-providers@3.916.0':
-    resolution: {integrity: sha512-wazu2awF69ohF3AaDlYkD+tanaqwJ309o9GawNg3o1oW7orhdcvh6P8BftSjuIzuAMiauvQquxcUrNTLxHtvOA==}
+  '@aws-sdk/middleware-flexible-checksums@3.922.0':
+    resolution: {integrity: sha512-G363np7YcJhf+gBucskdv8cOTbs2TRwocEzRupuqDIooGDlLBlfJrvwehdgtWR8l53yjJR3zcHvGrVPTe2h8Nw==}
     engines: {node: '>=18.0.0'}
 
-  '@aws-sdk/middleware-bucket-endpoint@3.914.0':
-    resolution: {integrity: sha512-mHLsVnPPp4iq3gL2oEBamfpeETFV0qzxRHmcnCfEP3hualV8YF8jbXGmwPCPopUPQDpbYDBHYtXaoClZikCWPQ==}
+  '@aws-sdk/middleware-host-header@3.922.0':
+    resolution: {integrity: sha512-HPquFgBnq/KqKRVkiuCt97PmWbKtxQ5iUNLEc6FIviqOoZTmaYG3EDsIbuFBz9C4RHJU4FKLmHL2bL3FEId6AA==}
     engines: {node: '>=18.0.0'}
 
-  '@aws-sdk/middleware-expect-continue@3.917.0':
-    resolution: {integrity: sha512-UPBq1ZP2CaxwbncWSbVqkhYXQrmfNiqAtHyBxi413hjRVZ4JhQ1UyH7pz5yqiG8zx2/+Po8cUD4SDUwJgda4nw==}
+  '@aws-sdk/middleware-location-constraint@3.922.0':
+    resolution: {integrity: sha512-T4iqd7WQ2DDjCH/0s50mnhdoX+IJns83ZE+3zj9IDlpU0N2aq8R91IG890qTfYkUEdP9yRm0xir/CNed+v6Dew==}
     engines: {node: '>=18.0.0'}
 
-  '@aws-sdk/middleware-flexible-checksums@3.916.0':
-    resolution: {integrity: sha512-CBRRg6slHHBYAm26AWY/pECHK0vVO/peDoNhZiAzUNt4jV6VftotjszEJ904pKGOr7/86CfZxtCnP3CCs3lQjA==}
+  '@aws-sdk/middleware-logger@3.922.0':
+    resolution: {integrity: sha512-AkvYO6b80FBm5/kk2E636zNNcNgjztNNUxpqVx+huyGn9ZqGTzS4kLqW2hO6CBe5APzVtPCtiQsXL24nzuOlAg==}
     engines: {node: '>=18.0.0'}
 
-  '@aws-sdk/middleware-host-header@3.914.0':
-    resolution: {integrity: sha512-7r9ToySQ15+iIgXMF/h616PcQStByylVkCshmQqcdeynD/lCn2l667ynckxW4+ql0Q+Bo/URljuhJRxVJzydNA==}
+  '@aws-sdk/middleware-recursion-detection@3.922.0':
+    resolution: {integrity: sha512-TtSCEDonV/9R0VhVlCpxZbp/9sxQvTTRKzIf8LxW3uXpby6Wl8IxEciBJlxmSkoqxh542WRcko7NYODlvL/gDA==}
     engines: {node: '>=18.0.0'}
 
-  '@aws-sdk/middleware-location-constraint@3.914.0':
-    resolution: {integrity: sha512-Mpd0Sm9+GN7TBqGnZg1+dO5QZ/EOYEcDTo7KfvoyrXScMlxvYm9fdrUVMmLdPn/lntweZGV3uNrs+huasGOOTA==}
+  '@aws-sdk/middleware-sdk-s3@3.922.0':
+    resolution: {integrity: sha512-ygg8lME1oFAbsH42ed2wtGqfHLoT5irgx6VC4X98j79fV1qXEwwwbqMsAiMQ/HJehpjqAFRVsHox3MHLN48Z5A==}
     engines: {node: '>=18.0.0'}
 
-  '@aws-sdk/middleware-logger@3.914.0':
-    resolution: {integrity: sha512-/gaW2VENS5vKvJbcE1umV4Ag3NuiVzpsANxtrqISxT3ovyro29o1RezW/Avz/6oJqjnmgz8soe9J1t65jJdiNg==}
+  '@aws-sdk/middleware-ssec@3.922.0':
+    resolution: {integrity: sha512-eHvSJZTSRJO+/tjjGD6ocnPc8q9o3m26+qbwQTu/4V6yOJQ1q+xkDZNqwJQphL+CodYaQ7uljp8g1Ji/AN3D9w==}
     engines: {node: '>=18.0.0'}
 
-  '@aws-sdk/middleware-recursion-detection@3.914.0':
-    resolution: {integrity: sha512-yiAjQKs5S2JKYc+GrkvGMwkUvhepXDigEXpSJqUseR/IrqHhvGNuOxDxq+8LbDhM4ajEW81wkiBbU+Jl9G82yQ==}
+  '@aws-sdk/middleware-user-agent@3.922.0':
+    resolution: {integrity: sha512-N4Qx/9KP3oVQBJOrSghhz8iZFtUC2NNeSZt88hpPhbqAEAtuX8aD8OzVcpnAtrwWqy82Yd2YTxlkqMGkgqnBsQ==}
     engines: {node: '>=18.0.0'}
 
-  '@aws-sdk/middleware-sdk-s3@3.916.0':
-    resolution: {integrity: sha512-pjmzzjkEkpJObzmTthqJPq/P13KoNFuEi/x5PISlzJtHofCNcyXeVAQ90yvY2dQ6UXHf511Rh1/ytiKy2A8M0g==}
+  '@aws-sdk/nested-clients@3.922.0':
+    resolution: {integrity: sha512-uYvKCF1TGh/MuJ4TMqmUM0Csuao02HawcseG4LUDyxdUsd/EFuxalWq1Cx4fKZQ2K8F504efZBjctMAMNY+l7A==}
     engines: {node: '>=18.0.0'}
 
-  '@aws-sdk/middleware-ssec@3.914.0':
-    resolution: {integrity: sha512-V1Oae/oLVbpNb9uWs+v80GKylZCdsbqs2c2Xb1FsAUPtYeSnxFuAWsF3/2AEMSSpFe0dTC5KyWr/eKl2aim9VQ==}
+  '@aws-sdk/region-config-resolver@3.922.0':
+    resolution: {integrity: sha512-44Y/rNNwhngR2KHp6gkx//TOr56/hx6s4l+XLjOqH7EBCHL7XhnrT1y92L+DLiroVr1tCSmO8eHQwBv0Y2+mvw==}
     engines: {node: '>=18.0.0'}
 
-  '@aws-sdk/middleware-user-agent@3.916.0':
-    resolution: {integrity: sha512-mzF5AdrpQXc2SOmAoaQeHpDFsK2GE6EGcEACeNuoESluPI2uYMpuuNMYrUufdnIAIyqgKlis0NVxiahA5jG42w==}
+  '@aws-sdk/signature-v4-multi-region@3.922.0':
+    resolution: {integrity: sha512-mmsgEEL5pE+A7gFYiJMDBCLVciaXq4EFI5iAP7bPpnHvOplnNOYxVy2IreKMllGvrfjVyLnwxzZYlo5zZ65FWg==}
     engines: {node: '>=18.0.0'}
 
-  '@aws-sdk/nested-clients@3.916.0':
-    resolution: {integrity: sha512-tgg8e8AnVAer0rcgeWucFJ/uNN67TbTiDHfD+zIOPKep0Z61mrHEoeT/X8WxGIOkEn4W6nMpmS4ii8P42rNtnA==}
+  '@aws-sdk/token-providers@3.922.0':
+    resolution: {integrity: sha512-/inmPnjZE0ZBE16zaCowAvouSx05FJ7p6BQYuzlJ8vxEU0sS0Hf8fvhuiRnN9V9eDUPIBY+/5EjbMWygXL4wlQ==}
     engines: {node: '>=18.0.0'}
 
-  '@aws-sdk/region-config-resolver@3.914.0':
-    resolution: {integrity: sha512-KlmHhRbn1qdwXUdsdrJ7S/MAkkC1jLpQ11n+XvxUUUCGAJd1gjC7AjxPZUM7ieQ2zcb8bfEzIU7al+Q3ZT0u7Q==}
-    engines: {node: '>=18.0.0'}
-
-  '@aws-sdk/signature-v4-multi-region@3.916.0':
-    resolution: {integrity: sha512-fuzUMo6xU7e0NBzBA6TQ4FUf1gqNbg4woBSvYfxRRsIfKmSMn9/elXXn4sAE5UKvlwVQmYnb6p7dpVRPyFvnQA==}
-    engines: {node: '>=18.0.0'}
-
-  '@aws-sdk/token-providers@3.916.0':
-    resolution: {integrity: sha512-13GGOEgq5etbXulFCmYqhWtpcEQ6WI6U53dvXbheW0guut8fDFJZmEv7tKMTJgiybxh7JHd0rWcL9JQND8DwoQ==}
-    engines: {node: '>=18.0.0'}
-
-  '@aws-sdk/types@3.914.0':
-    resolution: {integrity: sha512-kQWPsRDmom4yvAfyG6L1lMmlwnTzm1XwMHOU+G5IFlsP4YEaMtXidDzW/wiivY0QFrhfCz/4TVmu0a2aPU57ug==}
+  '@aws-sdk/types@3.922.0':
+    resolution: {integrity: sha512-eLA6XjVobAUAMivvM7DBL79mnHyrm+32TkXNWZua5mnxF+6kQCfblKKJvxMZLGosO53/Ex46ogim8IY5Nbqv2w==}
     engines: {node: '>=18.0.0'}
 
   '@aws-sdk/util-arn-parser@3.893.0':
     resolution: {integrity: sha512-u8H4f2Zsi19DGnwj5FSZzDMhytYF/bCh37vAtBsn3cNDL3YG578X5oc+wSX54pM3tOxS+NY7tvOAo52SW7koUA==}
     engines: {node: '>=18.0.0'}
 
-  '@aws-sdk/util-endpoints@3.916.0':
-    resolution: {integrity: sha512-bAgUQwvixdsiGNcuZSDAOWbyHlnPtg8G8TyHD6DTfTmKTHUW6tAn+af/ZYJPXEzXhhpwgJqi58vWnsiDhmr7NQ==}
+  '@aws-sdk/util-endpoints@3.922.0':
+    resolution: {integrity: sha512-4ZdQCSuNMY8HMlR1YN4MRDdXuKd+uQTeKIr5/pIM+g3TjInZoj8imvXudjcrFGA63UF3t92YVTkBq88mg58RXQ==}
     engines: {node: '>=18.0.0'}
 
   '@aws-sdk/util-locate-window@3.873.0':
     resolution: {integrity: sha512-xcVhZF6svjM5Rj89T1WzkjQmrTF6dpR2UvIHPMTnSZoNe6CixejPZ6f0JJ2kAhO8H+dUHwNBlsUgOTIKiK/Syg==}
     engines: {node: '>=18.0.0'}
 
-  '@aws-sdk/util-user-agent-browser@3.914.0':
-    resolution: {integrity: sha512-rMQUrM1ECH4kmIwlGl9UB0BtbHy6ZuKdWFrIknu8yGTRI/saAucqNTh5EI1vWBxZ0ElhK5+g7zOnUuhSmVQYUA==}
+  '@aws-sdk/util-user-agent-browser@3.922.0':
+    resolution: {integrity: sha512-qOJAERZ3Plj1st7M4Q5henl5FRpE30uLm6L9edZqZXGR6c7ry9jzexWamWVpQ4H4xVAVmiO9dIEBAfbq4mduOA==}
 
-  '@aws-sdk/util-user-agent-node@3.916.0':
-    resolution: {integrity: sha512-CwfWV2ch6UdjuSV75ZU99N03seEUb31FIUrXBnwa6oONqj/xqXwrxtlUMLx6WH3OJEE4zI3zt5PjlTdGcVwf4g==}
+  '@aws-sdk/util-user-agent-node@3.922.0':
+    resolution: {integrity: sha512-NrPe/Rsr5kcGunkog0eBV+bY0inkRELsD2SacC4lQZvZiXf8VJ2Y7j+Yq1tB+h+FPLsdt3v9wItIvDf/laAm0Q==}
     engines: {node: '>=18.0.0'}
     peerDependencies:
       aws-crt: '>=1.0.0'
@@ -906,12 +872,12 @@ packages:
       aws-crt:
         optional: true
 
-  '@aws-sdk/xml-builder@3.914.0':
-    resolution: {integrity: sha512-k75evsBD5TcIjedycYS7QXQ98AmOtbnxRJOPtCo0IwYRmy7UvqgS/gBL5SmrIqeV6FDSYRQMgdBxSMp6MLmdew==}
+  '@aws-sdk/xml-builder@3.921.0':
+    resolution: {integrity: sha512-LVHg0jgjyicKKvpNIEMXIMr1EBViESxcPkqfOlT+X1FkmUMTNZEEVF18tOJg4m4hV5vxtkWcqtr4IEeWa1C41Q==}
     engines: {node: '>=18.0.0'}
 
-  '@aws/lambda-invoke-store@0.0.1':
-    resolution: {integrity: sha512-ORHRQ2tmvnBXc8t/X9Z8IcSbBA4xTLKuN873FopzklHMeqBst7YG0d+AX97inkvDX+NChYtSr+qGfcqGFaI8Zw==}
+  '@aws/lambda-invoke-store@0.1.1':
+    resolution: {integrity: sha512-RcLam17LdlbSOSp9VxmUu1eI6Mwxp+OwhD2QhiSNmNCzoDb0EeUXTD2n/WbcnrAYMGlmf05th6QYq23VqvJqpA==}
     engines: {node: '>=18.0.0'}
 
   '@babel/cli@7.28.3':
@@ -1495,8 +1461,8 @@ packages:
     resolution: {integrity: sha512-Q/N6JNWvIvPnLDvjlE1OUBLPQHH6l3CltCEsHIujp45zQUSSh8K+gHnaEX45yAT1nyngnINhvWtzN+Nb9D8RAQ==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/standalone@7.28.5':
-    resolution: {integrity: sha512-1DViPYJpRU50irpGMfLBQ9B4kyfQuL6X7SS7pwTeWeZX0mNkjzPi0XFqxCjSdddZXUQy4AhnQnnesA/ZHnvAdw==}
+  '@babel/standalone@7.28.4':
+    resolution: {integrity: sha512-Qc1BNCfuJZBKs2SC5lqRmSYOw7Ka0X7urZQ7oVsGIax4eGDUIHX+CDg752N4jDxC2rbBh3li098ReGOtjT0x4g==}
     engines: {node: '>=6.9.0'}
 
   '@babel/template@7.27.2':
@@ -1850,8 +1816,8 @@ packages:
     resolution: {integrity: sha512-aw1gNayWpdI/jSYVgzN5pL0cfzU02GT3NBpeT/DXbx1/1x7ZKxFPd9bwrzygx/qiwIQiJ1sw/zD8qY/kRvlGHA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@eslint/config-helpers@0.4.1':
-    resolution: {integrity: sha512-csZAzkNhsgwb0I/UAV6/RGFTbiakPCf0ZrGmrIxQpYvGZ00PhTkSnyKNolphgIvmnJeGw6rcGVEXfTzUnFuEvw==}
+  '@eslint/config-helpers@0.4.2':
+    resolution: {integrity: sha512-gBrxN88gOIf3R7ja5K9slwNayVcZgK6SOUORm2uBzTeIEfeVaIhOpCtTox3P6R7o2jLFwLFTLnC7kU/RGcYEgw==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
   '@eslint/core@0.15.2':
@@ -1862,12 +1828,16 @@ packages:
     resolution: {integrity: sha512-nmC8/totwobIiFcGkDza3GIKfAw1+hLiYVrh3I1nIomQ8PEr5cxg34jnkmGawul/ep52wGRAcyeDCNtWKSOj4Q==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
+  '@eslint/core@0.17.0':
+    resolution: {integrity: sha512-yL/sLrpmtDaFEiUj1osRP4TI2MDz1AddJL+jZ7KSqvBuliN4xqYY54IfdN8qD8Toa6g1iloph1fxQNkjOxrrpQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
   '@eslint/eslintrc@3.3.1':
     resolution: {integrity: sha512-gtF186CXhIl1p4pJNGZw8Yc6RlshoePRvE0X91oPGb3vZ8pM3qOS9W9NGPat9LziaBV7XrJWGylNQXkGcnM3IQ==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@eslint/js@9.38.0':
-    resolution: {integrity: sha512-UZ1VpFvXf9J06YG9xQBdnzU+kthors6KjhMAl6f4gH4usHyh31rUf2DLGInT8RFYIReYXNSydgPY0V2LuWgl7A==}
+  '@eslint/js@9.39.1':
+    resolution: {integrity: sha512-S26Stp4zCy88tH94QbBv3XCuzRQiZ9yXofEILmglYTh/Ug/a9/umqvgFtYBAo3Lp0nsI/5/qH1CCrbdK3AP1Tw==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
   '@eslint/json@0.13.2':
@@ -1882,8 +1852,8 @@ packages:
     resolution: {integrity: sha512-Z5kJ+wU3oA7MMIqVR9tyZRtjYPr4OC004Q4Rw7pgOKUOKkJfZ3O24nz3WYfGRpMDNmcOi3TwQOmgm7B7Tpii0w==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@eslint/plugin-kit@0.4.0':
-    resolution: {integrity: sha512-sB5uyeq+dwCWyPi31B2gQlVlo+j5brPlWx4yZBrEaRo/nhdDE8Xke1gsGgtiBdaBTxuTkceLVuVt/pclrasb0A==}
+  '@eslint/plugin-kit@0.4.1':
+    resolution: {integrity: sha512-43/qtrDUokr7LJqoF2c3+RInu/t4zfrpYdoSDfYyhg52rwLV6TnOvdG4fXm7IkSB3wErkcmJS9iEhjVtOSEjjA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
   '@floating-ui/core@1.7.3':
@@ -2269,53 +2239,54 @@ packages:
       '@types/react': ^19.2.2
       react: '>=16'
 
-  '@mui/internal-babel-plugin-display-name@1.0.4-canary.7':
-    resolution: {integrity: sha512-2i7FP53GJJKR5OqHIJLh1VAhqRW+u0TwZOTeIScfg0txvgI/FW/g9m5TcHqHCU4X8NdqqS2KU8gAM1FHKG2vQA==}
+  '@mui/internal-babel-plugin-display-name@1.0.4-canary.8':
+    resolution: {integrity: sha512-6chxQriAEqaJiOq6DErpaPlng2UmOjrI/+iCxz0vp8uCl7DJbzAbBoUHpaBGSX43luPLg2b6BzDoxWffRH7OGg==}
     peerDependencies:
       '@babel/core': ^7.28.4
       '@babel/preset-react': ^7.27.1
 
-  '@mui/internal-babel-plugin-minify-errors@2.0.8-canary.10':
-    resolution: {integrity: sha512-tDHS1Rw6ie50O/K+4Mf06bn0LZcJwt8i3wj2iwXVyI4f7kp8eEJUGutRu40HZlDZ6i9xb7yLNemhE8Ef1XkP4g==}
+  '@mui/internal-babel-plugin-minify-errors@2.0.8-canary.11':
+    resolution: {integrity: sha512-OXM9F731yQXq9XZxmrTq4Hn9VwXGdlMczhnjv+IuQY8JmBQvumM3vphjbvHBbhHw3YjqgdtJ8/Ezy+QwQCzmKQ==}
     engines: {node: '>=14.0.0'}
     peerDependencies:
       '@babel/core': ^7.28.4
 
-  '@mui/internal-babel-plugin-resolve-imports@2.0.7-canary.26':
-    resolution: {integrity: sha512-jOr+/lKn26yOiHKB8vkNDKow8FjQRwVc6qHppaiW3EjAcKRgTtyyRVKfZhkzXpPw2eAuYCU/X5FY0f36LSfs2A==}
+  '@mui/internal-babel-plugin-resolve-imports@2.0.7-canary.28':
+    resolution: {integrity: sha512-1FOMLY9mYTsD/cFJVGJJduzp1LA8Kc3717uPPI8RA51vb0eGJj6uI4Yo/BBdQV3kHlsHe+z2j44L3F0oGsjCdQ==}
     peerDependencies:
       '@babel/core': ^7.28.4
 
-  '@mui/internal-bundle-size-checker@1.0.9-canary.53':
-    resolution: {integrity: sha512-sZKVCreXcR8CaAS4ODXsdIDpA/MLSzOVzuwXbgljZZ72Er46QgBIR/HYpothFaCG4TO9kR+kvsnu0PczuZp3Uw==}
+  '@mui/internal-bundle-size-checker@1.0.9-canary.54':
+    resolution: {integrity: sha512-27VE2jPkbnae3Z3sOjijggYohhyMdeMOCQaByO2Sa0CuQPeFSKAc669Tm67LHn3LC4JvDoklzvIz34/ulWqadw==}
     hasBin: true
 
-  '@mui/internal-code-infra@0.0.3-canary.37':
-    resolution: {integrity: sha512-4gSQZpadJdiGxyXRSkDU5ZaYulxgG8QigewKt8mnolOyqIuO3vtB84r3AVFPZvprUpdf2crlOweO1k9z5pYLSA==}
+  '@mui/internal-code-infra@0.0.3-canary.45':
+    resolution: {integrity: sha512-kl5OAR3MU2IOZSjxUQ6+rjez8QgIlCB0W1QdRHkGK0IFAKSOLxpT3I1jO5J//yU1V2lnu4jLTi0MlKyZOUp4ZA==}
     hasBin: true
     peerDependencies:
+      '@next/eslint-plugin-next': '*'
       eslint: ^9.0.0
       prettier: ^3.5.3
       typescript: ^5.0.0
 
-  '@mui/internal-docs-infra@0.2.3-canary.10':
-    resolution: {integrity: sha512-9UJbolStXhVYV5wkdkjP8Nhnfi4rqgGwXUSSe1KHRHciUIGXxTeAXAXPMKi2o4akDNUQK48TwtL8xobSEY1lww==}
+  '@mui/internal-docs-infra@https://pkg.pr.new/mui/mui-public/@mui/internal-docs-infra@e412f8d':
+    resolution: {tarball: https://pkg.pr.new/mui/mui-public/@mui/internal-docs-infra@e412f8d}
+    version: 0.3.0
     engines: {node: '>=22.12.0'}
     peerDependencies:
       '@types/react': ^19.2.2
       next: ^13.5.1 || ^14 || ^15.0.0
       react: ^17.0.0 || ^18.0.0 || ^19.0.0
+      typescript: ^5.8.0
     peerDependenciesMeta:
       '@types/react':
         optional: true
-      next:
-        optional: true
 
   '@mui/internal-netlify-cache@0.0.2-canary.1':
     resolution: {integrity: sha512-d161tpMN7WJF2qxIoXt4hqNWVNAFjOJKj5xQNKOfap93YYtGXiDgHWcH76CJaSPK2PCzKDbsq7pkz5DyMo2IdQ==}
 
-  '@mui/internal-test-utils@2.0.14':
-    resolution: {integrity: sha512-lLmV0sHco23txbSVQdJm74bza6VnBd4ke5j9fz7ahIdGA6shE04rqrp5SmNChq2jVoFlSTABT3H5XJim142Zog==}
+  '@mui/internal-test-utils@2.0.15':
+    resolution: {integrity: sha512-llU/gUsdh+DLdOOLZw8nh1aQwVkzet9njQInzj0fExhWLhTqCGLhoWawjhXx/DlIfc2RnSu/MP9FVcGglC9+qw==}
     peerDependencies:
       '@playwright/test': ^1.53.1
       chai: ^4.5.0 || ^5.0.0 || ^6.0.0
@@ -2513,8 +2484,8 @@ packages:
   '@next/env@15.5.6':
     resolution: {integrity: sha512-3qBGRW+sCGzgbpc5TS1a0p7eNxnOarGVQhZxfvTdnV0gFI61lX7QNtQ4V1TSREctXzYn5NetbUsLvyqwLFJM6Q==}
 
-  '@next/eslint-plugin-next@15.5.6':
-    resolution: {integrity: sha512-YxDvsT2fwy1j5gMqk3ppXlsgDopHnkM4BoxSVASbvvgh5zgsK8lvWerDzPip8k3WVzsTZ1O7A7si1KNfN4OZfQ==}
+  '@next/eslint-plugin-next@15.5.4':
+    resolution: {integrity: sha512-SR1vhXNNg16T4zffhJ4TS7Xn7eq4NfKfcOsRwea7RIAHrjRpI9ALYbamqIJqkAhowLlERffiwk0FMvTLNdnVtw==}
 
   '@next/mdx@15.5.6':
     resolution: {integrity: sha512-lyzXcnZWPjYxbkz/5tv1bRlCOjKYX1lFg3LIuoIf9ERTOUBDzkCvUnWjtRsmFRxKv1/6uwpLVQvrJDd54gVDBw==}
@@ -2665,53 +2636,53 @@ packages:
     peerDependencies:
       nx: '>= 20 <= 22'
 
-  '@nx/nx-darwin-arm64@21.6.6':
-    resolution: {integrity: sha512-QKx9eZ3lVSUeDKNL4KlWt+1d7lAXtx7s5bQ/oS8swuzWD5YSN5E5LtUyD2GAJfhc+GJsglXA+Fa0c3r3D2YXgg==}
+  '@nx/nx-darwin-arm64@21.6.8':
+    resolution: {integrity: sha512-MG5bhSYhG49r+e0mLuztQVHz1sEy7cs8BvZJ56mm7JNQ1VfbaTyLAR7VcNw8O/1mJA8jYcg9fmxOIZOUnY1cEQ==}
     cpu: [arm64]
     os: [darwin]
 
-  '@nx/nx-darwin-x64@21.6.6':
-    resolution: {integrity: sha512-Z3xknouZZCV3Z5U8RJqMkuNKJ3v3tnqWgjKhe+wATBTDQJ85SRq1FkbUDIHhEmNDp8PeMwL8fp6Y/2jUic76/w==}
+  '@nx/nx-darwin-x64@21.6.8':
+    resolution: {integrity: sha512-e9oXVTd6U6RFEc3k22PGoe5OSy40fyyytl+svSJQmK+5rxZalvAUna/mXtFcQC9m6No2daqqpfAZlyN5nG6WHw==}
     cpu: [x64]
     os: [darwin]
 
-  '@nx/nx-freebsd-x64@21.6.6':
-    resolution: {integrity: sha512-q5iRafeqMYCC9Qe+1916itW/2qylORxct22vanRhh2VlOA56HQjiZbqulE/Pv3V0ThUM/CAOESQVYVHr+zeWeA==}
+  '@nx/nx-freebsd-x64@21.6.8':
+    resolution: {integrity: sha512-gK3rsTXQj0hHCyaAvZmPZeCPkb3jzesgtkXuZf+7pCm5b4wiEA1i22ufp1UzwaTmWgbub/6NVMEDOGsVcay8mA==}
     cpu: [x64]
     os: [freebsd]
 
-  '@nx/nx-linux-arm-gnueabihf@21.6.6':
-    resolution: {integrity: sha512-MTVWzplTbC4Pbd+RTTsf91x9r4sKDoQJQjuoUEd1icq3+JPhJgyz2s+EiHzXnjtXGbFCnjIQKLkK+SZLS+1iyQ==}
+  '@nx/nx-linux-arm-gnueabihf@21.6.8':
+    resolution: {integrity: sha512-TXt3HTFhM4kuL9larxBuo3XpSngoA1JCtHavfYLRC3A8knACi7LwNQwnF5RWAcYgKMVE3/8IAhV8LuemXrPKKw==}
     cpu: [arm]
     os: [linux]
 
-  '@nx/nx-linux-arm64-gnu@21.6.6':
-    resolution: {integrity: sha512-Mh0nxqrmO1fXJMrxZJL6d/dc/37PdTh4XJ3snP91OfBxgDm4OeXpFldJP2wphXhNJi8jLKI4GSmsYUl2Ke+sXw==}
+  '@nx/nx-linux-arm64-gnu@21.6.8':
+    resolution: {integrity: sha512-QwZREYIhqhDVEIf+KAv2VFipxMUoULXXS3qyLX3/q/4u8Y32fyM5wd+FXpv89cRCiveVsZp8io2W178R6lfKng==}
     cpu: [arm64]
     os: [linux]
 
-  '@nx/nx-linux-arm64-musl@21.6.6':
-    resolution: {integrity: sha512-FyRQG58BwTu5+eh6Fdba3OFb9bW0XJCdtXvqaSHnt7+ptWXX9f2YvT2mpleWRKX1aRHN/hXyUG9No2r0b8VB5g==}
+  '@nx/nx-linux-arm64-musl@21.6.8':
+    resolution: {integrity: sha512-UZJyrZ6utU8g1W7E31iHDhWj1SjMidmDNyrVP4xK6IUrotx6qGrwfwWqzqvphhc1cA7w4Zz9N/rCCPQkdHzjLw==}
     cpu: [arm64]
     os: [linux]
 
-  '@nx/nx-linux-x64-gnu@21.6.6':
-    resolution: {integrity: sha512-r5Xa0px3lGfkJDa3N8Cep5ccOTl1SYRkarrTOhvWlxUvEPYGy2BmHucqtwGH3M6AjLX77vVwpgKNzdVtHK7VfQ==}
+  '@nx/nx-linux-x64-gnu@21.6.8':
+    resolution: {integrity: sha512-HXINTg4P0/Yj76vsvqBAb7MNlLpkH1pl9JF2blXScOFXWzNoStd7b6xyrpCROdmi0Hk8y3UEwc8OIyLFIfixJg==}
     cpu: [x64]
     os: [linux]
 
-  '@nx/nx-linux-x64-musl@21.6.6':
-    resolution: {integrity: sha512-yaUnoCI8DtgcA9aOGBENzkVhCnmwuiI7HT6ZNd85NiLpTl3J5dJBkZDqUQkbh6uaZXM0zeU48GOwm8xFdfTJFg==}
+  '@nx/nx-linux-x64-musl@21.6.8':
+    resolution: {integrity: sha512-2YbXLhuSlElCtQTR1Ib94O3T4fX9uzSIkUMYGL3n04agG0HemXoxJa91TWwwOUMbEZffkhcPsJBOh2S5l47s9Q==}
     cpu: [x64]
     os: [linux]
 
-  '@nx/nx-win32-arm64-msvc@21.6.6':
-    resolution: {integrity: sha512-W/MBKqXy0Bj3QmUdzoLM92hAg5kglwz9EBZCzxbcKpvSRmcSzFheq2zwMtLY/7FR0P8AbWcGtqk4kTHOdYwHRg==}
+  '@nx/nx-win32-arm64-msvc@21.6.8':
+    resolution: {integrity: sha512-/VSGtqa1oGHo5n24R39ZuGxMrGyf7pxFuCtL5hAzBHdTxFg/VZomPGd7BeV5VN5SbIw+fie+nTGkC5q3TOPGXw==}
     cpu: [arm64]
     os: [win32]
 
-  '@nx/nx-win32-x64-msvc@21.6.6':
-    resolution: {integrity: sha512-Z1l7+FC0ALRB3BWYGJDnZWMI/r6pQz4TgLfeMCKrlnBriMIaFcyDj6/Zwb5W8kmNWPbWWEhRmuntffRSGBFOyQ==}
+  '@nx/nx-win32-x64-msvc@21.6.8':
+    resolution: {integrity: sha512-xeBL7PcDqHH/Zw4d2A2qP7eLImzzcMO3hiKs5G42Wi92ACejAdUqpIduTL4RpArsXIHm5VEbE4KvHNii1mMU1A==}
     cpu: [x64]
     os: [win32]
 
@@ -3796,8 +3767,8 @@ packages:
   '@sinonjs/samsam@8.0.3':
     resolution: {integrity: sha512-hw6HbX+GyVZzmaYNh82Ecj1vdGZrqVIn/keDTg63IgAwiQPO+xCz99uG6Woqgb4tM0mUiFENKZ4cqd7IX94AXQ==}
 
-  '@smithy/abort-controller@4.2.3':
-    resolution: {integrity: sha512-xWL9Mf8b7tIFuAlpjKtRPnHrR8XVrwTj5NPYO/QwZPtc0SDLsPxb56V5tzi5yspSMytISHybifez+4jlrx0vkQ==}
+  '@smithy/abort-controller@4.2.4':
+    resolution: {integrity: sha512-Z4DUr/AkgyFf1bOThW2HwzREagee0sB5ycl+hDiSZOfRLW8ZgrOjDi6g8mHH19yyU5E2A/64W3z6SMIf5XiUSQ==}
     engines: {node: '>=18.0.0'}
 
   '@smithy/chunked-blob-reader-native@4.2.1':
@@ -3808,56 +3779,56 @@ packages:
     resolution: {integrity: sha512-WmU0TnhEAJLWvfSeMxBNe5xtbselEO8+4wG0NtZeL8oR21WgH1xiO37El+/Y+H/Ie4SCwBy3MxYWmOYaGgZueA==}
     engines: {node: '>=18.0.0'}
 
-  '@smithy/config-resolver@4.4.0':
-    resolution: {integrity: sha512-Kkmz3Mup2PGp/HNJxhCWkLNdlajJORLSjwkcfrj0E7nu6STAEdcMR1ir5P9/xOmncx8xXfru0fbUYLlZog/cFg==}
+  '@smithy/config-resolver@4.4.2':
+    resolution: {integrity: sha512-4Jys0ni2tB2VZzgslbEgszZyMdTkPOFGA8g+So/NjR8oy6Qwaq4eSwsrRI+NMtb0Dq4kqCzGUu/nGUx7OM/xfw==}
     engines: {node: '>=18.0.0'}
 
-  '@smithy/core@3.17.1':
-    resolution: {integrity: sha512-V4Qc2CIb5McABYfaGiIYLTmo/vwNIK7WXI5aGveBd9UcdhbOMwcvIMxIw/DJj1S9QgOMa/7FBkarMdIC0EOTEQ==}
+  '@smithy/core@3.17.2':
+    resolution: {integrity: sha512-n3g4Nl1Te+qGPDbNFAYf+smkRVB+JhFsGy9uJXXZQEufoP4u0r+WLh6KvTDolCswaagysDc/afS1yvb2jnj1gQ==}
     engines: {node: '>=18.0.0'}
 
-  '@smithy/credential-provider-imds@4.2.3':
-    resolution: {integrity: sha512-hA1MQ/WAHly4SYltJKitEsIDVsNmXcQfYBRv2e+q04fnqtAX5qXaybxy/fhUeAMCnQIdAjaGDb04fMHQefWRhw==}
+  '@smithy/credential-provider-imds@4.2.4':
+    resolution: {integrity: sha512-YVNMjhdz2pVto5bRdux7GMs0x1m0Afz3OcQy/4Yf9DH4fWOtroGH7uLvs7ZmDyoBJzLdegtIPpXrpJOZWvUXdw==}
     engines: {node: '>=18.0.0'}
 
-  '@smithy/eventstream-codec@4.2.3':
-    resolution: {integrity: sha512-rcr0VH0uNoMrtgKuY7sMfyKqbHc4GQaQ6Yp4vwgm+Z6psPuOgL+i/Eo/QWdXRmMinL3EgFM0Z1vkfyPyfzLmjw==}
+  '@smithy/eventstream-codec@4.2.4':
+    resolution: {integrity: sha512-aV8blR9RBDKrOlZVgjOdmOibTC2sBXNiT7WA558b4MPdsLTV6sbyc1WIE9QiIuYMJjYtnPLciefoqSW8Gi+MZQ==}
     engines: {node: '>=18.0.0'}
 
-  '@smithy/eventstream-serde-browser@4.2.3':
-    resolution: {integrity: sha512-EcS0kydOr2qJ3vV45y7nWnTlrPmVIMbUFOZbMG80+e2+xePQISX9DrcbRpVRFTS5Nqz3FiEbDcTCAV0or7bqdw==}
+  '@smithy/eventstream-serde-browser@4.2.4':
+    resolution: {integrity: sha512-d5T7ZS3J/r8P/PDjgmCcutmNxnSRvPH1U6iHeXjzI50sMr78GLmFcrczLw33Ap92oEKqa4CLrkAPeSSOqvGdUA==}
     engines: {node: '>=18.0.0'}
 
-  '@smithy/eventstream-serde-config-resolver@4.3.3':
-    resolution: {integrity: sha512-GewKGZ6lIJ9APjHFqR2cUW+Efp98xLu1KmN0jOWxQ1TN/gx3HTUPVbLciFD8CfScBj2IiKifqh9vYFRRXrYqXA==}
+  '@smithy/eventstream-serde-config-resolver@4.3.4':
+    resolution: {integrity: sha512-lxfDT0UuSc1HqltOGsTEAlZ6H29gpfDSdEPTapD5G63RbnYToZ+ezjzdonCCH90j5tRRCw3aLXVbiZaBW3VRVg==}
     engines: {node: '>=18.0.0'}
 
-  '@smithy/eventstream-serde-node@4.2.3':
-    resolution: {integrity: sha512-uQobOTQq2FapuSOlmGLUeGTpvcBLE5Fc7XjERUSk4dxEi4AhTwuyHYZNAvL4EMUp7lzxxkKDFaJ1GY0ovrj0Kg==}
+  '@smithy/eventstream-serde-node@4.2.4':
+    resolution: {integrity: sha512-TPhiGByWnYyzcpU/K3pO5V7QgtXYpE0NaJPEZBCa1Y5jlw5SjqzMSbFiLb+ZkJhqoQc0ImGyVINqnq1ze0ZRcQ==}
     engines: {node: '>=18.0.0'}
 
-  '@smithy/eventstream-serde-universal@4.2.3':
-    resolution: {integrity: sha512-QIvH/CKOk1BZPz/iwfgbh1SQD5Y0lpaw2kLA8zpLRRtYMPXeYUEWh+moTaJyqDaKlbrB174kB7FSRFiZ735tWw==}
+  '@smithy/eventstream-serde-universal@4.2.4':
+    resolution: {integrity: sha512-GNI/IXaY/XBB1SkGBFmbW033uWA0tj085eCxYih0eccUe/PFR7+UBQv9HNDk2fD9TJu7UVsCWsH99TkpEPSOzQ==}
     engines: {node: '>=18.0.0'}
 
-  '@smithy/fetch-http-handler@5.3.4':
-    resolution: {integrity: sha512-bwigPylvivpRLCm+YK9I5wRIYjFESSVwl8JQ1vVx/XhCw0PtCi558NwTnT2DaVCl5pYlImGuQTSwMsZ+pIavRw==}
+  '@smithy/fetch-http-handler@5.3.5':
+    resolution: {integrity: sha512-mg83SM3FLI8Sa2ooTJbsh5MFfyMTyNRwxqpKHmE0ICRIa66Aodv80DMsTQI02xBLVJ0hckwqTRr5IGAbbWuFLQ==}
     engines: {node: '>=18.0.0'}
 
-  '@smithy/hash-blob-browser@4.2.4':
-    resolution: {integrity: sha512-W7eIxD+rTNsLB/2ynjmbdeP7TgxRXprfvqQxKFEfy9HW2HeD7t+g+KCIrY0pIn/GFjA6/fIpH+JQnfg5TTk76Q==}
+  '@smithy/hash-blob-browser@4.2.5':
+    resolution: {integrity: sha512-kCdgjD2J50qAqycYx0imbkA9tPtyQr1i5GwbK/EOUkpBmJGSkJe4mRJm+0F65TUSvvui1HZ5FFGFCND7l8/3WQ==}
     engines: {node: '>=18.0.0'}
 
-  '@smithy/hash-node@4.2.3':
-    resolution: {integrity: sha512-6+NOdZDbfuU6s1ISp3UOk5Rg953RJ2aBLNLLBEcamLjHAg1Po9Ha7QIB5ZWhdRUVuOUrT8BVFR+O2KIPmw027g==}
+  '@smithy/hash-node@4.2.4':
+    resolution: {integrity: sha512-kKU0gVhx/ppVMntvUOZE7WRMFW86HuaxLwvqileBEjL7PoILI8/djoILw3gPQloGVE6O0oOzqafxeNi2KbnUJw==}
     engines: {node: '>=18.0.0'}
 
-  '@smithy/hash-stream-node@4.2.3':
-    resolution: {integrity: sha512-EXMSa2yiStVII3x/+BIynyOAZlS7dGvI7RFrzXa/XssBgck/7TXJIvnjnCu328GY/VwHDC4VeDyP1S4rqwpYag==}
+  '@smithy/hash-stream-node@4.2.4':
+    resolution: {integrity: sha512-amuh2IJiyRfO5MV0X/YFlZMD6banjvjAwKdeJiYGUbId608x+oSNwv3vlyW2Gt6AGAgl3EYAuyYLGRX/xU8npQ==}
     engines: {node: '>=18.0.0'}
 
-  '@smithy/invalid-dependency@4.2.3':
-    resolution: {integrity: sha512-Cc9W5DwDuebXEDMpOpl4iERo8I0KFjTnomK2RMdhhR87GwrSmUmwMxS4P5JdRf+LsjOdIqumcerwRgYMr/tZ9Q==}
+  '@smithy/invalid-dependency@4.2.4':
+    resolution: {integrity: sha512-z6aDLGiHzsMhbS2MjetlIWopWz//K+mCoPXjW6aLr0mypF+Y7qdEh5TyJ20Onf9FbWHiWl4eC+rITdizpnXqOw==}
     engines: {node: '>=18.0.0'}
 
   '@smithy/is-array-buffer@2.2.0':
@@ -3868,76 +3839,76 @@ packages:
     resolution: {integrity: sha512-DZZZBvC7sjcYh4MazJSGiWMI2L7E0oCiRHREDzIxi/M2LY79/21iXt6aPLHge82wi5LsuRF5A06Ds3+0mlh6CQ==}
     engines: {node: '>=18.0.0'}
 
-  '@smithy/md5-js@4.2.3':
-    resolution: {integrity: sha512-5+4bUEJQi/NRgzdA5SVXvAwyvEnD0ZAiKzV3yLO6dN5BG8ScKBweZ8mxXXUtdxq+Dx5k6EshKk0XJ7vgvIPSnA==}
+  '@smithy/md5-js@4.2.4':
+    resolution: {integrity: sha512-h7kzNWZuMe5bPnZwKxhVbY1gan5+TZ2c9JcVTHCygB14buVGOZxLl+oGfpY2p2Xm48SFqEWdghpvbBdmaz3ncQ==}
     engines: {node: '>=18.0.0'}
 
-  '@smithy/middleware-content-length@4.2.3':
-    resolution: {integrity: sha512-/atXLsT88GwKtfp5Jr0Ks1CSa4+lB+IgRnkNrrYP0h1wL4swHNb0YONEvTceNKNdZGJsye+W2HH8W7olbcPUeA==}
+  '@smithy/middleware-content-length@4.2.4':
+    resolution: {integrity: sha512-hJRZuFS9UsElX4DJSJfoX4M1qXRH+VFiLMUnhsWvtOOUWRNvvOfDaUSdlNbjwv1IkpVjj/Rd/O59Jl3nhAcxow==}
     engines: {node: '>=18.0.0'}
 
-  '@smithy/middleware-endpoint@4.3.5':
-    resolution: {integrity: sha512-SIzKVTvEudFWJbxAaq7f2GvP3jh2FHDpIFI6/VAf4FOWGFZy0vnYMPSRj8PGYI8Hjt29mvmwSRgKuO3bK4ixDw==}
+  '@smithy/middleware-endpoint@4.3.6':
+    resolution: {integrity: sha512-PXehXofGMFpDqr933rxD8RGOcZ0QBAWtuzTgYRAHAL2BnKawHDEdf/TnGpcmfPJGwonhginaaeJIKluEojiF/w==}
     engines: {node: '>=18.0.0'}
 
-  '@smithy/middleware-retry@4.4.5':
-    resolution: {integrity: sha512-DCaXbQqcZ4tONMvvdz+zccDE21sLcbwWoNqzPLFlZaxt1lDtOE2tlVpRSwcTOJrjJSUThdgEYn7HrX5oLGlK9A==}
+  '@smithy/middleware-retry@4.4.6':
+    resolution: {integrity: sha512-OhLx131znrEDxZPAvH/OYufR9d1nB2CQADyYFN4C3V/NQS7Mg4V6uvxHC/Dr96ZQW8IlHJTJ+vAhKt6oxWRndA==}
     engines: {node: '>=18.0.0'}
 
-  '@smithy/middleware-serde@4.2.3':
-    resolution: {integrity: sha512-8g4NuUINpYccxiCXM5s1/V+uLtts8NcX4+sPEbvYQDZk4XoJfDpq5y2FQxfmUL89syoldpzNzA0R9nhzdtdKnQ==}
+  '@smithy/middleware-serde@4.2.4':
+    resolution: {integrity: sha512-jUr3x2CDhV15TOX2/Uoz4gfgeqLrRoTQbYAuhLS7lcVKNev7FeYSJ1ebEfjk+l9kbb7k7LfzIR/irgxys5ZTOg==}
     engines: {node: '>=18.0.0'}
 
-  '@smithy/middleware-stack@4.2.3':
-    resolution: {integrity: sha512-iGuOJkH71faPNgOj/gWuEGS6xvQashpLwWB1HjHq1lNNiVfbiJLpZVbhddPuDbx9l4Cgl0vPLq5ltRfSaHfspA==}
+  '@smithy/middleware-stack@4.2.4':
+    resolution: {integrity: sha512-Gy3TKCOnm9JwpFooldwAboazw+EFYlC+Bb+1QBsSi5xI0W5lX81j/P5+CXvD/9ZjtYKRgxq+kkqd/KOHflzvgA==}
     engines: {node: '>=18.0.0'}
 
-  '@smithy/node-config-provider@4.3.3':
-    resolution: {integrity: sha512-NzI1eBpBSViOav8NVy1fqOlSfkLgkUjUTlohUSgAEhHaFWA3XJiLditvavIP7OpvTjDp5u2LhtlBhkBlEisMwA==}
+  '@smithy/node-config-provider@4.3.4':
+    resolution: {integrity: sha512-3X3w7qzmo4XNNdPKNS4nbJcGSwiEMsNsRSunMA92S4DJLLIrH5g1AyuOA2XKM9PAPi8mIWfqC+fnfKNsI4KvHw==}
     engines: {node: '>=18.0.0'}
 
-  '@smithy/node-http-handler@4.4.3':
-    resolution: {integrity: sha512-MAwltrDB0lZB/H6/2M5PIsISSwdI5yIh6DaBB9r0Flo9nx3y0dzl/qTMJPd7tJvPdsx6Ks/cwVzheGNYzXyNbQ==}
+  '@smithy/node-http-handler@4.4.4':
+    resolution: {integrity: sha512-VXHGfzCXLZeKnFp6QXjAdy+U8JF9etfpUXD1FAbzY1GzsFJiDQRQIt2CnMUvUdz3/YaHNqT3RphVWMUpXTIODA==}
     engines: {node: '>=18.0.0'}
 
-  '@smithy/property-provider@4.2.3':
-    resolution: {integrity: sha512-+1EZ+Y+njiefCohjlhyOcy1UNYjT+1PwGFHCxA/gYctjg3DQWAU19WigOXAco/Ql8hZokNehpzLd0/+3uCreqQ==}
+  '@smithy/property-provider@4.2.4':
+    resolution: {integrity: sha512-g2DHo08IhxV5GdY3Cpt/jr0mkTlAD39EJKN27Jb5N8Fb5qt8KG39wVKTXiTRCmHHou7lbXR8nKVU14/aRUf86w==}
     engines: {node: '>=18.0.0'}
 
-  '@smithy/protocol-http@5.3.3':
-    resolution: {integrity: sha512-Mn7f/1aN2/jecywDcRDvWWWJF4uwg/A0XjFMJtj72DsgHTByfjRltSqcT9NyE9RTdBSN6X1RSXrhn/YWQl8xlw==}
+  '@smithy/protocol-http@5.3.4':
+    resolution: {integrity: sha512-3sfFd2MAzVt0Q/klOmjFi3oIkxczHs0avbwrfn1aBqtc23WqQSmjvk77MBw9WkEQcwbOYIX5/2z4ULj8DuxSsw==}
     engines: {node: '>=18.0.0'}
 
-  '@smithy/querystring-builder@4.2.3':
-    resolution: {integrity: sha512-LOVCGCmwMahYUM/P0YnU/AlDQFjcu+gWbFJooC417QRB/lDJlWSn8qmPSDp+s4YVAHOgtgbNG4sR+SxF/VOcJQ==}
+  '@smithy/querystring-builder@4.2.4':
+    resolution: {integrity: sha512-KQ1gFXXC+WsbPFnk7pzskzOpn4s+KheWgO3dzkIEmnb6NskAIGp/dGdbKisTPJdtov28qNDohQrgDUKzXZBLig==}
     engines: {node: '>=18.0.0'}
 
-  '@smithy/querystring-parser@4.2.3':
-    resolution: {integrity: sha512-cYlSNHcTAX/wc1rpblli3aUlLMGgKZ/Oqn8hhjFASXMCXjIqeuQBei0cnq2JR8t4RtU9FpG6uyl6PxyArTiwKA==}
+  '@smithy/querystring-parser@4.2.4':
+    resolution: {integrity: sha512-aHb5cqXZocdzEkZ/CvhVjdw5l4r1aU/9iMEyoKzH4eXMowT6M0YjBpp7W/+XjkBnY8Xh0kVd55GKjnPKlCwinQ==}
     engines: {node: '>=18.0.0'}
 
-  '@smithy/service-error-classification@4.2.3':
-    resolution: {integrity: sha512-NkxsAxFWwsPsQiwFG2MzJ/T7uIR6AQNh1SzcxSUnmmIqIQMlLRQDKhc17M7IYjiuBXhrQRjQTo3CxX+DobS93g==}
+  '@smithy/service-error-classification@4.2.4':
+    resolution: {integrity: sha512-fdWuhEx4+jHLGeew9/IvqVU/fxT/ot70tpRGuOLxE3HzZOyKeTQfYeV1oaBXpzi93WOk668hjMuuagJ2/Qs7ng==}
     engines: {node: '>=18.0.0'}
 
-  '@smithy/shared-ini-file-loader@4.3.3':
-    resolution: {integrity: sha512-9f9Ixej0hFhroOK2TxZfUUDR13WVa8tQzhSzPDgXe5jGL3KmaM9s8XN7RQwqtEypI82q9KHnKS71CJ+q/1xLtQ==}
+  '@smithy/shared-ini-file-loader@4.3.4':
+    resolution: {integrity: sha512-y5ozxeQ9omVjbnJo9dtTsdXj9BEvGx2X8xvRgKnV+/7wLBuYJQL6dOa/qMY6omyHi7yjt1OA97jZLoVRYi8lxA==}
     engines: {node: '>=18.0.0'}
 
-  '@smithy/signature-v4@5.3.3':
-    resolution: {integrity: sha512-CmSlUy+eEYbIEYN5N3vvQTRfqt0lJlQkaQUIf+oizu7BbDut0pozfDjBGecfcfWf7c62Yis4JIEgqQ/TCfodaA==}
+  '@smithy/signature-v4@5.3.4':
+    resolution: {integrity: sha512-ScDCpasxH7w1HXHYbtk3jcivjvdA1VICyAdgvVqKhKKwxi+MTwZEqFw0minE+oZ7F07oF25xh4FGJxgqgShz0A==}
     engines: {node: '>=18.0.0'}
 
-  '@smithy/smithy-client@4.9.1':
-    resolution: {integrity: sha512-Ngb95ryR5A9xqvQFT5mAmYkCwbXvoLavLFwmi7zVg/IowFPCfiqRfkOKnbc/ZRL8ZKJ4f+Tp6kSu6wjDQb8L/g==}
+  '@smithy/smithy-client@4.9.2':
+    resolution: {integrity: sha512-gZU4uAFcdrSi3io8U99Qs/FvVdRxPvIMToi+MFfsy/DN9UqtknJ1ais+2M9yR8e0ASQpNmFYEKeIKVcMjQg3rg==}
     engines: {node: '>=18.0.0'}
 
-  '@smithy/types@4.8.0':
-    resolution: {integrity: sha512-QpELEHLO8SsQVtqP+MkEgCYTFW0pleGozfs3cZ183ZBj9z3VC1CX1/wtFMK64p+5bhtZo41SeLK1rBRtd25nHQ==}
+  '@smithy/types@4.8.1':
+    resolution: {integrity: sha512-N0Zn0OT1zc+NA+UVfkYqQzviRh5ucWwO7mBV3TmHHprMnfcJNfhlPicDkBHi0ewbh+y3evR6cNAW0Raxvb01NA==}
     engines: {node: '>=18.0.0'}
 
-  '@smithy/url-parser@4.2.3':
-    resolution: {integrity: sha512-I066AigYvY3d9VlU3zG9XzZg1yT10aNqvCaBTw9EPgu5GrsEl1aUkcMvhkIXascYH1A8W0LQo3B1Kr1cJNcQEw==}
+  '@smithy/url-parser@4.2.4':
+    resolution: {integrity: sha512-w/N/Iw0/PTwJ36PDqU9PzAwVElo4qXxCC0eCTlUtIz/Z5V/2j/cViMHi0hPukSBHp4DVwvUlUhLgCzqSJ6plrg==}
     engines: {node: '>=18.0.0'}
 
   '@smithy/util-base64@4.3.0':
@@ -3964,32 +3935,32 @@ packages:
     resolution: {integrity: sha512-YEjpl6XJ36FTKmD+kRJJWYvrHeUvm5ykaUS5xK+6oXffQPHeEM4/nXlZPe+Wu0lsgRUcNZiliYNh/y7q9c2y6Q==}
     engines: {node: '>=18.0.0'}
 
-  '@smithy/util-defaults-mode-browser@4.3.4':
-    resolution: {integrity: sha512-qI5PJSW52rnutos8Bln8nwQZRpyoSRN6k2ajyoUHNMUzmWqHnOJCnDELJuV6m5PML0VkHI+XcXzdB+6awiqYUw==}
+  '@smithy/util-defaults-mode-browser@4.3.5':
+    resolution: {integrity: sha512-GwaGjv/QLuL/QHQaqhf/maM7+MnRFQQs7Bsl6FlaeK6lm6U7mV5AAnVabw68cIoMl5FQFyKK62u7RWRzWL25OQ==}
     engines: {node: '>=18.0.0'}
 
-  '@smithy/util-defaults-mode-node@4.2.6':
-    resolution: {integrity: sha512-c6M/ceBTm31YdcFpgfgQAJaw3KbaLuRKnAz91iMWFLSrgxRpYm03c3bu5cpYojNMfkV9arCUelelKA7XQT36SQ==}
+  '@smithy/util-defaults-mode-node@4.2.8':
+    resolution: {integrity: sha512-gIoTf9V/nFSIZ0TtgDNLd+Ws59AJvijmMDYrOozoMHPJaG9cMRdqNO50jZTlbM6ydzQYY8L/mQ4tKSw/TB+s6g==}
     engines: {node: '>=18.0.0'}
 
-  '@smithy/util-endpoints@3.2.3':
-    resolution: {integrity: sha512-aCfxUOVv0CzBIkU10TubdgKSx5uRvzH064kaiPEWfNIvKOtNpu642P4FP1hgOFkjQIkDObrfIDnKMKkeyrejvQ==}
+  '@smithy/util-endpoints@3.2.4':
+    resolution: {integrity: sha512-f+nBDhgYRCmUEDKEQb6q0aCcOTXRDqH5wWaFHJxt4anB4pKHlgGoYP3xtioKXH64e37ANUkzWf6p4Mnv1M5/Vg==}
     engines: {node: '>=18.0.0'}
 
   '@smithy/util-hex-encoding@4.2.0':
     resolution: {integrity: sha512-CCQBwJIvXMLKxVbO88IukazJD9a4kQ9ZN7/UMGBjBcJYvatpWk+9g870El4cB8/EJxfe+k+y0GmR9CAzkF+Nbw==}
     engines: {node: '>=18.0.0'}
 
-  '@smithy/util-middleware@4.2.3':
-    resolution: {integrity: sha512-v5ObKlSe8PWUHCqEiX2fy1gNv6goiw6E5I/PN2aXg3Fb/hse0xeaAnSpXDiWl7x6LamVKq7senB+m5LOYHUAHw==}
+  '@smithy/util-middleware@4.2.4':
+    resolution: {integrity: sha512-fKGQAPAn8sgV0plRikRVo6g6aR0KyKvgzNrPuM74RZKy/wWVzx3BMk+ZWEueyN3L5v5EDg+P582mKU+sH5OAsg==}
     engines: {node: '>=18.0.0'}
 
-  '@smithy/util-retry@4.2.3':
-    resolution: {integrity: sha512-lLPWnakjC0q9z+OtiXk+9RPQiYPNAovt2IXD3CP4LkOnd9NpUsxOjMx1SnoUVB7Orb7fZp67cQMtTBKMFDvOGg==}
+  '@smithy/util-retry@4.2.4':
+    resolution: {integrity: sha512-yQncJmj4dtv/isTXxRb4AamZHy4QFr4ew8GxS6XLWt7sCIxkPxPzINWd7WLISEFPsIan14zrKgvyAF+/yzfwoA==}
     engines: {node: '>=18.0.0'}
 
-  '@smithy/util-stream@4.5.4':
-    resolution: {integrity: sha512-+qDxSkiErejw1BAIXUFBSfM5xh3arbz1MmxlbMCKanDDZtVEQ7PSKW9FQS0Vud1eI/kYn0oCTVKyNzRlq+9MUw==}
+  '@smithy/util-stream@4.5.5':
+    resolution: {integrity: sha512-7M5aVFjT+HPilPOKbOmQfCIPchZe4DSBc1wf1+NvHvSoFTiFtauZzT+onZvCj70xhXd0AEmYnZYmdJIuwxOo4w==}
     engines: {node: '>=18.0.0'}
 
   '@smithy/util-uri-escape@4.2.0':
@@ -4004,8 +3975,8 @@ packages:
     resolution: {integrity: sha512-zBPfuzoI8xyBtR2P6WQj63Rz8i3AmfAaJLuNG8dWsfvPe8lO4aCPYLn879mEgHndZH1zQ2oXmG8O1GGzzaoZiw==}
     engines: {node: '>=18.0.0'}
 
-  '@smithy/util-waiter@4.2.3':
-    resolution: {integrity: sha512-5+nU///E5sAdD7t3hs4uwvCTWQtTR8JwKwOCSJtBRx0bY1isDo1QwH87vRK86vlFLBTISqoDA2V6xvP6nF1isQ==}
+  '@smithy/util-waiter@4.2.4':
+    resolution: {integrity: sha512-roKXtXIC6fopFvVOju8VYHtguc/jAcMlK8IlDOHsrQn0ayMkHynjm/D2DCMRf7MJFXzjHhlzg2edr3QPEakchQ==}
     engines: {node: '>=18.0.0'}
 
   '@smithy/uuid@1.1.0':
@@ -4232,8 +4203,8 @@ packages:
   '@types/ms@2.1.0':
     resolution: {integrity: sha512-GsCCIZDE/p3i96vtEqx+7dBUGXrc7zeSK3wwPHIaRThS+9OhWIXRqzs4d6k1SVU8g91DrNRWxWUGhp5KXQb2VA==}
 
-  '@types/node@22.18.12':
-    resolution: {integrity: sha512-BICHQ67iqxQGFSzfCFTT7MRQ5XcBjG5aeKh5Ok38UBbPe5fxTyE+aHFxwVrGyr8GNlqFMLKD1D3P2K/1ks8tog==}
+  '@types/node@22.19.0':
+    resolution: {integrity: sha512-xpr/lmLPQEj+TUnHmR+Ab91/glhJvsqcjB+yY0Ix9GO70H6Lb4FHH5GeqdOE5btAx7eIMwuHkp4H2MSkLcqWbA==}
 
   '@types/normalize-package-data@2.4.4':
     resolution: {integrity: sha512-37i+OaWTh9qeK4LSHPsyRC7NahnGotNuZvjLSgcPzblpHB3rrCJxAOgI5gCdKm7coonsaX1Of0ILiTcnZjbfxA==}
@@ -4274,63 +4245,63 @@ packages:
   '@types/yargs@17.0.33':
     resolution: {integrity: sha512-WpxBCKWPLr4xSsHgz511rFJAM+wS28w2zEO1QDNY5zM/S8ok70NNfztH0xwhqKyaK0OHCbN98LDAZuy1ctxDkA==}
 
-  '@typescript-eslint/eslint-plugin@8.46.2':
-    resolution: {integrity: sha512-ZGBMToy857/NIPaaCucIUQgqueOiq7HeAKkhlvqVV4lm089zUFW6ikRySx2v+cAhKeUCPuWVHeimyk6Dw1iY3w==}
+  '@typescript-eslint/eslint-plugin@8.46.3':
+    resolution: {integrity: sha512-sbaQ27XBUopBkRiuY/P9sWGOWUW4rl8fDoHIUmLpZd8uldsTyB4/Zg6bWTegPoTLnKj9Hqgn3QD6cjPNB32Odw==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
-      '@typescript-eslint/parser': ^8.46.2
+      '@typescript-eslint/parser': ^8.46.3
       eslint: ^8.57.0 || ^9.0.0
       typescript: '>=4.8.4 <6.0.0'
 
-  '@typescript-eslint/parser@8.46.2':
-    resolution: {integrity: sha512-BnOroVl1SgrPLywqxyqdJ4l3S2MsKVLDVxZvjI1Eoe8ev2r3kGDo+PcMihNmDE+6/KjkTubSJnmqGZZjQSBq/g==}
+  '@typescript-eslint/parser@8.46.3':
+    resolution: {integrity: sha512-6m1I5RmHBGTnUGS113G04DMu3CpSdxCAU/UvtjNWL4Nuf3MW9tQhiJqRlHzChIkhy6kZSAQmc+I1bcGjE3yNKg==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0
       typescript: '>=4.8.4 <6.0.0'
 
-  '@typescript-eslint/project-service@8.46.2':
-    resolution: {integrity: sha512-PULOLZ9iqwI7hXcmL4fVfIsBi6AN9YxRc0frbvmg8f+4hQAjQ5GYNKK0DIArNo+rOKmR/iBYwkpBmnIwin4wBg==}
+  '@typescript-eslint/project-service@8.46.3':
+    resolution: {integrity: sha512-Fz8yFXsp2wDFeUElO88S9n4w1I4CWDTXDqDr9gYvZgUpwXQqmZBr9+NTTql5R3J7+hrJZPdpiWaB9VNhAKYLuQ==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       typescript: '>=4.8.4 <6.0.0'
 
-  '@typescript-eslint/scope-manager@8.46.2':
-    resolution: {integrity: sha512-LF4b/NmGvdWEHD2H4MsHD8ny6JpiVNDzrSZr3CsckEgCbAGZbYM4Cqxvi9L+WqDMT+51Ozy7lt2M+d0JLEuBqA==}
+  '@typescript-eslint/scope-manager@8.46.3':
+    resolution: {integrity: sha512-FCi7Y1zgrmxp3DfWfr+3m9ansUUFoy8dkEdeQSgA9gbm8DaHYvZCdkFRQrtKiedFf3Ha6VmoqoAaP68+i+22kg==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@typescript-eslint/tsconfig-utils@8.46.2':
-    resolution: {integrity: sha512-a7QH6fw4S57+F5y2FIxxSDyi5M4UfGF+Jl1bCGd7+L4KsaUY80GsiF/t0UoRFDHAguKlBaACWJRmdrc6Xfkkag==}
+  '@typescript-eslint/tsconfig-utils@8.46.3':
+    resolution: {integrity: sha512-GLupljMniHNIROP0zE7nCcybptolcH8QZfXOpCfhQDAdwJ/ZTlcaBOYebSOZotpti/3HrHSw7D3PZm75gYFsOA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       typescript: '>=4.8.4 <6.0.0'
 
-  '@typescript-eslint/type-utils@8.46.2':
-    resolution: {integrity: sha512-HbPM4LbaAAt/DjxXaG9yiS9brOOz6fabal4uvUmaUYe6l3K1phQDMQKBRUrr06BQkxkvIZVVHttqiybM9nJsLA==}
+  '@typescript-eslint/type-utils@8.46.3':
+    resolution: {integrity: sha512-ZPCADbr+qfz3aiTTYNNkCbUt+cjNwI/5McyANNrFBpVxPt7GqpEYz5ZfdwuFyGUnJ9FdDXbGODUu6iRCI6XRXw==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0
       typescript: '>=4.8.4 <6.0.0'
 
-  '@typescript-eslint/types@8.46.2':
-    resolution: {integrity: sha512-lNCWCbq7rpg7qDsQrd3D6NyWYu+gkTENkG5IKYhUIcxSb59SQC/hEQ+MrG4sTgBVghTonNWq42bA/d4yYumldQ==}
+  '@typescript-eslint/types@8.46.3':
+    resolution: {integrity: sha512-G7Ok9WN/ggW7e/tOf8TQYMaxgID3Iujn231hfi0Pc7ZheztIJVpO44ekY00b7akqc6nZcvregk0Jpah3kep6hA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@typescript-eslint/typescript-estree@8.46.2':
-    resolution: {integrity: sha512-f7rW7LJ2b7Uh2EiQ+7sza6RDZnajbNbemn54Ob6fRwQbgcIn+GWfyuHDHRYgRoZu1P4AayVScrRW+YfbTvPQoQ==}
+  '@typescript-eslint/typescript-estree@8.46.3':
+    resolution: {integrity: sha512-f/NvtRjOm80BtNM5OQtlaBdM5BRFUv7gf381j9wygDNL+qOYSNOgtQ/DCndiYi80iIOv76QqaTmp4fa9hwI0OA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       typescript: '>=4.8.4 <6.0.0'
 
-  '@typescript-eslint/utils@8.46.2':
-    resolution: {integrity: sha512-sExxzucx0Tud5tE0XqR0lT0psBQvEpnpiul9XbGUB1QwpWJJAps1O/Z7hJxLGiZLBKMCutjTzDgmd1muEhBnVg==}
+  '@typescript-eslint/utils@8.46.3':
+    resolution: {integrity: sha512-VXw7qmdkucEx9WkmR3ld/u6VhRyKeiF1uxWwCy/iuNfokjJ7VhsgLSOTjsol8BunSw190zABzpwdNsze2Kpo4g==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0
       typescript: '>=4.8.4 <6.0.0'
 
-  '@typescript-eslint/visitor-keys@8.46.2':
-    resolution: {integrity: sha512-tUFMXI4gxzzMXt4xpGJEsBsTox0XbNQ1y94EwlD/CuZwFcQP79xfQqMhau9HsRc/J0cAPA/HZt1dZPtGn9V/7w==}
+  '@typescript-eslint/visitor-keys@8.46.3':
+    resolution: {integrity: sha512-uk574k8IU0rOF/AjniX8qbLSGURJVUCeM5e4MIMKBFFi8weeiLrG1fyQejyLXQpRZbU/1BuQasleV/RfHC3hHg==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
   '@ungap/structured-clone@1.3.0':
@@ -4827,8 +4798,8 @@ packages:
   base64-js@1.5.1:
     resolution: {integrity: sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==}
 
-  baseline-browser-mapping@2.8.20:
-    resolution: {integrity: sha512-JMWsdF+O8Orq3EMukbUN1QfbLK9mX2CkUmQBcW2T0s8OmdAUL5LLM/6wFwSrqXzlXB13yhyK9gTKS1rIizOduQ==}
+  baseline-browser-mapping@2.8.24:
+    resolution: {integrity: sha512-uUhTRDPXamakPyghwrUcjaGvvBqGrWvBHReoiULMIpOJVM9IYzQh83Xk2Onx5HlGI2o10NNCzcs9TG/S3TkwrQ==}
     hasBin: true
 
   before-after-hook@2.2.3:
@@ -4858,6 +4829,9 @@ packages:
   bluebird@3.4.7:
     resolution: {integrity: sha512-iD3898SR7sWVRHbiQv+sHUtHnMvC1o3nW5rAcqnq3uOn07DSAppZYUkIGslDz6gXC7HfunPe7YVBgoEJASPcHA==}
 
+  boolbase@1.0.0:
+    resolution: {integrity: sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==}
+
   bowser@2.12.1:
     resolution: {integrity: sha512-z4rE2Gxh7tvshQ4hluIT7XcFrgLIQaw9X3A+kTTRdovCz5PMukm/0QC/BKSYPj3omF5Qfypn9O/c5kgpmvYUCw==}
 
@@ -4963,8 +4937,8 @@ packages:
     resolution: {integrity: sha512-xlx1yCK2Oc1APsPXDL2LdlNP6+uu8OCDdhOBSVT279M/S+y75O30C2VuD8T2ogdePBBl7PfPF4504tnLgX3zfw==}
     engines: {node: '>=14.16'}
 
-  caniuse-lite@1.0.30001751:
-    resolution: {integrity: sha512-A0QJhug0Ly64Ii3eIqHu5X51ebln3k4yTUkY1j8drqpWHVreg/VLijN48cZ1bYPiqOQuqpkIKnzr/Ul8V+p6Cw==}
+  caniuse-lite@1.0.30001753:
+    resolution: {integrity: sha512-Bj5H35MD/ebaOV4iDLqPEtiliTN29qkGtEHCwawWn4cYm+bPJM2NsaP30vtZcnERClMzp52J4+aw2UNbK4o+zw==}
 
   ccount@2.0.1:
     resolution: {integrity: sha512-eyrF0jiFpY+3drT6383f1qhkbGsLSifNAjA61IUjZjmLCWjItY6LB9ft9YhoDgwfmclB2zhu51Lc7+95b8NRAg==}
@@ -5224,6 +5198,10 @@ packages:
     resolution: {integrity: sha512-kRGRZw3bLlFISDBgwTSA1TMBFN6J6GWDeubmDE3AF+3+yXL8hTWv8r5rkLbqYXY4RjPk/EzHnClI3zQf1cFmHA==}
     engines: {node: '>= 0.6'}
 
+  content-type@1.0.5:
+    resolution: {integrity: sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==}
+    engines: {node: '>= 0.6'}
+
   conventional-changelog-angular@7.0.0:
     resolution: {integrity: sha512-ROjNchA9LgfNMTTFSIWPzebCwOGFdgkEq45EnvvrmSLvCtAw0HSmrCs7/ty+wAeYUZyNay0YMUNYFTRL72PkBQ==}
     engines: {node: '>=16'}
@@ -5301,10 +5279,17 @@ packages:
     resolution: {integrity: sha512-IQOkD3hbR5KrN93MtcYuad6YPuTSUhntLHDuLEbFWE+ff2/XSZNdZG+LcbbIW5AXKg/WFIfYItIzVoHngHXZzA==}
     engines: {node: '>=12 || >=16'}
 
+  css-select@5.2.2:
+    resolution: {integrity: sha512-TizTzUddG/xYLA3NXodFM0fSbNizXjOKhqiQQwvhlspadZokn1KDy0NZFS0wuEubIYAV5/c1/lAr0TaaFXEXzw==}
+
   css-tree@3.1.0:
     resolution: {integrity: sha512-0eW44TGN5SQXU1mWSkKwFstI/22X2bG1nYzZTYMAWjylYURhse752YgbE4Cx46AC+bAvI+/dYTPRk1LqSUnu6w==}
     engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0}
 
+  css-what@6.2.2:
+    resolution: {integrity: sha512-u/O3vwbptzhMs3L1fQE82ZSLHQQfto5gyZzwteVIEyeaY5Fc7R4dapF/BvRoSYFeqfBk4m0V1Vafq5Pjv25wvA==}
+    engines: {node: '>= 6'}
+
   css.escape@1.5.1:
     resolution: {integrity: sha512-YUifsXXuknHlUsmlgyY0PKzgPOr7/FjCePfHNt0jxm83wHZi44VDMQ7/fGNkjY3/jV1MC+1CmZbaHzugyeRtpg==}
 
@@ -5484,6 +5469,19 @@ packages:
   dom-accessibility-api@0.7.0:
     resolution: {integrity: sha512-LjjdFmd9AITAet3Hy6Y6rwB7Sq1+x5NiwbOpnkLHC1bCXJqJKiV9DyppSSWobuSKvjKXt9G2u3hW402MPt6m+g==}
 
+  dom-serializer@2.0.0:
+    resolution: {integrity: sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==}
+
+  domelementtype@2.3.0:
+    resolution: {integrity: sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==}
+
+  domhandler@5.0.3:
+    resolution: {integrity: sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==}
+    engines: {node: '>= 4'}
+
+  domutils@3.2.2:
+    resolution: {integrity: sha512-6kZKyUajlDuqlHKVX1w7gyslj9MPIXzIFiz/rGu35uC1wMi+kMhQwGhl4lt9unC9Vb9INnY9Z3/ZA3+FhASLaw==}
+
   dot-prop@5.3.0:
     resolution: {integrity: sha512-QM8q3zDe58hqUqjraQOmzZ1LIH9SWQJTlEKCH4kJ2oQvLZk7RbQXvtDM2XEq3fwkV9CCvvH4LA0AV+ogFsBM2Q==}
     engines: {node: '>=8'}
@@ -5518,8 +5516,8 @@ packages:
     engines: {node: '>=0.10.0'}
     hasBin: true
 
-  electron-to-chromium@1.5.240:
-    resolution: {integrity: sha512-OBwbZjWgrCOH+g6uJsA2/7Twpas2OlepS9uvByJjR2datRDuKGYeD+nP8lBBks2qnB7bGJNHDUx7c/YLaT3QMQ==}
+  electron-to-chromium@1.5.244:
+    resolution: {integrity: sha512-OszpBN7xZX4vWMPJwB9illkN/znA8M36GQqQxi6MNy9axWxhOfJyZZJtSLQCpEFLHP2xK33BiWx9aIuIEXVCcw==}
 
   emoji-regex@10.5.0:
     resolution: {integrity: sha512-lb49vf1Xzfx080OKA0o6l8DQQpV+6Vg95zyCJX9VB/BqKYlhG7N4wgROUUHRA+ZPUefLnteQOad7z1kT2bV7bg==}
@@ -5734,8 +5732,8 @@ packages:
     peerDependencies:
       eslint: ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0 || ^9.0.0
 
-  eslint-plugin-react-hooks@6.1.1:
-    resolution: {integrity: sha512-St9EKZzOAQF704nt2oJvAKZHjhrpg25ClQoaAlHmPZuajFldVLqRDW4VBNAS01NzeiQF0m0qhG1ZA807K6aVaQ==}
+  eslint-plugin-react-hooks@7.0.1:
+    resolution: {integrity: sha512-O0d0m04evaNzEPoSW+59Mezf8Qt0InfgGIBJnpC0h3NH/WjUAR7BIKUfysC6todmtiZ/A0oUVS8Gce0WhBrHsA==}
     engines: {node: '>=18'}
     peerDependencies:
       eslint: ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0 || ^9.0.0
@@ -5773,8 +5771,8 @@ packages:
     resolution: {integrity: sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  eslint@9.38.0:
-    resolution: {integrity: sha512-t5aPOpmtJcZcz5UJyY2GbvpDlsK5E8JqRqoKtfiKE3cNh437KIqfJr3A3AKf5k64NPx6d0G3dno6XDY05PqPtw==}
+  eslint@9.39.1:
+    resolution: {integrity: sha512-BhHmn2yNOFA9H9JmmIVKJmd288g9hrVRDkdoIgRCRuSySRUHH7r/DI6aAXW9T1WwUuY3DFgrcaqB+deURBLR5g==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     hasBin: true
     peerDependencies:
@@ -6280,21 +6278,36 @@ packages:
     resolution: {integrity: sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==}
     engines: {node: '>= 0.4'}
 
+  hast-util-embedded@3.0.0:
+    resolution: {integrity: sha512-naH8sld4Pe2ep03qqULEtvYr7EjrLK2QHY8KJR6RJkTUjPGObe1vnx585uzem2hGra+s1q08DZZpfgDVYRbaXA==}
+
   hast-util-from-html@2.0.3:
     resolution: {integrity: sha512-CUSRHXyKjzHov8yKsQjGOElXy/3EKpyX56ELnkHH34vDVw1N1XSQ1ZcAvTyAPtGqLTuKP/uxM+aLkSPqF/EtMw==}
 
   hast-util-from-parse5@8.0.3:
     resolution: {integrity: sha512-3kxEVkEKt0zvcZ3hCRYI8rqrgwtlIOFMWkbclACvjlDw8Li9S2hk/d51OI0nr/gIpdMHNepwgOKqZ/sy0Clpyg==}
 
+  hast-util-has-property@3.0.0:
+    resolution: {integrity: sha512-MNilsvEKLFpV604hwfhVStK0usFY/QmM5zX16bo7EjnAEGofr5YyI37kzopBlZJkHD4t887i+q/C8/tr5Q94cA==}
+
   hast-util-heading-rank@3.0.0:
     resolution: {integrity: sha512-EJKb8oMUXVHcWZTDepnr+WNbfnXKFNf9duMesmr4S8SXTJBJ9M4Yok08pu9vxdJwdlGRhVumk9mEhkEvKGifwA==}
 
+  hast-util-is-body-ok-link@3.0.1:
+    resolution: {integrity: sha512-0qpnzOBLztXHbHQenVB8uNuxTnm/QBFUOmdOSsEn7GnBtyY07+ENTWVFBAnXd/zEgd9/SUG3lRY7hSIBWRgGpQ==}
+
   hast-util-is-element@3.0.0:
     resolution: {integrity: sha512-Val9mnv2IWpLbNPqc/pUem+a7Ipj2aHacCwgNfTiK0vJKl0LF+4Ba4+v1oPHFpf3bLYmreq0/l3Gud9S5OH42g==}
 
+  hast-util-minify-whitespace@1.0.1:
+    resolution: {integrity: sha512-L96fPOVpnclQE0xzdWb/D12VT5FabA7SnZOUMtL1DbXmYiHJMXZvFkIZfiMmTCNJHUeO2K9UYNXoVyfz+QHuOw==}
+
   hast-util-parse-selector@4.0.0:
     resolution: {integrity: sha512-wkQCkSYoOGCRKERFWcxMVMOcYE2K1AaNLU8DXS9arxnLOUEWbOXKXiJUNzEpqZ3JOKpnha3jkFrumEjVliDe7A==}
 
+  hast-util-phrasing@3.0.1:
+    resolution: {integrity: sha512-6h60VfI3uBQUxHqTyMymMZnEbNl1XmEGtOxxKYL7stY2o601COo62AWAYBQR9lZbYXYSBoxag8UpPRXK+9fqSQ==}
+
   hast-util-to-estree@3.1.3:
     resolution: {integrity: sha512-48+B/rJWAp0jamNbAAf9M7Uf//UVqAoMmgXhBdxTDJLGKY+LRnZ99qcG+Qjl5HfMpYNzS5v4EAwVEF34LeAj7w==}
 
@@ -6304,6 +6317,9 @@ packages:
   hast-util-to-jsx-runtime@2.3.6:
     resolution: {integrity: sha512-zl6s8LwNyo1P9uw+XJGvZtdFF1GdAkOg8ujOw+4Pyb76874fLps4ueHXDhXWdk6YHQ6OgUtinliG7RsYvCbbBg==}
 
+  hast-util-to-mdast@10.1.2:
+    resolution: {integrity: sha512-FiCRI7NmOvM4y+f5w32jPRzcxDIz+PUqDwEqn1A+1q2cdp3B8Gx7aVrXORdOKjMNDQsD1ogOr896+0jJHW1EFQ==}
+
   hast-util-to-string@3.0.1:
     resolution: {integrity: sha512-XelQVTDWvqcl3axRfI0xSeoVKzyIFPwsAGSLIsKdJKQMXDYJS4WYrBNF/8J7RdhIcFI2BOHgAifggsvsxp/3+A==}
 
@@ -6597,6 +6613,10 @@ packages:
     resolution: {integrity: sha512-drqDG3cbczxxEJRoOXcOjtdp1J/lyp1mNn0xaznRs8+muBhgQcrnbspox5X5fOw0HnMnbfDzvnEMEtqDEJEo8w==}
     engines: {node: '>=8'}
 
+  is-path-inside@3.0.3:
+    resolution: {integrity: sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==}
+    engines: {node: '>=8'}
+
   is-plain-obj@1.1.0:
     resolution: {integrity: sha512-yvkRyxmFKEOQ4pNXCmJG5AEQNlXJS5LaONXo5/cLdTZdWvsZ1ioJEonLGAosKlMWE8lwUy/bJzMjcw8az73+Fg==}
     engines: {node: '>=0.10.0'}
@@ -7383,6 +7403,10 @@ packages:
     resolution: {integrity: sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==}
     engines: {node: '>= 0.6'}
 
+  mime-types@3.0.1:
+    resolution: {integrity: sha512-xRc4oEhT6eaBpU1XF7AjpOFD+xQmXNB5OVKwp4tqCuBpHLS/ZbBDrc07mYTDqVMg6PfxUjjNp85O6Cd2Z/5HWA==}
+    engines: {node: '>= 0.6'}
+
   mimic-fn@2.1.0:
     resolution: {integrity: sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==}
     engines: {node: '>=6'}
@@ -7395,8 +7419,8 @@ packages:
     resolution: {integrity: sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==}
     engines: {node: '>=4'}
 
-  minimatch@10.0.3:
-    resolution: {integrity: sha512-IPZ167aShDZZUMdRk66cyQAW3qr0WzbHkPdMYa8bzZhlHhO3jALbKdxcaak7W9FfT2rZNpQuUu4Od7ILEpXSaw==}
+  minimatch@10.1.1:
+    resolution: {integrity: sha512-enIvLvRAFZYXJzkCYG5RKmPfrFArdLv+R+lbQ53BmIMLIry74bjKzX6iHAm8WYamJkhSSEabrWN5D97XnKObjQ==}
     engines: {node: 20 || >=22}
 
   minimatch@3.0.5:
@@ -7481,8 +7505,8 @@ packages:
     engines: {node: '>=10'}
     hasBin: true
 
-  mocha@11.7.2:
-    resolution: {integrity: sha512-lkqVJPmqqG/w5jmmFtiRvtA2jkDyNVUcefFJKb2uyX4dekk8Okgqop3cgbFiaIvj8uCRJVTP5x9dfxGyXm2jvQ==}
+  mocha@11.7.4:
+    resolution: {integrity: sha512-1jYAaY8x0kAZ0XszLWu14pzsf4KV740Gld4HXkhNTXwcHx4AUEDkPzgEHg9CM5dVcW+zv036tjpsEbLraPJj4w==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     hasBin: true
 
@@ -7592,11 +7616,14 @@ packages:
     engines: {node: ^18.17.0 || >=20.5.0}
     hasBin: true
 
+  node-html-parser@7.0.1:
+    resolution: {integrity: sha512-KGtmPY2kS0thCWGK0VuPyOS+pBKhhe8gXztzA2ilAOhbUbxa9homF1bOyKvhGzMLXUoRds9IOmr/v5lr/lqNmA==}
+
   node-machine-id@1.1.12:
     resolution: {integrity: sha512-QNABxbrPa3qEIfrE6GOJ7BYIuignnJw7iQ2YPbc3Nla1HzRJjXzZOiikfF8m7eAMfichLt3M4VgLOetqgDmgGQ==}
 
-  node-releases@2.0.26:
-    resolution: {integrity: sha512-S2M9YimhSjBSvYnlr5/+umAnPHE++ODwt5e2Ij6FoX45HA/s4vHdkDx1eax2pAPeAOqu4s9b7ppahsyEFdVqQA==}
+  node-releases@2.0.27:
+    resolution: {integrity: sha512-nmh3lCkYZ3grZvqcCH+fjmQ7X+H0OeZgP40OierEaAptX4XofMh5kwNbWh7lBduUzCcV/8kZ+NDLCwm2iorIlA==}
 
   nopt@8.1.0:
     resolution: {integrity: sha512-ieGu42u/Qsa4TFktmaKEwM6MQH0pOWnaB3htzh0JRtx84+Mebc0cbZYN5bC+6WTZ4+77xrL9Pn5m7CV6VIkV7A==}
@@ -7662,11 +7689,14 @@ packages:
     resolution: {integrity: sha512-9qny7Z9DsQU8Ou39ERsPU4OZQlSTP47ShQzuKZ6PRXpYLtIFgl/DEBYEXKlvcEa+9tHVcK8CF81Y2V72qaZhWA==}
     engines: {node: '>=18'}
 
+  nth-check@2.1.1:
+    resolution: {integrity: sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==}
+
   nwsapi@2.2.21:
     resolution: {integrity: sha512-o6nIY3qwiSXl7/LuOU0Dmuctd34Yay0yeuZRLFmDPrrdHpXKFndPj3hM+YEPVHYC5fx2otBx4Ilc/gyYSAUaIA==}
 
-  nx@21.6.6:
-    resolution: {integrity: sha512-KybewPwpU+8Vdqd6xwSh5sWlsXTGs9a2L7np+rsTTBQvNshNHl1R1nRExRB1L50od0wnnBm/5A2BB0jvO10IWw==}
+  nx@21.6.8:
+    resolution: {integrity: sha512-NilGEk1Cngs3Se9JW+f9cDeN6RBvmABhpEtgMvOK8RAAZszq6B380oCzKcQljhnrbQ6+v6j/Vb7hBPTCvXb0Ng==}
     hasBin: true
     peerDependencies:
       '@swc-node/register': ^1.8.0
@@ -7745,8 +7775,8 @@ packages:
     resolution: {integrity: sha512-7x81NCL719oNbsq/3mh+hVrAWmFuEYUqrq/Iw3kUzH8ReypT9QQ0BLoJS7/G9k6N81XjW4qHWtjWwe/9eLy1EQ==}
     engines: {node: '>=12'}
 
-  openapi-fetch@0.14.1:
-    resolution: {integrity: sha512-l7RarRHxlEZYjMLd/PR0slfMVse2/vvIAGm75/F7J6MlQ8/b9uUQmUF2kCPrQhJqMXSxmYWObVgeYXbFYzZR+A==}
+  openapi-fetch@0.15.0:
+    resolution: {integrity: sha512-OjQUdi61WO4HYhr9+byCPMj0+bgste/LtSBEcV6FzDdONTs7x0fWn8/ndoYwzqCsKWIxEZwo4FN/TG1c1rI8IQ==}
 
   openapi-typescript-helpers@0.0.15:
     resolution: {integrity: sha512-opyTPaunsklCBpTK8JGef6mfPhLSnyy5a0IN9vKtx3+4aExf+KxEqYwIy3hqkedXIB97u357uLMJsOnm3GVjsw==}
@@ -8112,6 +8142,9 @@ packages:
   prop-types@15.8.1:
     resolution: {integrity: sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==}
 
+  proper-lockfile@4.1.2:
+    resolution: {integrity: sha512-TjNPblN4BwAWMXU8s9AEz4JmQxnD1NNL7bNOY/AKUzyamc379FWASUhc/K1pL2noVb+XmZKLL68cjzLsiOAMaA==}
+
   property-information@7.1.0:
     resolution: {integrity: sha512-TwEZ+X+yCJmYfL7TPUOcvBZ4QfoT5YenQiJuX//0th53DE6w0xxLEtfK3iyryQFddXuvkIk51EEgrJQ0WJkOmQ==}
 
@@ -8223,8 +8256,8 @@ packages:
       '@types/react':
         optional: true
 
-  react-router@7.9.4:
-    resolution: {integrity: sha512-SD3G8HKviFHg9xj7dNODUKDFgpG4xqD5nhyd0mYoB5iISepuZAvzSr8ywxgxKJ52yRzf/HWtVHc9AWwoTbljvA==}
+  react-router@7.9.5:
+    resolution: {integrity: sha512-JmxqrnBZ6E9hWmf02jzNn9Jm3UqyeimyiwzD69NjxGySG6lIz/1LVPsoTCwN7NBX2XjCEa1LIX5EMz1j2b6u6A==}
     engines: {node: '>=20.0.0'}
     peerDependencies:
       react: '>=18'
@@ -8364,6 +8397,9 @@ packages:
     resolution: {integrity: sha512-cnE+y8bz4NhMjISKbgeVJtqNbtf5QpjZP+Bslo+UqkIt9QPnX9q095eiRRASJG1/tz6dlNr6Z5NsBiWYokp6EQ==}
     hasBin: true
 
+  rehype-minify-whitespace@6.0.2:
+    resolution: {integrity: sha512-Zk0pyQ06A3Lyxhe9vGtOtzz3Z0+qZ5+7icZ/PL/2x1SHPbKao5oB/g/rlc6BCTajqBb33JcOe71Ye1oFsuYbnw==}
+
   rehype-parse@9.0.1:
     resolution: {integrity: sha512-ksCzCD0Fgfh7trPDxr2rSylbwq9iYDkSn8TCDmEJ49ljEUBxDVCzCHv7QNzZOfODanX4+bWQ4WZqLCRWYLfhag==}
 
@@ -8376,6 +8412,9 @@ packages:
   rehype-recma@1.0.0:
     resolution: {integrity: sha512-lqA4rGUf1JmacCNWWZx0Wv1dHqMwxzsDWYMTowuplHF3xH0N/MmrZ/G3BDZnzAkRmxDadujCjaKM2hqYdCBOGw==}
 
+  rehype-remark@10.0.1:
+    resolution: {integrity: sha512-EmDndlb5NVwXGfUa4c9GPK+lXeItTilLhE6ADSaQuHr4JUlKw9MidzGzx4HpqZrNCt6vnHmEifXQiiA+CEnjYQ==}
+
   remark-frontmatter@5.0.0:
     resolution: {integrity: sha512-XTFYvNASMe5iPN0719nPrdItC9aU0ssC4v14mH1BCi1u0n1gAocqcujWUrByftZTbLhRtiKRyjYTSIOcr69UVQ==}
 
@@ -8437,8 +8476,8 @@ packages:
     resolution: {integrity: sha512-OcXjMsGdhL4XnbShKpAcSqPMzQoYkYyhbEaeSko47MjRP9NfEQMhZkXL1DoFlt9LWQn4YttrdnV6X2OiyzBi+A==}
     engines: {node: '>=10'}
 
-  resolve@1.22.10:
-    resolution: {integrity: sha512-NPRy+/ncIMeDlTAsuqwKIiferiawhefFJtkNSW0qZJEqMEb+qBt/77B/jGeeek+F0uOeN05CDa6HXbbIgtVX4w==}
+  resolve@1.22.11:
+    resolution: {integrity: sha512-RfqAvLnMl313r7c9oclB1HhUEAezcpLjz95wFH4LVuhk9JF/r22qmVP9AMmOU4vMX7Q8pN8jwNg/CSpdFnMjTQ==}
     engines: {node: '>= 0.4'}
     hasBin: true
 
@@ -9085,6 +9124,9 @@ packages:
     resolution: {integrity: sha512-c1PTsA3tYrIsLGkJkzHF+w9F2EyxfXGo4UyJc4pFL++FMjnq0HJS69T3M7d//gKrFKwy429bouPescbjecU+Zw==}
     engines: {node: '>=8'}
 
+  trim-trailing-lines@2.1.0:
+    resolution: {integrity: sha512-5UR5Biq4VlVOtzqkm2AZlgvSlDJtME46uV0br0gENbwN4l5+mMKT4b9gJKqWtuL2zAIqajGJGuvbCbcAJUZqBg==}
+
   trough@2.2.0:
     resolution: {integrity: sha512-tmMpK00BjZiUyVyvrBK7knerNgmgvcV/KLVyuma/SC+TQN167GrMRciANTz09+k3zW8L8t60jWO1GpfkZdjTaw==}
 
@@ -9168,14 +9210,14 @@ packages:
   typedarray@0.0.6:
     resolution: {integrity: sha512-/aCDEGatGvZ2BIk+HmLf4ifCJFwvKFNb9/JeZPMulfgFracn9QFcAf5GO8B/mweUjSoblS5In0cWhqpfs/5PQA==}
 
-  typescript-api-extractor@1.0.0-alpha.9:
-    resolution: {integrity: sha512-ZGnWrJakEV7J3g9ylJv8AXNq+mKkUXcKM/1jJNWcsVWcjD+g+eHCqmrSA7XJmNp76rSyMEq+qPpVYYttnDIF7Q==}
+  typescript-api-extractor@1.0.0-alpha.8:
+    resolution: {integrity: sha512-xYxfwZJY69gIHSsfBxTmHj2ezXZe6DYV6NA5uLjvjHbW4f3pQ4ad7M0uiWXMC/rBx+rrx84UNxvn9HD4ZBlquw==}
     engines: {node: '>=22'}
     peerDependencies:
       typescript: ^5.8
 
-  typescript-eslint@8.46.2:
-    resolution: {integrity: sha512-vbw8bOmiuYNdzzV3lsiWv6sRwjyuKJMQqWulBOU7M0RrxedXledX8G8kBbQeiOYDnTfiXz0Y4081E1QMNB6iQg==}
+  typescript-eslint@8.46.3:
+    resolution: {integrity: sha512-bAfgMavTuGo+8n6/QQDVQz4tZ4f7Soqg53RbrlZQEoAltYop/XR4RAts/I0BrO3TTClTSTFJ0wYbla+P8cEWJA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0
@@ -9750,26 +9792,27 @@ snapshots:
       typescript: 5.6.1-rc
       validate-npm-package-name: 5.0.1
 
-  '@argos-ci/api-client@0.12.0':
+  '@argos-ci/api-client@0.14.0':
     dependencies:
       debug: 4.4.3(supports-color@8.1.1)
-      openapi-fetch: 0.14.1
+      openapi-fetch: 0.15.0
     transitivePeerDependencies:
       - supports-color
 
-  '@argos-ci/core@4.2.0':
+  '@argos-ci/core@4.5.0':
     dependencies:
-      '@argos-ci/api-client': 0.12.0
-      '@argos-ci/util': 3.1.1
+      '@argos-ci/api-client': 0.14.0
+      '@argos-ci/util': 3.2.0
       convict: 6.2.4
       debug: 4.4.3(supports-color@8.1.1)
       fast-glob: 3.3.3
+      mime-types: 3.0.1
       sharp: 0.34.4
       tmp: 0.2.5
     transitivePeerDependencies:
       - supports-color
 
-  '@argos-ci/util@3.1.1': {}
+  '@argos-ci/util@3.2.0': {}
 
   '@asamuzakjp/css-color@3.2.0':
     dependencies:
@@ -9782,20 +9825,20 @@ snapshots:
   '@aws-crypto/crc32@5.2.0':
     dependencies:
       '@aws-crypto/util': 5.2.0
-      '@aws-sdk/types': 3.914.0
+      '@aws-sdk/types': 3.922.0
       tslib: 2.8.1
 
   '@aws-crypto/crc32c@5.2.0':
     dependencies:
       '@aws-crypto/util': 5.2.0
-      '@aws-sdk/types': 3.914.0
+      '@aws-sdk/types': 3.922.0
       tslib: 2.8.1
 
   '@aws-crypto/sha1-browser@5.2.0':
     dependencies:
       '@aws-crypto/supports-web-crypto': 5.2.0
       '@aws-crypto/util': 5.2.0
-      '@aws-sdk/types': 3.914.0
+      '@aws-sdk/types': 3.922.0
       '@aws-sdk/util-locate-window': 3.873.0
       '@smithy/util-utf8': 2.3.0
       tslib: 2.8.1
@@ -9805,7 +9848,7 @@ snapshots:
       '@aws-crypto/sha256-js': 5.2.0
       '@aws-crypto/supports-web-crypto': 5.2.0
       '@aws-crypto/util': 5.2.0
-      '@aws-sdk/types': 3.914.0
+      '@aws-sdk/types': 3.922.0
       '@aws-sdk/util-locate-window': 3.873.0
       '@smithy/util-utf8': 2.3.0
       tslib: 2.8.1
@@ -9813,7 +9856,7 @@ snapshots:
   '@aws-crypto/sha256-js@5.2.0':
     dependencies:
       '@aws-crypto/util': 5.2.0
-      '@aws-sdk/types': 3.914.0
+      '@aws-sdk/types': 3.922.0
       tslib: 2.8.1
 
   '@aws-crypto/supports-web-crypto@5.2.0':
@@ -9822,553 +9865,507 @@ snapshots:
 
   '@aws-crypto/util@5.2.0':
     dependencies:
-      '@aws-sdk/types': 3.914.0
+      '@aws-sdk/types': 3.922.0
       '@smithy/util-utf8': 2.3.0
       tslib: 2.8.1
 
-  '@aws-sdk/client-cognito-identity@3.916.0':
+  '@aws-sdk/client-cognito-identity@3.922.0':
     dependencies:
       '@aws-crypto/sha256-browser': 5.2.0
       '@aws-crypto/sha256-js': 5.2.0
-      '@aws-sdk/core': 3.916.0
-      '@aws-sdk/credential-provider-node': 3.916.0
-      '@aws-sdk/middleware-host-header': 3.914.0
-      '@aws-sdk/middleware-logger': 3.914.0
-      '@aws-sdk/middleware-recursion-detection': 3.914.0
-      '@aws-sdk/middleware-user-agent': 3.916.0
-      '@aws-sdk/region-config-resolver': 3.914.0
-      '@aws-sdk/types': 3.914.0
-      '@aws-sdk/util-endpoints': 3.916.0
-      '@aws-sdk/util-user-agent-browser': 3.914.0
-      '@aws-sdk/util-user-agent-node': 3.916.0
-      '@smithy/config-resolver': 4.4.0
-      '@smithy/core': 3.17.1
-      '@smithy/fetch-http-handler': 5.3.4
-      '@smithy/hash-node': 4.2.3
-      '@smithy/invalid-dependency': 4.2.3
-      '@smithy/middleware-content-length': 4.2.3
-      '@smithy/middleware-endpoint': 4.3.5
-      '@smithy/middleware-retry': 4.4.5
-      '@smithy/middleware-serde': 4.2.3
-      '@smithy/middleware-stack': 4.2.3
-      '@smithy/node-config-provider': 4.3.3
-      '@smithy/node-http-handler': 4.4.3
-      '@smithy/protocol-http': 5.3.3
-      '@smithy/smithy-client': 4.9.1
-      '@smithy/types': 4.8.0
-      '@smithy/url-parser': 4.2.3
+      '@aws-sdk/core': 3.922.0
+      '@aws-sdk/credential-provider-node': 3.922.0
+      '@aws-sdk/middleware-host-header': 3.922.0
+      '@aws-sdk/middleware-logger': 3.922.0
+      '@aws-sdk/middleware-recursion-detection': 3.922.0
+      '@aws-sdk/middleware-user-agent': 3.922.0
+      '@aws-sdk/region-config-resolver': 3.922.0
+      '@aws-sdk/types': 3.922.0
+      '@aws-sdk/util-endpoints': 3.922.0
+      '@aws-sdk/util-user-agent-browser': 3.922.0
+      '@aws-sdk/util-user-agent-node': 3.922.0
+      '@smithy/config-resolver': 4.4.2
+      '@smithy/core': 3.17.2
+      '@smithy/fetch-http-handler': 5.3.5
+      '@smithy/hash-node': 4.2.4
+      '@smithy/invalid-dependency': 4.2.4
+      '@smithy/middleware-content-length': 4.2.4
+      '@smithy/middleware-endpoint': 4.3.6
+      '@smithy/middleware-retry': 4.4.6
+      '@smithy/middleware-serde': 4.2.4
+      '@smithy/middleware-stack': 4.2.4
+      '@smithy/node-config-provider': 4.3.4
+      '@smithy/node-http-handler': 4.4.4
+      '@smithy/protocol-http': 5.3.4
+      '@smithy/smithy-client': 4.9.2
+      '@smithy/types': 4.8.1
+      '@smithy/url-parser': 4.2.4
       '@smithy/util-base64': 4.3.0
       '@smithy/util-body-length-browser': 4.2.0
       '@smithy/util-body-length-node': 4.2.1
-      '@smithy/util-defaults-mode-browser': 4.3.4
-      '@smithy/util-defaults-mode-node': 4.2.6
-      '@smithy/util-endpoints': 3.2.3
-      '@smithy/util-middleware': 4.2.3
-      '@smithy/util-retry': 4.2.3
+      '@smithy/util-defaults-mode-browser': 4.3.5
+      '@smithy/util-defaults-mode-node': 4.2.8
+      '@smithy/util-endpoints': 3.2.4
+      '@smithy/util-middleware': 4.2.4
+      '@smithy/util-retry': 4.2.4
       '@smithy/util-utf8': 4.2.0
       tslib: 2.8.1
     transitivePeerDependencies:
       - aws-crt
 
-  '@aws-sdk/client-s3@3.917.0':
+  '@aws-sdk/client-s3@3.922.0':
     dependencies:
       '@aws-crypto/sha1-browser': 5.2.0
       '@aws-crypto/sha256-browser': 5.2.0
       '@aws-crypto/sha256-js': 5.2.0
-      '@aws-sdk/core': 3.916.0
-      '@aws-sdk/credential-provider-node': 3.917.0
-      '@aws-sdk/middleware-bucket-endpoint': 3.914.0
-      '@aws-sdk/middleware-expect-continue': 3.917.0
-      '@aws-sdk/middleware-flexible-checksums': 3.916.0
-      '@aws-sdk/middleware-host-header': 3.914.0
-      '@aws-sdk/middleware-location-constraint': 3.914.0
-      '@aws-sdk/middleware-logger': 3.914.0
-      '@aws-sdk/middleware-recursion-detection': 3.914.0
-      '@aws-sdk/middleware-sdk-s3': 3.916.0
-      '@aws-sdk/middleware-ssec': 3.914.0
-      '@aws-sdk/middleware-user-agent': 3.916.0
-      '@aws-sdk/region-config-resolver': 3.914.0
-      '@aws-sdk/signature-v4-multi-region': 3.916.0
-      '@aws-sdk/types': 3.914.0
-      '@aws-sdk/util-endpoints': 3.916.0
-      '@aws-sdk/util-user-agent-browser': 3.914.0
-      '@aws-sdk/util-user-agent-node': 3.916.0
-      '@aws-sdk/xml-builder': 3.914.0
-      '@smithy/config-resolver': 4.4.0
-      '@smithy/core': 3.17.1
-      '@smithy/eventstream-serde-browser': 4.2.3
-      '@smithy/eventstream-serde-config-resolver': 4.3.3
-      '@smithy/eventstream-serde-node': 4.2.3
-      '@smithy/fetch-http-handler': 5.3.4
-      '@smithy/hash-blob-browser': 4.2.4
-      '@smithy/hash-node': 4.2.3
-      '@smithy/hash-stream-node': 4.2.3
-      '@smithy/invalid-dependency': 4.2.3
-      '@smithy/md5-js': 4.2.3
-      '@smithy/middleware-content-length': 4.2.3
-      '@smithy/middleware-endpoint': 4.3.5
-      '@smithy/middleware-retry': 4.4.5
-      '@smithy/middleware-serde': 4.2.3
-      '@smithy/middleware-stack': 4.2.3
-      '@smithy/node-config-provider': 4.3.3
-      '@smithy/node-http-handler': 4.4.3
-      '@smithy/protocol-http': 5.3.3
-      '@smithy/smithy-client': 4.9.1
-      '@smithy/types': 4.8.0
-      '@smithy/url-parser': 4.2.3
+      '@aws-sdk/core': 3.922.0
+      '@aws-sdk/credential-provider-node': 3.922.0
+      '@aws-sdk/middleware-bucket-endpoint': 3.922.0
+      '@aws-sdk/middleware-expect-continue': 3.922.0
+      '@aws-sdk/middleware-flexible-checksums': 3.922.0
+      '@aws-sdk/middleware-host-header': 3.922.0
+      '@aws-sdk/middleware-location-constraint': 3.922.0
+      '@aws-sdk/middleware-logger': 3.922.0
+      '@aws-sdk/middleware-recursion-detection': 3.922.0
+      '@aws-sdk/middleware-sdk-s3': 3.922.0
+      '@aws-sdk/middleware-ssec': 3.922.0
+      '@aws-sdk/middleware-user-agent': 3.922.0
+      '@aws-sdk/region-config-resolver': 3.922.0
+      '@aws-sdk/signature-v4-multi-region': 3.922.0
+      '@aws-sdk/types': 3.922.0
+      '@aws-sdk/util-endpoints': 3.922.0
+      '@aws-sdk/util-user-agent-browser': 3.922.0
+      '@aws-sdk/util-user-agent-node': 3.922.0
+      '@aws-sdk/xml-builder': 3.921.0
+      '@smithy/config-resolver': 4.4.2
+      '@smithy/core': 3.17.2
+      '@smithy/eventstream-serde-browser': 4.2.4
+      '@smithy/eventstream-serde-config-resolver': 4.3.4
+      '@smithy/eventstream-serde-node': 4.2.4
+      '@smithy/fetch-http-handler': 5.3.5
+      '@smithy/hash-blob-browser': 4.2.5
+      '@smithy/hash-node': 4.2.4
+      '@smithy/hash-stream-node': 4.2.4
+      '@smithy/invalid-dependency': 4.2.4
+      '@smithy/md5-js': 4.2.4
+      '@smithy/middleware-content-length': 4.2.4
+      '@smithy/middleware-endpoint': 4.3.6
+      '@smithy/middleware-retry': 4.4.6
+      '@smithy/middleware-serde': 4.2.4
+      '@smithy/middleware-stack': 4.2.4
+      '@smithy/node-config-provider': 4.3.4
+      '@smithy/node-http-handler': 4.4.4
+      '@smithy/protocol-http': 5.3.4
+      '@smithy/smithy-client': 4.9.2
+      '@smithy/types': 4.8.1
+      '@smithy/url-parser': 4.2.4
       '@smithy/util-base64': 4.3.0
       '@smithy/util-body-length-browser': 4.2.0
       '@smithy/util-body-length-node': 4.2.1
-      '@smithy/util-defaults-mode-browser': 4.3.4
-      '@smithy/util-defaults-mode-node': 4.2.6
-      '@smithy/util-endpoints': 3.2.3
-      '@smithy/util-middleware': 4.2.3
-      '@smithy/util-retry': 4.2.3
-      '@smithy/util-stream': 4.5.4
+      '@smithy/util-defaults-mode-browser': 4.3.5
+      '@smithy/util-defaults-mode-node': 4.2.8
+      '@smithy/util-endpoints': 3.2.4
+      '@smithy/util-middleware': 4.2.4
+      '@smithy/util-retry': 4.2.4
+      '@smithy/util-stream': 4.5.5
       '@smithy/util-utf8': 4.2.0
-      '@smithy/util-waiter': 4.2.3
+      '@smithy/util-waiter': 4.2.4
       '@smithy/uuid': 1.1.0
       tslib: 2.8.1
     transitivePeerDependencies:
       - aws-crt
 
-  '@aws-sdk/client-sso@3.916.0':
+  '@aws-sdk/client-sso@3.922.0':
     dependencies:
       '@aws-crypto/sha256-browser': 5.2.0
       '@aws-crypto/sha256-js': 5.2.0
-      '@aws-sdk/core': 3.916.0
-      '@aws-sdk/middleware-host-header': 3.914.0
-      '@aws-sdk/middleware-logger': 3.914.0
-      '@aws-sdk/middleware-recursion-detection': 3.914.0
-      '@aws-sdk/middleware-user-agent': 3.916.0
-      '@aws-sdk/region-config-resolver': 3.914.0
-      '@aws-sdk/types': 3.914.0
-      '@aws-sdk/util-endpoints': 3.916.0
-      '@aws-sdk/util-user-agent-browser': 3.914.0
-      '@aws-sdk/util-user-agent-node': 3.916.0
-      '@smithy/config-resolver': 4.4.0
-      '@smithy/core': 3.17.1
-      '@smithy/fetch-http-handler': 5.3.4
-      '@smithy/hash-node': 4.2.3
-      '@smithy/invalid-dependency': 4.2.3
-      '@smithy/middleware-content-length': 4.2.3
-      '@smithy/middleware-endpoint': 4.3.5
-      '@smithy/middleware-retry': 4.4.5
-      '@smithy/middleware-serde': 4.2.3
-      '@smithy/middleware-stack': 4.2.3
-      '@smithy/node-config-provider': 4.3.3
-      '@smithy/node-http-handler': 4.4.3
-      '@smithy/protocol-http': 5.3.3
-      '@smithy/smithy-client': 4.9.1
-      '@smithy/types': 4.8.0
-      '@smithy/url-parser': 4.2.3
+      '@aws-sdk/core': 3.922.0
+      '@aws-sdk/middleware-host-header': 3.922.0
+      '@aws-sdk/middleware-logger': 3.922.0
+      '@aws-sdk/middleware-recursion-detection': 3.922.0
+      '@aws-sdk/middleware-user-agent': 3.922.0
+      '@aws-sdk/region-config-resolver': 3.922.0
+      '@aws-sdk/types': 3.922.0
+      '@aws-sdk/util-endpoints': 3.922.0
+      '@aws-sdk/util-user-agent-browser': 3.922.0
+      '@aws-sdk/util-user-agent-node': 3.922.0
+      '@smithy/config-resolver': 4.4.2
+      '@smithy/core': 3.17.2
+      '@smithy/fetch-http-handler': 5.3.5
+      '@smithy/hash-node': 4.2.4
+      '@smithy/invalid-dependency': 4.2.4
+      '@smithy/middleware-content-length': 4.2.4
+      '@smithy/middleware-endpoint': 4.3.6
+      '@smithy/middleware-retry': 4.4.6
+      '@smithy/middleware-serde': 4.2.4
+      '@smithy/middleware-stack': 4.2.4
+      '@smithy/node-config-provider': 4.3.4
+      '@smithy/node-http-handler': 4.4.4
+      '@smithy/protocol-http': 5.3.4
+      '@smithy/smithy-client': 4.9.2
+      '@smithy/types': 4.8.1
+      '@smithy/url-parser': 4.2.4
       '@smithy/util-base64': 4.3.0
       '@smithy/util-body-length-browser': 4.2.0
       '@smithy/util-body-length-node': 4.2.1
-      '@smithy/util-defaults-mode-browser': 4.3.4
-      '@smithy/util-defaults-mode-node': 4.2.6
-      '@smithy/util-endpoints': 3.2.3
-      '@smithy/util-middleware': 4.2.3
-      '@smithy/util-retry': 4.2.3
+      '@smithy/util-defaults-mode-browser': 4.3.5
+      '@smithy/util-defaults-mode-node': 4.2.8
+      '@smithy/util-endpoints': 3.2.4
+      '@smithy/util-middleware': 4.2.4
+      '@smithy/util-retry': 4.2.4
       '@smithy/util-utf8': 4.2.0
       tslib: 2.8.1
     transitivePeerDependencies:
       - aws-crt
 
-  '@aws-sdk/core@3.916.0':
-    dependencies:
-      '@aws-sdk/types': 3.914.0
-      '@aws-sdk/xml-builder': 3.914.0
-      '@smithy/core': 3.17.1
-      '@smithy/node-config-provider': 4.3.3
-      '@smithy/property-provider': 4.2.3
-      '@smithy/protocol-http': 5.3.3
-      '@smithy/signature-v4': 5.3.3
-      '@smithy/smithy-client': 4.9.1
-      '@smithy/types': 4.8.0
+  '@aws-sdk/core@3.922.0':
+    dependencies:
+      '@aws-sdk/types': 3.922.0
+      '@aws-sdk/xml-builder': 3.921.0
+      '@smithy/core': 3.17.2
+      '@smithy/node-config-provider': 4.3.4
+      '@smithy/property-provider': 4.2.4
+      '@smithy/protocol-http': 5.3.4
+      '@smithy/signature-v4': 5.3.4
+      '@smithy/smithy-client': 4.9.2
+      '@smithy/types': 4.8.1
       '@smithy/util-base64': 4.3.0
-      '@smithy/util-middleware': 4.2.3
+      '@smithy/util-middleware': 4.2.4
       '@smithy/util-utf8': 4.2.0
       tslib: 2.8.1
 
-  '@aws-sdk/credential-provider-cognito-identity@3.916.0':
+  '@aws-sdk/credential-provider-cognito-identity@3.922.0':
     dependencies:
-      '@aws-sdk/client-cognito-identity': 3.916.0
-      '@aws-sdk/types': 3.914.0
-      '@smithy/property-provider': 4.2.3
-      '@smithy/types': 4.8.0
+      '@aws-sdk/client-cognito-identity': 3.922.0
+      '@aws-sdk/types': 3.922.0
+      '@smithy/property-provider': 4.2.4
+      '@smithy/types': 4.8.1
       tslib: 2.8.1
     transitivePeerDependencies:
       - aws-crt
 
-  '@aws-sdk/credential-provider-env@3.916.0':
+  '@aws-sdk/credential-provider-env@3.922.0':
     dependencies:
-      '@aws-sdk/core': 3.916.0
-      '@aws-sdk/types': 3.914.0
-      '@smithy/property-provider': 4.2.3
-      '@smithy/types': 4.8.0
-      tslib: 2.8.1
-
-  '@aws-sdk/credential-provider-http@3.916.0':
-    dependencies:
-      '@aws-sdk/core': 3.916.0
-      '@aws-sdk/types': 3.914.0
-      '@smithy/fetch-http-handler': 5.3.4
-      '@smithy/node-http-handler': 4.4.3
-      '@smithy/property-provider': 4.2.3
-      '@smithy/protocol-http': 5.3.3
-      '@smithy/smithy-client': 4.9.1
-      '@smithy/types': 4.8.0
-      '@smithy/util-stream': 4.5.4
-      tslib: 2.8.1
-
-  '@aws-sdk/credential-provider-ini@3.916.0':
-    dependencies:
-      '@aws-sdk/core': 3.916.0
-      '@aws-sdk/credential-provider-env': 3.916.0
-      '@aws-sdk/credential-provider-http': 3.916.0
-      '@aws-sdk/credential-provider-process': 3.916.0
-      '@aws-sdk/credential-provider-sso': 3.916.0
-      '@aws-sdk/credential-provider-web-identity': 3.916.0
-      '@aws-sdk/nested-clients': 3.916.0
-      '@aws-sdk/types': 3.914.0
-      '@smithy/credential-provider-imds': 4.2.3
-      '@smithy/property-provider': 4.2.3
-      '@smithy/shared-ini-file-loader': 4.3.3
-      '@smithy/types': 4.8.0
+      '@aws-sdk/core': 3.922.0
+      '@aws-sdk/types': 3.922.0
+      '@smithy/property-provider': 4.2.4
+      '@smithy/types': 4.8.1
       tslib: 2.8.1
-    transitivePeerDependencies:
-      - aws-crt
 
-  '@aws-sdk/credential-provider-ini@3.917.0':
-    dependencies:
-      '@aws-sdk/core': 3.916.0
-      '@aws-sdk/credential-provider-env': 3.916.0
-      '@aws-sdk/credential-provider-http': 3.916.0
-      '@aws-sdk/credential-provider-process': 3.916.0
-      '@aws-sdk/credential-provider-sso': 3.916.0
-      '@aws-sdk/credential-provider-web-identity': 3.917.0
-      '@aws-sdk/nested-clients': 3.916.0
-      '@aws-sdk/types': 3.914.0
-      '@smithy/credential-provider-imds': 4.2.3
-      '@smithy/property-provider': 4.2.3
-      '@smithy/shared-ini-file-loader': 4.3.3
-      '@smithy/types': 4.8.0
+  '@aws-sdk/credential-provider-http@3.922.0':
+    dependencies:
+      '@aws-sdk/core': 3.922.0
+      '@aws-sdk/types': 3.922.0
+      '@smithy/fetch-http-handler': 5.3.5
+      '@smithy/node-http-handler': 4.4.4
+      '@smithy/property-provider': 4.2.4
+      '@smithy/protocol-http': 5.3.4
+      '@smithy/smithy-client': 4.9.2
+      '@smithy/types': 4.8.1
+      '@smithy/util-stream': 4.5.5
       tslib: 2.8.1
-    transitivePeerDependencies:
-      - aws-crt
 
-  '@aws-sdk/credential-provider-node@3.916.0':
-    dependencies:
-      '@aws-sdk/credential-provider-env': 3.916.0
-      '@aws-sdk/credential-provider-http': 3.916.0
-      '@aws-sdk/credential-provider-ini': 3.916.0
-      '@aws-sdk/credential-provider-process': 3.916.0
-      '@aws-sdk/credential-provider-sso': 3.916.0
-      '@aws-sdk/credential-provider-web-identity': 3.916.0
-      '@aws-sdk/types': 3.914.0
-      '@smithy/credential-provider-imds': 4.2.3
-      '@smithy/property-provider': 4.2.3
-      '@smithy/shared-ini-file-loader': 4.3.3
-      '@smithy/types': 4.8.0
+  '@aws-sdk/credential-provider-ini@3.922.0':
+    dependencies:
+      '@aws-sdk/core': 3.922.0
+      '@aws-sdk/credential-provider-env': 3.922.0
+      '@aws-sdk/credential-provider-http': 3.922.0
+      '@aws-sdk/credential-provider-process': 3.922.0
+      '@aws-sdk/credential-provider-sso': 3.922.0
+      '@aws-sdk/credential-provider-web-identity': 3.922.0
+      '@aws-sdk/nested-clients': 3.922.0
+      '@aws-sdk/types': 3.922.0
+      '@smithy/credential-provider-imds': 4.2.4
+      '@smithy/property-provider': 4.2.4
+      '@smithy/shared-ini-file-loader': 4.3.4
+      '@smithy/types': 4.8.1
       tslib: 2.8.1
     transitivePeerDependencies:
       - aws-crt
 
-  '@aws-sdk/credential-provider-node@3.917.0':
-    dependencies:
-      '@aws-sdk/credential-provider-env': 3.916.0
-      '@aws-sdk/credential-provider-http': 3.916.0
-      '@aws-sdk/credential-provider-ini': 3.917.0
-      '@aws-sdk/credential-provider-process': 3.916.0
-      '@aws-sdk/credential-provider-sso': 3.916.0
-      '@aws-sdk/credential-provider-web-identity': 3.917.0
-      '@aws-sdk/types': 3.914.0
-      '@smithy/credential-provider-imds': 4.2.3
-      '@smithy/property-provider': 4.2.3
-      '@smithy/shared-ini-file-loader': 4.3.3
-      '@smithy/types': 4.8.0
+  '@aws-sdk/credential-provider-node@3.922.0':
+    dependencies:
+      '@aws-sdk/credential-provider-env': 3.922.0
+      '@aws-sdk/credential-provider-http': 3.922.0
+      '@aws-sdk/credential-provider-ini': 3.922.0
+      '@aws-sdk/credential-provider-process': 3.922.0
+      '@aws-sdk/credential-provider-sso': 3.922.0
+      '@aws-sdk/credential-provider-web-identity': 3.922.0
+      '@aws-sdk/types': 3.922.0
+      '@smithy/credential-provider-imds': 4.2.4
+      '@smithy/property-provider': 4.2.4
+      '@smithy/shared-ini-file-loader': 4.3.4
+      '@smithy/types': 4.8.1
       tslib: 2.8.1
     transitivePeerDependencies:
       - aws-crt
 
-  '@aws-sdk/credential-provider-process@3.916.0':
-    dependencies:
-      '@aws-sdk/core': 3.916.0
-      '@aws-sdk/types': 3.914.0
-      '@smithy/property-provider': 4.2.3
-      '@smithy/shared-ini-file-loader': 4.3.3
-      '@smithy/types': 4.8.0
-      tslib: 2.8.1
-
-  '@aws-sdk/credential-provider-sso@3.916.0':
+  '@aws-sdk/credential-provider-process@3.922.0':
     dependencies:
-      '@aws-sdk/client-sso': 3.916.0
-      '@aws-sdk/core': 3.916.0
-      '@aws-sdk/token-providers': 3.916.0
-      '@aws-sdk/types': 3.914.0
-      '@smithy/property-provider': 4.2.3
-      '@smithy/shared-ini-file-loader': 4.3.3
-      '@smithy/types': 4.8.0
+      '@aws-sdk/core': 3.922.0
+      '@aws-sdk/types': 3.922.0
+      '@smithy/property-provider': 4.2.4
+      '@smithy/shared-ini-file-loader': 4.3.4
+      '@smithy/types': 4.8.1
       tslib: 2.8.1
-    transitivePeerDependencies:
-      - aws-crt
 
-  '@aws-sdk/credential-provider-web-identity@3.916.0':
+  '@aws-sdk/credential-provider-sso@3.922.0':
     dependencies:
-      '@aws-sdk/core': 3.916.0
-      '@aws-sdk/nested-clients': 3.916.0
-      '@aws-sdk/types': 3.914.0
-      '@smithy/property-provider': 4.2.3
-      '@smithy/shared-ini-file-loader': 4.3.3
-      '@smithy/types': 4.8.0
+      '@aws-sdk/client-sso': 3.922.0
+      '@aws-sdk/core': 3.922.0
+      '@aws-sdk/token-providers': 3.922.0
+      '@aws-sdk/types': 3.922.0
+      '@smithy/property-provider': 4.2.4
+      '@smithy/shared-ini-file-loader': 4.3.4
+      '@smithy/types': 4.8.1
       tslib: 2.8.1
     transitivePeerDependencies:
       - aws-crt
 
-  '@aws-sdk/credential-provider-web-identity@3.917.0':
+  '@aws-sdk/credential-provider-web-identity@3.922.0':
     dependencies:
-      '@aws-sdk/core': 3.916.0
-      '@aws-sdk/nested-clients': 3.916.0
-      '@aws-sdk/types': 3.914.0
-      '@smithy/property-provider': 4.2.3
-      '@smithy/shared-ini-file-loader': 4.3.3
-      '@smithy/types': 4.8.0
+      '@aws-sdk/core': 3.922.0
+      '@aws-sdk/nested-clients': 3.922.0
+      '@aws-sdk/types': 3.922.0
+      '@smithy/property-provider': 4.2.4
+      '@smithy/shared-ini-file-loader': 4.3.4
+      '@smithy/types': 4.8.1
       tslib: 2.8.1
     transitivePeerDependencies:
       - aws-crt
 
-  '@aws-sdk/credential-providers@3.916.0':
-    dependencies:
-      '@aws-sdk/client-cognito-identity': 3.916.0
-      '@aws-sdk/core': 3.916.0
-      '@aws-sdk/credential-provider-cognito-identity': 3.916.0
-      '@aws-sdk/credential-provider-env': 3.916.0
-      '@aws-sdk/credential-provider-http': 3.916.0
-      '@aws-sdk/credential-provider-ini': 3.916.0
-      '@aws-sdk/credential-provider-node': 3.916.0
-      '@aws-sdk/credential-provider-process': 3.916.0
-      '@aws-sdk/credential-provider-sso': 3.916.0
-      '@aws-sdk/credential-provider-web-identity': 3.916.0
-      '@aws-sdk/nested-clients': 3.916.0
-      '@aws-sdk/types': 3.914.0
-      '@smithy/config-resolver': 4.4.0
-      '@smithy/core': 3.17.1
-      '@smithy/credential-provider-imds': 4.2.3
-      '@smithy/node-config-provider': 4.3.3
-      '@smithy/property-provider': 4.2.3
-      '@smithy/types': 4.8.0
+  '@aws-sdk/credential-providers@3.922.0':
+    dependencies:
+      '@aws-sdk/client-cognito-identity': 3.922.0
+      '@aws-sdk/core': 3.922.0
+      '@aws-sdk/credential-provider-cognito-identity': 3.922.0
+      '@aws-sdk/credential-provider-env': 3.922.0
+      '@aws-sdk/credential-provider-http': 3.922.0
+      '@aws-sdk/credential-provider-ini': 3.922.0
+      '@aws-sdk/credential-provider-node': 3.922.0
+      '@aws-sdk/credential-provider-process': 3.922.0
+      '@aws-sdk/credential-provider-sso': 3.922.0
+      '@aws-sdk/credential-provider-web-identity': 3.922.0
+      '@aws-sdk/nested-clients': 3.922.0
+      '@aws-sdk/types': 3.922.0
+      '@smithy/config-resolver': 4.4.2
+      '@smithy/core': 3.17.2
+      '@smithy/credential-provider-imds': 4.2.4
+      '@smithy/node-config-provider': 4.3.4
+      '@smithy/property-provider': 4.2.4
+      '@smithy/types': 4.8.1
       tslib: 2.8.1
     transitivePeerDependencies:
       - aws-crt
 
-  '@aws-sdk/middleware-bucket-endpoint@3.914.0':
+  '@aws-sdk/middleware-bucket-endpoint@3.922.0':
     dependencies:
-      '@aws-sdk/types': 3.914.0
+      '@aws-sdk/types': 3.922.0
       '@aws-sdk/util-arn-parser': 3.893.0
-      '@smithy/node-config-provider': 4.3.3
-      '@smithy/protocol-http': 5.3.3
-      '@smithy/types': 4.8.0
+      '@smithy/node-config-provider': 4.3.4
+      '@smithy/protocol-http': 5.3.4
+      '@smithy/types': 4.8.1
       '@smithy/util-config-provider': 4.2.0
       tslib: 2.8.1
 
-  '@aws-sdk/middleware-expect-continue@3.917.0':
+  '@aws-sdk/middleware-expect-continue@3.922.0':
     dependencies:
-      '@aws-sdk/types': 3.914.0
-      '@smithy/protocol-http': 5.3.3
-      '@smithy/types': 4.8.0
+      '@aws-sdk/types': 3.922.0
+      '@smithy/protocol-http': 5.3.4
+      '@smithy/types': 4.8.1
       tslib: 2.8.1
 
-  '@aws-sdk/middleware-flexible-checksums@3.916.0':
+  '@aws-sdk/middleware-flexible-checksums@3.922.0':
     dependencies:
       '@aws-crypto/crc32': 5.2.0
       '@aws-crypto/crc32c': 5.2.0
       '@aws-crypto/util': 5.2.0
-      '@aws-sdk/core': 3.916.0
-      '@aws-sdk/types': 3.914.0
+      '@aws-sdk/core': 3.922.0
+      '@aws-sdk/types': 3.922.0
       '@smithy/is-array-buffer': 4.2.0
-      '@smithy/node-config-provider': 4.3.3
-      '@smithy/protocol-http': 5.3.3
-      '@smithy/types': 4.8.0
-      '@smithy/util-middleware': 4.2.3
-      '@smithy/util-stream': 4.5.4
+      '@smithy/node-config-provider': 4.3.4
+      '@smithy/protocol-http': 5.3.4
+      '@smithy/types': 4.8.1
+      '@smithy/util-middleware': 4.2.4
+      '@smithy/util-stream': 4.5.5
       '@smithy/util-utf8': 4.2.0
       tslib: 2.8.1
 
-  '@aws-sdk/middleware-host-header@3.914.0':
+  '@aws-sdk/middleware-host-header@3.922.0':
     dependencies:
-      '@aws-sdk/types': 3.914.0
-      '@smithy/protocol-http': 5.3.3
-      '@smithy/types': 4.8.0
+      '@aws-sdk/types': 3.922.0
+      '@smithy/protocol-http': 5.3.4
+      '@smithy/types': 4.8.1
       tslib: 2.8.1
 
-  '@aws-sdk/middleware-location-constraint@3.914.0':
+  '@aws-sdk/middleware-location-constraint@3.922.0':
     dependencies:
-      '@aws-sdk/types': 3.914.0
-      '@smithy/types': 4.8.0
+      '@aws-sdk/types': 3.922.0
+      '@smithy/types': 4.8.1
       tslib: 2.8.1
 
-  '@aws-sdk/middleware-logger@3.914.0':
+  '@aws-sdk/middleware-logger@3.922.0':
     dependencies:
-      '@aws-sdk/types': 3.914.0
-      '@smithy/types': 4.8.0
+      '@aws-sdk/types': 3.922.0
+      '@smithy/types': 4.8.1
       tslib: 2.8.1
 
-  '@aws-sdk/middleware-recursion-detection@3.914.0':
+  '@aws-sdk/middleware-recursion-detection@3.922.0':
     dependencies:
-      '@aws-sdk/types': 3.914.0
-      '@aws/lambda-invoke-store': 0.0.1
-      '@smithy/protocol-http': 5.3.3
-      '@smithy/types': 4.8.0
+      '@aws-sdk/types': 3.922.0
+      '@aws/lambda-invoke-store': 0.1.1
+      '@smithy/protocol-http': 5.3.4
+      '@smithy/types': 4.8.1
       tslib: 2.8.1
 
-  '@aws-sdk/middleware-sdk-s3@3.916.0':
+  '@aws-sdk/middleware-sdk-s3@3.922.0':
     dependencies:
-      '@aws-sdk/core': 3.916.0
-      '@aws-sdk/types': 3.914.0
+      '@aws-sdk/core': 3.922.0
+      '@aws-sdk/types': 3.922.0
       '@aws-sdk/util-arn-parser': 3.893.0
-      '@smithy/core': 3.17.1
-      '@smithy/node-config-provider': 4.3.3
-      '@smithy/protocol-http': 5.3.3
-      '@smithy/signature-v4': 5.3.3
-      '@smithy/smithy-client': 4.9.1
-      '@smithy/types': 4.8.0
+      '@smithy/core': 3.17.2
+      '@smithy/node-config-provider': 4.3.4
+      '@smithy/protocol-http': 5.3.4
+      '@smithy/signature-v4': 5.3.4
+      '@smithy/smithy-client': 4.9.2
+      '@smithy/types': 4.8.1
       '@smithy/util-config-provider': 4.2.0
-      '@smithy/util-middleware': 4.2.3
-      '@smithy/util-stream': 4.5.4
+      '@smithy/util-middleware': 4.2.4
+      '@smithy/util-stream': 4.5.5
       '@smithy/util-utf8': 4.2.0
       tslib: 2.8.1
 
-  '@aws-sdk/middleware-ssec@3.914.0':
+  '@aws-sdk/middleware-ssec@3.922.0':
     dependencies:
-      '@aws-sdk/types': 3.914.0
-      '@smithy/types': 4.8.0
+      '@aws-sdk/types': 3.922.0
+      '@smithy/types': 4.8.1
       tslib: 2.8.1
 
-  '@aws-sdk/middleware-user-agent@3.916.0':
+  '@aws-sdk/middleware-user-agent@3.922.0':
     dependencies:
-      '@aws-sdk/core': 3.916.0
-      '@aws-sdk/types': 3.914.0
-      '@aws-sdk/util-endpoints': 3.916.0
-      '@smithy/core': 3.17.1
-      '@smithy/protocol-http': 5.3.3
-      '@smithy/types': 4.8.0
+      '@aws-sdk/core': 3.922.0
+      '@aws-sdk/types': 3.922.0
+      '@aws-sdk/util-endpoints': 3.922.0
+      '@smithy/core': 3.17.2
+      '@smithy/protocol-http': 5.3.4
+      '@smithy/types': 4.8.1
       tslib: 2.8.1
 
-  '@aws-sdk/nested-clients@3.916.0':
+  '@aws-sdk/nested-clients@3.922.0':
     dependencies:
       '@aws-crypto/sha256-browser': 5.2.0
       '@aws-crypto/sha256-js': 5.2.0
-      '@aws-sdk/core': 3.916.0
-      '@aws-sdk/middleware-host-header': 3.914.0
-      '@aws-sdk/middleware-logger': 3.914.0
-      '@aws-sdk/middleware-recursion-detection': 3.914.0
-      '@aws-sdk/middleware-user-agent': 3.916.0
-      '@aws-sdk/region-config-resolver': 3.914.0
-      '@aws-sdk/types': 3.914.0
-      '@aws-sdk/util-endpoints': 3.916.0
-      '@aws-sdk/util-user-agent-browser': 3.914.0
-      '@aws-sdk/util-user-agent-node': 3.916.0
-      '@smithy/config-resolver': 4.4.0
-      '@smithy/core': 3.17.1
-      '@smithy/fetch-http-handler': 5.3.4
-      '@smithy/hash-node': 4.2.3
-      '@smithy/invalid-dependency': 4.2.3
-      '@smithy/middleware-content-length': 4.2.3
-      '@smithy/middleware-endpoint': 4.3.5
-      '@smithy/middleware-retry': 4.4.5
-      '@smithy/middleware-serde': 4.2.3
-      '@smithy/middleware-stack': 4.2.3
-      '@smithy/node-config-provider': 4.3.3
-      '@smithy/node-http-handler': 4.4.3
-      '@smithy/protocol-http': 5.3.3
-      '@smithy/smithy-client': 4.9.1
-      '@smithy/types': 4.8.0
-      '@smithy/url-parser': 4.2.3
+      '@aws-sdk/core': 3.922.0
+      '@aws-sdk/middleware-host-header': 3.922.0
+      '@aws-sdk/middleware-logger': 3.922.0
+      '@aws-sdk/middleware-recursion-detection': 3.922.0
+      '@aws-sdk/middleware-user-agent': 3.922.0
+      '@aws-sdk/region-config-resolver': 3.922.0
+      '@aws-sdk/types': 3.922.0
+      '@aws-sdk/util-endpoints': 3.922.0
+      '@aws-sdk/util-user-agent-browser': 3.922.0
+      '@aws-sdk/util-user-agent-node': 3.922.0
+      '@smithy/config-resolver': 4.4.2
+      '@smithy/core': 3.17.2
+      '@smithy/fetch-http-handler': 5.3.5
+      '@smithy/hash-node': 4.2.4
+      '@smithy/invalid-dependency': 4.2.4
+      '@smithy/middleware-content-length': 4.2.4
+      '@smithy/middleware-endpoint': 4.3.6
+      '@smithy/middleware-retry': 4.4.6
+      '@smithy/middleware-serde': 4.2.4
+      '@smithy/middleware-stack': 4.2.4
+      '@smithy/node-config-provider': 4.3.4
+      '@smithy/node-http-handler': 4.4.4
+      '@smithy/protocol-http': 5.3.4
+      '@smithy/smithy-client': 4.9.2
+      '@smithy/types': 4.8.1
+      '@smithy/url-parser': 4.2.4
       '@smithy/util-base64': 4.3.0
       '@smithy/util-body-length-browser': 4.2.0
       '@smithy/util-body-length-node': 4.2.1
-      '@smithy/util-defaults-mode-browser': 4.3.4
-      '@smithy/util-defaults-mode-node': 4.2.6
-      '@smithy/util-endpoints': 3.2.3
-      '@smithy/util-middleware': 4.2.3
-      '@smithy/util-retry': 4.2.3
+      '@smithy/util-defaults-mode-browser': 4.3.5
+      '@smithy/util-defaults-mode-node': 4.2.8
+      '@smithy/util-endpoints': 3.2.4
+      '@smithy/util-middleware': 4.2.4
+      '@smithy/util-retry': 4.2.4
       '@smithy/util-utf8': 4.2.0
       tslib: 2.8.1
     transitivePeerDependencies:
       - aws-crt
 
-  '@aws-sdk/region-config-resolver@3.914.0':
+  '@aws-sdk/region-config-resolver@3.922.0':
     dependencies:
-      '@aws-sdk/types': 3.914.0
-      '@smithy/config-resolver': 4.4.0
-      '@smithy/types': 4.8.0
+      '@aws-sdk/types': 3.922.0
+      '@smithy/config-resolver': 4.4.2
+      '@smithy/node-config-provider': 4.3.4
+      '@smithy/types': 4.8.1
       tslib: 2.8.1
 
-  '@aws-sdk/signature-v4-multi-region@3.916.0':
+  '@aws-sdk/signature-v4-multi-region@3.922.0':
     dependencies:
-      '@aws-sdk/middleware-sdk-s3': 3.916.0
-      '@aws-sdk/types': 3.914.0
-      '@smithy/protocol-http': 5.3.3
-      '@smithy/signature-v4': 5.3.3
-      '@smithy/types': 4.8.0
+      '@aws-sdk/middleware-sdk-s3': 3.922.0
+      '@aws-sdk/types': 3.922.0
+      '@smithy/protocol-http': 5.3.4
+      '@smithy/signature-v4': 5.3.4
+      '@smithy/types': 4.8.1
       tslib: 2.8.1
 
-  '@aws-sdk/token-providers@3.916.0':
+  '@aws-sdk/token-providers@3.922.0':
     dependencies:
-      '@aws-sdk/core': 3.916.0
-      '@aws-sdk/nested-clients': 3.916.0
-      '@aws-sdk/types': 3.914.0
-      '@smithy/property-provider': 4.2.3
-      '@smithy/shared-ini-file-loader': 4.3.3
-      '@smithy/types': 4.8.0
+      '@aws-sdk/core': 3.922.0
+      '@aws-sdk/nested-clients': 3.922.0
+      '@aws-sdk/types': 3.922.0
+      '@smithy/property-provider': 4.2.4
+      '@smithy/shared-ini-file-loader': 4.3.4
+      '@smithy/types': 4.8.1
       tslib: 2.8.1
     transitivePeerDependencies:
       - aws-crt
 
-  '@aws-sdk/types@3.914.0':
+  '@aws-sdk/types@3.922.0':
     dependencies:
-      '@smithy/types': 4.8.0
+      '@smithy/types': 4.8.1
       tslib: 2.8.1
 
   '@aws-sdk/util-arn-parser@3.893.0':
     dependencies:
       tslib: 2.8.1
 
-  '@aws-sdk/util-endpoints@3.916.0':
+  '@aws-sdk/util-endpoints@3.922.0':
     dependencies:
-      '@aws-sdk/types': 3.914.0
-      '@smithy/types': 4.8.0
-      '@smithy/url-parser': 4.2.3
-      '@smithy/util-endpoints': 3.2.3
+      '@aws-sdk/types': 3.922.0
+      '@smithy/types': 4.8.1
+      '@smithy/url-parser': 4.2.4
+      '@smithy/util-endpoints': 3.2.4
       tslib: 2.8.1
 
   '@aws-sdk/util-locate-window@3.873.0':
     dependencies:
       tslib: 2.8.1
 
-  '@aws-sdk/util-user-agent-browser@3.914.0':
+  '@aws-sdk/util-user-agent-browser@3.922.0':
     dependencies:
-      '@aws-sdk/types': 3.914.0
-      '@smithy/types': 4.8.0
+      '@aws-sdk/types': 3.922.0
+      '@smithy/types': 4.8.1
       bowser: 2.12.1
       tslib: 2.8.1
 
-  '@aws-sdk/util-user-agent-node@3.916.0':
+  '@aws-sdk/util-user-agent-node@3.922.0':
     dependencies:
-      '@aws-sdk/middleware-user-agent': 3.916.0
-      '@aws-sdk/types': 3.914.0
-      '@smithy/node-config-provider': 4.3.3
-      '@smithy/types': 4.8.0
+      '@aws-sdk/middleware-user-agent': 3.922.0
+      '@aws-sdk/types': 3.922.0
+      '@smithy/node-config-provider': 4.3.4
+      '@smithy/types': 4.8.1
       tslib: 2.8.1
 
-  '@aws-sdk/xml-builder@3.914.0':
+  '@aws-sdk/xml-builder@3.921.0':
     dependencies:
-      '@smithy/types': 4.8.0
+      '@smithy/types': 4.8.1
       fast-xml-parser: 5.2.5
       tslib: 2.8.1
 
-  '@aws/lambda-invoke-store@0.0.1': {}
+  '@aws/lambda-invoke-store@0.1.1': {}
 
   '@babel/cli@7.28.3(@babel/core@7.28.4)':
     dependencies:
@@ -10459,7 +10456,7 @@ snapshots:
       '@babel/helper-plugin-utils': 7.27.1
       debug: 4.4.3(supports-color@8.1.1)
       lodash.debounce: 4.0.8
-      resolve: 1.22.10
+      resolve: 1.22.11
     transitivePeerDependencies:
       - supports-color
 
@@ -11132,7 +11129,7 @@ snapshots:
 
   '@babel/runtime@7.28.4': {}
 
-  '@babel/standalone@7.28.5': {}
+  '@babel/standalone@7.28.4': {}
 
   '@babel/template@7.27.2':
     dependencies:
@@ -11410,18 +11407,18 @@ snapshots:
   '@esbuild/win32-x64@0.25.9':
     optional: true
 
-  '@eslint-community/eslint-utils@4.8.0(eslint@9.38.0(jiti@2.6.1))':
+  '@eslint-community/eslint-utils@4.8.0(eslint@9.39.1(jiti@2.6.1))':
     dependencies:
-      eslint: 9.38.0(jiti@2.6.1)
+      eslint: 9.39.1(jiti@2.6.1)
       eslint-visitor-keys: 3.4.3
 
   '@eslint-community/regexpp@4.12.1': {}
 
-  '@eslint/compat@1.4.0(eslint@9.38.0(jiti@2.6.1))':
+  '@eslint/compat@1.4.0(eslint@9.39.1(jiti@2.6.1))':
     dependencies:
       '@eslint/core': 0.16.0
     optionalDependencies:
-      eslint: 9.38.0(jiti@2.6.1)
+      eslint: 9.39.1(jiti@2.6.1)
 
   '@eslint/config-array@0.21.1':
     dependencies:
@@ -11431,9 +11428,9 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@eslint/config-helpers@0.4.1':
+  '@eslint/config-helpers@0.4.2':
     dependencies:
-      '@eslint/core': 0.16.0
+      '@eslint/core': 0.17.0
 
   '@eslint/core@0.15.2':
     dependencies:
@@ -11443,6 +11440,10 @@ snapshots:
     dependencies:
       '@types/json-schema': 7.0.15
 
+  '@eslint/core@0.17.0':
+    dependencies:
+      '@types/json-schema': 7.0.15
+
   '@eslint/eslintrc@3.3.1':
     dependencies:
       ajv: 6.12.6
@@ -11457,7 +11458,7 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@eslint/js@9.38.0': {}
+  '@eslint/js@9.39.1': {}
 
   '@eslint/json@0.13.2':
     dependencies:
@@ -11473,9 +11474,9 @@ snapshots:
       '@eslint/core': 0.15.2
       levn: 0.4.1
 
-  '@eslint/plugin-kit@0.4.0':
+  '@eslint/plugin-kit@0.4.1':
     dependencies:
-      '@eslint/core': 0.16.0
+      '@eslint/core': 0.17.0
       levn: 0.4.1
 
   '@floating-ui/core@1.7.3':
@@ -11600,128 +11601,128 @@ snapshots:
 
   '@inquirer/ansi@1.0.1': {}
 
-  '@inquirer/checkbox@4.2.4(@types/node@22.18.12)':
+  '@inquirer/checkbox@4.2.4(@types/node@22.19.0)':
     dependencies:
       '@inquirer/ansi': 1.0.1
-      '@inquirer/core': 10.3.0(@types/node@22.18.12)
+      '@inquirer/core': 10.3.0(@types/node@22.19.0)
       '@inquirer/figures': 1.0.14
-      '@inquirer/type': 3.0.9(@types/node@22.18.12)
+      '@inquirer/type': 3.0.9(@types/node@22.19.0)
       yoctocolors-cjs: 2.1.3
     optionalDependencies:
-      '@types/node': 22.18.12
+      '@types/node': 22.19.0
 
-  '@inquirer/confirm@5.1.19(@types/node@22.18.12)':
+  '@inquirer/confirm@5.1.19(@types/node@22.19.0)':
     dependencies:
-      '@inquirer/core': 10.3.0(@types/node@22.18.12)
-      '@inquirer/type': 3.0.9(@types/node@22.18.12)
+      '@inquirer/core': 10.3.0(@types/node@22.19.0)
+      '@inquirer/type': 3.0.9(@types/node@22.19.0)
     optionalDependencies:
-      '@types/node': 22.18.12
+      '@types/node': 22.19.0
 
-  '@inquirer/core@10.3.0(@types/node@22.18.12)':
+  '@inquirer/core@10.3.0(@types/node@22.19.0)':
     dependencies:
       '@inquirer/ansi': 1.0.1
       '@inquirer/figures': 1.0.14
-      '@inquirer/type': 3.0.9(@types/node@22.18.12)
+      '@inquirer/type': 3.0.9(@types/node@22.19.0)
       cli-width: 4.1.0
       mute-stream: 2.0.0
       signal-exit: 4.1.0
       wrap-ansi: 6.2.0
       yoctocolors-cjs: 2.1.3
     optionalDependencies:
-      '@types/node': 22.18.12
+      '@types/node': 22.19.0
 
-  '@inquirer/editor@4.2.20(@types/node@22.18.12)':
+  '@inquirer/editor@4.2.20(@types/node@22.19.0)':
     dependencies:
-      '@inquirer/core': 10.3.0(@types/node@22.18.12)
-      '@inquirer/external-editor': 1.0.2(@types/node@22.18.12)
-      '@inquirer/type': 3.0.9(@types/node@22.18.12)
+      '@inquirer/core': 10.3.0(@types/node@22.19.0)
+      '@inquirer/external-editor': 1.0.2(@types/node@22.19.0)
+      '@inquirer/type': 3.0.9(@types/node@22.19.0)
     optionalDependencies:
-      '@types/node': 22.18.12
+      '@types/node': 22.19.0
 
-  '@inquirer/expand@4.0.20(@types/node@22.18.12)':
+  '@inquirer/expand@4.0.20(@types/node@22.19.0)':
     dependencies:
-      '@inquirer/core': 10.3.0(@types/node@22.18.12)
-      '@inquirer/type': 3.0.9(@types/node@22.18.12)
+      '@inquirer/core': 10.3.0(@types/node@22.19.0)
+      '@inquirer/type': 3.0.9(@types/node@22.19.0)
       yoctocolors-cjs: 2.1.3
     optionalDependencies:
-      '@types/node': 22.18.12
+      '@types/node': 22.19.0
 
-  '@inquirer/external-editor@1.0.2(@types/node@22.18.12)':
+  '@inquirer/external-editor@1.0.2(@types/node@22.19.0)':
     dependencies:
       chardet: 2.1.0
       iconv-lite: 0.7.0
     optionalDependencies:
-      '@types/node': 22.18.12
+      '@types/node': 22.19.0
 
   '@inquirer/figures@1.0.14': {}
 
-  '@inquirer/input@4.2.4(@types/node@22.18.12)':
+  '@inquirer/input@4.2.4(@types/node@22.19.0)':
     dependencies:
-      '@inquirer/core': 10.3.0(@types/node@22.18.12)
-      '@inquirer/type': 3.0.9(@types/node@22.18.12)
+      '@inquirer/core': 10.3.0(@types/node@22.19.0)
+      '@inquirer/type': 3.0.9(@types/node@22.19.0)
     optionalDependencies:
-      '@types/node': 22.18.12
+      '@types/node': 22.19.0
 
-  '@inquirer/number@3.0.20(@types/node@22.18.12)':
+  '@inquirer/number@3.0.20(@types/node@22.19.0)':
     dependencies:
-      '@inquirer/core': 10.3.0(@types/node@22.18.12)
-      '@inquirer/type': 3.0.9(@types/node@22.18.12)
+      '@inquirer/core': 10.3.0(@types/node@22.19.0)
+      '@inquirer/type': 3.0.9(@types/node@22.19.0)
     optionalDependencies:
-      '@types/node': 22.18.12
+      '@types/node': 22.19.0
 
-  '@inquirer/password@4.0.20(@types/node@22.18.12)':
+  '@inquirer/password@4.0.20(@types/node@22.19.0)':
     dependencies:
       '@inquirer/ansi': 1.0.1
-      '@inquirer/core': 10.3.0(@types/node@22.18.12)
-      '@inquirer/type': 3.0.9(@types/node@22.18.12)
+      '@inquirer/core': 10.3.0(@types/node@22.19.0)
+      '@inquirer/type': 3.0.9(@types/node@22.19.0)
     optionalDependencies:
-      '@types/node': 22.18.12
-
-  '@inquirer/prompts@7.8.6(@types/node@22.18.12)':
-    dependencies:
-      '@inquirer/checkbox': 4.2.4(@types/node@22.18.12)
-      '@inquirer/confirm': 5.1.19(@types/node@22.18.12)
-      '@inquirer/editor': 4.2.20(@types/node@22.18.12)
-      '@inquirer/expand': 4.0.20(@types/node@22.18.12)
-      '@inquirer/input': 4.2.4(@types/node@22.18.12)
-      '@inquirer/number': 3.0.20(@types/node@22.18.12)
-      '@inquirer/password': 4.0.20(@types/node@22.18.12)
-      '@inquirer/rawlist': 4.1.8(@types/node@22.18.12)
-      '@inquirer/search': 3.1.3(@types/node@22.18.12)
-      '@inquirer/select': 4.4.0(@types/node@22.18.12)
+      '@types/node': 22.19.0
+
+  '@inquirer/prompts@7.8.6(@types/node@22.19.0)':
+    dependencies:
+      '@inquirer/checkbox': 4.2.4(@types/node@22.19.0)
+      '@inquirer/confirm': 5.1.19(@types/node@22.19.0)
+      '@inquirer/editor': 4.2.20(@types/node@22.19.0)
+      '@inquirer/expand': 4.0.20(@types/node@22.19.0)
+      '@inquirer/input': 4.2.4(@types/node@22.19.0)
+      '@inquirer/number': 3.0.20(@types/node@22.19.0)
+      '@inquirer/password': 4.0.20(@types/node@22.19.0)
+      '@inquirer/rawlist': 4.1.8(@types/node@22.19.0)
+      '@inquirer/search': 3.1.3(@types/node@22.19.0)
+      '@inquirer/select': 4.4.0(@types/node@22.19.0)
     optionalDependencies:
-      '@types/node': 22.18.12
+      '@types/node': 22.19.0
 
-  '@inquirer/rawlist@4.1.8(@types/node@22.18.12)':
+  '@inquirer/rawlist@4.1.8(@types/node@22.19.0)':
     dependencies:
-      '@inquirer/core': 10.3.0(@types/node@22.18.12)
-      '@inquirer/type': 3.0.9(@types/node@22.18.12)
+      '@inquirer/core': 10.3.0(@types/node@22.19.0)
+      '@inquirer/type': 3.0.9(@types/node@22.19.0)
       yoctocolors-cjs: 2.1.3
     optionalDependencies:
-      '@types/node': 22.18.12
+      '@types/node': 22.19.0
 
-  '@inquirer/search@3.1.3(@types/node@22.18.12)':
+  '@inquirer/search@3.1.3(@types/node@22.19.0)':
     dependencies:
-      '@inquirer/core': 10.3.0(@types/node@22.18.12)
+      '@inquirer/core': 10.3.0(@types/node@22.19.0)
       '@inquirer/figures': 1.0.14
-      '@inquirer/type': 3.0.9(@types/node@22.18.12)
+      '@inquirer/type': 3.0.9(@types/node@22.19.0)
       yoctocolors-cjs: 2.1.3
     optionalDependencies:
-      '@types/node': 22.18.12
+      '@types/node': 22.19.0
 
-  '@inquirer/select@4.4.0(@types/node@22.18.12)':
+  '@inquirer/select@4.4.0(@types/node@22.19.0)':
     dependencies:
       '@inquirer/ansi': 1.0.1
-      '@inquirer/core': 10.3.0(@types/node@22.18.12)
+      '@inquirer/core': 10.3.0(@types/node@22.19.0)
       '@inquirer/figures': 1.0.14
-      '@inquirer/type': 3.0.9(@types/node@22.18.12)
+      '@inquirer/type': 3.0.9(@types/node@22.19.0)
       yoctocolors-cjs: 2.1.3
     optionalDependencies:
-      '@types/node': 22.18.12
+      '@types/node': 22.19.0
 
-  '@inquirer/type@3.0.9(@types/node@22.18.12)':
+  '@inquirer/type@3.0.9(@types/node@22.19.0)':
     optionalDependencies:
-      '@types/node': 22.18.12
+      '@types/node': 22.19.0
 
   '@isaacs/balanced-match@4.0.1': {}
 
@@ -11780,12 +11781,12 @@ snapshots:
 
   '@keyv/serialize@1.1.0': {}
 
-  '@lerna/create@9.0.0(@types/node@22.18.12)(babel-plugin-macros@3.1.0)(typescript@5.9.3)':
+  '@lerna/create@9.0.0(@types/node@22.19.0)(babel-plugin-macros@3.1.0)(typescript@5.9.3)':
     dependencies:
       '@npmcli/arborist': 9.1.4
       '@npmcli/package-json': 7.0.0
       '@npmcli/run-script': 10.0.0
-      '@nx/devkit': 21.6.3(nx@21.6.6)
+      '@nx/devkit': 21.6.3(nx@21.6.8)
       '@octokit/plugin-enterprise-rest': 6.0.1
       '@octokit/rest': 20.1.2
       aproba: 2.0.0
@@ -11807,7 +11808,7 @@ snapshots:
       has-unicode: 2.0.1
       ini: 1.3.8
       init-package-json: 8.2.2
-      inquirer: 12.9.6(@types/node@22.18.12)
+      inquirer: 12.9.6(@types/node@22.19.0)
       is-ci: 3.0.1
       is-stream: 2.0.0
       js-yaml: 4.1.0
@@ -11820,7 +11821,7 @@ snapshots:
       npm-package-arg: 13.0.0
       npm-packlist: 10.0.1
       npm-registry-fetch: 19.0.0
-      nx: 21.6.6
+      nx: 21.6.8
       p-map: 4.0.0
       p-map-series: 2.1.0
       p-queue: 6.6.2
@@ -11909,7 +11910,7 @@ snapshots:
       '@types/react': 19.2.2
       react: 19.2.0
 
-  '@mui/internal-babel-plugin-display-name@1.0.4-canary.7(@babel/core@7.28.4)(@babel/preset-react@7.27.1(@babel/core@7.28.4))':
+  '@mui/internal-babel-plugin-display-name@1.0.4-canary.8(@babel/core@7.28.4)(@babel/preset-react@7.27.1(@babel/core@7.28.4))':
     dependencies:
       '@babel/core': 7.28.4
       '@babel/helper-module-imports': 7.27.1
@@ -11918,7 +11919,7 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@mui/internal-babel-plugin-minify-errors@2.0.8-canary.10(@babel/core@7.28.4)':
+  '@mui/internal-babel-plugin-minify-errors@2.0.8-canary.11(@babel/core@7.28.4)':
     dependencies:
       '@babel/core': 7.28.4
       '@babel/helper-module-imports': 7.27.1
@@ -11926,15 +11927,15 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@mui/internal-babel-plugin-resolve-imports@2.0.7-canary.26(@babel/core@7.28.4)':
+  '@mui/internal-babel-plugin-resolve-imports@2.0.7-canary.28(@babel/core@7.28.4)':
     dependencies:
       '@babel/core': 7.28.4
-      resolve: 1.22.10
+      resolve: 1.22.11
 
-  '@mui/internal-bundle-size-checker@1.0.9-canary.53(@types/node@22.18.12)(jiti@2.6.1)(lightningcss@1.30.2)(rollup@4.50.1)(terser@5.44.0)(tsx@4.20.6)(yaml@2.8.1)':
+  '@mui/internal-bundle-size-checker@1.0.9-canary.54(@types/node@22.19.0)(jiti@2.6.1)(lightningcss@1.30.2)(rollup@4.50.1)(terser@5.44.0)(tsx@4.20.6)(yaml@2.8.1)':
     dependencies:
-      '@aws-sdk/client-s3': 3.917.0
-      '@aws-sdk/credential-providers': 3.916.0
+      '@aws-sdk/client-s3': 3.922.0
+      '@aws-sdk/credential-providers': 3.922.0
       '@octokit/rest': 22.0.0
       chalk: 5.6.2
       env-ci: 11.2.0
@@ -11943,7 +11944,7 @@ snapshots:
       micromatch: 4.0.8
       piscina: 5.1.3
       rollup-plugin-visualizer: 6.0.5(rollup@4.50.1)
-      vite: 7.1.12(@types/node@22.18.12)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.0)(tsx@4.20.6)(yaml@2.8.1)
+      vite: 7.1.12(@types/node@22.19.0)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.0)(tsx@4.20.6)(yaml@2.8.1)
       yargs: 18.0.0
     transitivePeerDependencies:
       - '@types/node'
@@ -11961,9 +11962,9 @@ snapshots:
       - tsx
       - yaml
 
-  '@mui/internal-code-infra@0.0.3-canary.37(@types/node@22.18.12)(eslint@9.38.0(jiti@2.6.1))(postcss@8.5.6)(prettier@3.6.2)(stylelint@16.25.0(typescript@5.9.3))(typescript@5.9.3)':
+  '@mui/internal-code-infra@0.0.3-canary.45(@next/eslint-plugin-next@15.5.4)(@types/node@22.19.0)(eslint@9.39.1(jiti@2.6.1))(postcss@8.5.6)(prettier@3.6.2)(stylelint@16.25.0(typescript@5.9.3))(typescript@5.9.3)':
     dependencies:
-      '@argos-ci/core': 4.2.0
+      '@argos-ci/core': 4.5.0
       '@babel/cli': 7.28.3(@babel/core@7.28.4)
       '@babel/core': 7.28.4
       '@babel/plugin-syntax-jsx': 7.27.1(@babel/core@7.28.4)
@@ -11972,16 +11973,16 @@ snapshots:
       '@babel/preset-env': 7.28.3(@babel/core@7.28.4)
       '@babel/preset-react': 7.27.1(@babel/core@7.28.4)
       '@babel/preset-typescript': 7.27.1(@babel/core@7.28.4)
-      '@eslint/compat': 1.4.0(eslint@9.38.0(jiti@2.6.1))
-      '@eslint/js': 9.38.0
+      '@eslint/compat': 1.4.0(eslint@9.39.1(jiti@2.6.1))
+      '@eslint/js': 9.39.1
       '@eslint/json': 0.13.2
-      '@inquirer/confirm': 5.1.19(@types/node@22.18.12)
-      '@inquirer/select': 4.4.0(@types/node@22.18.12)
-      '@mui/internal-babel-plugin-display-name': 1.0.4-canary.7(@babel/core@7.28.4)(@babel/preset-react@7.27.1(@babel/core@7.28.4))
-      '@mui/internal-babel-plugin-minify-errors': 2.0.8-canary.10(@babel/core@7.28.4)
-      '@mui/internal-babel-plugin-resolve-imports': 2.0.7-canary.26(@babel/core@7.28.4)
+      '@inquirer/confirm': 5.1.19(@types/node@22.19.0)
+      '@inquirer/select': 4.4.0(@types/node@22.19.0)
+      '@mui/internal-babel-plugin-display-name': 1.0.4-canary.8(@babel/core@7.28.4)(@babel/preset-react@7.27.1(@babel/core@7.28.4))
+      '@mui/internal-babel-plugin-minify-errors': 2.0.8-canary.11(@babel/core@7.28.4)
+      '@mui/internal-babel-plugin-resolve-imports': 2.0.7-canary.28(@babel/core@7.28.4)
       '@napi-rs/keyring': 1.2.0
-      '@next/eslint-plugin-next': 15.5.6
+      '@next/eslint-plugin-next': 15.5.4
       '@octokit/auth-action': 6.0.1
       '@octokit/oauth-methods': 6.0.1
       '@octokit/rest': 22.0.0
@@ -11992,24 +11993,26 @@ snapshots:
       babel-plugin-transform-remove-imports: 1.8.1(@babel/core@7.28.4)
       chalk: 5.6.2
       clipboardy: 5.0.0
+      content-type: 1.0.5
       env-ci: 11.2.0
-      eslint: 9.38.0(jiti@2.6.1)
-      eslint-config-prettier: 10.1.8(eslint@9.38.0(jiti@2.6.1))
-      eslint-import-resolver-typescript: 4.4.4(eslint-plugin-import@2.32.0(eslint@9.38.0(jiti@2.6.1)))(eslint@9.38.0(jiti@2.6.1))
-      eslint-module-utils: 2.12.1(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@4.4.4(eslint-plugin-import@2.32.0(eslint@9.38.0(jiti@2.6.1)))(eslint@9.38.0(jiti@2.6.1)))(eslint@9.38.0(jiti@2.6.1))
-      eslint-plugin-compat: 6.0.2(eslint@9.38.0(jiti@2.6.1))
-      eslint-plugin-import: 2.32.0(eslint-import-resolver-typescript@4.4.4)(eslint@9.38.0(jiti@2.6.1))
-      eslint-plugin-jsx-a11y: 6.10.2(eslint@9.38.0(jiti@2.6.1))
-      eslint-plugin-mocha: 11.2.0(eslint@9.38.0(jiti@2.6.1))
-      eslint-plugin-react: 7.37.5(eslint@9.38.0(jiti@2.6.1))
-      eslint-plugin-react-compiler: 19.1.0-rc.2(eslint@9.38.0(jiti@2.6.1))
-      eslint-plugin-react-hooks: 6.1.1(eslint@9.38.0(jiti@2.6.1))
-      eslint-plugin-testing-library: 7.13.3(eslint@9.38.0(jiti@2.6.1))(typescript@5.9.3)
+      eslint: 9.39.1(jiti@2.6.1)
+      eslint-config-prettier: 10.1.8(eslint@9.39.1(jiti@2.6.1))
+      eslint-import-resolver-typescript: 4.4.4(eslint-plugin-import@2.32.0(eslint@9.39.1(jiti@2.6.1)))(eslint@9.39.1(jiti@2.6.1))
+      eslint-module-utils: 2.12.1(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@4.4.4(eslint-plugin-import@2.32.0(eslint@9.39.1(jiti@2.6.1)))(eslint@9.39.1(jiti@2.6.1)))(eslint@9.39.1(jiti@2.6.1))
+      eslint-plugin-compat: 6.0.2(eslint@9.39.1(jiti@2.6.1))
+      eslint-plugin-import: 2.32.0(eslint-import-resolver-typescript@4.4.4(eslint-plugin-import@2.32.0(eslint@9.39.1(jiti@2.6.1)))(eslint@9.39.1(jiti@2.6.1)))(eslint@9.39.1(jiti@2.6.1))
+      eslint-plugin-jsx-a11y: 6.10.2(eslint@9.39.1(jiti@2.6.1))
+      eslint-plugin-mocha: 11.2.0(eslint@9.39.1(jiti@2.6.1))
+      eslint-plugin-react: 7.37.5(eslint@9.39.1(jiti@2.6.1))
+      eslint-plugin-react-compiler: 19.1.0-rc.2(eslint@9.39.1(jiti@2.6.1))
+      eslint-plugin-react-hooks: 7.0.1(eslint@9.39.1(jiti@2.6.1))
+      eslint-plugin-testing-library: 7.13.3(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3)
       execa: 9.6.0
       git-url-parse: 16.1.0
       globals: 16.4.0
       globby: 15.0.0
-      minimatch: 10.0.3
+      minimatch: 10.1.1
+      node-html-parser: 7.0.1
       open: 10.2.0
       postcss-styled-syntax: 0.7.1(postcss@8.5.6)
       prettier: 3.6.2
@@ -12018,7 +12021,7 @@ snapshots:
       semver: 7.7.3
       stylelint-config-standard: 39.0.1(stylelint@16.25.0(typescript@5.9.3))
       typescript: 5.9.3
-      typescript-eslint: 8.46.2(eslint@9.38.0(jiti@2.6.1))(typescript@5.9.3)
+      typescript-eslint: 8.46.3(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3)
       yargs: 18.0.0
     transitivePeerDependencies:
       - '@types/node'
@@ -12030,33 +12033,41 @@ snapshots:
       - stylelint
       - supports-color
 
-  '@mui/internal-docs-infra@0.2.3-canary.10(@types/react@19.2.2)(next@15.5.6(@babel/core@7.28.4)(@playwright/test@1.56.1)(babel-plugin-macros@3.1.0)(react-dom@19.2.0(react@19.2.0))(react@19.2.0))(react@19.2.0)':
+  '@mui/internal-docs-infra@https://pkg.pr.new/mui/mui-public/@mui/internal-docs-infra@e412f8d(@types/react@19.2.2)(next@15.5.6(@babel/core@7.28.4)(@playwright/test@1.56.1)(babel-plugin-macros@3.1.0)(react-dom@19.2.0(react@19.2.0))(react@19.2.0))(react@19.2.0)(typescript@5.9.3)':
     dependencies:
       '@babel/runtime': 7.28.4
-      '@babel/standalone': 7.28.5
+      '@babel/standalone': 7.28.4
       '@wooorm/starry-night': 3.8.0
       clipboard-copy: 4.0.1
+      es-toolkit: 1.40.0
       fflate: 0.8.2
       hast-util-to-jsx-runtime: 2.3.6
       hast-util-to-text: 4.0.2
+      import-meta-resolve: 4.2.0
       jsondiffpatch: 0.7.3
       kebab-case: 2.0.2
       lz-string: 1.5.0
+      next: 15.5.6(@babel/core@7.28.4)(@playwright/test@1.56.1)(babel-plugin-macros@3.1.0)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
       path-module: 0.1.2
       prettier: 3.6.2
+      proper-lockfile: 4.1.2
       react: 19.2.0
+      rehype-remark: 10.0.1
+      remark-gfm: 4.0.1
+      remark-stringify: 11.0.0
+      typescript: 5.9.3
+      typescript-api-extractor: 1.0.0-alpha.8(typescript@5.9.3)
       uint8-to-base64: 0.2.1
       unist-util-visit: 5.0.0
       vscode-oniguruma: 2.0.1
     optionalDependencies:
       '@types/react': 19.2.2
-      next: 15.5.6(@babel/core@7.28.4)(@playwright/test@1.56.1)(babel-plugin-macros@3.1.0)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
     transitivePeerDependencies:
       - supports-color
 
   '@mui/internal-netlify-cache@0.0.2-canary.1': {}
 
-  '@mui/internal-test-utils@2.0.14(@babel/core@7.28.4)(@playwright/test@1.56.1)(@types/react-dom@19.2.2(@types/react@19.2.2))(@types/react@19.2.2)(chai@6.2.0)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)':
+  '@mui/internal-test-utils@2.0.15(@babel/core@7.28.4)(@playwright/test@1.56.1)(@types/react-dom@19.2.2(@types/react@19.2.2))(@types/react@19.2.2)(chai@6.2.0)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)':
     dependencies:
       '@babel/plugin-transform-modules-commonjs': 7.27.1(@babel/core@7.28.4)
       '@babel/preset-typescript': 7.27.1(@babel/core@7.28.4)
@@ -12071,11 +12082,11 @@ snapshots:
       chai: 6.2.0
       chai-dom: 1.12.1(chai@6.2.0)
       dom-accessibility-api: 0.7.0
+      es-toolkit: 1.40.0
       format-util: 1.0.5
       jsdom: 26.1.0
-      lodash: 4.17.21
       lodash.kebabcase: 4.1.1
-      mocha: 11.7.2
+      mocha: 11.7.4
       prop-types: 15.8.1
       react: 19.2.0
       react-dom: 19.2.0(react@19.2.0)
@@ -12227,7 +12238,7 @@ snapshots:
 
   '@next/env@15.5.6': {}
 
-  '@next/eslint-plugin-next@15.5.6':
+  '@next/eslint-plugin-next@15.5.4':
     dependencies:
       fast-glob: 3.3.1
 
@@ -12429,45 +12440,45 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@nx/devkit@21.6.3(nx@21.6.6)':
+  '@nx/devkit@21.6.3(nx@21.6.8)':
     dependencies:
       ejs: 3.1.10
       enquirer: 2.3.6
       ignore: 5.3.2
       minimatch: 9.0.3
-      nx: 21.6.6
+      nx: 21.6.8
       semver: 7.7.3
       tslib: 2.8.1
       yargs-parser: 21.1.1
 
-  '@nx/nx-darwin-arm64@21.6.6':
+  '@nx/nx-darwin-arm64@21.6.8':
     optional: true
 
-  '@nx/nx-darwin-x64@21.6.6':
+  '@nx/nx-darwin-x64@21.6.8':
     optional: true
 
-  '@nx/nx-freebsd-x64@21.6.6':
+  '@nx/nx-freebsd-x64@21.6.8':
     optional: true
 
-  '@nx/nx-linux-arm-gnueabihf@21.6.6':
+  '@nx/nx-linux-arm-gnueabihf@21.6.8':
     optional: true
 
-  '@nx/nx-linux-arm64-gnu@21.6.6':
+  '@nx/nx-linux-arm64-gnu@21.6.8':
     optional: true
 
-  '@nx/nx-linux-arm64-musl@21.6.6':
+  '@nx/nx-linux-arm64-musl@21.6.8':
     optional: true
 
-  '@nx/nx-linux-x64-gnu@21.6.6':
+  '@nx/nx-linux-x64-gnu@21.6.8':
     optional: true
 
-  '@nx/nx-linux-x64-musl@21.6.6':
+  '@nx/nx-linux-x64-musl@21.6.8':
     optional: true
 
-  '@nx/nx-win32-arm64-msvc@21.6.6':
+  '@nx/nx-win32-arm64-msvc@21.6.8':
     optional: true
 
-  '@nx/nx-win32-x64-msvc@21.6.6':
+  '@nx/nx-win32-x64-msvc@21.6.8':
     optional: true
 
   '@octokit/auth-action@6.0.1':
@@ -13607,9 +13618,9 @@ snapshots:
       '@sinonjs/commons': 3.0.1
       type-detect: 4.1.0
 
-  '@smithy/abort-controller@4.2.3':
+  '@smithy/abort-controller@4.2.4':
     dependencies:
-      '@smithy/types': 4.8.0
+      '@smithy/types': 4.8.1
       tslib: 2.8.1
 
   '@smithy/chunked-blob-reader-native@4.2.1':
@@ -13621,97 +13632,97 @@ snapshots:
     dependencies:
       tslib: 2.8.1
 
-  '@smithy/config-resolver@4.4.0':
+  '@smithy/config-resolver@4.4.2':
     dependencies:
-      '@smithy/node-config-provider': 4.3.3
-      '@smithy/types': 4.8.0
+      '@smithy/node-config-provider': 4.3.4
+      '@smithy/types': 4.8.1
       '@smithy/util-config-provider': 4.2.0
-      '@smithy/util-endpoints': 3.2.3
-      '@smithy/util-middleware': 4.2.3
+      '@smithy/util-endpoints': 3.2.4
+      '@smithy/util-middleware': 4.2.4
       tslib: 2.8.1
 
-  '@smithy/core@3.17.1':
+  '@smithy/core@3.17.2':
     dependencies:
-      '@smithy/middleware-serde': 4.2.3
-      '@smithy/protocol-http': 5.3.3
-      '@smithy/types': 4.8.0
+      '@smithy/middleware-serde': 4.2.4
+      '@smithy/protocol-http': 5.3.4
+      '@smithy/types': 4.8.1
       '@smithy/util-base64': 4.3.0
       '@smithy/util-body-length-browser': 4.2.0
-      '@smithy/util-middleware': 4.2.3
-      '@smithy/util-stream': 4.5.4
+      '@smithy/util-middleware': 4.2.4
+      '@smithy/util-stream': 4.5.5
       '@smithy/util-utf8': 4.2.0
       '@smithy/uuid': 1.1.0
       tslib: 2.8.1
 
-  '@smithy/credential-provider-imds@4.2.3':
+  '@smithy/credential-provider-imds@4.2.4':
     dependencies:
-      '@smithy/node-config-provider': 4.3.3
-      '@smithy/property-provider': 4.2.3
-      '@smithy/types': 4.8.0
-      '@smithy/url-parser': 4.2.3
+      '@smithy/node-config-provider': 4.3.4
+      '@smithy/property-provider': 4.2.4
+      '@smithy/types': 4.8.1
+      '@smithy/url-parser': 4.2.4
       tslib: 2.8.1
 
-  '@smithy/eventstream-codec@4.2.3':
+  '@smithy/eventstream-codec@4.2.4':
     dependencies:
       '@aws-crypto/crc32': 5.2.0
-      '@smithy/types': 4.8.0
+      '@smithy/types': 4.8.1
       '@smithy/util-hex-encoding': 4.2.0
       tslib: 2.8.1
 
-  '@smithy/eventstream-serde-browser@4.2.3':
+  '@smithy/eventstream-serde-browser@4.2.4':
     dependencies:
-      '@smithy/eventstream-serde-universal': 4.2.3
-      '@smithy/types': 4.8.0
+      '@smithy/eventstream-serde-universal': 4.2.4
+      '@smithy/types': 4.8.1
       tslib: 2.8.1
 
-  '@smithy/eventstream-serde-config-resolver@4.3.3':
+  '@smithy/eventstream-serde-config-resolver@4.3.4':
     dependencies:
-      '@smithy/types': 4.8.0
+      '@smithy/types': 4.8.1
       tslib: 2.8.1
 
-  '@smithy/eventstream-serde-node@4.2.3':
+  '@smithy/eventstream-serde-node@4.2.4':
     dependencies:
-      '@smithy/eventstream-serde-universal': 4.2.3
-      '@smithy/types': 4.8.0
+      '@smithy/eventstream-serde-universal': 4.2.4
+      '@smithy/types': 4.8.1
       tslib: 2.8.1
 
-  '@smithy/eventstream-serde-universal@4.2.3':
+  '@smithy/eventstream-serde-universal@4.2.4':
     dependencies:
-      '@smithy/eventstream-codec': 4.2.3
-      '@smithy/types': 4.8.0
+      '@smithy/eventstream-codec': 4.2.4
+      '@smithy/types': 4.8.1
       tslib: 2.8.1
 
-  '@smithy/fetch-http-handler@5.3.4':
+  '@smithy/fetch-http-handler@5.3.5':
     dependencies:
-      '@smithy/protocol-http': 5.3.3
-      '@smithy/querystring-builder': 4.2.3
-      '@smithy/types': 4.8.0
+      '@smithy/protocol-http': 5.3.4
+      '@smithy/querystring-builder': 4.2.4
+      '@smithy/types': 4.8.1
       '@smithy/util-base64': 4.3.0
       tslib: 2.8.1
 
-  '@smithy/hash-blob-browser@4.2.4':
+  '@smithy/hash-blob-browser@4.2.5':
     dependencies:
       '@smithy/chunked-blob-reader': 5.2.0
       '@smithy/chunked-blob-reader-native': 4.2.1
-      '@smithy/types': 4.8.0
+      '@smithy/types': 4.8.1
       tslib: 2.8.1
 
-  '@smithy/hash-node@4.2.3':
+  '@smithy/hash-node@4.2.4':
     dependencies:
-      '@smithy/types': 4.8.0
+      '@smithy/types': 4.8.1
       '@smithy/util-buffer-from': 4.2.0
       '@smithy/util-utf8': 4.2.0
       tslib: 2.8.1
 
-  '@smithy/hash-stream-node@4.2.3':
+  '@smithy/hash-stream-node@4.2.4':
     dependencies:
-      '@smithy/types': 4.8.0
+      '@smithy/types': 4.8.1
       '@smithy/util-utf8': 4.2.0
       tslib: 2.8.1
 
-  '@smithy/invalid-dependency@4.2.3':
+  '@smithy/invalid-dependency@4.2.4':
     dependencies:
-      '@smithy/types': 4.8.0
+      '@smithy/types': 4.8.1
       tslib: 2.8.1
 
   '@smithy/is-array-buffer@2.2.0':
@@ -13722,126 +13733,126 @@ snapshots:
     dependencies:
       tslib: 2.8.1
 
-  '@smithy/md5-js@4.2.3':
+  '@smithy/md5-js@4.2.4':
     dependencies:
-      '@smithy/types': 4.8.0
+      '@smithy/types': 4.8.1
       '@smithy/util-utf8': 4.2.0
       tslib: 2.8.1
 
-  '@smithy/middleware-content-length@4.2.3':
+  '@smithy/middleware-content-length@4.2.4':
     dependencies:
-      '@smithy/protocol-http': 5.3.3
-      '@smithy/types': 4.8.0
+      '@smithy/protocol-http': 5.3.4
+      '@smithy/types': 4.8.1
       tslib: 2.8.1
 
-  '@smithy/middleware-endpoint@4.3.5':
+  '@smithy/middleware-endpoint@4.3.6':
     dependencies:
-      '@smithy/core': 3.17.1
-      '@smithy/middleware-serde': 4.2.3
-      '@smithy/node-config-provider': 4.3.3
-      '@smithy/shared-ini-file-loader': 4.3.3
-      '@smithy/types': 4.8.0
-      '@smithy/url-parser': 4.2.3
-      '@smithy/util-middleware': 4.2.3
+      '@smithy/core': 3.17.2
+      '@smithy/middleware-serde': 4.2.4
+      '@smithy/node-config-provider': 4.3.4
+      '@smithy/shared-ini-file-loader': 4.3.4
+      '@smithy/types': 4.8.1
+      '@smithy/url-parser': 4.2.4
+      '@smithy/util-middleware': 4.2.4
       tslib: 2.8.1
 
-  '@smithy/middleware-retry@4.4.5':
+  '@smithy/middleware-retry@4.4.6':
     dependencies:
-      '@smithy/node-config-provider': 4.3.3
-      '@smithy/protocol-http': 5.3.3
-      '@smithy/service-error-classification': 4.2.3
-      '@smithy/smithy-client': 4.9.1
-      '@smithy/types': 4.8.0
-      '@smithy/util-middleware': 4.2.3
-      '@smithy/util-retry': 4.2.3
+      '@smithy/node-config-provider': 4.3.4
+      '@smithy/protocol-http': 5.3.4
+      '@smithy/service-error-classification': 4.2.4
+      '@smithy/smithy-client': 4.9.2
+      '@smithy/types': 4.8.1
+      '@smithy/util-middleware': 4.2.4
+      '@smithy/util-retry': 4.2.4
       '@smithy/uuid': 1.1.0
       tslib: 2.8.1
 
-  '@smithy/middleware-serde@4.2.3':
+  '@smithy/middleware-serde@4.2.4':
     dependencies:
-      '@smithy/protocol-http': 5.3.3
-      '@smithy/types': 4.8.0
+      '@smithy/protocol-http': 5.3.4
+      '@smithy/types': 4.8.1
       tslib: 2.8.1
 
-  '@smithy/middleware-stack@4.2.3':
+  '@smithy/middleware-stack@4.2.4':
     dependencies:
-      '@smithy/types': 4.8.0
+      '@smithy/types': 4.8.1
       tslib: 2.8.1
 
-  '@smithy/node-config-provider@4.3.3':
+  '@smithy/node-config-provider@4.3.4':
     dependencies:
-      '@smithy/property-provider': 4.2.3
-      '@smithy/shared-ini-file-loader': 4.3.3
-      '@smithy/types': 4.8.0
+      '@smithy/property-provider': 4.2.4
+      '@smithy/shared-ini-file-loader': 4.3.4
+      '@smithy/types': 4.8.1
       tslib: 2.8.1
 
-  '@smithy/node-http-handler@4.4.3':
+  '@smithy/node-http-handler@4.4.4':
     dependencies:
-      '@smithy/abort-controller': 4.2.3
-      '@smithy/protocol-http': 5.3.3
-      '@smithy/querystring-builder': 4.2.3
-      '@smithy/types': 4.8.0
+      '@smithy/abort-controller': 4.2.4
+      '@smithy/protocol-http': 5.3.4
+      '@smithy/querystring-builder': 4.2.4
+      '@smithy/types': 4.8.1
       tslib: 2.8.1
 
-  '@smithy/property-provider@4.2.3':
+  '@smithy/property-provider@4.2.4':
     dependencies:
-      '@smithy/types': 4.8.0
+      '@smithy/types': 4.8.1
       tslib: 2.8.1
 
-  '@smithy/protocol-http@5.3.3':
+  '@smithy/protocol-http@5.3.4':
     dependencies:
-      '@smithy/types': 4.8.0
+      '@smithy/types': 4.8.1
       tslib: 2.8.1
 
-  '@smithy/querystring-builder@4.2.3':
+  '@smithy/querystring-builder@4.2.4':
     dependencies:
-      '@smithy/types': 4.8.0
+      '@smithy/types': 4.8.1
       '@smithy/util-uri-escape': 4.2.0
       tslib: 2.8.1
 
-  '@smithy/querystring-parser@4.2.3':
+  '@smithy/querystring-parser@4.2.4':
     dependencies:
-      '@smithy/types': 4.8.0
+      '@smithy/types': 4.8.1
       tslib: 2.8.1
 
-  '@smithy/service-error-classification@4.2.3':
+  '@smithy/service-error-classification@4.2.4':
     dependencies:
-      '@smithy/types': 4.8.0
+      '@smithy/types': 4.8.1
 
-  '@smithy/shared-ini-file-loader@4.3.3':
+  '@smithy/shared-ini-file-loader@4.3.4':
     dependencies:
-      '@smithy/types': 4.8.0
+      '@smithy/types': 4.8.1
       tslib: 2.8.1
 
-  '@smithy/signature-v4@5.3.3':
+  '@smithy/signature-v4@5.3.4':
     dependencies:
       '@smithy/is-array-buffer': 4.2.0
-      '@smithy/protocol-http': 5.3.3
-      '@smithy/types': 4.8.0
+      '@smithy/protocol-http': 5.3.4
+      '@smithy/types': 4.8.1
       '@smithy/util-hex-encoding': 4.2.0
-      '@smithy/util-middleware': 4.2.3
+      '@smithy/util-middleware': 4.2.4
       '@smithy/util-uri-escape': 4.2.0
       '@smithy/util-utf8': 4.2.0
       tslib: 2.8.1
 
-  '@smithy/smithy-client@4.9.1':
+  '@smithy/smithy-client@4.9.2':
     dependencies:
-      '@smithy/core': 3.17.1
-      '@smithy/middleware-endpoint': 4.3.5
-      '@smithy/middleware-stack': 4.2.3
-      '@smithy/protocol-http': 5.3.3
-      '@smithy/types': 4.8.0
-      '@smithy/util-stream': 4.5.4
+      '@smithy/core': 3.17.2
+      '@smithy/middleware-endpoint': 4.3.6
+      '@smithy/middleware-stack': 4.2.4
+      '@smithy/protocol-http': 5.3.4
+      '@smithy/types': 4.8.1
+      '@smithy/util-stream': 4.5.5
       tslib: 2.8.1
 
-  '@smithy/types@4.8.0':
+  '@smithy/types@4.8.1':
     dependencies:
       tslib: 2.8.1
 
-  '@smithy/url-parser@4.2.3':
+  '@smithy/url-parser@4.2.4':
     dependencies:
-      '@smithy/querystring-parser': 4.2.3
-      '@smithy/types': 4.8.0
+      '@smithy/querystring-parser': 4.2.4
+      '@smithy/types': 4.8.1
       tslib: 2.8.1
 
   '@smithy/util-base64@4.3.0':
@@ -13872,49 +13883,49 @@ snapshots:
     dependencies:
       tslib: 2.8.1
 
-  '@smithy/util-defaults-mode-browser@4.3.4':
+  '@smithy/util-defaults-mode-browser@4.3.5':
     dependencies:
-      '@smithy/property-provider': 4.2.3
-      '@smithy/smithy-client': 4.9.1
-      '@smithy/types': 4.8.0
+      '@smithy/property-provider': 4.2.4
+      '@smithy/smithy-client': 4.9.2
+      '@smithy/types': 4.8.1
       tslib: 2.8.1
 
-  '@smithy/util-defaults-mode-node@4.2.6':
+  '@smithy/util-defaults-mode-node@4.2.8':
     dependencies:
-      '@smithy/config-resolver': 4.4.0
-      '@smithy/credential-provider-imds': 4.2.3
-      '@smithy/node-config-provider': 4.3.3
-      '@smithy/property-provider': 4.2.3
-      '@smithy/smithy-client': 4.9.1
-      '@smithy/types': 4.8.0
+      '@smithy/config-resolver': 4.4.2
+      '@smithy/credential-provider-imds': 4.2.4
+      '@smithy/node-config-provider': 4.3.4
+      '@smithy/property-provider': 4.2.4
+      '@smithy/smithy-client': 4.9.2
+      '@smithy/types': 4.8.1
       tslib: 2.8.1
 
-  '@smithy/util-endpoints@3.2.3':
+  '@smithy/util-endpoints@3.2.4':
     dependencies:
-      '@smithy/node-config-provider': 4.3.3
-      '@smithy/types': 4.8.0
+      '@smithy/node-config-provider': 4.3.4
+      '@smithy/types': 4.8.1
       tslib: 2.8.1
 
   '@smithy/util-hex-encoding@4.2.0':
     dependencies:
       tslib: 2.8.1
 
-  '@smithy/util-middleware@4.2.3':
+  '@smithy/util-middleware@4.2.4':
     dependencies:
-      '@smithy/types': 4.8.0
+      '@smithy/types': 4.8.1
       tslib: 2.8.1
 
-  '@smithy/util-retry@4.2.3':
+  '@smithy/util-retry@4.2.4':
     dependencies:
-      '@smithy/service-error-classification': 4.2.3
-      '@smithy/types': 4.8.0
+      '@smithy/service-error-classification': 4.2.4
+      '@smithy/types': 4.8.1
       tslib: 2.8.1
 
-  '@smithy/util-stream@4.5.4':
+  '@smithy/util-stream@4.5.5':
     dependencies:
-      '@smithy/fetch-http-handler': 5.3.4
-      '@smithy/node-http-handler': 4.4.3
-      '@smithy/types': 4.8.0
+      '@smithy/fetch-http-handler': 5.3.5
+      '@smithy/node-http-handler': 4.4.4
+      '@smithy/types': 4.8.1
       '@smithy/util-base64': 4.3.0
       '@smithy/util-buffer-from': 4.2.0
       '@smithy/util-hex-encoding': 4.2.0
@@ -13935,10 +13946,10 @@ snapshots:
       '@smithy/util-buffer-from': 4.2.0
       tslib: 2.8.1
 
-  '@smithy/util-waiter@4.2.3':
+  '@smithy/util-waiter@4.2.4':
     dependencies:
-      '@smithy/abort-controller': 4.2.3
-      '@smithy/types': 4.8.0
+      '@smithy/abort-controller': 4.2.4
+      '@smithy/types': 4.8.1
       tslib: 2.8.1
 
   '@smithy/uuid@1.1.0':
@@ -14167,7 +14178,7 @@ snapshots:
 
   '@types/ms@2.1.0': {}
 
-  '@types/node@22.18.12':
+  '@types/node@22.19.0':
     dependencies:
       undici-types: 6.21.0
 
@@ -14205,15 +14216,15 @@ snapshots:
     dependencies:
       '@types/yargs-parser': 21.0.3
 
-  '@typescript-eslint/eslint-plugin@8.46.2(@typescript-eslint/parser@8.46.2(eslint@9.38.0(jiti@2.6.1))(typescript@5.9.3))(eslint@9.38.0(jiti@2.6.1))(typescript@5.9.3)':
+  '@typescript-eslint/eslint-plugin@8.46.3(@typescript-eslint/parser@8.46.3(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3)':
     dependencies:
       '@eslint-community/regexpp': 4.12.1
-      '@typescript-eslint/parser': 8.46.2(eslint@9.38.0(jiti@2.6.1))(typescript@5.9.3)
-      '@typescript-eslint/scope-manager': 8.46.2
-      '@typescript-eslint/type-utils': 8.46.2(eslint@9.38.0(jiti@2.6.1))(typescript@5.9.3)
-      '@typescript-eslint/utils': 8.46.2(eslint@9.38.0(jiti@2.6.1))(typescript@5.9.3)
-      '@typescript-eslint/visitor-keys': 8.46.2
-      eslint: 9.38.0(jiti@2.6.1)
+      '@typescript-eslint/parser': 8.46.3(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/scope-manager': 8.46.3
+      '@typescript-eslint/type-utils': 8.46.3(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.46.3(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/visitor-keys': 8.46.3
+      eslint: 9.39.1(jiti@2.6.1)
       graphemer: 1.4.0
       ignore: 7.0.5
       natural-compare: 1.4.0
@@ -14222,56 +14233,56 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/parser@8.46.2(eslint@9.38.0(jiti@2.6.1))(typescript@5.9.3)':
+  '@typescript-eslint/parser@8.46.3(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3)':
     dependencies:
-      '@typescript-eslint/scope-manager': 8.46.2
-      '@typescript-eslint/types': 8.46.2
-      '@typescript-eslint/typescript-estree': 8.46.2(typescript@5.9.3)
-      '@typescript-eslint/visitor-keys': 8.46.2
+      '@typescript-eslint/scope-manager': 8.46.3
+      '@typescript-eslint/types': 8.46.3
+      '@typescript-eslint/typescript-estree': 8.46.3(typescript@5.9.3)
+      '@typescript-eslint/visitor-keys': 8.46.3
       debug: 4.4.3(supports-color@8.1.1)
-      eslint: 9.38.0(jiti@2.6.1)
+      eslint: 9.39.1(jiti@2.6.1)
       typescript: 5.9.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/project-service@8.46.2(typescript@5.9.3)':
+  '@typescript-eslint/project-service@8.46.3(typescript@5.9.3)':
     dependencies:
-      '@typescript-eslint/tsconfig-utils': 8.46.2(typescript@5.9.3)
-      '@typescript-eslint/types': 8.46.2
+      '@typescript-eslint/tsconfig-utils': 8.46.3(typescript@5.9.3)
+      '@typescript-eslint/types': 8.46.3
       debug: 4.4.3(supports-color@8.1.1)
       typescript: 5.9.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/scope-manager@8.46.2':
+  '@typescript-eslint/scope-manager@8.46.3':
     dependencies:
-      '@typescript-eslint/types': 8.46.2
-      '@typescript-eslint/visitor-keys': 8.46.2
+      '@typescript-eslint/types': 8.46.3
+      '@typescript-eslint/visitor-keys': 8.46.3
 
-  '@typescript-eslint/tsconfig-utils@8.46.2(typescript@5.9.3)':
+  '@typescript-eslint/tsconfig-utils@8.46.3(typescript@5.9.3)':
     dependencies:
       typescript: 5.9.3
 
-  '@typescript-eslint/type-utils@8.46.2(eslint@9.38.0(jiti@2.6.1))(typescript@5.9.3)':
+  '@typescript-eslint/type-utils@8.46.3(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3)':
     dependencies:
-      '@typescript-eslint/types': 8.46.2
-      '@typescript-eslint/typescript-estree': 8.46.2(typescript@5.9.3)
-      '@typescript-eslint/utils': 8.46.2(eslint@9.38.0(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/types': 8.46.3
+      '@typescript-eslint/typescript-estree': 8.46.3(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.46.3(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3)
       debug: 4.4.3(supports-color@8.1.1)
-      eslint: 9.38.0(jiti@2.6.1)
+      eslint: 9.39.1(jiti@2.6.1)
       ts-api-utils: 2.1.0(typescript@5.9.3)
       typescript: 5.9.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/types@8.46.2': {}
+  '@typescript-eslint/types@8.46.3': {}
 
-  '@typescript-eslint/typescript-estree@8.46.2(typescript@5.9.3)':
+  '@typescript-eslint/typescript-estree@8.46.3(typescript@5.9.3)':
     dependencies:
-      '@typescript-eslint/project-service': 8.46.2(typescript@5.9.3)
-      '@typescript-eslint/tsconfig-utils': 8.46.2(typescript@5.9.3)
-      '@typescript-eslint/types': 8.46.2
-      '@typescript-eslint/visitor-keys': 8.46.2
+      '@typescript-eslint/project-service': 8.46.3(typescript@5.9.3)
+      '@typescript-eslint/tsconfig-utils': 8.46.3(typescript@5.9.3)
+      '@typescript-eslint/types': 8.46.3
+      '@typescript-eslint/visitor-keys': 8.46.3
       debug: 4.4.3(supports-color@8.1.1)
       fast-glob: 3.3.3
       is-glob: 4.0.3
@@ -14282,20 +14293,20 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/utils@8.46.2(eslint@9.38.0(jiti@2.6.1))(typescript@5.9.3)':
+  '@typescript-eslint/utils@8.46.3(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3)':
     dependencies:
-      '@eslint-community/eslint-utils': 4.8.0(eslint@9.38.0(jiti@2.6.1))
-      '@typescript-eslint/scope-manager': 8.46.2
-      '@typescript-eslint/types': 8.46.2
-      '@typescript-eslint/typescript-estree': 8.46.2(typescript@5.9.3)
-      eslint: 9.38.0(jiti@2.6.1)
+      '@eslint-community/eslint-utils': 4.8.0(eslint@9.39.1(jiti@2.6.1))
+      '@typescript-eslint/scope-manager': 8.46.3
+      '@typescript-eslint/types': 8.46.3
+      '@typescript-eslint/typescript-estree': 8.46.3(typescript@5.9.3)
+      eslint: 9.39.1(jiti@2.6.1)
       typescript: 5.9.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/visitor-keys@8.46.2':
+  '@typescript-eslint/visitor-keys@8.46.3':
     dependencies:
-      '@typescript-eslint/types': 8.46.2
+      '@typescript-eslint/types': 8.46.3
       eslint-visitor-keys: 4.2.1
 
   '@ungap/structured-clone@1.3.0': {}
@@ -14359,7 +14370,7 @@ snapshots:
   '@unrs/resolver-binding-win32-x64-msvc@1.11.1':
     optional: true
 
-  '@vitejs/plugin-react@5.0.4(vite@7.1.12(@types/node@22.18.12)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.0)(tsx@4.20.6)(yaml@2.8.1))':
+  '@vitejs/plugin-react@5.0.4(vite@7.1.12(@types/node@22.19.0)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.0)(tsx@4.20.6)(yaml@2.8.1))':
     dependencies:
       '@babel/core': 7.28.4
       '@babel/plugin-transform-react-jsx-self': 7.27.1(@babel/core@7.28.4)
@@ -14367,20 +14378,20 @@ snapshots:
       '@rolldown/pluginutils': 1.0.0-beta.38
       '@types/babel__core': 7.20.5
       react-refresh: 0.17.0
-      vite: 7.1.12(@types/node@22.18.12)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.0)(tsx@4.20.6)(yaml@2.8.1)
+      vite: 7.1.12(@types/node@22.19.0)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.0)(tsx@4.20.6)(yaml@2.8.1)
     transitivePeerDependencies:
       - supports-color
 
-  '@vitest/browser@3.2.4(playwright@1.56.1)(vite@7.1.12(@types/node@22.18.12)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.0)(tsx@4.20.6)(yaml@2.8.1))(vitest@3.2.4)':
+  '@vitest/browser@3.2.4(playwright@1.56.1)(vite@7.1.12(@types/node@22.19.0)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.0)(tsx@4.20.6)(yaml@2.8.1))(vitest@3.2.4)':
     dependencies:
       '@testing-library/dom': 10.4.1
       '@testing-library/user-event': 14.6.1(@testing-library/dom@10.4.1)
-      '@vitest/mocker': 3.2.4(vite@7.1.12(@types/node@22.18.12)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.0)(tsx@4.20.6)(yaml@2.8.1))
+      '@vitest/mocker': 3.2.4(vite@7.1.12(@types/node@22.19.0)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.0)(tsx@4.20.6)(yaml@2.8.1))
       '@vitest/utils': 3.2.4
       magic-string: 0.30.19
       sirv: 3.0.2
       tinyrainbow: 2.0.0
-      vitest: 3.2.4(@types/debug@4.1.12)(@types/node@22.18.12)(@vitest/browser@3.2.4)(@vitest/ui@3.2.4)(jiti@2.6.1)(jsdom@26.1.0)(lightningcss@1.30.2)(terser@5.44.0)(tsx@4.20.6)(yaml@2.8.1)
+      vitest: 3.2.4(@types/debug@4.1.12)(@types/node@22.19.0)(@vitest/browser@3.2.4)(@vitest/ui@3.2.4)(jiti@2.6.1)(jsdom@26.1.0)(lightningcss@1.30.2)(terser@5.44.0)(tsx@4.20.6)(yaml@2.8.1)
       ws: 8.18.3
     optionalDependencies:
       playwright: 1.56.1
@@ -14402,7 +14413,7 @@ snapshots:
       magicast: 0.3.5
       test-exclude: 7.0.1
       tinyrainbow: 2.0.0
-      vitest: 3.2.4(@types/debug@4.1.12)(@types/node@22.18.12)(@vitest/browser@3.2.4)(@vitest/ui@3.2.4)(jiti@2.6.1)(jsdom@26.1.0)(lightningcss@1.30.2)(terser@5.44.0)(tsx@4.20.6)(yaml@2.8.1)
+      vitest: 3.2.4(@types/debug@4.1.12)(@types/node@22.19.0)(@vitest/browser@3.2.4)(@vitest/ui@3.2.4)(jiti@2.6.1)(jsdom@26.1.0)(lightningcss@1.30.2)(terser@5.44.0)(tsx@4.20.6)(yaml@2.8.1)
     transitivePeerDependencies:
       - supports-color
 
@@ -14414,13 +14425,13 @@ snapshots:
       chai: 5.3.3
       tinyrainbow: 2.0.0
 
-  '@vitest/mocker@3.2.4(vite@7.1.12(@types/node@22.18.12)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.0)(tsx@4.20.6)(yaml@2.8.1))':
+  '@vitest/mocker@3.2.4(vite@7.1.12(@types/node@22.19.0)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.0)(tsx@4.20.6)(yaml@2.8.1))':
     dependencies:
       '@vitest/spy': 3.2.4
       estree-walker: 3.0.3
       magic-string: 0.30.19
     optionalDependencies:
-      vite: 7.1.12(@types/node@22.18.12)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.0)(tsx@4.20.6)(yaml@2.8.1)
+      vite: 7.1.12(@types/node@22.19.0)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.0)(tsx@4.20.6)(yaml@2.8.1)
 
   '@vitest/pretty-format@3.2.4':
     dependencies:
@@ -14451,7 +14462,7 @@ snapshots:
       sirv: 3.0.2
       tinyglobby: 0.2.15
       tinyrainbow: 2.0.0
-      vitest: 3.2.4(@types/debug@4.1.12)(@types/node@22.18.12)(@vitest/browser@3.2.4)(@vitest/ui@3.2.4)(jiti@2.6.1)(jsdom@26.1.0)(lightningcss@1.30.2)(terser@5.44.0)(tsx@4.20.6)(yaml@2.8.1)
+      vitest: 3.2.4(@types/debug@4.1.12)(@types/node@22.19.0)(@vitest/browser@3.2.4)(@vitest/ui@3.2.4)(jiti@2.6.1)(jsdom@26.1.0)(lightningcss@1.30.2)(terser@5.44.0)(tsx@4.20.6)(yaml@2.8.1)
 
   '@vitest/utils@3.2.4':
     dependencies:
@@ -14795,7 +14806,7 @@ snapshots:
     dependencies:
       '@babel/runtime': 7.28.4
       cosmiconfig: 7.1.0
-      resolve: 1.22.10
+      resolve: 1.22.11
 
   babel-plugin-optimize-clsx@2.6.2:
     dependencies:
@@ -14846,7 +14857,7 @@ snapshots:
 
   base64-js@1.5.1: {}
 
-  baseline-browser-mapping@2.8.20: {}
+  baseline-browser-mapping@2.8.24: {}
 
   before-after-hook@2.2.3: {}
 
@@ -14878,6 +14889,8 @@ snapshots:
 
   bluebird@3.4.7: {}
 
+  boolbase@1.0.0: {}
+
   bowser@2.12.1: {}
 
   boxen@7.0.0:
@@ -14908,10 +14921,10 @@ snapshots:
 
   browserslist@4.27.0:
     dependencies:
-      baseline-browser-mapping: 2.8.20
-      caniuse-lite: 1.0.30001751
-      electron-to-chromium: 1.5.240
-      node-releases: 2.0.26
+      baseline-browser-mapping: 2.8.24
+      caniuse-lite: 1.0.30001753
+      electron-to-chromium: 1.5.244
+      node-releases: 2.0.27
       update-browserslist-db: 1.1.4(browserslist@4.27.0)
 
   buffer-from@0.1.2: {}
@@ -15004,7 +15017,7 @@ snapshots:
 
   camelcase@7.0.1: {}
 
-  caniuse-lite@1.0.30001751: {}
+  caniuse-lite@1.0.30001753: {}
 
   ccount@2.0.1: {}
 
@@ -15247,6 +15260,8 @@ snapshots:
 
   content-disposition@0.5.2: {}
 
+  content-type@1.0.5: {}
+
   conventional-changelog-angular@7.0.0:
     dependencies:
       compare-func: 2.0.0
@@ -15346,11 +15361,21 @@ snapshots:
 
   css-functions-list@3.2.3: {}
 
+  css-select@5.2.2:
+    dependencies:
+      boolbase: 1.0.0
+      css-what: 6.2.2
+      domhandler: 5.0.3
+      domutils: 3.2.2
+      nth-check: 2.1.1
+
   css-tree@3.1.0:
     dependencies:
       mdn-data: 2.12.2
       source-map-js: 1.2.1
 
+  css-what@6.2.2: {}
+
   css.escape@1.5.1: {}
 
   cssesc@3.0.0: {}
@@ -15491,6 +15516,24 @@ snapshots:
 
   dom-accessibility-api@0.7.0: {}
 
+  dom-serializer@2.0.0:
+    dependencies:
+      domelementtype: 2.3.0
+      domhandler: 5.0.3
+      entities: 4.5.0
+
+  domelementtype@2.3.0: {}
+
+  domhandler@5.0.3:
+    dependencies:
+      domelementtype: 2.3.0
+
+  domutils@3.2.2:
+    dependencies:
+      dom-serializer: 2.0.0
+      domelementtype: 2.3.0
+      domhandler: 5.0.3
+
   dot-prop@5.3.0:
     dependencies:
       is-obj: 2.0.0
@@ -15521,7 +15564,7 @@ snapshots:
     dependencies:
       jake: 10.9.4
 
-  electron-to-chromium@1.5.240: {}
+  electron-to-chromium@1.5.244: {}
 
   emoji-regex@10.5.0: {}
 
@@ -15726,9 +15769,9 @@ snapshots:
 
   escape-string-regexp@5.0.0: {}
 
-  eslint-config-prettier@10.1.8(eslint@9.38.0(jiti@2.6.1)):
+  eslint-config-prettier@10.1.8(eslint@9.39.1(jiti@2.6.1)):
     dependencies:
-      eslint: 9.38.0(jiti@2.6.1)
+      eslint: 9.39.1(jiti@2.6.1)
 
   eslint-import-context@0.1.9(unrs-resolver@1.11.1):
     dependencies:
@@ -15741,14 +15784,14 @@ snapshots:
     dependencies:
       debug: 3.2.7
       is-core-module: 2.16.1
-      resolve: 1.22.10
+      resolve: 1.22.11
     transitivePeerDependencies:
       - supports-color
 
-  eslint-import-resolver-typescript@4.4.4(eslint-plugin-import@2.32.0(eslint@9.38.0(jiti@2.6.1)))(eslint@9.38.0(jiti@2.6.1)):
+  eslint-import-resolver-typescript@4.4.4(eslint-plugin-import@2.32.0(eslint@9.39.1(jiti@2.6.1)))(eslint@9.39.1(jiti@2.6.1)):
     dependencies:
       debug: 4.4.3(supports-color@8.1.1)
-      eslint: 9.38.0(jiti@2.6.1)
+      eslint: 9.39.1(jiti@2.6.1)
       eslint-import-context: 0.1.9(unrs-resolver@1.11.1)
       get-tsconfig: 4.10.1
       is-bun-module: 2.0.0
@@ -15756,33 +15799,33 @@ snapshots:
       tinyglobby: 0.2.15
       unrs-resolver: 1.11.1
     optionalDependencies:
-      eslint-plugin-import: 2.32.0(eslint-import-resolver-typescript@4.4.4)(eslint@9.38.0(jiti@2.6.1))
+      eslint-plugin-import: 2.32.0(eslint-import-resolver-typescript@4.4.4(eslint-plugin-import@2.32.0(eslint@9.39.1(jiti@2.6.1)))(eslint@9.39.1(jiti@2.6.1)))(eslint@9.39.1(jiti@2.6.1))
     transitivePeerDependencies:
       - supports-color
 
-  eslint-module-utils@2.12.1(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@4.4.4(eslint-plugin-import@2.32.0(eslint@9.38.0(jiti@2.6.1)))(eslint@9.38.0(jiti@2.6.1)))(eslint@9.38.0(jiti@2.6.1)):
+  eslint-module-utils@2.12.1(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@4.4.4(eslint-plugin-import@2.32.0(eslint@9.39.1(jiti@2.6.1)))(eslint@9.39.1(jiti@2.6.1)))(eslint@9.39.1(jiti@2.6.1)):
     dependencies:
       debug: 3.2.7
     optionalDependencies:
-      eslint: 9.38.0(jiti@2.6.1)
+      eslint: 9.39.1(jiti@2.6.1)
       eslint-import-resolver-node: 0.3.9
-      eslint-import-resolver-typescript: 4.4.4(eslint-plugin-import@2.32.0(eslint@9.38.0(jiti@2.6.1)))(eslint@9.38.0(jiti@2.6.1))
+      eslint-import-resolver-typescript: 4.4.4(eslint-plugin-import@2.32.0(eslint@9.39.1(jiti@2.6.1)))(eslint@9.39.1(jiti@2.6.1))
     transitivePeerDependencies:
       - supports-color
 
-  eslint-plugin-compat@6.0.2(eslint@9.38.0(jiti@2.6.1)):
+  eslint-plugin-compat@6.0.2(eslint@9.39.1(jiti@2.6.1)):
     dependencies:
       '@mdn/browser-compat-data': 5.7.6
       ast-metadata-inferer: 0.8.1
       browserslist: 4.27.0
-      caniuse-lite: 1.0.30001751
-      eslint: 9.38.0(jiti@2.6.1)
+      caniuse-lite: 1.0.30001753
+      eslint: 9.39.1(jiti@2.6.1)
       find-up: 5.0.0
       globals: 15.15.0
       lodash.memoize: 4.1.2
       semver: 7.7.3
 
-  eslint-plugin-import@2.32.0(eslint-import-resolver-typescript@4.4.4)(eslint@9.38.0(jiti@2.6.1)):
+  eslint-plugin-import@2.32.0(eslint-import-resolver-typescript@4.4.4(eslint-plugin-import@2.32.0(eslint@9.39.1(jiti@2.6.1)))(eslint@9.39.1(jiti@2.6.1)))(eslint@9.39.1(jiti@2.6.1)):
     dependencies:
       '@rtsao/scc': 1.1.0
       array-includes: 3.1.9
@@ -15791,9 +15834,9 @@ snapshots:
       array.prototype.flatmap: 1.3.3
       debug: 3.2.7
       doctrine: 2.1.0
-      eslint: 9.38.0(jiti@2.6.1)
+      eslint: 9.39.1(jiti@2.6.1)
       eslint-import-resolver-node: 0.3.9
-      eslint-module-utils: 2.12.1(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@4.4.4(eslint-plugin-import@2.32.0(eslint@9.38.0(jiti@2.6.1)))(eslint@9.38.0(jiti@2.6.1)))(eslint@9.38.0(jiti@2.6.1))
+      eslint-module-utils: 2.12.1(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@4.4.4(eslint-plugin-import@2.32.0(eslint@9.39.1(jiti@2.6.1)))(eslint@9.39.1(jiti@2.6.1)))(eslint@9.39.1(jiti@2.6.1))
       hasown: 2.0.2
       is-core-module: 2.16.1
       is-glob: 4.0.3
@@ -15809,7 +15852,7 @@ snapshots:
       - eslint-import-resolver-webpack
       - supports-color
 
-  eslint-plugin-jsx-a11y@6.10.2(eslint@9.38.0(jiti@2.6.1)):
+  eslint-plugin-jsx-a11y@6.10.2(eslint@9.39.1(jiti@2.6.1)):
     dependencies:
       aria-query: 5.3.2
       array-includes: 3.1.9
@@ -15819,7 +15862,7 @@ snapshots:
       axobject-query: 4.1.0
       damerau-levenshtein: 1.0.8
       emoji-regex: 9.2.2
-      eslint: 9.38.0(jiti@2.6.1)
+      eslint: 9.39.1(jiti@2.6.1)
       hasown: 2.0.2
       jsx-ast-utils: 3.3.5
       language-tags: 1.0.9
@@ -15828,43 +15871,44 @@ snapshots:
       safe-regex-test: 1.1.0
       string.prototype.includes: 2.0.1
 
-  eslint-plugin-mocha@11.2.0(eslint@9.38.0(jiti@2.6.1)):
+  eslint-plugin-mocha@11.2.0(eslint@9.39.1(jiti@2.6.1)):
     dependencies:
-      '@eslint-community/eslint-utils': 4.8.0(eslint@9.38.0(jiti@2.6.1))
-      eslint: 9.38.0(jiti@2.6.1)
+      '@eslint-community/eslint-utils': 4.8.0(eslint@9.39.1(jiti@2.6.1))
+      eslint: 9.39.1(jiti@2.6.1)
       globals: 15.15.0
 
-  eslint-plugin-react-compiler@19.1.0-rc.2(eslint@9.38.0(jiti@2.6.1)):
+  eslint-plugin-react-compiler@19.1.0-rc.2(eslint@9.39.1(jiti@2.6.1)):
     dependencies:
       '@babel/core': 7.28.4
       '@babel/parser': 7.28.4
       '@babel/plugin-proposal-private-methods': 7.18.6(@babel/core@7.28.4)
-      eslint: 9.38.0(jiti@2.6.1)
+      eslint: 9.39.1(jiti@2.6.1)
       hermes-parser: 0.25.1
       zod: 3.25.76
       zod-validation-error: 3.5.3(zod@3.25.76)
     transitivePeerDependencies:
       - supports-color
 
-  eslint-plugin-react-hooks@5.2.0(eslint@9.38.0(jiti@2.6.1)):
+  eslint-plugin-react-hooks@5.2.0(eslint@9.39.1(jiti@2.6.1)):
     dependencies:
-      eslint: 9.38.0(jiti@2.6.1)
+      eslint: 9.39.1(jiti@2.6.1)
 
-  eslint-plugin-react-hooks@6.1.1(eslint@9.38.0(jiti@2.6.1)):
+  eslint-plugin-react-hooks@7.0.1(eslint@9.39.1(jiti@2.6.1)):
     dependencies:
       '@babel/core': 7.28.4
       '@babel/parser': 7.28.4
-      eslint: 9.38.0(jiti@2.6.1)
+      eslint: 9.39.1(jiti@2.6.1)
+      hermes-parser: 0.25.1
       zod: 4.1.12
       zod-validation-error: 3.5.3(zod@4.1.12)
     transitivePeerDependencies:
       - supports-color
 
-  eslint-plugin-react-refresh@0.4.20(eslint@9.38.0(jiti@2.6.1)):
+  eslint-plugin-react-refresh@0.4.20(eslint@9.39.1(jiti@2.6.1)):
     dependencies:
-      eslint: 9.38.0(jiti@2.6.1)
+      eslint: 9.39.1(jiti@2.6.1)
 
-  eslint-plugin-react@7.37.5(eslint@9.38.0(jiti@2.6.1)):
+  eslint-plugin-react@7.37.5(eslint@9.39.1(jiti@2.6.1)):
     dependencies:
       array-includes: 3.1.9
       array.prototype.findlast: 1.2.5
@@ -15872,7 +15916,7 @@ snapshots:
       array.prototype.tosorted: 1.1.4
       doctrine: 2.1.0
       es-iterator-helpers: 1.2.1
-      eslint: 9.38.0(jiti@2.6.1)
+      eslint: 9.39.1(jiti@2.6.1)
       estraverse: 5.3.0
       hasown: 2.0.2
       jsx-ast-utils: 3.3.5
@@ -15886,11 +15930,11 @@ snapshots:
       string.prototype.matchall: 4.0.12
       string.prototype.repeat: 1.0.0
 
-  eslint-plugin-testing-library@7.13.3(eslint@9.38.0(jiti@2.6.1))(typescript@5.9.3):
+  eslint-plugin-testing-library@7.13.3(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3):
     dependencies:
-      '@typescript-eslint/scope-manager': 8.46.2
-      '@typescript-eslint/utils': 8.46.2(eslint@9.38.0(jiti@2.6.1))(typescript@5.9.3)
-      eslint: 9.38.0(jiti@2.6.1)
+      '@typescript-eslint/scope-manager': 8.46.3
+      '@typescript-eslint/utils': 8.46.3(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3)
+      eslint: 9.39.1(jiti@2.6.1)
     transitivePeerDependencies:
       - supports-color
       - typescript
@@ -15909,16 +15953,16 @@ snapshots:
 
   eslint-visitor-keys@4.2.1: {}
 
-  eslint@9.38.0(jiti@2.6.1):
+  eslint@9.39.1(jiti@2.6.1):
     dependencies:
-      '@eslint-community/eslint-utils': 4.8.0(eslint@9.38.0(jiti@2.6.1))
+      '@eslint-community/eslint-utils': 4.8.0(eslint@9.39.1(jiti@2.6.1))
       '@eslint-community/regexpp': 4.12.1
       '@eslint/config-array': 0.21.1
-      '@eslint/config-helpers': 0.4.1
-      '@eslint/core': 0.16.0
+      '@eslint/config-helpers': 0.4.2
+      '@eslint/core': 0.17.0
       '@eslint/eslintrc': 3.3.1
-      '@eslint/js': 9.38.0
-      '@eslint/plugin-kit': 0.4.0
+      '@eslint/js': 9.39.1
+      '@eslint/plugin-kit': 0.4.1
       '@humanfs/node': 0.16.7
       '@humanwhocodes/module-importer': 1.0.1
       '@humanwhocodes/retry': 0.4.3
@@ -16389,7 +16433,7 @@ snapshots:
     dependencies:
       foreground-child: 3.3.1
       jackspeak: 4.1.1
-      minimatch: 10.0.3
+      minimatch: 10.1.1
       minipass: 7.1.2
       package-json-from-dist: 1.0.1
       path-scurry: 2.0.0
@@ -16505,6 +16549,11 @@ snapshots:
     dependencies:
       function-bind: 1.1.2
 
+  hast-util-embedded@3.0.0:
+    dependencies:
+      '@types/hast': 3.0.4
+      hast-util-is-element: 3.0.0
+
   hast-util-from-html@2.0.3:
     dependencies:
       '@types/hast': 3.0.4
@@ -16525,18 +16574,42 @@ snapshots:
       vfile-location: 5.0.3
       web-namespaces: 2.0.1
 
+  hast-util-has-property@3.0.0:
+    dependencies:
+      '@types/hast': 3.0.4
+
   hast-util-heading-rank@3.0.0:
     dependencies:
       '@types/hast': 3.0.4
 
+  hast-util-is-body-ok-link@3.0.1:
+    dependencies:
+      '@types/hast': 3.0.4
+
   hast-util-is-element@3.0.0:
     dependencies:
       '@types/hast': 3.0.4
 
+  hast-util-minify-whitespace@1.0.1:
+    dependencies:
+      '@types/hast': 3.0.4
+      hast-util-embedded: 3.0.0
+      hast-util-is-element: 3.0.0
+      hast-util-whitespace: 3.0.0
+      unist-util-is: 6.0.0
+
   hast-util-parse-selector@4.0.0:
     dependencies:
       '@types/hast': 3.0.4
 
+  hast-util-phrasing@3.0.1:
+    dependencies:
+      '@types/hast': 3.0.4
+      hast-util-embedded: 3.0.0
+      hast-util-has-property: 3.0.0
+      hast-util-is-body-ok-link: 3.0.1
+      hast-util-is-element: 3.0.0
+
   hast-util-to-estree@3.1.3:
     dependencies:
       '@types/estree': 1.0.8
@@ -16592,6 +16665,23 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  hast-util-to-mdast@10.1.2:
+    dependencies:
+      '@types/hast': 3.0.4
+      '@types/mdast': 4.0.4
+      '@ungap/structured-clone': 1.3.0
+      hast-util-phrasing: 3.0.1
+      hast-util-to-html: 9.0.5
+      hast-util-to-text: 4.0.2
+      hast-util-whitespace: 3.0.0
+      mdast-util-phrasing: 4.1.0
+      mdast-util-to-hast: 13.2.0
+      mdast-util-to-string: 4.0.0
+      rehype-minify-whitespace: 6.0.2
+      trim-trailing-lines: 2.1.0
+      unist-util-position: 5.0.0
+      unist-util-visit: 5.0.0
+
   hast-util-to-string@3.0.1:
     dependencies:
       '@types/hast': 3.0.4
@@ -16699,7 +16789,7 @@ snapshots:
 
   ignore-walk@8.0.0:
     dependencies:
-      minimatch: 10.0.3
+      minimatch: 10.1.1
 
   ignore@5.3.2: {}
 
@@ -16744,17 +16834,17 @@ snapshots:
 
   inline-style-parser@0.2.4: {}
 
-  inquirer@12.9.6(@types/node@22.18.12):
+  inquirer@12.9.6(@types/node@22.19.0):
     dependencies:
       '@inquirer/ansi': 1.0.1
-      '@inquirer/core': 10.3.0(@types/node@22.18.12)
-      '@inquirer/prompts': 7.8.6(@types/node@22.18.12)
-      '@inquirer/type': 3.0.9(@types/node@22.18.12)
+      '@inquirer/core': 10.3.0(@types/node@22.19.0)
+      '@inquirer/prompts': 7.8.6(@types/node@22.19.0)
+      '@inquirer/type': 3.0.9(@types/node@22.19.0)
       mute-stream: 2.0.0
       run-async: 4.0.6
       rxjs: 7.8.2
     optionalDependencies:
-      '@types/node': 22.18.12
+      '@types/node': 22.19.0
 
   internal-slot@1.1.0:
     dependencies:
@@ -16877,6 +16967,8 @@ snapshots:
 
   is-obj@2.0.0: {}
 
+  is-path-inside@3.0.3: {}
+
   is-plain-obj@1.1.0: {}
 
   is-plain-obj@2.1.0: {}
@@ -17045,7 +17137,7 @@ snapshots:
 
   jest-worker@27.5.1:
     dependencies:
-      '@types/node': 22.18.12
+      '@types/node': 22.19.0
       merge-stream: 2.0.0
       supports-color: 8.1.1
 
@@ -17170,13 +17262,13 @@ snapshots:
     dependencies:
       language-subtag-registry: 0.3.23
 
-  lerna@9.0.0(@types/node@22.18.12)(babel-plugin-macros@3.1.0):
+  lerna@9.0.0(@types/node@22.19.0)(babel-plugin-macros@3.1.0):
     dependencies:
-      '@lerna/create': 9.0.0(@types/node@22.18.12)(babel-plugin-macros@3.1.0)(typescript@5.9.3)
+      '@lerna/create': 9.0.0(@types/node@22.19.0)(babel-plugin-macros@3.1.0)(typescript@5.9.3)
       '@npmcli/arborist': 9.1.4
       '@npmcli/package-json': 7.0.0
       '@npmcli/run-script': 10.0.0
-      '@nx/devkit': 21.6.3(nx@21.6.6)
+      '@nx/devkit': 21.6.3(nx@21.6.8)
       '@octokit/plugin-enterprise-rest': 6.0.1
       '@octokit/rest': 20.1.2
       aproba: 2.0.0
@@ -17202,7 +17294,7 @@ snapshots:
       import-local: 3.1.0
       ini: 1.3.8
       init-package-json: 8.2.2
-      inquirer: 12.9.6(@types/node@22.18.12)
+      inquirer: 12.9.6(@types/node@22.19.0)
       is-ci: 3.0.1
       is-stream: 2.0.0
       jest-diff: 30.1.2
@@ -17217,7 +17309,7 @@ snapshots:
       npm-package-arg: 13.0.0
       npm-packlist: 10.0.1
       npm-registry-fetch: 19.0.0
-      nx: 21.6.6
+      nx: 21.6.8
       p-map: 4.0.0
       p-map-series: 2.1.0
       p-pipe: 3.1.0
@@ -18053,13 +18145,17 @@ snapshots:
     dependencies:
       mime-db: 1.52.0
 
+  mime-types@3.0.1:
+    dependencies:
+      mime-db: 1.54.0
+
   mimic-fn@2.1.0: {}
 
   mimic-fn@4.0.0: {}
 
   min-indent@1.0.1: {}
 
-  minimatch@10.0.3:
+  minimatch@10.1.1:
     dependencies:
       '@isaacs/brace-expansion': 5.0.0
 
@@ -18144,7 +18240,7 @@ snapshots:
 
   mkdirp@1.0.4: {}
 
-  mocha@11.7.2:
+  mocha@11.7.4:
     dependencies:
       browser-stdout: 1.3.1
       chokidar: 4.0.3
@@ -18154,6 +18250,7 @@ snapshots:
       find-up: 5.0.0
       glob: 10.4.5
       he: 1.2.0
+      is-path-inside: 3.0.3
       js-yaml: 4.1.0
       log-symbols: 4.1.0
       minimatch: 9.0.5
@@ -18229,7 +18326,7 @@ snapshots:
     dependencies:
       '@next/env': 15.5.6
       '@swc/helpers': 0.5.15
-      caniuse-lite: 1.0.30001751
+      caniuse-lite: 1.0.30001753
       postcss: 8.4.31
       react: 19.2.0
       react-dom: 19.2.0(react@19.2.0)
@@ -18271,9 +18368,14 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  node-html-parser@7.0.1:
+    dependencies:
+      css-select: 5.2.2
+      he: 1.2.0
+
   node-machine-id@1.1.12: {}
 
-  node-releases@2.0.26: {}
+  node-releases@2.0.27: {}
 
   nopt@8.1.0:
     dependencies:
@@ -18282,7 +18384,7 @@ snapshots:
   normalize-package-data@2.5.0:
     dependencies:
       hosted-git-info: 2.8.9
-      resolve: 1.22.10
+      resolve: 1.22.11
       semver: 5.7.2
       validate-npm-package-license: 3.0.4
 
@@ -18369,9 +18471,13 @@ snapshots:
       path-key: 4.0.0
       unicorn-magic: 0.3.0
 
+  nth-check@2.1.1:
+    dependencies:
+      boolbase: 1.0.0
+
   nwsapi@2.2.21: {}
 
-  nx@21.6.6:
+  nx@21.6.8:
     dependencies:
       '@napi-rs/wasm-runtime': 0.2.4
       '@yarnpkg/lockfile': 1.1.0
@@ -18409,16 +18515,16 @@ snapshots:
       yargs: 17.7.2
       yargs-parser: 21.1.1
     optionalDependencies:
-      '@nx/nx-darwin-arm64': 21.6.6
-      '@nx/nx-darwin-x64': 21.6.6
-      '@nx/nx-freebsd-x64': 21.6.6
-      '@nx/nx-linux-arm-gnueabihf': 21.6.6
-      '@nx/nx-linux-arm64-gnu': 21.6.6
-      '@nx/nx-linux-arm64-musl': 21.6.6
-      '@nx/nx-linux-x64-gnu': 21.6.6
-      '@nx/nx-linux-x64-musl': 21.6.6
-      '@nx/nx-win32-arm64-msvc': 21.6.6
-      '@nx/nx-win32-x64-msvc': 21.6.6
+      '@nx/nx-darwin-arm64': 21.6.8
+      '@nx/nx-darwin-x64': 21.6.8
+      '@nx/nx-freebsd-x64': 21.6.8
+      '@nx/nx-linux-arm-gnueabihf': 21.6.8
+      '@nx/nx-linux-arm64-gnu': 21.6.8
+      '@nx/nx-linux-arm64-musl': 21.6.8
+      '@nx/nx-linux-x64-gnu': 21.6.8
+      '@nx/nx-linux-x64-musl': 21.6.8
+      '@nx/nx-win32-arm64-msvc': 21.6.8
+      '@nx/nx-win32-x64-msvc': 21.6.8
     transitivePeerDependencies:
       - debug
 
@@ -18503,7 +18609,7 @@ snapshots:
       is-docker: 2.2.1
       is-wsl: 2.2.0
 
-  openapi-fetch@0.14.1:
+  openapi-fetch@0.15.0:
     dependencies:
       openapi-typescript-helpers: 0.0.15
 
@@ -18774,7 +18880,7 @@ snapshots:
       postcss: 8.5.6
       postcss-value-parser: 4.2.0
       read-cache: 1.0.0
-      resolve: 1.22.10
+      resolve: 1.22.11
 
   postcss-resolve-nested-selector@0.1.6: {}
 
@@ -18862,6 +18968,12 @@ snapshots:
       object-assign: 4.1.1
       react-is: 16.13.1
 
+  proper-lockfile@4.1.2:
+    dependencies:
+      graceful-fs: 4.2.11
+      retry: 0.12.0
+      signal-exit: 3.0.7
+
   property-information@7.1.0: {}
 
   protocols@2.0.2: {}
@@ -19007,7 +19119,7 @@ snapshots:
     optionalDependencies:
       '@types/react': 19.2.2
 
-  react-router@7.9.4(react-dom@19.2.0(react@19.2.0))(react@19.2.0):
+  react-router@7.9.5(react-dom@19.2.0(react@19.2.0))(react@19.2.0):
     dependencies:
       cookie: 1.0.2
       react: 19.2.0
@@ -19199,6 +19311,11 @@ snapshots:
     dependencies:
       jsesc: 3.0.2
 
+  rehype-minify-whitespace@6.0.2:
+    dependencies:
+      '@types/hast': 3.0.4
+      hast-util-minify-whitespace: 1.0.1
+
   rehype-parse@9.0.1:
     dependencies:
       '@types/hast': 3.0.4
@@ -19223,6 +19340,14 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  rehype-remark@10.0.1:
+    dependencies:
+      '@types/hast': 3.0.4
+      '@types/mdast': 4.0.4
+      hast-util-to-mdast: 10.1.2
+      unified: 11.0.5
+      vfile: 6.0.3
+
   remark-frontmatter@5.0.0:
     dependencies:
       '@types/mdast': 4.0.4
@@ -19313,7 +19438,7 @@ snapshots:
 
   resolve.exports@2.0.3: {}
 
-  resolve@1.22.10:
+  resolve@1.22.11:
     dependencies:
       is-core-module: 2.16.1
       path-parse: 1.0.7
@@ -20087,6 +20212,8 @@ snapshots:
 
   trim-newlines@3.0.1: {}
 
+  trim-trailing-lines@2.1.0: {}
+
   trough@2.2.0: {}
 
   ts-api-utils@2.1.0(typescript@5.9.3):
@@ -20184,18 +20311,18 @@ snapshots:
 
   typedarray@0.0.6: {}
 
-  typescript-api-extractor@1.0.0-alpha.9(typescript@5.9.3):
+  typescript-api-extractor@1.0.0-alpha.8(typescript@5.9.3):
     dependencies:
-      es-toolkit: 1.40.0
+      lodash: 4.17.21
       typescript: 5.9.3
 
-  typescript-eslint@8.46.2(eslint@9.38.0(jiti@2.6.1))(typescript@5.9.3):
+  typescript-eslint@8.46.3(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3):
     dependencies:
-      '@typescript-eslint/eslint-plugin': 8.46.2(@typescript-eslint/parser@8.46.2(eslint@9.38.0(jiti@2.6.1))(typescript@5.9.3))(eslint@9.38.0(jiti@2.6.1))(typescript@5.9.3)
-      '@typescript-eslint/parser': 8.46.2(eslint@9.38.0(jiti@2.6.1))(typescript@5.9.3)
-      '@typescript-eslint/typescript-estree': 8.46.2(typescript@5.9.3)
-      '@typescript-eslint/utils': 8.46.2(eslint@9.38.0(jiti@2.6.1))(typescript@5.9.3)
-      eslint: 9.38.0(jiti@2.6.1)
+      '@typescript-eslint/eslint-plugin': 8.46.3(@typescript-eslint/parser@8.46.3(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/parser': 8.46.3(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/typescript-estree': 8.46.3(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.46.3(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3)
+      eslint: 9.39.1(jiti@2.6.1)
       typescript: 5.9.3
     transitivePeerDependencies:
       - supports-color
@@ -20417,13 +20544,13 @@ snapshots:
       '@types/unist': 3.0.3
       vfile-message: 4.0.3
 
-  vite-node@3.2.4(@types/node@22.18.12)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.0)(tsx@4.20.6)(yaml@2.8.1):
+  vite-node@3.2.4(@types/node@22.19.0)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.0)(tsx@4.20.6)(yaml@2.8.1):
     dependencies:
       cac: 6.7.14
       debug: 4.4.3(supports-color@8.1.1)
       es-module-lexer: 1.7.0
       pathe: 2.0.3
-      vite: 7.1.12(@types/node@22.18.12)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.0)(tsx@4.20.6)(yaml@2.8.1)
+      vite: 7.1.12(@types/node@22.19.0)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.0)(tsx@4.20.6)(yaml@2.8.1)
     transitivePeerDependencies:
       - '@types/node'
       - jiti
@@ -20438,7 +20565,7 @@ snapshots:
       - tsx
       - yaml
 
-  vite@7.1.12(@types/node@22.18.12)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.0)(tsx@4.20.6)(yaml@2.8.1):
+  vite@7.1.12(@types/node@22.19.0)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.0)(tsx@4.20.6)(yaml@2.8.1):
     dependencies:
       esbuild: 0.25.9
       fdir: 6.5.0(picomatch@4.0.3)
@@ -20447,7 +20574,7 @@ snapshots:
       rollup: 4.50.1
       tinyglobby: 0.2.15
     optionalDependencies:
-      '@types/node': 22.18.12
+      '@types/node': 22.19.0
       fsevents: 2.3.3
       jiti: 2.6.1
       lightningcss: 1.30.2
@@ -20457,19 +20584,19 @@ snapshots:
 
   vitest-browser-react@1.0.1(@types/react-dom@19.2.2(@types/react@19.2.2))(@types/react@19.2.2)(@vitest/browser@3.2.4)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(vitest@3.2.4):
     dependencies:
-      '@vitest/browser': 3.2.4(playwright@1.56.1)(vite@7.1.12(@types/node@22.18.12)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.0)(tsx@4.20.6)(yaml@2.8.1))(vitest@3.2.4)
+      '@vitest/browser': 3.2.4(playwright@1.56.1)(vite@7.1.12(@types/node@22.19.0)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.0)(tsx@4.20.6)(yaml@2.8.1))(vitest@3.2.4)
       react: 19.2.0
       react-dom: 19.2.0(react@19.2.0)
-      vitest: 3.2.4(@types/debug@4.1.12)(@types/node@22.18.12)(@vitest/browser@3.2.4)(@vitest/ui@3.2.4)(jiti@2.6.1)(jsdom@26.1.0)(lightningcss@1.30.2)(terser@5.44.0)(tsx@4.20.6)(yaml@2.8.1)
+      vitest: 3.2.4(@types/debug@4.1.12)(@types/node@22.19.0)(@vitest/browser@3.2.4)(@vitest/ui@3.2.4)(jiti@2.6.1)(jsdom@26.1.0)(lightningcss@1.30.2)(terser@5.44.0)(tsx@4.20.6)(yaml@2.8.1)
     optionalDependencies:
       '@types/react': 19.2.2
       '@types/react-dom': 19.2.2(@types/react@19.2.2)
 
-  vitest@3.2.4(@types/debug@4.1.12)(@types/node@22.18.12)(@vitest/browser@3.2.4)(@vitest/ui@3.2.4)(jiti@2.6.1)(jsdom@26.1.0)(lightningcss@1.30.2)(terser@5.44.0)(tsx@4.20.6)(yaml@2.8.1):
+  vitest@3.2.4(@types/debug@4.1.12)(@types/node@22.19.0)(@vitest/browser@3.2.4)(@vitest/ui@3.2.4)(jiti@2.6.1)(jsdom@26.1.0)(lightningcss@1.30.2)(terser@5.44.0)(tsx@4.20.6)(yaml@2.8.1):
     dependencies:
       '@types/chai': 5.2.3
       '@vitest/expect': 3.2.4
-      '@vitest/mocker': 3.2.4(vite@7.1.12(@types/node@22.18.12)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.0)(tsx@4.20.6)(yaml@2.8.1))
+      '@vitest/mocker': 3.2.4(vite@7.1.12(@types/node@22.19.0)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.0)(tsx@4.20.6)(yaml@2.8.1))
       '@vitest/pretty-format': 3.2.4
       '@vitest/runner': 3.2.4
       '@vitest/snapshot': 3.2.4
@@ -20487,13 +20614,13 @@ snapshots:
       tinyglobby: 0.2.15
       tinypool: 1.1.1
       tinyrainbow: 2.0.0
-      vite: 7.1.12(@types/node@22.18.12)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.0)(tsx@4.20.6)(yaml@2.8.1)
-      vite-node: 3.2.4(@types/node@22.18.12)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.0)(tsx@4.20.6)(yaml@2.8.1)
+      vite: 7.1.12(@types/node@22.19.0)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.0)(tsx@4.20.6)(yaml@2.8.1)
+      vite-node: 3.2.4(@types/node@22.19.0)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.0)(tsx@4.20.6)(yaml@2.8.1)
       why-is-node-running: 2.3.0
     optionalDependencies:
       '@types/debug': 4.1.12
-      '@types/node': 22.18.12
-      '@vitest/browser': 3.2.4(playwright@1.56.1)(vite@7.1.12(@types/node@22.18.12)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.0)(tsx@4.20.6)(yaml@2.8.1))(vitest@3.2.4)
+      '@types/node': 22.19.0
+      '@vitest/browser': 3.2.4(playwright@1.56.1)(vite@7.1.12(@types/node@22.19.0)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.0)(tsx@4.20.6)(yaml@2.8.1))(vitest@3.2.4)
       '@vitest/ui': 3.2.4(vitest@3.2.4)
       jsdom: 26.1.0
     transitivePeerDependencies:
diff --git a/scripts/api-docs-builder/package.json b/scripts/api-docs-builder/package.json
deleted file mode 100644
index e7a03db6337..00000000000
--- a/scripts/api-docs-builder/package.json
+++ /dev/null
@@ -1,16 +0,0 @@
-{
-  "name": "api-docs-builder",
-  "private": true,
-  "type": "module",
-  "dependencies": {
-    "@types/yargs": "^17.0.33",
-    "es-toolkit": "^1.40.0",
-    "rimraf": "^6.0.1",
-    "tsx": "^4.20.6",
-    "typescript-api-extractor": "1.0.0-alpha.9",
-    "yargs": "^18.0.0"
-  },
-  "scripts": {
-    "start": "tsx src/index.ts -c ../../packages/react/tsconfig.build.json -o ../../docs/reference/generated"
-  }
-}
diff --git a/scripts/api-docs-builder/src/componentHandler.ts b/scripts/api-docs-builder/src/componentHandler.ts
deleted file mode 100644
index 4b2d0bfb94f..00000000000
--- a/scripts/api-docs-builder/src/componentHandler.ts
+++ /dev/null
@@ -1,365 +0,0 @@
-import fs from 'fs';
-import path from 'path';
-import * as tae from 'typescript-api-extractor';
-import { formatProperties, formatEnum } from './formatter';
-import memberOrder from './order.json';
-
-const componentsDir = path.resolve(process.cwd(), '../../packages/react/src');
-
-function kebabToPascal(str: string): string {
-  return str
-    .split('-')
-    .map((part) => part.charAt(0).toUpperCase() + part.slice(1))
-    .join('');
-}
-
-const componentGroupNames = fs
-  .readdirSync(componentsDir, { withFileTypes: true })
-  .filter((dirent) => dirent.isDirectory())
-  .map((dirent) => kebabToPascal(dirent.name))
-  .sort((a, b) => b.length - a.length);
-
-const namespaceAliasMap = buildNamespaceAliasMap();
-
-export async function formatComponentData(component: tae.ExportNode, allExports: tae.ExportNode[]) {
-  const description = component.documentation?.description?.replace(/\n\nDocumentation: .*$/ms, '');
-  const dataAttributes = allExports.find((node) => node.name === `${component.name}DataAttributes`);
-  const cssVariables = allExports.find((node) => node.name === `${component.name}CssVars`);
-
-  const raw = {
-    name: component.name,
-    description,
-    props: sortObjectByKeys(
-      await formatProperties((component.type as tae.ComponentNode).props, allExports),
-      memberOrder.props,
-    ),
-    dataAttributes: dataAttributes
-      ? sortObjectByKeys(
-          formatEnum(dataAttributes.type as tae.EnumNode),
-          memberOrder.dataAttributes,
-        )
-      : {},
-    cssVariables: cssVariables
-      ? sortObjectByKeys(formatEnum(cssVariables.type as tae.EnumNode), memberOrder.cssVariables)
-      : {},
-  } as Record<string, any>;
-
-  // Post-process type strings to align naming across re-exports and hide internal suffixes.
-  const componentGroup = extractComponentGroup(component.name);
-  const formatted = rewriteTypeStringsDeep(raw, componentGroup) as typeof raw;
-  formatted.name = component.name;
-  return formatted;
-}
-
-export function isPublicComponent(exportNode: tae.ExportNode) {
-  return (
-    exportNode.type instanceof tae.ComponentNode &&
-    !exportNode.documentation?.hasTag('ignore') &&
-    exportNode.isPublic()
-  );
-}
-
-function sortObjectByKeys<T>(obj: Record<string, T>, order: string[]): Record<string, T> {
-  if (order.length === 0) {
-    return obj;
-  }
-
-  const sortedObj: Record<string, T> = {};
-  const everythingElse: Record<string, T> = {};
-
-  // Gather keys that are not in the order array
-  Object.keys(obj).forEach((key) => {
-    if (!order.includes(key)) {
-      everythingElse[key] = obj[key];
-    }
-  });
-
-  // Sort the keys of everythingElse
-  const sortedEverythingElseKeys = Object.keys(everythingElse).sort();
-
-  // Populate the sorted object according to the order array
-  order.forEach((key) => {
-    if (key === '__EVERYTHING_ELSE__') {
-      // Insert all "everything else" keys at this position, sorted
-      sortedEverythingElseKeys.forEach((sortedKey) => {
-        sortedObj[sortedKey] = everythingElse[sortedKey];
-      });
-    } else if (obj.hasOwnProperty(key)) {
-      sortedObj[key] = obj[key];
-    }
-  });
-
-  return sortedObj;
-}
-
-function extractComponentGroup(componentExportName: string): string {
-  const directMatch = componentGroupNames.find((name) => componentExportName.startsWith(name));
-
-  if (directMatch) {
-    return directMatch;
-  }
-
-  const match = componentExportName.match(/^[A-Z][a-z0-9]*/);
-  return match ? match[0] : componentExportName;
-}
-
-function rewriteTypeValue(value: string, componentGroup: string): string {
-  let next = value.replaceAll('.RootInternal', '.Root');
-
-  // When documenting Autocomplete (which re-exports Combobox),
-  // display Autocomplete.* instead of Combobox.*
-  if (componentGroup === 'Autocomplete') {
-    next = next.replaceAll(/\bCombobox\./g, 'Autocomplete.');
-  }
-
-  next = applyNamespaceAliases(next, componentGroup);
-  next = applyComponentNamespaceShorthand(next, componentGroup);
-
-  return dedupeUnionMembers(next);
-}
-
-function applyNamespaceAliases(value: string, componentGroup: string): string {
-  const orderedGroups = new Set<string>([componentGroup]);
-  for (const group of namespaceAliasMap.keys()) {
-    orderedGroups.add(group);
-  }
-
-  let result = value;
-  for (const group of orderedGroups) {
-    const aliases = namespaceAliasMap.get(group);
-    if (!aliases) {
-      continue;
-    }
-
-    const locals = Array.from(aliases.keys()).sort((a, b) => b.length - a.length);
-    for (const local of locals) {
-      const publicName = aliases.get(local)!;
-      const escapedLocal = escapeForRegex(local);
-
-      result = result.replace(
-        new RegExp(`\\b${escapedLocal}\\.(?=[A-Za-z])`, 'g'),
-        `${publicName}.`,
-      );
-
-      result = result.replace(
-        new RegExp(`\\b${escapedLocal}([A-Z][A-Za-z0-9]*)\\b`, 'g'),
-        `${publicName}.$1`,
-      );
-
-      result = result.replace(new RegExp(`\\b${escapedLocal}\\b`, 'g'), publicName);
-    }
-  }
-
-  return result;
-}
-
-function applyComponentNamespaceShorthand(value: string, componentGroup: string): string {
-  if (!componentGroup) {
-    return value;
-  }
-
-  const escapedGroup = escapeForRegex(componentGroup);
-  return value.replace(
-    new RegExp(`\\b${escapedGroup}(Props|State)\\b`, 'g'),
-    `${componentGroup}.$1`,
-  );
-}
-
-function escapeForRegex(value: string): string {
-  return value.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
-}
-
-function buildNamespaceAliasMap() {
-  const files = collectIndexPartsFiles(componentsDir);
-  const map = new Map<string, Map<string, string>>();
-
-  for (const file of files) {
-    const groupDir = path.basename(path.dirname(file));
-    const groupName = kebabToPascal(groupDir);
-    const aliases = map.get(groupName) ?? new Map<string, string>();
-
-    const content = fs.readFileSync(file, 'utf8');
-    const exportRegex = /export\s*\{([^}]+)\}\s*from\s*['"][^'"\n]+['"];?/g;
-
-    for (const match of content.matchAll(exportRegex)) {
-      const entries = match[1]
-        .split(',')
-        .map((entry) => entry.trim())
-        .filter(Boolean);
-
-      for (const entry of entries) {
-        const [local, alias] = entry.split(/\s+as\s+/).map((part) => part.trim());
-        if (!local || !alias) {
-          continue;
-        }
-
-        aliases.set(local, `${groupName}.${alias}`);
-      }
-    }
-
-    if (aliases.size > 0) {
-      map.set(groupName, aliases);
-    }
-  }
-
-  return map;
-}
-
-function collectIndexPartsFiles(dir: string): string[] {
-  const result: string[] = [];
-  const entries = fs.readdirSync(dir, { withFileTypes: true });
-
-  for (const entry of entries) {
-    const fullPath = path.join(dir, entry.name);
-    if (entry.isDirectory()) {
-      result.push(...collectIndexPartsFiles(fullPath));
-    } else if (entry.isFile() && entry.name === 'index.parts.ts') {
-      result.push(fullPath);
-    }
-  }
-
-  return result;
-}
-
-function dedupeUnionMembers(value: string): string {
-  if (!value.includes('|')) {
-    return value;
-  }
-
-  const unionLinePattern = /^\s*\|/m;
-  if (unionLinePattern.test(value)) {
-    const seen = new Set<string>();
-    const lines = value.split('\n');
-    const resultLines: string[] = [];
-    let currentEntry: string[] | null = null;
-
-    const flushEntry = () => {
-      if (!currentEntry) {
-        return;
-      }
-
-      const entryText = currentEntry.join('\n');
-      const key = entryText.replace(/^\s*\|\s*/, '').trim();
-      if (!seen.has(key)) {
-        seen.add(key);
-        resultLines.push(entryText);
-      }
-
-      currentEntry = null;
-    };
-
-    lines.forEach((line) => {
-      if (line.trim().startsWith('|')) {
-        flushEntry();
-        currentEntry = [line];
-      } else if (currentEntry) {
-        currentEntry.push(line);
-      } else {
-        resultLines.push(line);
-      }
-    });
-
-    flushEntry();
-
-    return resultLines.join('\n');
-  }
-
-  const parts = splitTopLevelUnion(value);
-  const seen = new Set<string>();
-  const dedupedParts = parts.filter((part) => {
-    const key = part.trim();
-    if (seen.has(key)) {
-      return false;
-    }
-    seen.add(key);
-    return true;
-  });
-
-  return dedupedParts.join(' | ');
-}
-
-function splitTopLevelUnion(value: string): string[] {
-  const parts: string[] = [];
-  let current = '';
-  let depthAngle = 0;
-  let depthParen = 0;
-  let depthCurly = 0;
-  let depthSquare = 0;
-
-  for (let i = 0; i < value.length; i += 1) {
-    const char = value[i];
-
-    switch (char) {
-      case '<':
-        depthAngle += 1;
-        break;
-      case '>':
-        depthAngle = Math.max(0, depthAngle - 1);
-        break;
-      case '(': {
-        depthParen += 1;
-        break;
-      }
-      case ')':
-        depthParen = Math.max(0, depthParen - 1);
-        break;
-      case '{':
-        depthCurly += 1;
-        break;
-      case '}':
-        depthCurly = Math.max(0, depthCurly - 1);
-        break;
-      case '[':
-        depthSquare += 1;
-        break;
-      case ']':
-        depthSquare = Math.max(0, depthSquare - 1);
-        break;
-      default:
-        break;
-    }
-
-    if (
-      char === '|' &&
-      depthAngle === 0 &&
-      depthParen === 0 &&
-      depthCurly === 0 &&
-      depthSquare === 0
-    ) {
-      parts.push(current.trim());
-      current = '';
-    } else {
-      current += char;
-    }
-  }
-
-  if (current.trim() !== '') {
-    parts.push(current.trim());
-  }
-
-  return parts.length > 0 ? parts : [value];
-}
-
-function rewriteTypeStringsDeep(node: any, componentGroup: string): any {
-  if (node == null) {
-    return node;
-  }
-
-  if (typeof node === 'string') {
-    return rewriteTypeValue(node, componentGroup);
-  }
-
-  if (Array.isArray(node)) {
-    return node.map((item) => rewriteTypeStringsDeep(item, componentGroup));
-  }
-
-  if (typeof node === 'object') {
-    const result: Record<string, any> = {};
-    for (const [key, value] of Object.entries(node)) {
-      result[key] = rewriteTypeStringsDeep(value, componentGroup);
-    }
-    return result;
-  }
-
-  return node;
-}
diff --git a/scripts/api-docs-builder/src/formatter.ts b/scripts/api-docs-builder/src/formatter.ts
deleted file mode 100644
index f18deca7fba..00000000000
--- a/scripts/api-docs-builder/src/formatter.ts
+++ /dev/null
@@ -1,381 +0,0 @@
-/* eslint-disable no-await-in-loop */
-import * as tae from 'typescript-api-extractor';
-import fs from 'fs';
-import path from 'path';
-import { uniq, sortBy } from 'es-toolkit/array';
-import * as prettier from 'prettier';
-
-export async function formatProperties(
-  props: tae.PropertyNode[],
-  allExports: tae.ExportNode[] | undefined = undefined,
-) {
-  const result: Record<string, any> = {};
-
-  for (const prop of props) {
-    const exampleTag = prop.documentation?.tags
-      ?.filter((tag) => tag.name === 'example')
-      .map((tag) => tag.value)
-      .join('\n');
-
-    let detailedType = formatType(prop.type, prop.optional, prop.documentation?.tags);
-    if (prop.name !== 'className' && prop.name !== 'render' && allExports) {
-      detailedType = formatDetailedType(prop.type, allExports);
-    }
-
-    const formattedDetailedType = await prettier.format(`type _ = ${detailedType}`, {
-      parser: 'typescript',
-      singleQuote: true,
-      semi: false,
-      printWidth: 60,
-    });
-
-    // Improve readability by formatting complex types with Prettier.
-    // Prettier either formats the type on a single line or multiple lines.
-    // If it's on a single line, we remove the `type _ = ` prefix.
-    // If it's on multiple lines, we remove the first line (`type _ =`) and de-indent the rest.
-    const lines = formattedDetailedType.trimEnd().split('\n');
-    if (lines.length === 1) {
-      detailedType = lines[0].replace(/^type _ = /, '');
-    } else {
-      const codeLines = lines.slice(1);
-      const nonEmptyLines = codeLines.filter((l) => l.trim() !== '');
-      if (nonEmptyLines.length > 0) {
-        const minIndent = Math.min(...nonEmptyLines.map((l) => l.match(/^\s*/)?.[0].length ?? 0));
-
-        if (Number.isFinite(minIndent) && minIndent > 0) {
-          detailedType = codeLines.map((l) => l.substring(minIndent)).join('\n');
-        } else {
-          detailedType = codeLines.join('\n');
-        }
-      } else {
-        detailedType = codeLines.join('\n');
-      }
-    }
-
-    const formattedType = formatType(prop.type, prop.optional, prop.documentation?.tags);
-
-    const resultObject: Record<string, any> = {
-      type: formattedType,
-      default: prop.documentation?.defaultValue,
-      required: !prop.optional || undefined,
-      description: prop.documentation?.description,
-      example: exampleTag || undefined,
-      detailedType,
-    };
-
-    if (detailedType === formattedType) {
-      delete resultObject.detailedType;
-    }
-
-    result[prop.name] = resultObject;
-  }
-
-  return result;
-}
-
-export function formatParameters(params: tae.Parameter[]) {
-  const result: Record<string, any> = {};
-
-  for (const param of params) {
-    const exampleTag = param.documentation?.tags
-      ?.filter((tag) => tag.name === 'example')
-      .map((tag) => tag.value)
-      .join('\n');
-
-    result[param.name] = {
-      type: formatType(param.type, param.optional, param.documentation?.tags, true),
-      default: param.defaultValue,
-      optional: param.optional || undefined,
-      description: param.documentation?.description,
-      example: exampleTag || undefined,
-    };
-  }
-
-  return result;
-}
-
-export function formatDetailedType(
-  type: tae.AnyType,
-  allExports: tae.ExportNode[],
-  visited = new Set<string>(),
-): string {
-  // Prevent infinite recursion
-  if (type instanceof tae.ExternalTypeNode) {
-    const qualifiedName = getFullyQualifiedName(type.typeName);
-    if (visited.has(qualifiedName)) {
-      return qualifiedName;
-    }
-    visited.add(qualifiedName);
-
-    const exportNode = allExports.find((node) => node.name === type.typeName.name);
-    if (exportNode) {
-      return formatDetailedType(
-        (exportNode.type as unknown as tae.AnyType) ?? type,
-        allExports,
-        visited,
-      );
-    }
-
-    // Manually expand known external aliases when declaration is not in local exports
-    switch (true) {
-      case qualifiedName.endsWith('Padding'):
-        return '{ top?: number; right?: number; bottom?: number; left?: number } | number';
-      default:
-        return qualifiedName;
-    }
-  }
-
-  if (type instanceof tae.UnionNode) {
-    const memberTypes = type.types.map((t) => formatDetailedType(t, allExports, visited));
-    return uniq(memberTypes).join(' | ');
-  }
-
-  if (type instanceof tae.IntersectionNode) {
-    const memberTypes = type.types.map((t) => formatDetailedType(t, allExports, visited));
-    return uniq(memberTypes).join(' & ');
-  }
-
-  // For objects and everything else, reuse existing formatter with object expansion enabled
-  return formatType(type, false, undefined, true);
-}
-
-export function formatEnum(enumNode: tae.EnumNode) {
-  const result: Record<string, any> = {};
-  for (const member of sortBy(enumNode.members, ['value'])) {
-    result[member.value] = {
-      description: member.documentation?.description,
-      type: member.documentation?.tags?.find((tag) => tag.name === 'type')?.value,
-    };
-  }
-
-  return result;
-}
-
-export function formatType(
-  type: tae.AnyType,
-  removeUndefined: boolean,
-  jsdocTags: tae.DocumentationTag[] | undefined = undefined,
-  expandObjects: boolean = false,
-): string {
-  const typeTag = jsdocTags?.find?.((tag) => tag.name === 'type');
-  const typeValue = typeTag?.value;
-
-  if (typeValue) {
-    return typeValue;
-  }
-
-  if (type instanceof tae.ExternalTypeNode) {
-    if (/^ReactElement(<.*>)?/.test(type.typeName.name || '')) {
-      return 'ReactElement';
-    }
-
-    if (type.typeName.namespaces?.length === 1 && type.typeName.namespaces[0] === 'React') {
-      return createNameWithTypeArguments(type.typeName);
-    }
-
-    return getFullyQualifiedName(type.typeName);
-  }
-
-  if (type instanceof tae.IntrinsicNode) {
-    return type.typeName ? getFullyQualifiedName(type.typeName) : type.intrinsic;
-  }
-
-  if (type instanceof tae.UnionNode) {
-    if (type.typeName) {
-      return getFullyQualifiedName(type.typeName);
-    }
-
-    let memberTypes = type.types;
-
-    if (removeUndefined) {
-      memberTypes = memberTypes.filter(
-        (t) => !(t instanceof tae.IntrinsicNode && t.intrinsic === 'undefined'),
-      );
-    }
-
-    // Deduplicates types in unions.
-    // Plain unions are handled by TypeScript API Extractor, but we also display unions in type parameters constraints,
-    // so we need to merge those here.
-    const flattenedMemberTypes = memberTypes.flatMap((t) => {
-      if (t instanceof tae.UnionNode) {
-        return t.typeName ? t : t.types;
-      }
-
-      if (t instanceof tae.TypeParameterNode && t.constraint instanceof tae.UnionNode) {
-        return t.constraint.types;
-      }
-
-      return t;
-    });
-
-    const formattedMemeberTypes = uniq(
-      orderMembers(flattenedMemberTypes).map((t) => formatType(t, removeUndefined)),
-    );
-
-    return formattedMemeberTypes.join(' | ');
-  }
-
-  if (type instanceof tae.IntersectionNode) {
-    if (type.typeName) {
-      return getFullyQualifiedName(type.typeName);
-    }
-
-    return orderMembers(type.types)
-      .map((t) => formatType(t, false))
-      .join(' & ');
-  }
-
-  if (type instanceof tae.ObjectNode) {
-    if (type.typeName && !expandObjects) {
-      return getFullyQualifiedName(type.typeName);
-    }
-
-    if (isObjectEmpty(type.properties)) {
-      return '{}';
-    }
-
-    return `{ ${type.properties
-      .map((m) => `${m.name}${m.optional ? '?' : ''}: ${formatType(m.type, m.optional)}`)
-      .join(', ')} }`;
-  }
-
-  if (type instanceof tae.LiteralNode) {
-    return normalizeQuotes(type.value as string);
-  }
-
-  if (type instanceof tae.ArrayNode) {
-    const formattedMemberType = formatType(type.elementType, false);
-
-    if (formattedMemberType.includes(' ')) {
-      return `(${formattedMemberType})[]`;
-    }
-
-    return `${formattedMemberType}[]`;
-  }
-
-  if (type instanceof tae.FunctionNode) {
-    // If object expansion is requested, we want to fully expand the function signature instead
-    // of returning the aliased type name (e.g., OffsetFunction).
-    if (!expandObjects && type.typeName && !type.typeName.name?.startsWith('ComponentRenderFn')) {
-      return getFullyQualifiedName(type.typeName);
-    }
-
-    const functionSignature = type.callSignatures
-      .map((s) => {
-        const params = s.parameters
-          .map((p) => `${p.name}: ${formatType(p.type, false)}`)
-          .join(', ');
-        const returnType = formatType(s.returnValueType, false);
-        return `(${params}) => ${returnType}`;
-      })
-      .join(' | ');
-    return `(${functionSignature})`;
-  }
-
-  if (type instanceof tae.TupleNode) {
-    if (type.typeName) {
-      return getFullyQualifiedName(type.typeName);
-    }
-
-    return `[${type.types.map((member: tae.AnyType) => formatType(member, false)).join(', ')}]`;
-  }
-
-  if (type instanceof tae.TypeParameterNode) {
-    return type.constraint !== undefined ? formatType(type.constraint, removeUndefined) : type.name;
-  }
-
-  return 'unknown';
-}
-
-function kebabToPascal(str: string): string {
-  return str
-    .split('-')
-    .map((part) => part.charAt(0).toUpperCase() + part.slice(1))
-    .join('');
-}
-
-// TODO make this less dependent on the structure of the repo
-const componentsDir = path.resolve(process.cwd(), '../../packages/react/src');
-const componentNames: string[] = fs
-  .readdirSync(componentsDir, { withFileTypes: true })
-  .filter((dirent) => dirent.isDirectory())
-  .map((dirent) => kebabToPascal(dirent.name));
-
-function getFullyQualifiedName(typeName: tae.TypeName): string {
-  const nameWithTypeArgs = createNameWithTypeArguments(typeName);
-
-  if (!typeName.namespaces || typeName.namespaces.length === 0) {
-    return nameWithTypeArgs;
-  }
-
-  // Our components are defined in the source as [ComponentName][Part], but exported as [ComponentName].[Part].
-  // The following code adjusts the namespaces to match the exported names.
-  const joinedNamespaces = typeName.namespaces.map((namespace) => {
-    const componentNameInNamespace = componentNames.find((componentName) =>
-      new RegExp(`^${componentName}[A-Z]`).test(namespace),
-    );
-
-    if (componentNameInNamespace) {
-      const dotPosition = componentNameInNamespace.length;
-      return `${namespace.substring(0, dotPosition)}.${namespace.substring(dotPosition)}`;
-    }
-
-    return namespace;
-  });
-
-  return `${joinedNamespaces}.${nameWithTypeArgs}`;
-}
-
-function createNameWithTypeArguments(typeName: tae.TypeName) {
-  if (
-    typeName.typeArguments &&
-    typeName.typeArguments.length > 0 &&
-    typeName.typeArguments.some((ta) => ta.equalToDefault === false)
-  ) {
-    return `${typeName.name}<${typeName.typeArguments.map((ta) => formatType(ta.type, false)).join(', ')}>`;
-  }
-
-  return typeName.name;
-}
-
-/**
- * Looks for 'any', 'null' and 'undefined' types and moves them to the end of the array of types.
- */
-function orderMembers(members: readonly tae.AnyType[]): readonly tae.AnyType[] {
-  let orderedMembers = pushToEnd(members, 'any');
-  orderedMembers = pushToEnd(orderedMembers, 'null');
-  orderedMembers = pushToEnd(orderedMembers, 'undefined');
-  return orderedMembers;
-}
-
-function pushToEnd(members: readonly tae.AnyType[], name: string): readonly tae.AnyType[] {
-  const index = members.findIndex((member: tae.AnyType) => {
-    return member instanceof tae.IntrinsicNode && member.intrinsic === name;
-  });
-
-  if (index !== -1) {
-    const member = members[index];
-    return [...members.slice(0, index), ...members.slice(index + 1), member];
-  }
-
-  return members;
-}
-
-function isObjectEmpty(object: Record<any, any>) {
-  // eslint-disable-next-line
-  for (const _ in object) {
-    return false;
-  }
-  return true;
-}
-
-function normalizeQuotes(str: string) {
-  if (str.startsWith('"') && str.endsWith('"')) {
-    return str
-      .replaceAll("'", "\\'")
-      .replaceAll('\\"', '"')
-      .replace(/^"(.*)"$/, "'$1'");
-  }
-
-  return str;
-}
diff --git a/scripts/api-docs-builder/src/hookHandler.ts b/scripts/api-docs-builder/src/hookHandler.ts
deleted file mode 100644
index c59b188db40..00000000000
--- a/scripts/api-docs-builder/src/hookHandler.ts
+++ /dev/null
@@ -1,42 +0,0 @@
-import * as tae from 'typescript-api-extractor';
-import { formatProperties, formatParameters, formatType } from './formatter';
-
-export async function formatHookData(hook: tae.ExportNode) {
-  const description = hook.documentation?.description?.replace(/\n\nDocumentation: .*$/ms, '');
-
-  // We don't support hooks with multiple signatures yet
-  const signature = (hook.type as tae.FunctionNode).callSignatures[0];
-  const parameters = signature.parameters;
-  let formattedParameters: Record<string, any>;
-  if (
-    parameters.length === 1 &&
-    parameters[0].type instanceof tae.ObjectNode &&
-    parameters[0].name === 'params'
-  ) {
-    formattedParameters = await formatProperties(parameters[0].type.properties, []);
-  } else {
-    formattedParameters = formatParameters(parameters);
-  }
-
-  let formattedReturnValue: Record<string, any> | string;
-  if (signature.returnValueType instanceof tae.ObjectNode) {
-    formattedReturnValue = await formatProperties(signature.returnValueType.properties, []);
-  } else {
-    formattedReturnValue = formatType(signature.returnValueType, false, undefined, true);
-  }
-
-  return {
-    name: hook.name,
-    description,
-    parameters: formattedParameters,
-    returnValue: formattedReturnValue,
-  };
-}
-
-export function isPublicHook(exportNode: tae.ExportNode) {
-  return (
-    exportNode.type instanceof tae.FunctionNode &&
-    exportNode.name.startsWith('use') &&
-    exportNode.isPublic(true)
-  );
-}
diff --git a/scripts/api-docs-builder/src/index.ts b/scripts/api-docs-builder/src/index.ts
deleted file mode 100644
index edd48fe0100..00000000000
--- a/scripts/api-docs-builder/src/index.ts
+++ /dev/null
@@ -1,140 +0,0 @@
-/* eslint-disable no-await-in-loop */
-/* eslint-disable prefer-template */
-/* eslint-disable no-console */
-import * as fs from 'node:fs';
-import * as path from 'node:path';
-import * as inspector from 'node:inspector';
-import yargs from 'yargs';
-import { hideBin } from 'yargs/helpers';
-import * as tae from 'typescript-api-extractor';
-import { kebabCase } from 'es-toolkit/string';
-import ts from 'typescript';
-import { globby } from 'globby';
-import { isPublicComponent, formatComponentData } from './componentHandler';
-import { isPublicHook, formatHookData } from './hookHandler';
-
-const isDebug = inspector.url() !== undefined;
-
-interface RunOptions {
-  files?: string[];
-  configPath: string;
-  out: string;
-}
-
-interface TsConfig {
-  options: ts.CompilerOptions;
-  fileNames: string[];
-}
-
-async function run(options: RunOptions) {
-  const config = tae.loadConfig(options.configPath);
-  const files = await getFilesToProcess(options, config);
-  const program = ts.createProgram(files, config.options);
-
-  const { exports, errorCount } = findAllExports(program, files);
-
-  for (const exportNode of exports.filter(isPublicComponent)) {
-    const componentApiReference = await formatComponentData(exportNode, exports);
-    const json = JSON.stringify(componentApiReference, null, 2) + '\n';
-    fs.writeFileSync(path.join(options.out, `${kebabCase(exportNode.name)}.json`), json);
-  }
-
-  for (const exportNode of exports.filter(isPublicHook)) {
-    const json = JSON.stringify(await formatHookData(exportNode), null, 2) + '\n';
-    fs.writeFileSync(path.join(options.out, `${kebabCase(exportNode.name)}.json`), json);
-  }
-
-  console.log(`\nProcessed ${files.length} files.`);
-  if (errorCount > 0) {
-    console.log(`❌ Found ${errorCount} errors.`);
-    process.exit(1);
-  }
-}
-
-async function getFilesToProcess(options: RunOptions, config: TsConfig): Promise<string[]> {
-  if (options.files && options.files.length > 0) {
-    const files = await globby(options.files, {
-      cwd: path.dirname(options.configPath),
-      absolute: true,
-      onlyFiles: true,
-    });
-
-    if (files.length === 0) {
-      console.error('No files found matching the provided patterns.');
-      process.exit(1);
-    } else {
-      console.log(`Found ${files.length} files to process based on the provided patterns:`);
-      files.forEach((file) => console.log(`- ${file}`));
-      console.log('');
-    }
-
-    return files;
-  }
-
-  return config.fileNames;
-}
-
-yargs(hideBin(process.argv))
-  .command<RunOptions>(
-    '$0',
-    'Extracts the API descriptions from a set of files',
-    (command) => {
-      return command
-        .option('configPath', {
-          alias: 'c',
-          type: 'string',
-          demandOption: true,
-          description: 'The path to the tsconfig.json file',
-        })
-        .option('out', {
-          alias: 'o',
-          demandOption: true,
-          type: 'string',
-          description: 'The output directory.',
-        })
-        .option('files', {
-          alias: 'f',
-          type: 'array',
-          demandOption: false,
-          description:
-            'The files to extract the API descriptions from. If not provided, all files in the tsconfig.json are used. You can use globs like `src/**/*.{ts,tsx}` and `!**/*.test.*`. Paths are relative to the tsconfig.json file.',
-        })
-        .option('includeExternal', {
-          alias: 'e',
-          type: 'boolean',
-          default: false,
-          description: 'Include props defined outside of the project',
-        });
-    },
-    run,
-  )
-  .help()
-  .strict()
-  .version(false)
-  .parse();
-
-function findAllExports(program: ts.Program, sourceFiles: string[]) {
-  const allExports: tae.ExportNode[] = [];
-  let errorCounter = 0;
-
-  for (const file of sourceFiles) {
-    if (!isDebug) {
-      console.log(`Processing ${file}`);
-      console.group();
-    }
-
-    try {
-      const ast = tae.parseFromProgram(file, program);
-      allExports.push(...ast.exports);
-    } catch (error) {
-      console.error(`⛔ Error processing ${file}: ${(error as Error).message}`);
-      errorCounter += 1;
-    } finally {
-      if (!isDebug) {
-        console.groupEnd();
-      }
-    }
-  }
-
-  return { exports: allExports, errorCount: errorCounter };
-}
diff --git a/scripts/api-docs-builder/src/order.json b/scripts/api-docs-builder/src/order.json
deleted file mode 100644
index 9efa1111e45..00000000000
--- a/scripts/api-docs-builder/src/order.json
+++ /dev/null
@@ -1,104 +0,0 @@
-{
-  "cssVariables": [],
-  "dataAttributes": [
-    "data-checked",
-    "data-unchecked",
-    "data-open",
-    "data-closed",
-    "data-panel-open",
-    "data-popup-open",
-    "data-pressed",
-    "data-selected",
-    "data-highlighted",
-    "data-dragging",
-    "data-orientation",
-    "data-disabled",
-    "data-readonly",
-    "data-required",
-    "data-valid",
-    "data-invalid",
-    "data-dirty",
-    "data-touched",
-    "data-uncentered",
-    "data-anchor-hidden",
-    "__EVERYTHING_ELSE__",
-    "data-starting-style",
-    "data-ending-style"
-  ],
-  "props": [
-    "aria-label",
-    "aria-labelledby",
-    "name",
-    "label",
-    "defaultChecked",
-    "checked",
-    "onCheckedChange",
-    "indeterminate",
-    "defaultValue",
-    "value",
-    "onValueChange",
-    "onValueCommitted",
-    "allValues",
-    "defaultOpen",
-    "open",
-    "onOpenChange",
-    "defaultPressed",
-    "pressed",
-    "onPressedChange",
-    "onPressedCommitted",
-    "onClick",
-    "closeOnClick",
-    "errors",
-    "onClearErrors",
-    "hidden",
-    "hiddenUntilFound",
-    "__EVERYTHING_ELSE__",
-    "step",
-    "smallStep",
-    "largeStep",
-    "minStepsBetweenValues",
-    "min",
-    "max",
-    "allowWheelScrub",
-    "format",
-    "autoFocus",
-    "container",
-    "align",
-    "alignOffset",
-    "side",
-    "sideOffset",
-    "arrowPadding",
-    "anchor",
-    "collisionBoundary",
-    "collisionPadding",
-    "sticky",
-    "positionMethod",
-    "trackAnchor",
-    "trackCursorAxis",
-    "initialFocus",
-    "finalFocus",
-    "match",
-    "forceShow",
-    "disabled",
-    "readOnly",
-    "required",
-    "valid",
-    "invalid",
-    "openOnHover",
-    "delay",
-    "closeDelay",
-    "timeout",
-    "hoverable",
-    "loop",
-    "orientation",
-    "inputRef",
-    "validate",
-    "validationMode",
-    "validationDebounceTime",
-    "id",
-    "children",
-    "className",
-    "keepMounted",
-    "render"
-  ]
-}