diff --git a/docs/reference/generated/accordion-header.json b/docs/reference/generated/accordion-header.json
new file mode 100644
index 0000000000..eacd7eb1c2
--- /dev/null
+++ b/docs/reference/generated/accordion-header.json
@@ -0,0 +1,14 @@
+{
+  "name": "AccordionHeader",
+  "description": "",
+  "props": {
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    }
+  }
+}
diff --git a/docs/reference/generated/accordion-item.json b/docs/reference/generated/accordion-item.json
new file mode 100644
index 0000000000..28ced50f2a
--- /dev/null
+++ b/docs/reference/generated/accordion-item.json
@@ -0,0 +1,23 @@
+{
+  "name": "AccordionItem",
+  "description": "",
+  "props": {
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "disabled": {
+      "type": "boolean",
+      "default": "false",
+      "description": "If `true`, the component is disabled."
+    },
+    "onOpenChange": {
+      "type": "(open) => void",
+      "description": "Callback fired when the Collapsible is opened or closed."
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    }
+  }
+}
diff --git a/docs/reference/generated/accordion-panel.json b/docs/reference/generated/accordion-panel.json
new file mode 100644
index 0000000000..bf46dde288
--- /dev/null
+++ b/docs/reference/generated/accordion-panel.json
@@ -0,0 +1,19 @@
+{
+  "name": "AccordionPanel",
+  "description": "",
+  "props": {
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "hiddenUntilFound": {
+      "type": "boolean",
+      "default": "false",
+      "description": "If `true`, sets `hidden=\"until-found\"` when closed.\nIf `false`, sets `hidden` when closed."
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    }
+  }
+}
diff --git a/docs/reference/generated/accordion-root.json b/docs/reference/generated/accordion-root.json
new file mode 100644
index 0000000000..222d772f12
--- /dev/null
+++ b/docs/reference/generated/accordion-root.json
@@ -0,0 +1,47 @@
+{
+  "name": "AccordionRoot",
+  "description": "",
+  "props": {
+    "animated": {
+      "type": "boolean",
+      "default": "true",
+      "description": "If `true`, the component supports CSS/JS-based animations and transitions."
+    },
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "defaultValue": {
+      "type": "Array<number | string>",
+      "default": "0",
+      "description": "The default value representing the currently open `Accordion.Item`\nThis is the uncontrolled counterpart of `value`."
+    },
+    "disabled": {
+      "type": "boolean",
+      "default": "false",
+      "description": "If `true`, the component is disabled."
+    },
+    "loop": {
+      "type": "boolean",
+      "default": "true",
+      "description": "If `true`, focus will loop when moving focus between `Trigger`s using\nthe arrow keys."
+    },
+    "onValueChange": {
+      "type": "(value) => void",
+      "description": "Callback fired when an Accordion section is opened or closed.\nThe value representing the involved section is provided as an argument."
+    },
+    "openMultiple": {
+      "type": "boolean",
+      "default": "true",
+      "description": "Whether multiple Accordion sections can be opened at the same time"
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    },
+    "value": {
+      "type": "Array<number | string>",
+      "description": "The value of the currently open `Accordion.Item`\nThis is the controlled counterpart of `defaultValue`."
+    }
+  }
+}
diff --git a/docs/reference/generated/accordion-trigger.json b/docs/reference/generated/accordion-trigger.json
new file mode 100644
index 0000000000..f6e6ae66f4
--- /dev/null
+++ b/docs/reference/generated/accordion-trigger.json
@@ -0,0 +1,14 @@
+{
+  "name": "AccordionTrigger",
+  "description": "",
+  "props": {
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    }
+  }
+}
diff --git a/docs/reference/generated/alert-dialog-backdrop.json b/docs/reference/generated/alert-dialog-backdrop.json
new file mode 100644
index 0000000000..a09e5f6699
--- /dev/null
+++ b/docs/reference/generated/alert-dialog-backdrop.json
@@ -0,0 +1,19 @@
+{
+  "name": "AlertDialogBackdrop",
+  "description": "",
+  "props": {
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "keepMounted": {
+      "type": "boolean",
+      "default": "false",
+      "description": "If `true`, the backdrop element is kept in the DOM when closed."
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    }
+  }
+}
diff --git a/docs/reference/generated/alert-dialog-close.json b/docs/reference/generated/alert-dialog-close.json
new file mode 100644
index 0000000000..c050448528
--- /dev/null
+++ b/docs/reference/generated/alert-dialog-close.json
@@ -0,0 +1,14 @@
+{
+  "name": "AlertDialogClose",
+  "description": "",
+  "props": {
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    }
+  }
+}
diff --git a/docs/reference/generated/alert-dialog-description.json b/docs/reference/generated/alert-dialog-description.json
new file mode 100644
index 0000000000..b4f0642384
--- /dev/null
+++ b/docs/reference/generated/alert-dialog-description.json
@@ -0,0 +1,14 @@
+{
+  "name": "AlertDialogDescription",
+  "description": "",
+  "props": {
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    }
+  }
+}
diff --git a/docs/reference/generated/alert-dialog-popup.json b/docs/reference/generated/alert-dialog-popup.json
new file mode 100644
index 0000000000..ac6fde4db5
--- /dev/null
+++ b/docs/reference/generated/alert-dialog-popup.json
@@ -0,0 +1,31 @@
+{
+  "name": "AlertDialogPopup",
+  "description": "",
+  "props": {
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "container": {
+      "type": "React.Ref | HTMLElement | null",
+      "description": "The container element to which the popup is appended to."
+    },
+    "finalFocus": {
+      "type": "React.Ref",
+      "description": "Determines an element to focus after the dialog is closed.\nIf not provided, the focus returns to the trigger."
+    },
+    "initialFocus": {
+      "type": "React.Ref | (interactionType => HTMLElement | null)",
+      "description": "Determines an element to focus when the dialog is opened.\nIt can be either a ref to the element or a function that returns such a ref.\nIf not provided, the first focusable element is focused."
+    },
+    "keepMounted": {
+      "type": "boolean",
+      "default": "false",
+      "description": "If `true`, the dialog element is kept in the DOM when closed."
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    }
+  }
+}
diff --git a/docs/reference/generated/alert-dialog-root.json b/docs/reference/generated/alert-dialog-root.json
new file mode 100644
index 0000000000..7e6420324b
--- /dev/null
+++ b/docs/reference/generated/alert-dialog-root.json
@@ -0,0 +1,23 @@
+{
+  "name": "AlertDialogRoot",
+  "description": "",
+  "props": {
+    "animated": {
+      "type": "boolean",
+      "default": "true",
+      "description": "If `true`, the dialog supports CSS-based animations and transitions.\nIt is kept in the DOM until the animation completes."
+    },
+    "defaultOpen": {
+      "type": "boolean",
+      "description": "Determines whether the dialog is initally open.\nThis is an uncontrolled equivalent of the `open` prop."
+    },
+    "onOpenChange": {
+      "type": "(open, event) => void",
+      "description": "Callback invoked when the dialog is being opened or closed."
+    },
+    "open": {
+      "type": "boolean",
+      "description": "Determines whether the dialog is open."
+    }
+  }
+}
diff --git a/docs/reference/generated/alert-dialog-title.json b/docs/reference/generated/alert-dialog-title.json
new file mode 100644
index 0000000000..92e7c0c382
--- /dev/null
+++ b/docs/reference/generated/alert-dialog-title.json
@@ -0,0 +1,14 @@
+{
+  "name": "AlertDialogTitle",
+  "description": "",
+  "props": {
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    }
+  }
+}
diff --git a/docs/reference/generated/alert-dialog-trigger.json b/docs/reference/generated/alert-dialog-trigger.json
new file mode 100644
index 0000000000..24fd03d968
--- /dev/null
+++ b/docs/reference/generated/alert-dialog-trigger.json
@@ -0,0 +1,14 @@
+{
+  "name": "AlertDialogTrigger",
+  "description": "",
+  "props": {
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    }
+  }
+}
diff --git a/docs/reference/generated/checkbox-group-root.json b/docs/reference/generated/checkbox-group-root.json
new file mode 100644
index 0000000000..5d96c99720
--- /dev/null
+++ b/docs/reference/generated/checkbox-group-root.json
@@ -0,0 +1,40 @@
+{
+  "name": "CheckboxGroupRoot",
+  "description": "The foundation for building custom-styled checkbox groups.",
+  "props": {
+    "allValues": {
+      "type": "string[]",
+      "description": "All values of the checkboxes in the group."
+    },
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "defaultValue": {
+      "type": "string[]",
+      "description": "The default checked values of the checkbox group. Use when uncontrolled."
+    },
+    "disabled": {
+      "type": "boolean",
+      "default": "false",
+      "description": "Whether the checkbox group is disabled."
+    },
+    "onValueChange": {
+      "type": "(value, event) => void",
+      "description": "A callback function that is called when the value of the checkbox group changes.\nUse when controlled."
+    },
+    "preserveChildStates": {
+      "type": "boolean",
+      "default": "false",
+      "description": "Whether the parent checkbox should preserve its child states when checked/unchecked, leading\nto a tri-state checkbox group."
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    },
+    "value": {
+      "type": "string[]",
+      "description": "The currently checked values of the checkbox group. Use when controlled."
+    }
+  }
+}
diff --git a/docs/reference/generated/checkbox-indicator.json b/docs/reference/generated/checkbox-indicator.json
new file mode 100644
index 0000000000..48378078b8
--- /dev/null
+++ b/docs/reference/generated/checkbox-indicator.json
@@ -0,0 +1,19 @@
+{
+  "name": "CheckboxIndicator",
+  "description": "The indicator part of the Checkbox.",
+  "props": {
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "keepMounted": {
+      "type": "boolean",
+      "default": "true",
+      "description": "If `true`, the indicator stays mounted when unchecked. Useful for CSS animations."
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    }
+  }
+}
diff --git a/docs/reference/generated/checkbox-root.json b/docs/reference/generated/checkbox-root.json
new file mode 100644
index 0000000000..dccc75e2d2
--- /dev/null
+++ b/docs/reference/generated/checkbox-root.json
@@ -0,0 +1,62 @@
+{
+  "name": "CheckboxRoot",
+  "description": "The foundation for building custom-styled checkboxes.",
+  "props": {
+    "checked": {
+      "type": "boolean",
+      "default": "undefined",
+      "description": "If `true`, the component is checked."
+    },
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "defaultChecked": {
+      "type": "boolean",
+      "default": "false",
+      "description": "The default checked state. Use when the component is not controlled."
+    },
+    "disabled": {
+      "type": "boolean",
+      "default": "false",
+      "description": "If `true`, the component is disabled."
+    },
+    "indeterminate": {
+      "type": "boolean",
+      "default": "false",
+      "description": "If `true`, the checkbox will be indeterminate."
+    },
+    "inputRef": {
+      "type": "React.Ref",
+      "description": "The ref to the input element."
+    },
+    "name": {
+      "type": "string",
+      "default": "undefined",
+      "description": "Name of the underlying input element."
+    },
+    "onCheckedChange": {
+      "type": "(checked, event) => void",
+      "description": "Callback fired when the checked state is changed."
+    },
+    "parent": {
+      "type": "boolean",
+      "default": "false",
+      "description": "If `true`, the checkbox is a parent checkbox for a group of child checkboxes."
+    },
+    "readOnly": {
+      "type": "boolean",
+      "default": "false",
+      "description": "If `true`, the component is read only."
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    },
+    "required": {
+      "type": "boolean",
+      "default": "false",
+      "description": "If `true`, the `input` element is required."
+    }
+  }
+}
diff --git a/docs/reference/generated/collapsible-panel.json b/docs/reference/generated/collapsible-panel.json
new file mode 100644
index 0000000000..56966e8771
--- /dev/null
+++ b/docs/reference/generated/collapsible-panel.json
@@ -0,0 +1,19 @@
+{
+  "name": "CollapsiblePanel",
+  "description": "",
+  "props": {
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "hiddenUntilFound": {
+      "type": "boolean",
+      "default": "false",
+      "description": "If `true`, sets `hidden=\"until-found\"` when closed.\nIf `false`, sets `hidden` when closed."
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    }
+  }
+}
diff --git a/docs/reference/generated/collapsible-root.json b/docs/reference/generated/collapsible-root.json
new file mode 100644
index 0000000000..060f5a225d
--- /dev/null
+++ b/docs/reference/generated/collapsible-root.json
@@ -0,0 +1,37 @@
+{
+  "name": "CollapsibleRoot",
+  "description": "",
+  "props": {
+    "animated": {
+      "type": "boolean",
+      "default": "true",
+      "description": "If `true`, the component supports CSS/JS-based animations and transitions."
+    },
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "defaultOpen": {
+      "type": "boolean",
+      "default": "true",
+      "description": "If `true`, the Collapsible is initially open.\nThis is the uncontrolled counterpart of `open`."
+    },
+    "disabled": {
+      "type": "boolean",
+      "default": "false",
+      "description": "If `true`, the component is disabled."
+    },
+    "onOpenChange": {
+      "type": "(open) => void",
+      "description": "Callback fired when the Collapsible is opened or closed."
+    },
+    "open": {
+      "type": "boolean",
+      "description": "If `true`, the Collapsible is initially open.\nThis is the controlled counterpart of `defaultOpen`."
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    }
+  }
+}
diff --git a/docs/reference/generated/collapsible-trigger.json b/docs/reference/generated/collapsible-trigger.json
new file mode 100644
index 0000000000..903a24d148
--- /dev/null
+++ b/docs/reference/generated/collapsible-trigger.json
@@ -0,0 +1,14 @@
+{
+  "name": "CollapsibleTrigger",
+  "description": "",
+  "props": {
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    }
+  }
+}
diff --git a/docs/reference/generated/dialog-backdrop.json b/docs/reference/generated/dialog-backdrop.json
new file mode 100644
index 0000000000..7ac90105e9
--- /dev/null
+++ b/docs/reference/generated/dialog-backdrop.json
@@ -0,0 +1,33 @@
+{
+  "name": "DialogBackdrop",
+  "description": "An overlay displayed beneath the popup. Renders a `<div>` element.",
+  "props": {
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "keepMounted": {
+      "type": "boolean",
+      "default": "false",
+      "description": "If `true`, the backdrop element is kept in the DOM when closed."
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    }
+  },
+  "attributes": {
+    "[data-open]": {
+      "description": "Present when the dialog is open."
+    },
+    "[data-closed]": {
+      "description": "Present when the dialog is closed."
+    },
+    "[data-entering]": {
+      "description": "Present when the dialog is animating in."
+    },
+    "[data-exiting]": {
+      "description": "Present when the dialog is animating out."
+    }
+  }
+}
diff --git a/docs/reference/generated/dialog-close.json b/docs/reference/generated/dialog-close.json
new file mode 100644
index 0000000000..575df807eb
--- /dev/null
+++ b/docs/reference/generated/dialog-close.json
@@ -0,0 +1,14 @@
+{
+  "name": "DialogClose",
+  "description": "",
+  "props": {
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    }
+  }
+}
diff --git a/docs/reference/generated/dialog-description.json b/docs/reference/generated/dialog-description.json
new file mode 100644
index 0000000000..2dfee8fd53
--- /dev/null
+++ b/docs/reference/generated/dialog-description.json
@@ -0,0 +1,14 @@
+{
+  "name": "DialogDescription",
+  "description": "A paragraph with additional information about the dialog. Renders a `<p>` element.",
+  "props": {
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    }
+  }
+}
diff --git a/docs/reference/generated/dialog-popup.json b/docs/reference/generated/dialog-popup.json
new file mode 100644
index 0000000000..789b2b1c37
--- /dev/null
+++ b/docs/reference/generated/dialog-popup.json
@@ -0,0 +1,58 @@
+{
+  "name": "DialogPopup",
+  "description": "A container for the dialog contents. Renders a `<div>` element.",
+  "props": {
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "container": {
+      "type": "React.Ref | HTMLElement | null",
+      "description": "The container element to which the popup is appended to."
+    },
+    "finalFocus": {
+      "type": "React.Ref",
+      "description": "Determines an element to focus after the dialog is closed.\nIf not provided, the focus returns to the trigger."
+    },
+    "initialFocus": {
+      "type": "React.Ref | (interactionType => HTMLElement | null)",
+      "description": "Determines an element to focus when the dialog is opened.\nIt can be either a ref to the element or a function that returns such a ref.\nIf not provided, the first focusable element is focused."
+    },
+    "keepMounted": {
+      "type": "boolean",
+      "default": "false",
+      "description": "If `true`, the dialog element is kept in the DOM when closed."
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    }
+  },
+  "attributes": {
+    "[data-open]": {
+      "description": "Present when the dialog is open."
+    },
+    "[data-closed]": {
+      "description": "Present when the dialog is closed."
+    },
+    "[data-entering]": {
+      "description": "Present when the dialog is animating in."
+    },
+    "[data-exiting]": {
+      "description": "Present when the dialog is animating out."
+    },
+    "[data-modal]": {
+      "description": "Present when the dialog is modal."
+    },
+    "[data-nested-dialogs]": {
+      "type": "number",
+      "description": "Indicates how many dialogs are nested within."
+    }
+  },
+  "cssVariables": {
+    "--nested-dialogs": {
+      "type": "number",
+      "description": "Indicates how many dialogs are nested within."
+    }
+  }
+}
diff --git a/docs/reference/generated/dialog-root.json b/docs/reference/generated/dialog-root.json
new file mode 100644
index 0000000000..af19098732
--- /dev/null
+++ b/docs/reference/generated/dialog-root.json
@@ -0,0 +1,33 @@
+{
+  "name": "DialogRoot",
+  "description": "Groups all parts of the dialog. Doesn’t render its own HTML element.",
+  "props": {
+    "animated": {
+      "type": "boolean",
+      "default": "true",
+      "description": "If `true`, the dialog supports CSS-based animations and transitions.\nIt is kept in the DOM until the animation completes."
+    },
+    "defaultOpen": {
+      "type": "boolean",
+      "description": "Determines whether the dialog is initally open.\nThis is an uncontrolled equivalent of the `open` prop."
+    },
+    "dismissible": {
+      "type": "boolean",
+      "default": "true",
+      "description": "Determines whether the dialog should close when clicking outside of it."
+    },
+    "modal": {
+      "type": "boolean",
+      "default": "true",
+      "description": "Determines whether the dialog is modal."
+    },
+    "onOpenChange": {
+      "type": "(open, event) => void",
+      "description": "Callback invoked when the dialog is being opened or closed."
+    },
+    "open": {
+      "type": "boolean",
+      "description": "Determines whether the dialog is open."
+    }
+  }
+}
diff --git a/docs/reference/generated/dialog-title.json b/docs/reference/generated/dialog-title.json
new file mode 100644
index 0000000000..3afaead6da
--- /dev/null
+++ b/docs/reference/generated/dialog-title.json
@@ -0,0 +1,14 @@
+{
+  "name": "DialogTitle",
+  "description": "A heading that labels the dialog. Renders an `<h2>` element.",
+  "props": {
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    }
+  }
+}
diff --git a/docs/reference/generated/dialog-trigger.json b/docs/reference/generated/dialog-trigger.json
new file mode 100644
index 0000000000..0336866143
--- /dev/null
+++ b/docs/reference/generated/dialog-trigger.json
@@ -0,0 +1,22 @@
+{
+  "name": "DialogTrigger",
+  "description": "A button that opens the dialog. Renders a `<button>` element.",
+  "props": {
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    }
+  },
+  "attributes": {
+    "[data-modal]": {
+      "description": "Present when the corresponding dialog is modal."
+    },
+    "[data-popup-open]": {
+      "description": "Present when the corresponding dialog is open."
+    }
+  }
+}
diff --git a/docs/reference/generated/field-control.json b/docs/reference/generated/field-control.json
new file mode 100644
index 0000000000..041269822a
--- /dev/null
+++ b/docs/reference/generated/field-control.json
@@ -0,0 +1,18 @@
+{
+  "name": "FieldControl",
+  "description": "The field's control element. This is not necessary to use when using a native Base UI input\ncomponent (Checkbox, Switch, NumberField, Slider, Radio Group etc).",
+  "props": {
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "onValueChange": {
+      "type": "(value, event) => void",
+      "description": "Callback fired when the `value` changes. Use when controlled."
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    }
+  }
+}
diff --git a/docs/reference/generated/field-description.json b/docs/reference/generated/field-description.json
new file mode 100644
index 0000000000..43bd861ab0
--- /dev/null
+++ b/docs/reference/generated/field-description.json
@@ -0,0 +1,14 @@
+{
+  "name": "FieldDescription",
+  "description": "A description message for the field's control.",
+  "props": {
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    }
+  }
+}
diff --git a/docs/reference/generated/field-error.json b/docs/reference/generated/field-error.json
new file mode 100644
index 0000000000..9578a77a9e
--- /dev/null
+++ b/docs/reference/generated/field-error.json
@@ -0,0 +1,22 @@
+{
+  "name": "FieldError",
+  "description": "Displays error messages for the field's control.",
+  "props": {
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "forceShow": {
+      "type": "boolean",
+      "description": "Determines whether the error message should be shown regardless of the field's client validity."
+    },
+    "match": {
+      "type": "'badInput' | 'customError' | 'patternMismatch' | 'rangeOverflow' | 'rangeUnderflow' | 'stepMismatch' | 'tooLong' | 'tooShort' | 'typeMismatch' | 'valid' | 'valueMissing'",
+      "description": "Determines whether the error message should be shown when it matches a given property of the\nfield's `ValidityState`."
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    }
+  }
+}
diff --git a/docs/reference/generated/field-label.json b/docs/reference/generated/field-label.json
new file mode 100644
index 0000000000..f7e187511c
--- /dev/null
+++ b/docs/reference/generated/field-label.json
@@ -0,0 +1,14 @@
+{
+  "name": "FieldLabel",
+  "description": "A label for the field's control.",
+  "props": {
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    }
+  }
+}
diff --git a/docs/reference/generated/field-root.json b/docs/reference/generated/field-root.json
new file mode 100644
index 0000000000..1d2ae5e02a
--- /dev/null
+++ b/docs/reference/generated/field-root.json
@@ -0,0 +1,41 @@
+{
+  "name": "FieldRoot",
+  "description": "The foundation for building custom-styled fields.",
+  "props": {
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "disabled": {
+      "type": "boolean",
+      "default": "false",
+      "description": "Whether the field is disabled. Takes precedence over the `disabled` prop of the `Field.Control`\ncomponent."
+    },
+    "invalid": {
+      "type": "boolean",
+      "description": "Determines if the field is forcefully marked as invalid."
+    },
+    "name": {
+      "type": "string",
+      "description": "The field's name. Takes precedence over the `name` prop of the `Field.Control` component."
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    },
+    "validate": {
+      "type": "function",
+      "description": "Function to custom-validate the field's value. Return a string or array of strings with error\nmessages if the value is invalid, or `null` if the value is valid. The function can also return\na promise that resolves to a string, array of strings, or `null`."
+    },
+    "validationDebounceTime": {
+      "type": "number",
+      "default": "0",
+      "description": "The debounce time in milliseconds for the `validate` function in `onChange` phase."
+    },
+    "validationMode": {
+      "type": "'onBlur' | 'onChange'",
+      "default": "'onBlur'",
+      "description": "Determines when validation should be triggered."
+    }
+  }
+}
diff --git a/docs/reference/generated/field-validity.json b/docs/reference/generated/field-validity.json
new file mode 100644
index 0000000000..c0a9c502c1
--- /dev/null
+++ b/docs/reference/generated/field-validity.json
@@ -0,0 +1,10 @@
+{
+  "name": "FieldValidity",
+  "description": "Render prop component that provides the field's validity state and value to its children.",
+  "props": {
+    "children": {
+      "type": "(validity) => React.ReactNode",
+      "required": true
+    }
+  }
+}
diff --git a/docs/reference/generated/fieldset-legend.json b/docs/reference/generated/fieldset-legend.json
new file mode 100644
index 0000000000..571bc33073
--- /dev/null
+++ b/docs/reference/generated/fieldset-legend.json
@@ -0,0 +1,14 @@
+{
+  "name": "FieldsetLegend",
+  "description": "Renders an element that labels the fieldset.",
+  "props": {
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    }
+  }
+}
diff --git a/docs/reference/generated/fieldset-root.json b/docs/reference/generated/fieldset-root.json
new file mode 100644
index 0000000000..378df955c9
--- /dev/null
+++ b/docs/reference/generated/fieldset-root.json
@@ -0,0 +1,14 @@
+{
+  "name": "FieldsetRoot",
+  "description": "The foundation for building custom-styled fieldsets.",
+  "props": {
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    }
+  }
+}
diff --git a/docs/reference/generated/form-root.json b/docs/reference/generated/form-root.json
new file mode 100644
index 0000000000..44cfa7d2e8
--- /dev/null
+++ b/docs/reference/generated/form-root.json
@@ -0,0 +1,22 @@
+{
+  "name": "FormRoot",
+  "description": "",
+  "props": {
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "errors": {
+      "type": "Record<string, string | string[]>",
+      "description": "Object of error messages with each key mapping to the `name` prop of a Field control, usually\nfrom server-side validation."
+    },
+    "onClearErrors": {
+      "type": "(errors) => void",
+      "description": "Callback fired when the external server-side `error` messages should be cleared."
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    }
+  }
+}
diff --git a/docs/reference/generated/menu-arrow.json b/docs/reference/generated/menu-arrow.json
new file mode 100644
index 0000000000..77d2fd0f09
--- /dev/null
+++ b/docs/reference/generated/menu-arrow.json
@@ -0,0 +1,19 @@
+{
+  "name": "MenuArrow",
+  "description": "Renders an arrow that points to the center of the anchor element.",
+  "props": {
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "hideWhenUncentered": {
+      "type": "boolean",
+      "default": "false",
+      "description": "If `true`, the arrow is hidden when it can't point to the center of the anchor element."
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    }
+  }
+}
diff --git a/docs/reference/generated/menu-checkbox-item-indicator.json b/docs/reference/generated/menu-checkbox-item-indicator.json
new file mode 100644
index 0000000000..82f06813d0
--- /dev/null
+++ b/docs/reference/generated/menu-checkbox-item-indicator.json
@@ -0,0 +1,19 @@
+{
+  "name": "MenuCheckboxItemIndicator",
+  "description": "",
+  "props": {
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "keepMounted": {
+      "type": "boolean",
+      "default": "true",
+      "description": "If `true`, the component is mounted even if the checkbox is not checked."
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    }
+  }
+}
diff --git a/docs/reference/generated/menu-checkbox-item.json b/docs/reference/generated/menu-checkbox-item.json
new file mode 100644
index 0000000000..8c0cde01b1
--- /dev/null
+++ b/docs/reference/generated/menu-checkbox-item.json
@@ -0,0 +1,28 @@
+{
+  "name": "MenuCheckboxItem",
+  "description": "An unstyled checkbox menu item to be used within a Menu.",
+  "props": {
+    "closeOnClick": {
+      "type": "boolean",
+      "default": "true",
+      "description": "If `true`, the menu will close when the menu item is clicked."
+    },
+    "disabled": {
+      "type": "boolean",
+      "default": "false",
+      "description": "If `true`, the menu item will be disabled."
+    },
+    "id": {
+      "type": "string",
+      "description": "The id of the menu item."
+    },
+    "label": {
+      "type": "string",
+      "description": "A text representation of the menu item's content.\nUsed for keyboard text navigation matching."
+    },
+    "onClick": {
+      "type": "(event) => void",
+      "description": "The click handler for the menu item."
+    }
+  }
+}
diff --git a/docs/reference/generated/menu-group-label.json b/docs/reference/generated/menu-group-label.json
new file mode 100644
index 0000000000..12daa5848f
--- /dev/null
+++ b/docs/reference/generated/menu-group-label.json
@@ -0,0 +1,14 @@
+{
+  "name": "MenuGroupLabel",
+  "description": "",
+  "props": {
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    }
+  }
+}
diff --git a/docs/reference/generated/menu-group.json b/docs/reference/generated/menu-group.json
new file mode 100644
index 0000000000..5c7148437d
--- /dev/null
+++ b/docs/reference/generated/menu-group.json
@@ -0,0 +1,18 @@
+{
+  "name": "MenuGroup",
+  "description": "",
+  "props": {
+    "children": {
+      "type": "React.ReactNode",
+      "description": "The content of the component."
+    },
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    }
+  }
+}
diff --git a/docs/reference/generated/menu-item.json b/docs/reference/generated/menu-item.json
new file mode 100644
index 0000000000..efbbf24218
--- /dev/null
+++ b/docs/reference/generated/menu-item.json
@@ -0,0 +1,28 @@
+{
+  "name": "MenuItem",
+  "description": "An unstyled menu item to be used within a Menu.",
+  "props": {
+    "closeOnClick": {
+      "type": "boolean",
+      "default": "true",
+      "description": "If `true`, the menu will close when the menu item is clicked."
+    },
+    "disabled": {
+      "type": "boolean",
+      "default": "false",
+      "description": "If `true`, the menu item will be disabled."
+    },
+    "id": {
+      "type": "string",
+      "description": "The id of the menu item."
+    },
+    "label": {
+      "type": "string",
+      "description": "A text representation of the menu item's content.\nUsed for keyboard text navigation matching."
+    },
+    "onClick": {
+      "type": "(event) => void",
+      "description": "The click handler for the menu item."
+    }
+  }
+}
diff --git a/docs/reference/generated/menu-popup.json b/docs/reference/generated/menu-popup.json
new file mode 100644
index 0000000000..eee8001d42
--- /dev/null
+++ b/docs/reference/generated/menu-popup.json
@@ -0,0 +1,18 @@
+{
+  "name": "MenuPopup",
+  "description": "",
+  "props": {
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "id": {
+      "type": "string",
+      "description": "The id of the popup element."
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    }
+  }
+}
diff --git a/docs/reference/generated/menu-positioner.json b/docs/reference/generated/menu-positioner.json
new file mode 100644
index 0000000000..dff74cbfa6
--- /dev/null
+++ b/docs/reference/generated/menu-positioner.json
@@ -0,0 +1,77 @@
+{
+  "name": "MenuPositioner",
+  "description": "Renders the element that positions the Menu popup.",
+  "props": {
+    "alignment": {
+      "type": "'start' | 'center' | 'end'",
+      "default": "'center'",
+      "description": "The alignment of the Menu element to the anchor element along its cross axis."
+    },
+    "alignmentOffset": {
+      "type": "number",
+      "default": "0",
+      "description": "The offset of the Menu element along its alignment axis."
+    },
+    "anchor": {
+      "type": "React.Ref | Element | VirtualElement | (() => Element | VirtualElement | null) | null",
+      "description": "The anchor element to which the Menu popup will be placed at."
+    },
+    "arrowPadding": {
+      "type": "number",
+      "default": "5",
+      "description": "Determines the padding between the arrow and the Menu popup's edges. Useful when the popover\npopup has rounded corners via `border-radius`."
+    },
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "collisionBoundary": {
+      "type": "'clippingAncestors' | Element | Element[] | Rect",
+      "default": "'clippingAncestors'",
+      "description": "The boundary that the Menu element should be constrained to."
+    },
+    "collisionPadding": {
+      "type": "number | Rect",
+      "default": "5",
+      "description": "The padding of the collision boundary."
+    },
+    "container": {
+      "type": "React.Ref | HTMLElement | null",
+      "description": "The container element to which the Menu popup will be appended to."
+    },
+    "hideWhenDetached": {
+      "type": "boolean",
+      "default": "false",
+      "description": "If `true`, the Menu will be hidden if it is detached from its anchor element due to\ndiffering clipping contexts."
+    },
+    "keepMounted": {
+      "type": "boolean",
+      "default": "false",
+      "description": "Whether the menu popup remains mounted in the DOM while closed."
+    },
+    "positionMethod": {
+      "type": "'absolute' | 'fixed'",
+      "default": "'absolute'",
+      "description": "The CSS position strategy for positioning the Menu popup element."
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    },
+    "side": {
+      "type": "'top' | 'bottom' | 'left' | 'right'",
+      "default": "'bottom'",
+      "description": "The side of the anchor element that the Menu element should align to."
+    },
+    "sideOffset": {
+      "type": "number",
+      "default": "0",
+      "description": "The gap between the anchor element and the Menu element."
+    },
+    "sticky": {
+      "type": "boolean",
+      "default": "false",
+      "description": "If `true`, allow the Menu to remain in stuck view while the anchor element is scrolled out\nof view."
+    }
+  }
+}
diff --git a/docs/reference/generated/menu-radio-group.json b/docs/reference/generated/menu-radio-group.json
new file mode 100644
index 0000000000..fbc79dcbfe
--- /dev/null
+++ b/docs/reference/generated/menu-radio-group.json
@@ -0,0 +1,31 @@
+{
+  "name": "MenuRadioGroup",
+  "description": "",
+  "props": {
+    "children": {
+      "type": "React.ReactNode",
+      "description": "The content of the component."
+    },
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "defaultValue": {
+      "type": "any",
+      "description": "The default value of the selected radio button.\nThis is the uncontrolled equivalent of `value`."
+    },
+    "onValueChange": {
+      "type": "(value, event) => void",
+      "default": "() => {}",
+      "description": "Function called when the selected value changes."
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    },
+    "value": {
+      "type": "any",
+      "description": "The value of the selected radio button."
+    }
+  }
+}
diff --git a/docs/reference/generated/menu-radio-item-indicator.json b/docs/reference/generated/menu-radio-item-indicator.json
new file mode 100644
index 0000000000..de38107d24
--- /dev/null
+++ b/docs/reference/generated/menu-radio-item-indicator.json
@@ -0,0 +1,19 @@
+{
+  "name": "MenuRadioItemIndicator",
+  "description": "",
+  "props": {
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "keepMounted": {
+      "type": "boolean",
+      "default": "true",
+      "description": "If `true`, the component is mounted even if the Radio is not checked."
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    }
+  }
+}
diff --git a/docs/reference/generated/menu-radio-item.json b/docs/reference/generated/menu-radio-item.json
new file mode 100644
index 0000000000..3f41ecf729
--- /dev/null
+++ b/docs/reference/generated/menu-radio-item.json
@@ -0,0 +1,33 @@
+{
+  "name": "MenuRadioItem",
+  "description": "An unstyled radio menu item to be used within a Menu.",
+  "props": {
+    "value": {
+      "type": "any",
+      "required": true,
+      "description": "Value of the radio item.\nThis is the value that will be set in the MenuRadioGroup when the item is selected."
+    },
+    "closeOnClick": {
+      "type": "boolean",
+      "default": "true",
+      "description": "If `true`, the menu will close when the menu item is clicked."
+    },
+    "disabled": {
+      "type": "boolean",
+      "default": "false",
+      "description": "If `true`, the menu item will be disabled."
+    },
+    "id": {
+      "type": "string",
+      "description": "The id of the menu item."
+    },
+    "label": {
+      "type": "string",
+      "description": "A text representation of the menu item's content.\nUsed for keyboard text navigation matching."
+    },
+    "onClick": {
+      "type": "(event) => void",
+      "description": "The click handler for the menu item."
+    }
+  }
+}
diff --git a/docs/reference/generated/menu-root.json b/docs/reference/generated/menu-root.json
new file mode 100644
index 0000000000..76d1d594de
--- /dev/null
+++ b/docs/reference/generated/menu-root.json
@@ -0,0 +1,58 @@
+{
+  "name": "MenuRoot",
+  "description": "",
+  "props": {
+    "animated": {
+      "type": "boolean",
+      "default": "true",
+      "description": "If `true`, the Menu supports CSS-based animations and transitions.\nIt is kept in the DOM until the animation completes."
+    },
+    "closeParentOnEsc": {
+      "type": "boolean",
+      "default": "true",
+      "description": "Determines if pressing the Esc key closes the parent menus.\nThis is only applicable for nested menus.\n\nIf set to `false` pressing Esc closes only the current menu."
+    },
+    "defaultOpen": {
+      "type": "boolean",
+      "default": "false",
+      "description": "If `true`, the Menu is initially open."
+    },
+    "delay": {
+      "type": "number",
+      "default": "100",
+      "description": "The delay in milliseconds until the menu popup is opened when `openOnHover` is `true`."
+    },
+    "dir": {
+      "type": "'ltr' | 'rtl'",
+      "default": "'ltr'",
+      "description": "The direction of the Menu (left-to-right or right-to-left)."
+    },
+    "disabled": {
+      "type": "boolean",
+      "default": "false",
+      "description": "If `true`, the Menu is disabled."
+    },
+    "loop": {
+      "type": "boolean",
+      "default": "true",
+      "description": "If `true`, using keyboard navigation will wrap focus to the other end of the list once the end is reached."
+    },
+    "onOpenChange": {
+      "type": "(open, event) => void",
+      "description": "Callback fired when the component requests to be opened or closed."
+    },
+    "open": {
+      "type": "boolean",
+      "description": "Allows to control whether the dropdown is open.\nThis is a controlled counterpart of `defaultOpen`."
+    },
+    "openOnHover": {
+      "type": "boolean",
+      "description": "Whether the menu popup opens when the trigger is hovered after the provided `delay`.\nBy default, `openOnHover` is set to `true` for nested menus."
+    },
+    "orientation": {
+      "type": "'horizontal' | 'vertical'",
+      "default": "'vertical'",
+      "description": "The orientation of the Menu (horizontal or vertical)."
+    }
+  }
+}
diff --git a/docs/reference/generated/menu-trigger.json b/docs/reference/generated/menu-trigger.json
new file mode 100644
index 0000000000..bc49c5bd68
--- /dev/null
+++ b/docs/reference/generated/menu-trigger.json
@@ -0,0 +1,23 @@
+{
+  "name": "MenuTrigger",
+  "description": "",
+  "props": {
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "disabled": {
+      "type": "boolean",
+      "default": "false",
+      "description": "If `true`, the component is disabled."
+    },
+    "label": {
+      "type": "string",
+      "description": "Label of the button"
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    }
+  }
+}
diff --git a/docs/reference/generated/no-ssr.json b/docs/reference/generated/no-ssr.json
new file mode 100644
index 0000000000..8c34f2297d
--- /dev/null
+++ b/docs/reference/generated/no-ssr.json
@@ -0,0 +1,20 @@
+{
+  "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": {
+    "children": {
+      "type": "React.ReactNode",
+      "description": "You can wrap a node."
+    },
+    "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."
+    },
+    "fallback": {
+      "type": "React.ReactNode",
+      "default": "null",
+      "description": "The fallback content to display."
+    }
+  }
+}
diff --git a/docs/reference/generated/number-field-decrement.json b/docs/reference/generated/number-field-decrement.json
new file mode 100644
index 0000000000..d664e1e880
--- /dev/null
+++ b/docs/reference/generated/number-field-decrement.json
@@ -0,0 +1,14 @@
+{
+  "name": "NumberFieldDecrement",
+  "description": "The decrement stepper button.",
+  "props": {
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    }
+  }
+}
diff --git a/docs/reference/generated/number-field-group.json b/docs/reference/generated/number-field-group.json
new file mode 100644
index 0000000000..f0f91da8db
--- /dev/null
+++ b/docs/reference/generated/number-field-group.json
@@ -0,0 +1,14 @@
+{
+  "name": "NumberFieldGroup",
+  "description": "Groups interactive `NumberField` components together.",
+  "props": {
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    }
+  }
+}
diff --git a/docs/reference/generated/number-field-increment.json b/docs/reference/generated/number-field-increment.json
new file mode 100644
index 0000000000..8e261c53e0
--- /dev/null
+++ b/docs/reference/generated/number-field-increment.json
@@ -0,0 +1,14 @@
+{
+  "name": "NumberFieldIncrement",
+  "description": "The increment stepper button.",
+  "props": {
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    }
+  }
+}
diff --git a/docs/reference/generated/number-field-input.json b/docs/reference/generated/number-field-input.json
new file mode 100644
index 0000000000..6af7961f50
--- /dev/null
+++ b/docs/reference/generated/number-field-input.json
@@ -0,0 +1,14 @@
+{
+  "name": "NumberFieldInput",
+  "description": "The input element for the number field.",
+  "props": {
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    }
+  }
+}
diff --git a/docs/reference/generated/number-field-root.json b/docs/reference/generated/number-field-root.json
new file mode 100644
index 0000000000..81f1fc6bc1
--- /dev/null
+++ b/docs/reference/generated/number-field-root.json
@@ -0,0 +1,90 @@
+{
+  "name": "NumberFieldRoot",
+  "description": "The foundation for building custom-styled number fields.",
+  "props": {
+    "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."
+    },
+    "autoFocus": {
+      "type": "boolean",
+      "default": "false",
+      "description": "If `true`, the input element is focused on mount."
+    },
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "defaultValue": {
+      "type": "number",
+      "description": "The default value of the input element. Use when the component is not controlled."
+    },
+    "disabled": {
+      "type": "boolean",
+      "default": "false",
+      "description": "If `true`, the input element is disabled."
+    },
+    "format": {
+      "type": "Intl.NumberFormatOptions",
+      "description": "Options to format the input value."
+    },
+    "id": {
+      "type": "string",
+      "description": "The id of the input element."
+    },
+    "invalid": {
+      "type": "boolean",
+      "default": "false",
+      "description": "If `true`, the input element is invalid."
+    },
+    "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."
+    },
+    "max": {
+      "type": "number",
+      "description": "The maximum value of the input element."
+    },
+    "min": {
+      "type": "number",
+      "description": "The minimum value of the input element."
+    },
+    "name": {
+      "type": "string",
+      "description": "The name of the input element."
+    },
+    "onValueChange": {
+      "type": "(value, event) => void",
+      "description": "Callback fired when the number value changes."
+    },
+    "readOnly": {
+      "type": "boolean",
+      "default": "false",
+      "description": "If `true`, the input element is read only."
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    },
+    "required": {
+      "type": "boolean",
+      "default": "false",
+      "description": "If `true`, the input element is required."
+    },
+    "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."
+    },
+    "step": {
+      "type": "number",
+      "description": "The step value of the input element when incrementing, decrementing, or scrubbing. It will snap\nto multiples of this value. When unspecified, decimal values are allowed, but the stepper\nbuttons will increment or decrement by `1`."
+    },
+    "value": {
+      "type": "number",
+      "description": "The raw number value of the input element."
+    }
+  }
+}
diff --git a/docs/reference/generated/number-field-scrub-area-cursor.json b/docs/reference/generated/number-field-scrub-area-cursor.json
new file mode 100644
index 0000000000..2ff20d0982
--- /dev/null
+++ b/docs/reference/generated/number-field-scrub-area-cursor.json
@@ -0,0 +1,14 @@
+{
+  "name": "NumberFieldScrubAreaCursor",
+  "description": "The scrub area cursor element.",
+  "props": {
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    }
+  }
+}
diff --git a/docs/reference/generated/number-field-scrub-area.json b/docs/reference/generated/number-field-scrub-area.json
new file mode 100644
index 0000000000..4a32d41554
--- /dev/null
+++ b/docs/reference/generated/number-field-scrub-area.json
@@ -0,0 +1,28 @@
+{
+  "name": "NumberFieldScrubArea",
+  "description": "The scrub area element.",
+  "props": {
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "direction": {
+      "type": "'horizontal' | 'vertical'",
+      "default": "'vertical'",
+      "description": "The direction that the scrub area should change the value."
+    },
+    "pixelSensitivity": {
+      "type": "number",
+      "default": "2",
+      "description": "Determines the number of pixels the cursor must move before the value changes. A higher value\nwill make the scrubbing less sensitive."
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    },
+    "teleportDistance": {
+      "type": "number",
+      "description": "If specified, how much the cursor can move around the center of the scrub area element before\nit will loop back around."
+    }
+  }
+}
diff --git a/docs/reference/generated/popover-arrow.json b/docs/reference/generated/popover-arrow.json
new file mode 100644
index 0000000000..4749485884
--- /dev/null
+++ b/docs/reference/generated/popover-arrow.json
@@ -0,0 +1,19 @@
+{
+  "name": "PopoverArrow",
+  "description": "Renders an arrow that points to the center of the anchor element.",
+  "props": {
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "hideWhenUncentered": {
+      "type": "boolean",
+      "default": "false",
+      "description": "If `true`, the arrow is hidden when it can't point to the center of the anchor element."
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    }
+  }
+}
diff --git a/docs/reference/generated/popover-backdrop.json b/docs/reference/generated/popover-backdrop.json
new file mode 100644
index 0000000000..43a8ac707e
--- /dev/null
+++ b/docs/reference/generated/popover-backdrop.json
@@ -0,0 +1,24 @@
+{
+  "name": "PopoverBackdrop",
+  "description": "Renders a backdrop for the popover.",
+  "props": {
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "container": {
+      "type": "React.Ref | HTMLElement | null",
+      "default": "false",
+      "description": "The container element to which the backdrop is appended to."
+    },
+    "keepMounted": {
+      "type": "boolean",
+      "default": "false",
+      "description": "If `true`, the backdrop remains mounted when the popover content is closed."
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    }
+  }
+}
diff --git a/docs/reference/generated/popover-close.json b/docs/reference/generated/popover-close.json
new file mode 100644
index 0000000000..3baab6c2aa
--- /dev/null
+++ b/docs/reference/generated/popover-close.json
@@ -0,0 +1,14 @@
+{
+  "name": "PopoverClose",
+  "description": "Renders a button that closes the popover when clicked.",
+  "props": {
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    }
+  }
+}
diff --git a/docs/reference/generated/popover-description.json b/docs/reference/generated/popover-description.json
new file mode 100644
index 0000000000..110c308889
--- /dev/null
+++ b/docs/reference/generated/popover-description.json
@@ -0,0 +1,14 @@
+{
+  "name": "PopoverDescription",
+  "description": "Renders a description element that describes the popover.",
+  "props": {
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    }
+  }
+}
diff --git a/docs/reference/generated/popover-popup.json b/docs/reference/generated/popover-popup.json
new file mode 100644
index 0000000000..89a6dd7d93
--- /dev/null
+++ b/docs/reference/generated/popover-popup.json
@@ -0,0 +1,14 @@
+{
+  "name": "PopoverPopup",
+  "description": "Renders the popover popup element.",
+  "props": {
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    }
+  }
+}
diff --git a/docs/reference/generated/popover-positioner.json b/docs/reference/generated/popover-positioner.json
new file mode 100644
index 0000000000..29401a21c8
--- /dev/null
+++ b/docs/reference/generated/popover-positioner.json
@@ -0,0 +1,85 @@
+{
+  "name": "PopoverPositioner",
+  "description": "The popover positioner element.",
+  "props": {
+    "alignment": {
+      "type": "'start' | 'center' | 'end'",
+      "default": "'center'",
+      "description": "The alignment of the popover element to the anchor element along its cross axis."
+    },
+    "alignmentOffset": {
+      "type": "number",
+      "default": "0",
+      "description": "The offset of the popover element along its alignment axis."
+    },
+    "anchor": {
+      "type": "React.Ref | Element | VirtualElement | (() => Element | VirtualElement | null) | null",
+      "description": "The element to which the popover element is anchored to."
+    },
+    "arrowPadding": {
+      "type": "number",
+      "default": "5",
+      "description": "Determines the padding between the arrow and the popover edges. Useful when the popover\nelement has rounded corners via `border-radius`."
+    },
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "collisionBoundary": {
+      "type": "'clippingAncestors' | Element | Element[] | Rect",
+      "default": "'clippingAncestors'",
+      "description": "The boundary that the popover element should be constrained to."
+    },
+    "collisionPadding": {
+      "type": "number | Rect",
+      "default": "5",
+      "description": "The padding between the popover element and the edges of the collision boundary to add\nwhitespace between them to prevent them from touching."
+    },
+    "container": {
+      "type": "React.Ref | HTMLElement | null",
+      "description": "The element the popover positioner element is appended to."
+    },
+    "finalFocus": {
+      "type": "React.Ref",
+      "description": "Determines an element to focus after the popover is closed.\nIf not provided, the focus returns to the trigger."
+    },
+    "hideWhenDetached": {
+      "type": "boolean",
+      "default": "false",
+      "description": "Whether the popover element is hidden if it appears detached from its anchor element due\nto the anchor element being clipped (or hidden) from view."
+    },
+    "initialFocus": {
+      "type": "React.Ref | (interactionType => HTMLElement | null)",
+      "description": "Determines an element to focus when the popover is opened.\nIt can be either a ref to the element or a function that returns such a ref.\nIf not provided, the first focusable element is focused."
+    },
+    "keepMounted": {
+      "type": "boolean",
+      "default": "false",
+      "description": "Whether the popover remains mounted in the DOM while closed."
+    },
+    "positionMethod": {
+      "type": "'absolute' | 'fixed'",
+      "default": "'absolute'",
+      "description": "The CSS position strategy for positioning the popover element."
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    },
+    "side": {
+      "type": "'top' | 'bottom' | 'left' | 'right'",
+      "default": "'bottom'",
+      "description": "The side of the anchor element that the popover element should be placed at."
+    },
+    "sideOffset": {
+      "type": "number",
+      "default": "0",
+      "description": "The gap between the anchor element and the popover element."
+    },
+    "sticky": {
+      "type": "boolean",
+      "default": "false",
+      "description": "Whether to allow the popover to remain stuck in view while the anchor element is scrolled out\nof view."
+    }
+  }
+}
diff --git a/docs/reference/generated/popover-root.json b/docs/reference/generated/popover-root.json
new file mode 100644
index 0000000000..b58bcbceeb
--- /dev/null
+++ b/docs/reference/generated/popover-root.json
@@ -0,0 +1,40 @@
+{
+  "name": "PopoverRoot",
+  "description": "The foundation for building custom-styled popovers.",
+  "props": {
+    "animated": {
+      "type": "boolean",
+      "default": "true",
+      "description": "Whether the popover can animate, adding animation-related attributes and allowing for exit\nanimations to play. Useful to disable in tests to remove async behavior."
+    },
+    "closeDelay": {
+      "type": "number",
+      "default": "0",
+      "description": "The delay in milliseconds until the popover popup is closed when `openOnHover` is `true`."
+    },
+    "defaultOpen": {
+      "type": "boolean",
+      "default": "false",
+      "description": "Whether the popover popup is open by default. Use when uncontrolled."
+    },
+    "delay": {
+      "type": "number",
+      "default": "300",
+      "description": "The delay in milliseconds until the popover popup is opened when `openOnHover` is `true`."
+    },
+    "onOpenChange": {
+      "type": "(open, event, reason) => void",
+      "description": "Callback fired when the popover popup is requested to be opened or closed. Use when\ncontrolled."
+    },
+    "open": {
+      "type": "boolean",
+      "default": "false",
+      "description": "Whether the popover popup is open. Use when controlled."
+    },
+    "openOnHover": {
+      "type": "boolean",
+      "default": "false",
+      "description": "Whether the popover popup opens when the trigger is hovered after the provided `delay`."
+    }
+  }
+}
diff --git a/docs/reference/generated/popover-title.json b/docs/reference/generated/popover-title.json
new file mode 100644
index 0000000000..742c33a3f2
--- /dev/null
+++ b/docs/reference/generated/popover-title.json
@@ -0,0 +1,14 @@
+{
+  "name": "PopoverTitle",
+  "description": "Renders a title element that labels the popover.",
+  "props": {
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    }
+  }
+}
diff --git a/docs/reference/generated/popover-trigger.json b/docs/reference/generated/popover-trigger.json
new file mode 100644
index 0000000000..7ee59691f6
--- /dev/null
+++ b/docs/reference/generated/popover-trigger.json
@@ -0,0 +1,14 @@
+{
+  "name": "PopoverTrigger",
+  "description": "Renders a trigger element that opens the popover.",
+  "props": {
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    }
+  }
+}
diff --git a/docs/reference/generated/preview-card-arrow.json b/docs/reference/generated/preview-card-arrow.json
new file mode 100644
index 0000000000..9147270232
--- /dev/null
+++ b/docs/reference/generated/preview-card-arrow.json
@@ -0,0 +1,19 @@
+{
+  "name": "PreviewCardArrow",
+  "description": "",
+  "props": {
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "hideWhenUncentered": {
+      "type": "boolean",
+      "default": "false",
+      "description": "Whether the `Arrow` is hidden when it can't point to the center of the anchor element."
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    }
+  }
+}
diff --git a/docs/reference/generated/preview-card-backdrop.json b/docs/reference/generated/preview-card-backdrop.json
new file mode 100644
index 0000000000..a760afea71
--- /dev/null
+++ b/docs/reference/generated/preview-card-backdrop.json
@@ -0,0 +1,23 @@
+{
+  "name": "PreviewCardBackdrop",
+  "description": "",
+  "props": {
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "container": {
+      "type": "React.Ref | HTMLElement | null",
+      "description": "The element the `Backdrop` is appended to."
+    },
+    "keepMounted": {
+      "type": "boolean",
+      "default": "false",
+      "description": "Whether the `Backdrop` remains mounted when the Preview Card `Popup` is closed."
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    }
+  }
+}
diff --git a/docs/reference/generated/preview-card-popup.json b/docs/reference/generated/preview-card-popup.json
new file mode 100644
index 0000000000..4530d2d01a
--- /dev/null
+++ b/docs/reference/generated/preview-card-popup.json
@@ -0,0 +1,14 @@
+{
+  "name": "PreviewCardPopup",
+  "description": "",
+  "props": {
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    }
+  }
+}
diff --git a/docs/reference/generated/preview-card-positioner.json b/docs/reference/generated/preview-card-positioner.json
new file mode 100644
index 0000000000..6f45b6b421
--- /dev/null
+++ b/docs/reference/generated/preview-card-positioner.json
@@ -0,0 +1,77 @@
+{
+  "name": "PreviewCardPositioner",
+  "description": "",
+  "props": {
+    "alignment": {
+      "type": "'start' | 'center' | 'end'",
+      "default": "'center'",
+      "description": "The alignment of the preview card element to the anchor element along its cross axis."
+    },
+    "alignmentOffset": {
+      "type": "number",
+      "default": "0",
+      "description": "The offset of the preview card element along its alignment axis."
+    },
+    "anchor": {
+      "type": "React.Ref | Element | VirtualElement | (() => Element | VirtualElement | null) | null",
+      "description": "The anchor element to which the preview card popup will be placed at."
+    },
+    "arrowPadding": {
+      "type": "number",
+      "default": "5",
+      "description": "Determines the padding between the arrow and the preview card popup's edges. Useful when the\npreview card popup has rounded corners via `border-radius`."
+    },
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "collisionBoundary": {
+      "type": "'clippingAncestors' | Element | Element[] | Rect",
+      "default": "'clippingAncestors'",
+      "description": "The boundary that the preview card element should be constrained to."
+    },
+    "collisionPadding": {
+      "type": "number | Rect",
+      "default": "5",
+      "description": "The padding of the collision boundary."
+    },
+    "container": {
+      "type": "React.Ref | HTMLElement | null",
+      "description": "The container element to which the preview card popup will be appended to."
+    },
+    "hideWhenDetached": {
+      "type": "boolean",
+      "default": "false",
+      "description": "If `true`, the preview card will be hidden if it is detached from its anchor element due to\ndiffering clipping contexts."
+    },
+    "keepMounted": {
+      "type": "boolean",
+      "default": "false",
+      "description": "If `true`, preview card stays mounted in the DOM when closed."
+    },
+    "positionMethod": {
+      "type": "'absolute' | 'fixed'",
+      "default": "'absolute'",
+      "description": "The CSS position strategy for positioning the preview card popup element."
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    },
+    "side": {
+      "type": "'top' | 'bottom' | 'left' | 'right'",
+      "default": "'bottom'",
+      "description": "The side of the anchor element that the preview card element should align to."
+    },
+    "sideOffset": {
+      "type": "number",
+      "default": "0",
+      "description": "The gap between the anchor element and the preview card element."
+    },
+    "sticky": {
+      "type": "boolean",
+      "default": "false",
+      "description": "If `true`, allow the preview card to remain in stuck view while the anchor element is scrolled\nout of view."
+    }
+  }
+}
diff --git a/docs/reference/generated/preview-card-root.json b/docs/reference/generated/preview-card-root.json
new file mode 100644
index 0000000000..5260f96bd4
--- /dev/null
+++ b/docs/reference/generated/preview-card-root.json
@@ -0,0 +1,35 @@
+{
+  "name": "PreviewCardRoot",
+  "description": "",
+  "props": {
+    "animated": {
+      "type": "boolean",
+      "default": "true",
+      "description": "Whether the preview card can animate, adding animation-related attributes and allowing for exit\nanimations to play. Useful to disable in tests to remove async behavior."
+    },
+    "closeDelay": {
+      "type": "number",
+      "default": "300",
+      "description": "The delay in milliseconds until the preview card popup is closed when `openOnHover` is `true`."
+    },
+    "defaultOpen": {
+      "type": "boolean",
+      "default": "false",
+      "description": "Whether the preview card popup is open by default. Use when uncontrolled."
+    },
+    "delay": {
+      "type": "number",
+      "default": "600",
+      "description": "The delay in milliseconds until the preview card popup is opened when `openOnHover` is `true`."
+    },
+    "onOpenChange": {
+      "type": "(open, event, reason) => void",
+      "description": "Callback fired when the preview card popup is requested to be opened or closed. Use when\ncontrolled."
+    },
+    "open": {
+      "type": "boolean",
+      "default": "false",
+      "description": "Whether the preview card popup is open. Use when controlled."
+    }
+  }
+}
diff --git a/docs/reference/generated/preview-card-trigger.json b/docs/reference/generated/preview-card-trigger.json
new file mode 100644
index 0000000000..34ec38beb6
--- /dev/null
+++ b/docs/reference/generated/preview-card-trigger.json
@@ -0,0 +1,14 @@
+{
+  "name": "PreviewCardTrigger",
+  "description": "",
+  "props": {
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    }
+  }
+}
diff --git a/docs/reference/generated/progress-indicator.json b/docs/reference/generated/progress-indicator.json
new file mode 100644
index 0000000000..30acfdd15d
--- /dev/null
+++ b/docs/reference/generated/progress-indicator.json
@@ -0,0 +1,14 @@
+{
+  "name": "ProgressIndicator",
+  "description": "",
+  "props": {
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    }
+  }
+}
diff --git a/docs/reference/generated/progress-root.json b/docs/reference/generated/progress-root.json
new file mode 100644
index 0000000000..7f3684add5
--- /dev/null
+++ b/docs/reference/generated/progress-root.json
@@ -0,0 +1,54 @@
+{
+  "name": "ProgressRoot",
+  "description": "",
+  "props": {
+    "aria-label": {
+      "type": "string",
+      "description": "The label for the Indicator component."
+    },
+    "aria-labelledby": {
+      "type": "string",
+      "description": "An id or space-separated list of ids of elements that label the Indicator component."
+    },
+    "aria-valuetext": {
+      "type": "string",
+      "description": "A string value that provides a human-readable text alternative for the current value of the progress indicator."
+    },
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "direction": {
+      "type": "'ltr' | 'rtl'",
+      "default": "'ltr'",
+      "description": "The direction that progress bars fill in"
+    },
+    "getAriaLabel": {
+      "type": "(value) => string",
+      "description": "Accepts a function which returns a string value that provides an accessible name for the Indicator component"
+    },
+    "getAriaValueText": {
+      "type": "(value) => string",
+      "description": "Accepts a function which returns a string value that provides a human-readable text alternative for the current value of the progress indicator."
+    },
+    "max": {
+      "type": "number",
+      "default": "100",
+      "description": "The maximum value"
+    },
+    "min": {
+      "type": "number",
+      "default": "0",
+      "description": "The minimum value"
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    },
+    "value": {
+      "type": "number",
+      "default": "null",
+      "description": "The current value. The component is indeterminate when value is `null`."
+    }
+  }
+}
diff --git a/docs/reference/generated/progress-track.json b/docs/reference/generated/progress-track.json
new file mode 100644
index 0000000000..22c07ac174
--- /dev/null
+++ b/docs/reference/generated/progress-track.json
@@ -0,0 +1,14 @@
+{
+  "name": "ProgressTrack",
+  "description": "",
+  "props": {
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    }
+  }
+}
diff --git a/docs/reference/generated/radio-group-root.json b/docs/reference/generated/radio-group-root.json
new file mode 100644
index 0000000000..ae58ff50c4
--- /dev/null
+++ b/docs/reference/generated/radio-group-root.json
@@ -0,0 +1,45 @@
+{
+  "name": "RadioGroupRoot",
+  "description": "",
+  "props": {
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "defaultValue": {
+      "type": "any",
+      "description": "The default value of the selected radio button. Use when uncontrolled."
+    },
+    "disabled": {
+      "type": "boolean",
+      "default": "false",
+      "description": "Determines if the radio group is disabled."
+    },
+    "name": {
+      "type": "string",
+      "description": "The name of the radio group submitted with the form data."
+    },
+    "onValueChange": {
+      "type": "(value, event) => void",
+      "description": "Callback fired when the value changes."
+    },
+    "readOnly": {
+      "type": "boolean",
+      "default": "false",
+      "description": "Determines if the radio group is readonly."
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    },
+    "required": {
+      "type": "boolean",
+      "default": "false",
+      "description": "Determines if the radio group is required."
+    },
+    "value": {
+      "type": "any",
+      "description": "The value of the selected radio button. Use when controlled."
+    }
+  }
+}
diff --git a/docs/reference/generated/radio-indicator.json b/docs/reference/generated/radio-indicator.json
new file mode 100644
index 0000000000..6a0cc207d3
--- /dev/null
+++ b/docs/reference/generated/radio-indicator.json
@@ -0,0 +1,19 @@
+{
+  "name": "RadioIndicator",
+  "description": "",
+  "props": {
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "keepMounted": {
+      "type": "boolean",
+      "default": "true",
+      "description": "Whether the component should be kept mounted when not checked."
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    }
+  }
+}
diff --git a/docs/reference/generated/radio-root.json b/docs/reference/generated/radio-root.json
new file mode 100644
index 0000000000..ba84b73444
--- /dev/null
+++ b/docs/reference/generated/radio-root.json
@@ -0,0 +1,34 @@
+{
+  "name": "RadioRoot",
+  "description": "",
+  "props": {
+    "value": {
+      "type": "any",
+      "required": true,
+      "description": "The unique identifying value of the radio in a group."
+    },
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "disabled": {
+      "type": "boolean",
+      "default": "false",
+      "description": "Determines if the radio is disabled."
+    },
+    "readOnly": {
+      "type": "boolean",
+      "default": "false",
+      "description": "Determines if the radio is readonly."
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    },
+    "required": {
+      "type": "boolean",
+      "default": "false",
+      "description": "Determines if the radio is required."
+    }
+  }
+}
diff --git a/docs/reference/generated/scroll-area-corner.json b/docs/reference/generated/scroll-area-corner.json
new file mode 100644
index 0000000000..d61914a3e1
--- /dev/null
+++ b/docs/reference/generated/scroll-area-corner.json
@@ -0,0 +1,14 @@
+{
+  "name": "ScrollAreaCorner",
+  "description": "",
+  "props": {
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    }
+  }
+}
diff --git a/docs/reference/generated/scroll-area-root.json b/docs/reference/generated/scroll-area-root.json
new file mode 100644
index 0000000000..5ad043ee21
--- /dev/null
+++ b/docs/reference/generated/scroll-area-root.json
@@ -0,0 +1,19 @@
+{
+  "name": "ScrollAreaRoot",
+  "description": "",
+  "props": {
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "gutter": {
+      "type": "number | string",
+      "default": "0",
+      "description": "Determines the space to account for inset scrollbars."
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    }
+  }
+}
diff --git a/docs/reference/generated/scroll-area-scrollbar.json b/docs/reference/generated/scroll-area-scrollbar.json
new file mode 100644
index 0000000000..77d9df39be
--- /dev/null
+++ b/docs/reference/generated/scroll-area-scrollbar.json
@@ -0,0 +1,24 @@
+{
+  "name": "ScrollAreaScrollbar",
+  "description": "",
+  "props": {
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "keepMounted": {
+      "type": "boolean",
+      "default": "false",
+      "description": "Whether the scrollbars remain mounted in the DOM when there is no overflow."
+    },
+    "orientation": {
+      "type": "'horizontal' | 'vertical'",
+      "default": "'vertical'",
+      "description": "The orientation of the scrollbar."
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    }
+  }
+}
diff --git a/docs/reference/generated/scroll-area-thumb.json b/docs/reference/generated/scroll-area-thumb.json
new file mode 100644
index 0000000000..fdfa39667e
--- /dev/null
+++ b/docs/reference/generated/scroll-area-thumb.json
@@ -0,0 +1,14 @@
+{
+  "name": "ScrollAreaThumb",
+  "description": "",
+  "props": {
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    }
+  }
+}
diff --git a/docs/reference/generated/scroll-area-viewport.json b/docs/reference/generated/scroll-area-viewport.json
new file mode 100644
index 0000000000..0e118a1e01
--- /dev/null
+++ b/docs/reference/generated/scroll-area-viewport.json
@@ -0,0 +1,14 @@
+{
+  "name": "ScrollAreaViewport",
+  "description": "",
+  "props": {
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    }
+  }
+}
diff --git a/docs/reference/generated/select-arrow.json b/docs/reference/generated/select-arrow.json
new file mode 100644
index 0000000000..bc1d46efd2
--- /dev/null
+++ b/docs/reference/generated/select-arrow.json
@@ -0,0 +1,19 @@
+{
+  "name": "SelectArrow",
+  "description": "",
+  "props": {
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "hideWhenUncentered": {
+      "type": "boolean",
+      "default": "false",
+      "description": "If `true`, the arrow is hidden when it can't point to the center of the anchor element."
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    }
+  }
+}
diff --git a/docs/reference/generated/select-backdrop.json b/docs/reference/generated/select-backdrop.json
new file mode 100644
index 0000000000..a90d3453d2
--- /dev/null
+++ b/docs/reference/generated/select-backdrop.json
@@ -0,0 +1,24 @@
+{
+  "name": "SelectBackdrop",
+  "description": "",
+  "props": {
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "container": {
+      "type": "React.Ref | HTMLElement | null",
+      "default": "false",
+      "description": "The container element to which the Backdrop is appended to."
+    },
+    "keepMounted": {
+      "type": "boolean",
+      "default": "false",
+      "description": "If `true`, the Backdrop remains mounted when the Select popup is closed."
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    }
+  }
+}
diff --git a/docs/reference/generated/select-group-label.json b/docs/reference/generated/select-group-label.json
new file mode 100644
index 0000000000..206636b1be
--- /dev/null
+++ b/docs/reference/generated/select-group-label.json
@@ -0,0 +1,14 @@
+{
+  "name": "SelectGroupLabel",
+  "description": "",
+  "props": {
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    }
+  }
+}
diff --git a/docs/reference/generated/select-group.json b/docs/reference/generated/select-group.json
new file mode 100644
index 0000000000..45137972ba
--- /dev/null
+++ b/docs/reference/generated/select-group.json
@@ -0,0 +1,14 @@
+{
+  "name": "SelectGroup",
+  "description": "",
+  "props": {
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    }
+  }
+}
diff --git a/docs/reference/generated/select-icon.json b/docs/reference/generated/select-icon.json
new file mode 100644
index 0000000000..cc45a1789a
--- /dev/null
+++ b/docs/reference/generated/select-icon.json
@@ -0,0 +1,14 @@
+{
+  "name": "SelectIcon",
+  "description": "",
+  "props": {
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    }
+  }
+}
diff --git a/docs/reference/generated/select-option-indicator.json b/docs/reference/generated/select-option-indicator.json
new file mode 100644
index 0000000000..fca900b096
--- /dev/null
+++ b/docs/reference/generated/select-option-indicator.json
@@ -0,0 +1,19 @@
+{
+  "name": "SelectOptionIndicator",
+  "description": "",
+  "props": {
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "keepMounted": {
+      "type": "boolean",
+      "default": "false",
+      "description": "If `true`, the item indicator remains mounted when the item is not\nselected."
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    }
+  }
+}
diff --git a/docs/reference/generated/select-option-text.json b/docs/reference/generated/select-option-text.json
new file mode 100644
index 0000000000..154388a990
--- /dev/null
+++ b/docs/reference/generated/select-option-text.json
@@ -0,0 +1,5 @@
+{
+  "name": "SelectOptionText",
+  "description": "",
+  "props": {}
+}
diff --git a/docs/reference/generated/select-option.json b/docs/reference/generated/select-option.json
new file mode 100644
index 0000000000..ed2e0c9116
--- /dev/null
+++ b/docs/reference/generated/select-option.json
@@ -0,0 +1,20 @@
+{
+  "name": "SelectOption",
+  "description": "",
+  "props": {
+    "disabled": {
+      "type": "boolean",
+      "default": "false",
+      "description": "If `true`, the select option will be disabled."
+    },
+    "label": {
+      "type": "string",
+      "description": "A text representation of the select option's content.\nUsed for keyboard text navigation matching."
+    },
+    "value": {
+      "type": "any",
+      "default": "null",
+      "description": "The value of the select option."
+    }
+  }
+}
diff --git a/docs/reference/generated/select-popup.json b/docs/reference/generated/select-popup.json
new file mode 100644
index 0000000000..81eb4dde51
--- /dev/null
+++ b/docs/reference/generated/select-popup.json
@@ -0,0 +1,18 @@
+{
+  "name": "SelectPopup",
+  "description": "",
+  "props": {
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "id": {
+      "type": "string",
+      "description": "The id of the popup element."
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    }
+  }
+}
diff --git a/docs/reference/generated/select-positioner.json b/docs/reference/generated/select-positioner.json
new file mode 100644
index 0000000000..9f26988621
--- /dev/null
+++ b/docs/reference/generated/select-positioner.json
@@ -0,0 +1,77 @@
+{
+  "name": "SelectPositioner",
+  "description": "",
+  "props": {
+    "alignment": {
+      "type": "'start' | 'center' | 'end'",
+      "default": "'start'",
+      "description": "The alignment of the Select element to the anchor element along its cross axis."
+    },
+    "alignmentOffset": {
+      "type": "number",
+      "default": "0",
+      "description": "The offset of the Select element along its alignment axis."
+    },
+    "anchor": {
+      "type": "React.Ref | Element | VirtualElement | (() => Element | VirtualElement | null) | null",
+      "description": "The anchor element to which the Select popup will be placed at."
+    },
+    "arrowPadding": {
+      "type": "number",
+      "default": "5",
+      "description": "Determines the padding between the arrow and the Select popup's edges. Useful when the popover\npopup has rounded corners via `border-radius`."
+    },
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "collisionBoundary": {
+      "type": "'clippingAncestors' | Element | Element[] | Rect",
+      "default": "'clippingAncestors'",
+      "description": "The boundary that the Select element should be constrained to."
+    },
+    "collisionPadding": {
+      "type": "number | Rect",
+      "default": "5",
+      "description": "The padding of the collision boundary."
+    },
+    "container": {
+      "type": "React.Ref | HTMLElement | null",
+      "description": "The container element to which the Select popup will be appended to."
+    },
+    "hideWhenDetached": {
+      "type": "boolean",
+      "default": "false",
+      "description": "If `true`, the Select will be hidden if it is detached from its anchor element due to\ndiffering clipping contexts."
+    },
+    "positionMethod": {
+      "type": "'absolute' | 'fixed'",
+      "default": "'absolute'",
+      "description": "The CSS position method for positioning the Select popup element."
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    },
+    "side": {
+      "type": "'top' | 'bottom' | 'left' | 'right'",
+      "default": "'bottom'",
+      "description": "The side of the anchor element that the Select element should align to."
+    },
+    "sideOffset": {
+      "type": "number",
+      "default": "0",
+      "description": "The gap between the anchor element and the Select element."
+    },
+    "sticky": {
+      "type": "boolean",
+      "default": "false",
+      "description": "If `true`, allow the Select to remain in stuck view while the anchor element is scrolled out\nof view."
+    },
+    "trackAnchor": {
+      "type": "boolean",
+      "default": "true",
+      "description": "Whether the select popup continuously tracks its anchor after the initial positioning upon mount."
+    }
+  }
+}
diff --git a/docs/reference/generated/select-root.json b/docs/reference/generated/select-root.json
new file mode 100644
index 0000000000..cb26d3dfdf
--- /dev/null
+++ b/docs/reference/generated/select-root.json
@@ -0,0 +1,61 @@
+{
+  "name": "SelectRoot",
+  "description": "",
+  "props": {
+    "alignOptionToTrigger": {
+      "type": "boolean",
+      "default": "true",
+      "description": "Determines if the selected option inside the popup should align to the trigger element."
+    },
+    "animated": {
+      "type": "boolean",
+      "default": "true",
+      "description": "If `true`, the Select supports CSS-based animations and transitions.\nIt is kept in the DOM until the animation completes."
+    },
+    "defaultOpen": {
+      "type": "boolean",
+      "default": "false",
+      "description": "If `true`, the Select is initially open."
+    },
+    "defaultValue": {
+      "type": "any",
+      "default": "null",
+      "description": "The default value of the select."
+    },
+    "disabled": {
+      "type": "boolean",
+      "default": "false",
+      "description": "If `true`, the Select is disabled."
+    },
+    "name": {
+      "type": "string",
+      "description": "The name of the Select in the owning form."
+    },
+    "onOpenChange": {
+      "type": "function",
+      "description": "Callback fired when the component requests to be opened or closed."
+    },
+    "onValueChange": {
+      "type": "function",
+      "description": "Callback fired when the value of the select changes. Use when controlled."
+    },
+    "open": {
+      "type": "boolean",
+      "description": "Allows to control whether the dropdown is open.\nThis is a controlled counterpart of `defaultOpen`."
+    },
+    "readOnly": {
+      "type": "boolean",
+      "default": "false",
+      "description": "If `true`, the Select is read-only."
+    },
+    "required": {
+      "type": "boolean",
+      "default": "false",
+      "description": "If `true`, the Select is required."
+    },
+    "value": {
+      "type": "any",
+      "description": "The value of the select."
+    }
+  }
+}
diff --git a/docs/reference/generated/select-scroll-down-arrow.json b/docs/reference/generated/select-scroll-down-arrow.json
new file mode 100644
index 0000000000..5bd4ed803c
--- /dev/null
+++ b/docs/reference/generated/select-scroll-down-arrow.json
@@ -0,0 +1,11 @@
+{
+  "name": "SelectScrollDownArrow",
+  "description": "",
+  "props": {
+    "keepMounted": {
+      "type": "boolean",
+      "default": "false",
+      "description": "Whether the component should be kept mounted when it is not rendered."
+    }
+  }
+}
diff --git a/docs/reference/generated/select-scroll-up-arrow.json b/docs/reference/generated/select-scroll-up-arrow.json
new file mode 100644
index 0000000000..6a28db98e3
--- /dev/null
+++ b/docs/reference/generated/select-scroll-up-arrow.json
@@ -0,0 +1,11 @@
+{
+  "name": "SelectScrollUpArrow",
+  "description": "",
+  "props": {
+    "keepMounted": {
+      "type": "boolean",
+      "default": "false",
+      "description": "Whether the component should be kept mounted when it is not rendered."
+    }
+  }
+}
diff --git a/docs/reference/generated/select-trigger.json b/docs/reference/generated/select-trigger.json
new file mode 100644
index 0000000000..24a9b98b9e
--- /dev/null
+++ b/docs/reference/generated/select-trigger.json
@@ -0,0 +1,28 @@
+{
+  "name": "SelectTrigger",
+  "description": "",
+  "props": {
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "disabled": {
+      "type": "boolean",
+      "default": "false",
+      "description": "If `true`, the component is disabled."
+    },
+    "focusableWhenDisabled": {
+      "type": "boolean",
+      "default": "false",
+      "description": "If `true`, allows a disabled button to receive focus."
+    },
+    "label": {
+      "type": "string",
+      "description": "Label of the button"
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    }
+  }
+}
diff --git a/docs/reference/generated/select-value.json b/docs/reference/generated/select-value.json
new file mode 100644
index 0000000000..6874711e88
--- /dev/null
+++ b/docs/reference/generated/select-value.json
@@ -0,0 +1,18 @@
+{
+  "name": "SelectValue",
+  "description": "",
+  "props": {
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "placeholder": {
+      "type": "string",
+      "description": "The placeholder value to display when the value is empty (such as during SSR)."
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    }
+  }
+}
diff --git a/docs/reference/generated/separator-root.json b/docs/reference/generated/separator-root.json
new file mode 100644
index 0000000000..40049c121e
--- /dev/null
+++ b/docs/reference/generated/separator-root.json
@@ -0,0 +1,14 @@
+{
+  "name": "SeparatorRoot",
+  "description": "",
+  "props": {
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    }
+  }
+}
diff --git a/docs/reference/generated/slider-control.json b/docs/reference/generated/slider-control.json
new file mode 100644
index 0000000000..f940cee49a
--- /dev/null
+++ b/docs/reference/generated/slider-control.json
@@ -0,0 +1,14 @@
+{
+  "name": "SliderControl",
+  "description": "",
+  "props": {
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    }
+  }
+}
diff --git a/docs/reference/generated/slider-indicator.json b/docs/reference/generated/slider-indicator.json
new file mode 100644
index 0000000000..cbe7772d4e
--- /dev/null
+++ b/docs/reference/generated/slider-indicator.json
@@ -0,0 +1,14 @@
+{
+  "name": "SliderIndicator",
+  "description": "",
+  "props": {
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    }
+  }
+}
diff --git a/docs/reference/generated/slider-output.json b/docs/reference/generated/slider-output.json
new file mode 100644
index 0000000000..797dd8bac4
--- /dev/null
+++ b/docs/reference/generated/slider-output.json
@@ -0,0 +1,14 @@
+{
+  "name": "SliderOutput",
+  "description": "",
+  "props": {
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    }
+  }
+}
diff --git a/docs/reference/generated/slider-root.json b/docs/reference/generated/slider-root.json
new file mode 100644
index 0000000000..2eff7c49be
--- /dev/null
+++ b/docs/reference/generated/slider-root.json
@@ -0,0 +1,59 @@
+{
+  "name": "SliderRoot",
+  "description": "",
+  "props": {
+    "aria-labelledby": {
+      "type": "string",
+      "description": "The id of the element containing a label for the slider."
+    },
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "defaultValue": {
+      "type": "Array<number> | number",
+      "description": "The default value of the slider. Use when the component is not controlled."
+    },
+    "direction": {
+      "type": "'ltr' | 'rtl'",
+      "default": "'ltr'",
+      "description": "Sets the direction. For right-to-left languages, the lowest value is on the right-hand side."
+    },
+    "disabled": {
+      "type": "boolean",
+      "default": "false",
+      "description": "If `true`, the component is disabled."
+    },
+    "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."
+    },
+    "minStepsBetweenValues": {
+      "type": "number",
+      "default": "0",
+      "description": "The minimum steps between values in a range slider."
+    },
+    "onValueChange": {
+      "type": "(value, activeThumb, event) => void",
+      "description": "Callback function that is fired when the slider's value changed."
+    },
+    "onValueCommitted": {
+      "type": "(value, event) => void",
+      "description": "Callback function that is fired when the `pointerup` is triggered."
+    },
+    "orientation": {
+      "type": "'horizontal' | 'vertical'",
+      "default": "'horizontal'",
+      "description": "The component orientation."
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    },
+    "value": {
+      "type": "Array<number> | number",
+      "description": "The value of the slider.\nFor ranged sliders, provide an array with two values."
+    }
+  }
+}
diff --git a/docs/reference/generated/slider-thumb.json b/docs/reference/generated/slider-thumb.json
new file mode 100644
index 0000000000..29ffa3728b
--- /dev/null
+++ b/docs/reference/generated/slider-thumb.json
@@ -0,0 +1,30 @@
+{
+  "name": "SliderThumb",
+  "description": "",
+  "props": {
+    "aria-label": {
+      "type": "string",
+      "description": "The label for the input element."
+    },
+    "aria-valuetext": {
+      "type": "string",
+      "description": "A string value that provides a user-friendly name for the current value of the slider."
+    },
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "getAriaLabel": {
+      "type": "function(index: number) => string",
+      "description": "Accepts a function which returns a string value that provides a user-friendly name for the input associated with the thumb"
+    },
+    "getAriaValueText": {
+      "type": "function(value: number, index: number) => string",
+      "description": "Accepts a function which returns a string value that provides a user-friendly name for the current value of the slider.\nThis is important for screen reader users."
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    }
+  }
+}
diff --git a/docs/reference/generated/slider-track.json b/docs/reference/generated/slider-track.json
new file mode 100644
index 0000000000..b5686ac98d
--- /dev/null
+++ b/docs/reference/generated/slider-track.json
@@ -0,0 +1,14 @@
+{
+  "name": "SliderTrack",
+  "description": "",
+  "props": {
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    }
+  }
+}
diff --git a/docs/reference/generated/submenu-trigger.json b/docs/reference/generated/submenu-trigger.json
new file mode 100644
index 0000000000..2d01523870
--- /dev/null
+++ b/docs/reference/generated/submenu-trigger.json
@@ -0,0 +1,23 @@
+{
+  "name": "SubmenuTrigger",
+  "description": "",
+  "props": {
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "disabled": {
+      "type": "boolean",
+      "default": "false",
+      "description": "If `true`, the menu item will be disabled."
+    },
+    "label": {
+      "type": "string",
+      "description": "A text representation of the menu item's content.\nUsed for keyboard text navigation matching."
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    }
+  }
+}
diff --git a/docs/reference/generated/switch-root.json b/docs/reference/generated/switch-root.json
new file mode 100644
index 0000000000..dc989c38c3
--- /dev/null
+++ b/docs/reference/generated/switch-root.json
@@ -0,0 +1,49 @@
+{
+  "name": "SwitchRoot",
+  "description": "The foundation for building custom-styled switches.",
+  "props": {
+    "checked": {
+      "type": "boolean",
+      "description": "If `true`, the switch is checked."
+    },
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "defaultChecked": {
+      "type": "boolean",
+      "description": "The default checked state. Use when the component is not controlled."
+    },
+    "disabled": {
+      "type": "boolean",
+      "default": "false",
+      "description": "If `true`, the component is disabled and can't be interacted with."
+    },
+    "inputRef": {
+      "type": "React.Ref",
+      "description": "Ref to the underlying input element."
+    },
+    "name": {
+      "type": "string",
+      "description": "Name of the underlying input element."
+    },
+    "onCheckedChange": {
+      "type": "(checked, event) => void",
+      "description": "Callback fired when the checked state is changed."
+    },
+    "readOnly": {
+      "type": "boolean",
+      "default": "false",
+      "description": "If `true`, the component is read-only.\nFunctionally, this is equivalent to being disabled, but the assistive technologies will announce this differently."
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    },
+    "required": {
+      "type": "boolean",
+      "default": "false",
+      "description": "If `true`, the switch must be checked for the browser validation to pass."
+    }
+  }
+}
diff --git a/docs/reference/generated/switch-thumb.json b/docs/reference/generated/switch-thumb.json
new file mode 100644
index 0000000000..4dbb6e7337
--- /dev/null
+++ b/docs/reference/generated/switch-thumb.json
@@ -0,0 +1,14 @@
+{
+  "name": "SwitchThumb",
+  "description": "",
+  "props": {
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    }
+  }
+}
diff --git a/docs/reference/generated/tab-indicator.json b/docs/reference/generated/tab-indicator.json
new file mode 100644
index 0000000000..d678ec26a3
--- /dev/null
+++ b/docs/reference/generated/tab-indicator.json
@@ -0,0 +1,19 @@
+{
+  "name": "TabIndicator",
+  "description": "",
+  "props": {
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    },
+    "renderBeforeHydration": {
+      "type": "boolean",
+      "default": "false",
+      "description": "If `true`, the indicator will include code to render itself before React hydrates.\nThis will minimize the time the indicator is not visible after the SSR-generated content is downloaded."
+    }
+  }
+}
diff --git a/docs/reference/generated/tab-panel.json b/docs/reference/generated/tab-panel.json
new file mode 100644
index 0000000000..6bc569685a
--- /dev/null
+++ b/docs/reference/generated/tab-panel.json
@@ -0,0 +1,23 @@
+{
+  "name": "TabPanel",
+  "description": "",
+  "props": {
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "keepMounted": {
+      "type": "boolean",
+      "default": "false",
+      "description": "If `true`, keeps the contents of the hidden TabPanel in the DOM."
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    },
+    "value": {
+      "type": "any",
+      "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."
+    }
+  }
+}
diff --git a/docs/reference/generated/tab.json b/docs/reference/generated/tab.json
new file mode 100644
index 0000000000..733e416638
--- /dev/null
+++ b/docs/reference/generated/tab.json
@@ -0,0 +1,18 @@
+{
+  "name": "Tab",
+  "description": "",
+  "props": {
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    },
+    "value": {
+      "type": "any",
+      "description": "You can provide your own value. Otherwise, it falls back to the child position index."
+    }
+  }
+}
diff --git a/docs/reference/generated/tabs-list.json b/docs/reference/generated/tabs-list.json
new file mode 100644
index 0000000000..3038aa192e
--- /dev/null
+++ b/docs/reference/generated/tabs-list.json
@@ -0,0 +1,24 @@
+{
+  "name": "TabsList",
+  "description": "",
+  "props": {
+    "activateOnFocus": {
+      "type": "boolean",
+      "default": "true",
+      "description": "If `true`, the tab will be activated whenever it is focused.\nOtherwise, it has to be activated by clicking or pressing the Enter or Space key."
+    },
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "loop": {
+      "type": "boolean",
+      "default": "true",
+      "description": "If `true`, using keyboard navigation will wrap focus to the other end of the list once the end is reached."
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    }
+  }
+}
diff --git a/docs/reference/generated/tabs-root.json b/docs/reference/generated/tabs-root.json
new file mode 100644
index 0000000000..fbef93c3f9
--- /dev/null
+++ b/docs/reference/generated/tabs-root.json
@@ -0,0 +1,36 @@
+{
+  "name": "TabsRoot",
+  "description": "",
+  "props": {
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "defaultValue": {
+      "type": "any",
+      "description": "The default value. Use when the component is not controlled."
+    },
+    "direction": {
+      "type": "'ltr' | 'rtl'",
+      "default": "'ltr'",
+      "description": "The direction of the text."
+    },
+    "onValueChange": {
+      "type": "(value, event) => void",
+      "description": "Callback invoked when new value is being set."
+    },
+    "orientation": {
+      "type": "'horizontal' | 'vertical'",
+      "default": "'horizontal'",
+      "description": "The component orientation (layout flow direction)."
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    },
+    "value": {
+      "type": "any",
+      "description": "The value of the currently selected `Tab`.\nIf you don't want any selected `Tab`, you can set this prop to `null`."
+    }
+  }
+}
diff --git a/docs/reference/generated/text-input.json b/docs/reference/generated/text-input.json
new file mode 100644
index 0000000000..2e991719c8
--- /dev/null
+++ b/docs/reference/generated/text-input.json
@@ -0,0 +1,14 @@
+{
+  "name": "TextInput",
+  "description": "",
+  "props": {
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    }
+  }
+}
diff --git a/docs/reference/generated/tooltip-arrow.json b/docs/reference/generated/tooltip-arrow.json
new file mode 100644
index 0000000000..23ed82b3d6
--- /dev/null
+++ b/docs/reference/generated/tooltip-arrow.json
@@ -0,0 +1,19 @@
+{
+  "name": "TooltipArrow",
+  "description": "Renders an arrow that points to the center of the anchor element.",
+  "props": {
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "hideWhenUncentered": {
+      "type": "boolean",
+      "default": "false",
+      "description": "If `true`, the arrow will be hidden when it can't point to the center of the anchor element."
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    }
+  }
+}
diff --git a/docs/reference/generated/tooltip-popup.json b/docs/reference/generated/tooltip-popup.json
new file mode 100644
index 0000000000..9fc245cc15
--- /dev/null
+++ b/docs/reference/generated/tooltip-popup.json
@@ -0,0 +1,14 @@
+{
+  "name": "TooltipPopup",
+  "description": "The tooltip popup element.",
+  "props": {
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    }
+  }
+}
diff --git a/docs/reference/generated/tooltip-positioner.json b/docs/reference/generated/tooltip-positioner.json
new file mode 100644
index 0000000000..6ad8b5c0e5
--- /dev/null
+++ b/docs/reference/generated/tooltip-positioner.json
@@ -0,0 +1,77 @@
+{
+  "name": "TooltipPositioner",
+  "description": "The tooltip positioner element.",
+  "props": {
+    "alignment": {
+      "type": "'start' | 'center' | 'end'",
+      "default": "'center'",
+      "description": "The alignment of the tooltip element to the anchor element along its cross axis."
+    },
+    "alignmentOffset": {
+      "type": "number",
+      "default": "0",
+      "description": "The offset of the tooltip element along its alignment axis."
+    },
+    "anchor": {
+      "type": "React.Ref | Element | VirtualElement | (() => Element | VirtualElement | null) | null",
+      "description": "The element to which the tooltip element is anchored to."
+    },
+    "arrowPadding": {
+      "type": "number",
+      "default": "5",
+      "description": "Determines the padding between the arrow and the tooltip edges. Useful when the tooltip\nelement has rounded corners via `border-radius`."
+    },
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "collisionBoundary": {
+      "type": "'clippingAncestors' | Element | Element[] | Rect",
+      "default": "'clippingAncestors'",
+      "description": "The boundary that the tooltip element should be constrained to."
+    },
+    "collisionPadding": {
+      "type": "number | Rect",
+      "default": "5",
+      "description": "The padding between the tooltip element and the edges of the collision boundary to add\nwhitespace between them to prevent them from touching."
+    },
+    "container": {
+      "type": "React.Ref | HTMLElement | null",
+      "description": "The container element the tooltip positioner is appended to."
+    },
+    "hideWhenDetached": {
+      "type": "boolean",
+      "default": "false",
+      "description": "Whether the tooltip element is hidden if it appears detached from its anchor element due\nto the anchor element being clipped (or hidden) from view."
+    },
+    "keepMounted": {
+      "type": "boolean",
+      "default": "false",
+      "description": "Whether the tooltip remains mounted in the DOM while closed."
+    },
+    "positionMethod": {
+      "type": "'absolute' | 'fixed'",
+      "default": "'absolute'",
+      "description": "The CSS position strategy for positioning the tooltip element."
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    },
+    "side": {
+      "type": "'top' | 'bottom' | 'left' | 'right'",
+      "default": "'top'",
+      "description": "The side of the anchor element that the tooltip element should be placed at."
+    },
+    "sideOffset": {
+      "type": "number",
+      "default": "0",
+      "description": "The gap between the anchor element and the tooltip element."
+    },
+    "sticky": {
+      "type": "boolean",
+      "default": "false",
+      "description": "Whether to allow the tooltip to remain stuck in view while the anchor element is scrolled out\nof view."
+    }
+  }
+}
diff --git a/docs/reference/generated/tooltip-provider.json b/docs/reference/generated/tooltip-provider.json
new file mode 100644
index 0000000000..2bf874b755
--- /dev/null
+++ b/docs/reference/generated/tooltip-provider.json
@@ -0,0 +1,19 @@
+{
+  "name": "TooltipProvider",
+  "description": "Provides a shared delay for tooltips so that once a tooltip is shown, the rest of the tooltips in\nthe group will not wait for the delay before showing.",
+  "props": {
+    "closeDelay": {
+      "type": "number",
+      "description": "The delay in milliseconds until tooltips within the group are closed."
+    },
+    "delay": {
+      "type": "number",
+      "description": "The delay in milliseconds until tooltips within the group are open."
+    },
+    "timeout": {
+      "type": "number",
+      "default": "400",
+      "description": "The timeout in milliseconds until the grouping logic is no longer active after the last tooltip\nin the group has closed."
+    }
+  }
+}
diff --git a/docs/reference/generated/tooltip-root.json b/docs/reference/generated/tooltip-root.json
new file mode 100644
index 0000000000..2afc865fb7
--- /dev/null
+++ b/docs/reference/generated/tooltip-root.json
@@ -0,0 +1,45 @@
+{
+  "name": "TooltipRoot",
+  "description": "The foundation for building custom-styled tooltips.",
+  "props": {
+    "animated": {
+      "type": "boolean",
+      "default": "true",
+      "description": "Whether the tooltip can animate, adding animation-related attributes and allowing for exit\nanimations to play. Useful to disable in tests to remove async behavior."
+    },
+    "closeDelay": {
+      "type": "number",
+      "default": "0",
+      "description": "The delay in milliseconds until the tooltip popup is closed."
+    },
+    "defaultOpen": {
+      "type": "boolean",
+      "default": "false",
+      "description": "Whether the tooltip popup is open by default. Use when uncontrolled."
+    },
+    "delay": {
+      "type": "number",
+      "default": "600",
+      "description": "The delay in milliseconds until the tooltip popup is opened."
+    },
+    "hoverable": {
+      "type": "boolean",
+      "default": "true",
+      "description": "Whether the user can move their cursor from the trigger element toward the tooltip popup element\nwithout it closing using a \"safe polygon\" technique."
+    },
+    "onOpenChange": {
+      "type": "(open, event, reason) => void",
+      "description": "Callback fired when the tooltip popup is requested to be opened or closed. Use when controlled."
+    },
+    "open": {
+      "type": "boolean",
+      "default": "false",
+      "description": "Whether the tooltip popup is open. Use when controlled."
+    },
+    "trackCursorAxis": {
+      "type": "'none' | 'x' | 'y' | 'both'",
+      "default": "'none'",
+      "description": "Determines which axis the tooltip should track the cursor on."
+    }
+  }
+}
diff --git a/docs/reference/generated/tooltip-trigger.json b/docs/reference/generated/tooltip-trigger.json
new file mode 100644
index 0000000000..be016eb744
--- /dev/null
+++ b/docs/reference/generated/tooltip-trigger.json
@@ -0,0 +1,14 @@
+{
+  "name": "TooltipTrigger",
+  "description": "Renders a trigger element that opens the tooltip.",
+  "props": {
+    "className": {
+      "type": "string | (state) => string",
+      "description": "Class names applied to the element or a function that returns them based on the component's state."
+    },
+    "render": {
+      "type": "React.ReactElement | (props, state) => React.ReactElement",
+      "description": "A function to customize rendering of the component."
+    }
+  }
+}