From a61be7d01ac45f4e2a3d76cfbda4bfe17281d2fe Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Dudak?= <michal@mui.com>
Date: Fri, 15 Nov 2024 15:36:49 +0100
Subject: [PATCH 1/7] Add data-pressed to MenuTrigger and PopoverTrigger

---
 .../system/index.tsx                          |  2 +-
 .../src/Menu/Trigger/MenuTrigger.test.tsx     | 21 ++++++++++-
 .../mui-base/src/Menu/Trigger/MenuTrigger.tsx | 13 ++++++-
 .../Popover/Trigger/PopoverTrigger.test.tsx   | 36 +++++++++++++++++++
 .../src/Popover/Trigger/PopoverTrigger.tsx    | 18 ++++++++--
 .../src/utils/popupOpenStateMapping.ts        | 24 +++++++------
 6 files changed, 99 insertions(+), 15 deletions(-)

diff --git a/docs/data/components/popover/UnstyledPopoverIntroduction/system/index.tsx b/docs/data/components/popover/UnstyledPopoverIntroduction/system/index.tsx
index 97a02c1339..45f729950b 100644
--- a/docs/data/components/popover/UnstyledPopoverIntroduction/system/index.tsx
+++ b/docs/data/components/popover/UnstyledPopoverIntroduction/system/index.tsx
@@ -5,7 +5,7 @@ import { styled } from '@mui/system';
 
 export default function UnstyledPopoverIntroduction() {
   return (
-    <Popover.Root>
+    <Popover.Root openOnHover>
       <AnchorButton>Trigger</AnchorButton>
       <Popover.Positioner sideOffset={8}>
         <PopoverPopup>
diff --git a/packages/mui-base/src/Menu/Trigger/MenuTrigger.test.tsx b/packages/mui-base/src/Menu/Trigger/MenuTrigger.test.tsx
index 836cb1488e..3c199cc104 100644
--- a/packages/mui-base/src/Menu/Trigger/MenuTrigger.test.tsx
+++ b/packages/mui-base/src/Menu/Trigger/MenuTrigger.test.tsx
@@ -2,7 +2,7 @@ import * as React from 'react';
 import { expect } from 'chai';
 import { FloatingRootContext, FloatingTree } from '@floating-ui/react';
 import userEvent from '@testing-library/user-event';
-import { act } from '@mui/internal-test-utils';
+import { act, screen } from '@mui/internal-test-utils';
 import { Menu } from '@base_ui/react/Menu';
 import { describeConformance, createRenderer } from '#test-utils';
 import { MenuRootContext } from '../Root/MenuRootContext';
@@ -164,4 +164,23 @@ describe('<Menu.Trigger />', () => {
       expect(button).to.have.attribute('aria-expanded', 'true');
     });
   });
+
+  describe('style hooks', () => {
+    it('should have the data-popup-open and data-pressed attributes when open', async () => {
+      await render(
+        <Menu.Root animated={false}>
+          <Menu.Trigger />
+        </Menu.Root>,
+      );
+
+      const trigger = screen.getByRole('button');
+
+      await act(async () => {
+        trigger.click();
+      });
+
+      expect(trigger).to.have.attribute('data-popup-open');
+      expect(trigger).to.have.attribute('data-pressed');
+    });
+  });
 });
diff --git a/packages/mui-base/src/Menu/Trigger/MenuTrigger.tsx b/packages/mui-base/src/Menu/Trigger/MenuTrigger.tsx
index 4c800e0957..121ea24e23 100644
--- a/packages/mui-base/src/Menu/Trigger/MenuTrigger.tsx
+++ b/packages/mui-base/src/Menu/Trigger/MenuTrigger.tsx
@@ -7,6 +7,17 @@ import { useMenuRootContext } from '../Root/MenuRootContext';
 import { triggerOpenStateMapping } from '../../utils/popupOpenStateMapping';
 import { useComponentRenderer } from '../../utils/useComponentRenderer';
 import { BaseUIComponentProps } from '../../utils/types';
+import { CustomStyleHookMapping } from '../../utils/getStyleHookProps';
+
+const customStyleHookMapping: CustomStyleHookMapping<{ open: boolean }> = {
+  open(value) {
+    if (value) {
+      return { ...triggerOpenStateMapping.open(value), 'data-pressed': '' };
+    }
+
+    return triggerOpenStateMapping.open(value);
+  },
+};
 
 /**
  *
@@ -52,7 +63,7 @@ const MenuTrigger = React.forwardRef(function MenuTrigger(
     className,
     ownerState,
     propGetter: (externalProps) => getTriggerProps(getRootProps(externalProps)),
-    customStyleHookMapping: triggerOpenStateMapping,
+    customStyleHookMapping,
     extraProps: other,
   });
 
diff --git a/packages/mui-base/src/Popover/Trigger/PopoverTrigger.test.tsx b/packages/mui-base/src/Popover/Trigger/PopoverTrigger.test.tsx
index 9bb0c77738..f8299771ef 100644
--- a/packages/mui-base/src/Popover/Trigger/PopoverTrigger.test.tsx
+++ b/packages/mui-base/src/Popover/Trigger/PopoverTrigger.test.tsx
@@ -1,6 +1,8 @@
 import * as React from 'react';
 import { Popover } from '@base_ui/react/Popover';
 import { createRenderer, describeConformance } from '#test-utils';
+import { expect } from 'chai';
+import { act, screen } from '@mui/internal-test-utils';
 
 describe('<Popover.Trigger />', () => {
   const { render } = createRenderer();
@@ -15,4 +17,38 @@ describe('<Popover.Trigger />', () => {
       );
     },
   }));
+
+  describe('style hooks', () => {
+    it('should have the data-popup-open and data-pressed attributes when open by clicking', async () => {
+      await render(
+        <Popover.Root animated={false}>
+          <Popover.Trigger />
+        </Popover.Root>,
+      );
+
+      const trigger = screen.getByRole('button');
+
+      await act(async () => {
+        trigger.click();
+      });
+
+      expect(trigger).to.have.attribute('data-popup-open');
+      expect(trigger).to.have.attribute('data-pressed');
+    });
+
+    it('should have the data-popup-open but not the data-pressed attribute when open by hover', async () => {
+      const { user } = await render(
+        <Popover.Root openOnHover delay={0} animated={false}>
+          <Popover.Trigger />
+        </Popover.Root>,
+      );
+
+      const trigger = screen.getByRole('button');
+
+      await user.hover(trigger);
+
+      expect(trigger).to.have.attribute('data-popup-open');
+      expect(trigger).not.to.have.attribute('data-pressed');
+    });
+  });
 });
diff --git a/packages/mui-base/src/Popover/Trigger/PopoverTrigger.tsx b/packages/mui-base/src/Popover/Trigger/PopoverTrigger.tsx
index 42906c985f..98cf31b012 100644
--- a/packages/mui-base/src/Popover/Trigger/PopoverTrigger.tsx
+++ b/packages/mui-base/src/Popover/Trigger/PopoverTrigger.tsx
@@ -6,6 +6,7 @@ import { useComponentRenderer } from '../../utils/useComponentRenderer';
 import { useForkRef } from '../../utils/useForkRef';
 import type { BaseUIComponentProps } from '../../utils/types';
 import { triggerOpenStateMapping } from '../../utils/popupOpenStateMapping';
+import { CustomStyleHookMapping } from '../../utils/getStyleHookProps';
 
 /**
  * Renders a trigger element that opens the popover.
@@ -24,12 +25,25 @@ const PopoverTrigger = React.forwardRef(function PopoverTrigger(
 ) {
   const { render, className, ...otherProps } = props;
 
-  const { open, setTriggerElement, getRootTriggerProps } = usePopoverRootContext();
+  const { open, setTriggerElement, getRootTriggerProps, openOnHover } = usePopoverRootContext();
 
   const ownerState: PopoverTrigger.OwnerState = React.useMemo(() => ({ open }), [open]);
 
   const mergedRef = useForkRef(forwardedRef, setTriggerElement);
 
+  const customStyleHookMapping: CustomStyleHookMapping<{ open: boolean }> = React.useMemo(
+    () => ({
+      open(value) {
+        if (value && !openOnHover) {
+          return { ...triggerOpenStateMapping.open(value), 'data-pressed': '' };
+        }
+
+        return triggerOpenStateMapping.open(value);
+      },
+    }),
+    [openOnHover],
+  );
+
   const { renderElement } = useComponentRenderer({
     propGetter: getRootTriggerProps,
     render: render ?? 'button',
@@ -37,7 +51,7 @@ const PopoverTrigger = React.forwardRef(function PopoverTrigger(
     ownerState,
     ref: mergedRef,
     extraProps: otherProps,
-    customStyleHookMapping: triggerOpenStateMapping,
+    customStyleHookMapping,
   });
 
   return renderElement();
diff --git a/packages/mui-base/src/utils/popupOpenStateMapping.ts b/packages/mui-base/src/utils/popupOpenStateMapping.ts
index a17d2248f4..c1f8ae51ce 100644
--- a/packages/mui-base/src/utils/popupOpenStateMapping.ts
+++ b/packages/mui-base/src/utils/popupOpenStateMapping.ts
@@ -1,23 +1,27 @@
 import type { CustomStyleHookMapping } from './getStyleHookProps';
 
-export const triggerOpenStateMapping: CustomStyleHookMapping<{ open: boolean }> = {
+const TRIGGER_HOOK = {
+  'data-popup-open': '',
+};
+
+const POPUP_HOOK = {
+  'data-open': '',
+};
+
+export const triggerOpenStateMapping = {
   open(value) {
     if (value) {
-      return {
-        'data-popup-open': '',
-      };
+      return TRIGGER_HOOK;
     }
     return null;
   },
-};
+} satisfies CustomStyleHookMapping<{ open: boolean }>;
 
-export const popupOpenStateMapping: CustomStyleHookMapping<{ open: boolean }> = {
+export const popupOpenStateMapping = {
   open(value) {
     if (value) {
-      return {
-        'data-open': '',
-      };
+      return POPUP_HOOK;
     }
     return null;
   },
-};
+} satisfies CustomStyleHookMapping<{ open: boolean }>;

From 19a38c3b7109a3b87d1cbb9b2fa7d2360bd7880e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Dudak?= <michal@mui.com>
Date: Fri, 15 Nov 2024 21:21:36 +0100
Subject: [PATCH 2/7] Revert demo change

---
 .../popover/UnstyledPopoverIntroduction/system/index.tsx        | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/data/components/popover/UnstyledPopoverIntroduction/system/index.tsx b/docs/data/components/popover/UnstyledPopoverIntroduction/system/index.tsx
index 45f729950b..97a02c1339 100644
--- a/docs/data/components/popover/UnstyledPopoverIntroduction/system/index.tsx
+++ b/docs/data/components/popover/UnstyledPopoverIntroduction/system/index.tsx
@@ -5,7 +5,7 @@ import { styled } from '@mui/system';
 
 export default function UnstyledPopoverIntroduction() {
   return (
-    <Popover.Root openOnHover>
+    <Popover.Root>
       <AnchorButton>Trigger</AnchorButton>
       <Popover.Positioner sideOffset={8}>
         <PopoverPopup>

From 0e33eba29b2976dee7026dfaaf317ca373161b0b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Dudak?= <michal@mui.com>
Date: Fri, 15 Nov 2024 21:37:28 +0100
Subject: [PATCH 3/7] Handle clicks when Popover's `openOnHover` is set

---
 .../mui-base/src/Popover/Root/PopoverRoot.tsx  |  3 +++
 .../src/Popover/Root/PopoverRootContext.ts     |  1 +
 .../src/Popover/Root/usePopoverRoot.ts         | 10 ++++++++++
 .../Popover/Trigger/PopoverTrigger.test.tsx    | 18 ++++++++++++++++++
 .../src/Popover/Trigger/PopoverTrigger.tsx     |  6 +++---
 5 files changed, 35 insertions(+), 3 deletions(-)

diff --git a/packages/mui-base/src/Popover/Root/PopoverRoot.tsx b/packages/mui-base/src/Popover/Root/PopoverRoot.tsx
index 7a52ac417a..354645c25b 100644
--- a/packages/mui-base/src/Popover/Root/PopoverRoot.tsx
+++ b/packages/mui-base/src/Popover/Root/PopoverRoot.tsx
@@ -40,6 +40,7 @@ const PopoverRoot: React.FC<PopoverRoot.Props> = function PopoverRoot(props) {
     descriptionId,
     setDescriptionId,
     openMethod,
+    openReason,
   } = usePopoverRoot({
     openOnHover,
     delay: delayWithDefault,
@@ -73,6 +74,7 @@ const PopoverRoot: React.FC<PopoverRoot.Props> = function PopoverRoot(props) {
       getRootPopupProps,
       getRootTriggerProps,
       openMethod,
+      openReason,
     }),
     [
       openOnHover,
@@ -96,6 +98,7 @@ const PopoverRoot: React.FC<PopoverRoot.Props> = function PopoverRoot(props) {
       getRootPopupProps,
       getRootTriggerProps,
       openMethod,
+      openReason,
     ],
   );
 
diff --git a/packages/mui-base/src/Popover/Root/PopoverRootContext.ts b/packages/mui-base/src/Popover/Root/PopoverRootContext.ts
index 9efaa21b9d..7850e5e252 100644
--- a/packages/mui-base/src/Popover/Root/PopoverRootContext.ts
+++ b/packages/mui-base/src/Popover/Root/PopoverRootContext.ts
@@ -27,6 +27,7 @@ export interface PopoverRootContext {
   getRootTriggerProps: (externalProps?: GenericHTMLProps) => GenericHTMLProps;
   getRootPopupProps: (externalProps?: GenericHTMLProps) => GenericHTMLProps;
   openMethod: InteractionType | null;
+  openReason: OpenChangeReason | null;
 }
 
 export const PopoverRootContext = React.createContext<PopoverRootContext | undefined>(undefined);
diff --git a/packages/mui-base/src/Popover/Root/usePopoverRoot.ts b/packages/mui-base/src/Popover/Root/usePopoverRoot.ts
index d91198215c..4368f9173d 100644
--- a/packages/mui-base/src/Popover/Root/usePopoverRoot.ts
+++ b/packages/mui-base/src/Popover/Root/usePopoverRoot.ts
@@ -42,6 +42,7 @@ export function usePopoverRoot(params: usePopoverRoot.Parameters): usePopoverRoo
   const [descriptionId, setDescriptionId] = React.useState<string>();
   const [triggerElement, setTriggerElement] = React.useState<Element | null>(null);
   const [positionerElement, setPositionerElement] = React.useState<HTMLElement | null>(null);
+  const [openReason, setOpenReason] = React.useState<OpenChangeReason | null>(null);
 
   const popupRef = React.useRef<HTMLElement>(null);
 
@@ -69,6 +70,12 @@ export function usePopoverRoot(params: usePopoverRoot.Parameters): usePopoverRoo
           setMounted(false);
         }
       }
+
+      if (nextOpen) {
+        setOpenReason(reason ?? null);
+      } else {
+        setOpenReason(null);
+      }
     },
   );
 
@@ -138,6 +145,7 @@ export function usePopoverRoot(params: usePopoverRoot.Parameters): usePopoverRoo
       floatingRootContext: context,
       instantType,
       openMethod,
+      openReason,
     }),
     [
       mounted,
@@ -154,6 +162,7 @@ export function usePopoverRoot(params: usePopoverRoot.Parameters): usePopoverRoo
       instantType,
       openMethod,
       triggerProps,
+      openReason,
     ],
   );
 }
@@ -222,5 +231,6 @@ export namespace usePopoverRoot {
     setPositionerElement: React.Dispatch<React.SetStateAction<HTMLElement | null>>;
     popupRef: React.RefObject<HTMLElement | null>;
     openMethod: InteractionType | null;
+    openReason: OpenChangeReason | null;
   }
 }
diff --git a/packages/mui-base/src/Popover/Trigger/PopoverTrigger.test.tsx b/packages/mui-base/src/Popover/Trigger/PopoverTrigger.test.tsx
index f8299771ef..53b6e382f0 100644
--- a/packages/mui-base/src/Popover/Trigger/PopoverTrigger.test.tsx
+++ b/packages/mui-base/src/Popover/Trigger/PopoverTrigger.test.tsx
@@ -50,5 +50,23 @@ describe('<Popover.Trigger />', () => {
       expect(trigger).to.have.attribute('data-popup-open');
       expect(trigger).not.to.have.attribute('data-pressed');
     });
+
+    it('should have the data-popup-open and data-pressed attributes when open by click when `openOnHover=true`', async () => {
+      const { user } = await render(
+        <Popover.Root openOnHover delay={0} animated={false}>
+          <Popover.Trigger />
+        </Popover.Root>,
+      );
+
+      const trigger = screen.getByRole('button');
+
+      await user.hover(trigger);
+      await act(async () => {
+        trigger.click();
+      });
+
+      expect(trigger).to.have.attribute('data-popup-open');
+      expect(trigger).to.have.attribute('data-pressed');
+    });
   });
 });
diff --git a/packages/mui-base/src/Popover/Trigger/PopoverTrigger.tsx b/packages/mui-base/src/Popover/Trigger/PopoverTrigger.tsx
index 98cf31b012..9af15ba7b7 100644
--- a/packages/mui-base/src/Popover/Trigger/PopoverTrigger.tsx
+++ b/packages/mui-base/src/Popover/Trigger/PopoverTrigger.tsx
@@ -25,7 +25,7 @@ const PopoverTrigger = React.forwardRef(function PopoverTrigger(
 ) {
   const { render, className, ...otherProps } = props;
 
-  const { open, setTriggerElement, getRootTriggerProps, openOnHover } = usePopoverRootContext();
+  const { open, setTriggerElement, getRootTriggerProps, openReason } = usePopoverRootContext();
 
   const ownerState: PopoverTrigger.OwnerState = React.useMemo(() => ({ open }), [open]);
 
@@ -34,14 +34,14 @@ const PopoverTrigger = React.forwardRef(function PopoverTrigger(
   const customStyleHookMapping: CustomStyleHookMapping<{ open: boolean }> = React.useMemo(
     () => ({
       open(value) {
-        if (value && !openOnHover) {
+        if (value && openReason === 'click') {
           return { ...triggerOpenStateMapping.open(value), 'data-pressed': '' };
         }
 
         return triggerOpenStateMapping.open(value);
       },
     }),
-    [openOnHover],
+    [openReason],
   );
 
   const { renderElement } = useComponentRenderer({

From 13d899a4a1d59e9fce6e571805f66a3e0f022338 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Dudak?= <michal@mui.com>
Date: Fri, 15 Nov 2024 21:51:52 +0100
Subject: [PATCH 4/7] Handle Select

---
 .../mui-base/src/Menu/Trigger/MenuTrigger.tsx | 15 +------
 .../src/Select/Trigger/SelectTrigger.test.tsx | 39 +++++++++++++++++++
 .../src/Select/Trigger/SelectTrigger.tsx      |  4 +-
 .../src/utils/popupOpenStateMapping.ts        | 14 +++++++
 4 files changed, 57 insertions(+), 15 deletions(-)
 create mode 100644 packages/mui-base/src/Select/Trigger/SelectTrigger.test.tsx

diff --git a/packages/mui-base/src/Menu/Trigger/MenuTrigger.tsx b/packages/mui-base/src/Menu/Trigger/MenuTrigger.tsx
index 121ea24e23..eb0ba70bef 100644
--- a/packages/mui-base/src/Menu/Trigger/MenuTrigger.tsx
+++ b/packages/mui-base/src/Menu/Trigger/MenuTrigger.tsx
@@ -4,20 +4,9 @@ import PropTypes from 'prop-types';
 import { useFloatingTree } from '@floating-ui/react';
 import { useMenuTrigger } from './useMenuTrigger';
 import { useMenuRootContext } from '../Root/MenuRootContext';
-import { triggerOpenStateMapping } from '../../utils/popupOpenStateMapping';
+import { pressableTriggerOpenStateMapping } from '../../utils/popupOpenStateMapping';
 import { useComponentRenderer } from '../../utils/useComponentRenderer';
 import { BaseUIComponentProps } from '../../utils/types';
-import { CustomStyleHookMapping } from '../../utils/getStyleHookProps';
-
-const customStyleHookMapping: CustomStyleHookMapping<{ open: boolean }> = {
-  open(value) {
-    if (value) {
-      return { ...triggerOpenStateMapping.open(value), 'data-pressed': '' };
-    }
-
-    return triggerOpenStateMapping.open(value);
-  },
-};
 
 /**
  *
@@ -63,7 +52,7 @@ const MenuTrigger = React.forwardRef(function MenuTrigger(
     className,
     ownerState,
     propGetter: (externalProps) => getTriggerProps(getRootProps(externalProps)),
-    customStyleHookMapping,
+    customStyleHookMapping: pressableTriggerOpenStateMapping,
     extraProps: other,
   });
 
diff --git a/packages/mui-base/src/Select/Trigger/SelectTrigger.test.tsx b/packages/mui-base/src/Select/Trigger/SelectTrigger.test.tsx
new file mode 100644
index 0000000000..f4c0b1e8c9
--- /dev/null
+++ b/packages/mui-base/src/Select/Trigger/SelectTrigger.test.tsx
@@ -0,0 +1,39 @@
+import * as React from 'react';
+import { Select } from '@base_ui/react/Select';
+import { createRenderer, describeConformance } from '#test-utils';
+import { expect } from 'chai';
+import { act, screen } from '@mui/internal-test-utils';
+
+describe('<Select.Trigger />', () => {
+  const { render } = createRenderer();
+
+  describeConformance(<Select.Trigger />, () => ({
+    refInstanceof: window.HTMLDivElement,
+    render(node) {
+      return render(
+        <Select.Root open animated={false}>
+          {node}
+        </Select.Root>,
+      );
+    },
+  }));
+
+  describe('style hooks', () => {
+    it('should have the data-popup-open and data-pressed attributes when open', async () => {
+      await render(
+        <Select.Root animated={false}>
+          <Select.Trigger />
+        </Select.Root>,
+      );
+
+      const trigger = screen.getByRole('combobox');
+
+      await act(async () => {
+        trigger.click();
+      });
+
+      expect(trigger).to.have.attribute('data-popup-open');
+      expect(trigger).to.have.attribute('data-pressed');
+    });
+  });
+});
diff --git a/packages/mui-base/src/Select/Trigger/SelectTrigger.tsx b/packages/mui-base/src/Select/Trigger/SelectTrigger.tsx
index 909706b9ad..856ac0dbe5 100644
--- a/packages/mui-base/src/Select/Trigger/SelectTrigger.tsx
+++ b/packages/mui-base/src/Select/Trigger/SelectTrigger.tsx
@@ -6,7 +6,7 @@ import { useSelectRootContext } from '../Root/SelectRootContext';
 import { useComponentRenderer } from '../../utils/useComponentRenderer';
 import { BaseUIComponentProps } from '../../utils/types';
 import { useFieldRootContext } from '../../Field/Root/FieldRootContext';
-import { triggerOpenStateMapping } from '../../utils/popupOpenStateMapping';
+import { pressableTriggerOpenStateMapping } from '../../utils/popupOpenStateMapping';
 
 /**
  *
@@ -55,7 +55,7 @@ const SelectTrigger = React.forwardRef(function SelectTrigger(
     className,
     ownerState,
     propGetter: (externalProps) => getTriggerProps(getRootTriggerProps(externalProps)),
-    customStyleHookMapping: triggerOpenStateMapping,
+    customStyleHookMapping: pressableTriggerOpenStateMapping,
     extraProps: otherProps,
   });
 
diff --git a/packages/mui-base/src/utils/popupOpenStateMapping.ts b/packages/mui-base/src/utils/popupOpenStateMapping.ts
index c1f8ae51ce..07e4ef00fe 100644
--- a/packages/mui-base/src/utils/popupOpenStateMapping.ts
+++ b/packages/mui-base/src/utils/popupOpenStateMapping.ts
@@ -4,6 +4,11 @@ const TRIGGER_HOOK = {
   'data-popup-open': '',
 };
 
+const PRESSABLE_TRIGGER_HOOK = {
+  'data-popup-open': '',
+  'data-pressed': '',
+};
+
 const POPUP_HOOK = {
   'data-open': '',
 };
@@ -17,6 +22,15 @@ export const triggerOpenStateMapping = {
   },
 } satisfies CustomStyleHookMapping<{ open: boolean }>;
 
+export const pressableTriggerOpenStateMapping = {
+  open(value) {
+    if (value) {
+      return PRESSABLE_TRIGGER_HOOK;
+    }
+    return null;
+  },
+} satisfies CustomStyleHookMapping<{ open: boolean }>;
+
 export const popupOpenStateMapping = {
   open(value) {
     if (value) {

From 6177c93ba093719c01f29613b36c681a45e25e99 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Dudak?= <michal@mui.com>
Date: Fri, 15 Nov 2024 21:59:18 +0100
Subject: [PATCH 5/7] Refactor

---
 packages/mui-base/src/Popover/Trigger/PopoverTrigger.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/packages/mui-base/src/Popover/Trigger/PopoverTrigger.tsx b/packages/mui-base/src/Popover/Trigger/PopoverTrigger.tsx
index 9af15ba7b7..1d9057c2d1 100644
--- a/packages/mui-base/src/Popover/Trigger/PopoverTrigger.tsx
+++ b/packages/mui-base/src/Popover/Trigger/PopoverTrigger.tsx
@@ -5,7 +5,10 @@ import { usePopoverRootContext } from '../Root/PopoverRootContext';
 import { useComponentRenderer } from '../../utils/useComponentRenderer';
 import { useForkRef } from '../../utils/useForkRef';
 import type { BaseUIComponentProps } from '../../utils/types';
-import { triggerOpenStateMapping } from '../../utils/popupOpenStateMapping';
+import {
+  triggerOpenStateMapping,
+  pressableTriggerOpenStateMapping,
+} from '../../utils/popupOpenStateMapping';
 import { CustomStyleHookMapping } from '../../utils/getStyleHookProps';
 
 /**
@@ -35,7 +38,7 @@ const PopoverTrigger = React.forwardRef(function PopoverTrigger(
     () => ({
       open(value) {
         if (value && openReason === 'click') {
-          return { ...triggerOpenStateMapping.open(value), 'data-pressed': '' };
+          return pressableTriggerOpenStateMapping.open(value);
         }
 
         return triggerOpenStateMapping.open(value);

From 133db846a19602ef81a5457c9cd8697f27f5a6b3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Dudak?= <michal@mui.com>
Date: Mon, 18 Nov 2024 12:01:58 +0100
Subject: [PATCH 6/7] docs:api

---
 docs/data/api/select-trigger.json             |  3 +
 .../reference/generated/accordion-header.json | 14 ---
 docs/reference/generated/accordion-item.json  | 23 -----
 docs/reference/generated/accordion-panel.json | 19 ----
 docs/reference/generated/accordion-root.json  | 47 ----------
 .../generated/accordion-trigger.json          | 14 ---
 .../generated/alert-dialog-backdrop.json      | 19 ----
 .../generated/alert-dialog-close.json         | 14 ---
 .../generated/alert-dialog-description.json   | 14 ---
 .../generated/alert-dialog-popup.json         | 31 -------
 .../generated/alert-dialog-root.json          | 23 -----
 .../generated/alert-dialog-title.json         | 14 ---
 .../generated/alert-dialog-trigger.json       | 14 ---
 .../generated/checkbox-group-root.json        | 40 ---------
 .../generated/checkbox-indicator.json         | 19 ----
 docs/reference/generated/checkbox-root.json   | 62 -------------
 .../generated/collapsible-panel.json          | 19 ----
 .../reference/generated/collapsible-root.json | 37 --------
 .../generated/collapsible-trigger.json        | 14 ---
 docs/reference/generated/dialog-backdrop.json | 33 -------
 docs/reference/generated/dialog-close.json    | 14 ---
 .../generated/dialog-description.json         | 14 ---
 docs/reference/generated/dialog-popup.json    | 58 ------------
 docs/reference/generated/dialog-root.json     | 33 -------
 docs/reference/generated/dialog-title.json    | 14 ---
 docs/reference/generated/dialog-trigger.json  | 22 -----
 docs/reference/generated/field-control.json   | 18 ----
 .../generated/field-description.json          | 14 ---
 docs/reference/generated/field-error.json     | 22 -----
 docs/reference/generated/field-label.json     | 14 ---
 docs/reference/generated/field-root.json      | 41 ---------
 docs/reference/generated/field-validity.json  | 10 ---
 docs/reference/generated/fieldset-legend.json | 14 ---
 docs/reference/generated/fieldset-root.json   | 14 ---
 docs/reference/generated/form-root.json       | 22 -----
 docs/reference/generated/menu-arrow.json      | 19 ----
 .../menu-checkbox-item-indicator.json         | 19 ----
 .../generated/menu-checkbox-item.json         | 28 ------
 .../reference/generated/menu-group-label.json | 14 ---
 docs/reference/generated/menu-group.json      | 18 ----
 docs/reference/generated/menu-item.json       | 28 ------
 docs/reference/generated/menu-popup.json      | 18 ----
 docs/reference/generated/menu-positioner.json | 77 ----------------
 .../reference/generated/menu-radio-group.json | 31 -------
 .../generated/menu-radio-item-indicator.json  | 19 ----
 docs/reference/generated/menu-radio-item.json | 33 -------
 docs/reference/generated/menu-root.json       | 58 ------------
 docs/reference/generated/menu-trigger.json    | 23 -----
 docs/reference/generated/no-ssr.json          | 20 -----
 .../generated/number-field-decrement.json     | 14 ---
 .../generated/number-field-group.json         | 14 ---
 .../generated/number-field-increment.json     | 14 ---
 .../generated/number-field-input.json         | 14 ---
 .../generated/number-field-root.json          | 90 -------------------
 .../number-field-scrub-area-cursor.json       | 14 ---
 .../generated/number-field-scrub-area.json    | 28 ------
 docs/reference/generated/popover-arrow.json   | 19 ----
 .../reference/generated/popover-backdrop.json | 24 -----
 docs/reference/generated/popover-close.json   | 14 ---
 .../generated/popover-description.json        | 14 ---
 docs/reference/generated/popover-popup.json   | 14 ---
 .../generated/popover-positioner.json         | 85 ------------------
 docs/reference/generated/popover-root.json    | 40 ---------
 docs/reference/generated/popover-title.json   | 14 ---
 docs/reference/generated/popover-trigger.json | 14 ---
 .../generated/preview-card-arrow.json         | 19 ----
 .../generated/preview-card-backdrop.json      | 23 -----
 .../generated/preview-card-popup.json         | 14 ---
 .../generated/preview-card-positioner.json    | 77 ----------------
 .../generated/preview-card-root.json          | 35 --------
 .../generated/preview-card-trigger.json       | 14 ---
 .../generated/progress-indicator.json         | 14 ---
 docs/reference/generated/progress-root.json   | 54 -----------
 docs/reference/generated/progress-track.json  | 14 ---
 .../reference/generated/radio-group-root.json | 45 ----------
 docs/reference/generated/radio-indicator.json | 19 ----
 docs/reference/generated/radio-root.json      | 34 -------
 .../generated/scroll-area-corner.json         | 14 ---
 .../reference/generated/scroll-area-root.json | 19 ----
 .../generated/scroll-area-scrollbar.json      | 24 -----
 .../generated/scroll-area-thumb.json          | 14 ---
 .../generated/scroll-area-viewport.json       | 14 ---
 docs/reference/generated/select-arrow.json    | 19 ----
 docs/reference/generated/select-backdrop.json | 24 -----
 .../generated/select-group-label.json         | 14 ---
 docs/reference/generated/select-group.json    | 14 ---
 docs/reference/generated/select-icon.json     | 14 ---
 .../generated/select-option-indicator.json    | 19 ----
 .../generated/select-option-text.json         |  5 --
 docs/reference/generated/select-option.json   | 20 -----
 docs/reference/generated/select-popup.json    | 18 ----
 .../generated/select-positioner.json          | 77 ----------------
 docs/reference/generated/select-root.json     | 61 -------------
 .../generated/select-scroll-down-arrow.json   | 11 ---
 .../generated/select-scroll-up-arrow.json     | 11 ---
 docs/reference/generated/select-trigger.json  | 28 ------
 docs/reference/generated/select-value.json    | 18 ----
 docs/reference/generated/separator-root.json  | 14 ---
 docs/reference/generated/slider-control.json  | 14 ---
 .../reference/generated/slider-indicator.json | 14 ---
 docs/reference/generated/slider-output.json   | 14 ---
 docs/reference/generated/slider-root.json     | 59 ------------
 docs/reference/generated/slider-thumb.json    | 30 -------
 docs/reference/generated/slider-track.json    | 14 ---
 docs/reference/generated/submenu-trigger.json | 23 -----
 docs/reference/generated/switch-root.json     | 49 ----------
 docs/reference/generated/switch-thumb.json    | 14 ---
 docs/reference/generated/tab-indicator.json   | 19 ----
 docs/reference/generated/tab-panel.json       | 23 -----
 docs/reference/generated/tab.json             | 18 ----
 docs/reference/generated/tabs-list.json       | 24 -----
 docs/reference/generated/tabs-root.json       | 36 --------
 docs/reference/generated/text-input.json      | 14 ---
 docs/reference/generated/tooltip-arrow.json   | 19 ----
 docs/reference/generated/tooltip-popup.json   | 14 ---
 .../generated/tooltip-positioner.json         | 77 ----------------
 .../reference/generated/tooltip-provider.json | 19 ----
 docs/reference/generated/tooltip-root.json    | 45 ----------
 docs/reference/generated/tooltip-trigger.json | 14 ---
 119 files changed, 3 insertions(+), 2992 deletions(-)
 delete mode 100644 docs/reference/generated/accordion-header.json
 delete mode 100644 docs/reference/generated/accordion-item.json
 delete mode 100644 docs/reference/generated/accordion-panel.json
 delete mode 100644 docs/reference/generated/accordion-root.json
 delete mode 100644 docs/reference/generated/accordion-trigger.json
 delete mode 100644 docs/reference/generated/alert-dialog-backdrop.json
 delete mode 100644 docs/reference/generated/alert-dialog-close.json
 delete mode 100644 docs/reference/generated/alert-dialog-description.json
 delete mode 100644 docs/reference/generated/alert-dialog-popup.json
 delete mode 100644 docs/reference/generated/alert-dialog-root.json
 delete mode 100644 docs/reference/generated/alert-dialog-title.json
 delete mode 100644 docs/reference/generated/alert-dialog-trigger.json
 delete mode 100644 docs/reference/generated/checkbox-group-root.json
 delete mode 100644 docs/reference/generated/checkbox-indicator.json
 delete mode 100644 docs/reference/generated/checkbox-root.json
 delete mode 100644 docs/reference/generated/collapsible-panel.json
 delete mode 100644 docs/reference/generated/collapsible-root.json
 delete mode 100644 docs/reference/generated/collapsible-trigger.json
 delete mode 100644 docs/reference/generated/dialog-backdrop.json
 delete mode 100644 docs/reference/generated/dialog-close.json
 delete mode 100644 docs/reference/generated/dialog-description.json
 delete mode 100644 docs/reference/generated/dialog-popup.json
 delete mode 100644 docs/reference/generated/dialog-root.json
 delete mode 100644 docs/reference/generated/dialog-title.json
 delete mode 100644 docs/reference/generated/dialog-trigger.json
 delete mode 100644 docs/reference/generated/field-control.json
 delete mode 100644 docs/reference/generated/field-description.json
 delete mode 100644 docs/reference/generated/field-error.json
 delete mode 100644 docs/reference/generated/field-label.json
 delete mode 100644 docs/reference/generated/field-root.json
 delete mode 100644 docs/reference/generated/field-validity.json
 delete mode 100644 docs/reference/generated/fieldset-legend.json
 delete mode 100644 docs/reference/generated/fieldset-root.json
 delete mode 100644 docs/reference/generated/form-root.json
 delete mode 100644 docs/reference/generated/menu-arrow.json
 delete mode 100644 docs/reference/generated/menu-checkbox-item-indicator.json
 delete mode 100644 docs/reference/generated/menu-checkbox-item.json
 delete mode 100644 docs/reference/generated/menu-group-label.json
 delete mode 100644 docs/reference/generated/menu-group.json
 delete mode 100644 docs/reference/generated/menu-item.json
 delete mode 100644 docs/reference/generated/menu-popup.json
 delete mode 100644 docs/reference/generated/menu-positioner.json
 delete mode 100644 docs/reference/generated/menu-radio-group.json
 delete mode 100644 docs/reference/generated/menu-radio-item-indicator.json
 delete mode 100644 docs/reference/generated/menu-radio-item.json
 delete mode 100644 docs/reference/generated/menu-root.json
 delete mode 100644 docs/reference/generated/menu-trigger.json
 delete mode 100644 docs/reference/generated/no-ssr.json
 delete mode 100644 docs/reference/generated/number-field-decrement.json
 delete mode 100644 docs/reference/generated/number-field-group.json
 delete mode 100644 docs/reference/generated/number-field-increment.json
 delete mode 100644 docs/reference/generated/number-field-input.json
 delete mode 100644 docs/reference/generated/number-field-root.json
 delete mode 100644 docs/reference/generated/number-field-scrub-area-cursor.json
 delete mode 100644 docs/reference/generated/number-field-scrub-area.json
 delete mode 100644 docs/reference/generated/popover-arrow.json
 delete mode 100644 docs/reference/generated/popover-backdrop.json
 delete mode 100644 docs/reference/generated/popover-close.json
 delete mode 100644 docs/reference/generated/popover-description.json
 delete mode 100644 docs/reference/generated/popover-popup.json
 delete mode 100644 docs/reference/generated/popover-positioner.json
 delete mode 100644 docs/reference/generated/popover-root.json
 delete mode 100644 docs/reference/generated/popover-title.json
 delete mode 100644 docs/reference/generated/popover-trigger.json
 delete mode 100644 docs/reference/generated/preview-card-arrow.json
 delete mode 100644 docs/reference/generated/preview-card-backdrop.json
 delete mode 100644 docs/reference/generated/preview-card-popup.json
 delete mode 100644 docs/reference/generated/preview-card-positioner.json
 delete mode 100644 docs/reference/generated/preview-card-root.json
 delete mode 100644 docs/reference/generated/preview-card-trigger.json
 delete mode 100644 docs/reference/generated/progress-indicator.json
 delete mode 100644 docs/reference/generated/progress-root.json
 delete mode 100644 docs/reference/generated/progress-track.json
 delete mode 100644 docs/reference/generated/radio-group-root.json
 delete mode 100644 docs/reference/generated/radio-indicator.json
 delete mode 100644 docs/reference/generated/radio-root.json
 delete mode 100644 docs/reference/generated/scroll-area-corner.json
 delete mode 100644 docs/reference/generated/scroll-area-root.json
 delete mode 100644 docs/reference/generated/scroll-area-scrollbar.json
 delete mode 100644 docs/reference/generated/scroll-area-thumb.json
 delete mode 100644 docs/reference/generated/scroll-area-viewport.json
 delete mode 100644 docs/reference/generated/select-arrow.json
 delete mode 100644 docs/reference/generated/select-backdrop.json
 delete mode 100644 docs/reference/generated/select-group-label.json
 delete mode 100644 docs/reference/generated/select-group.json
 delete mode 100644 docs/reference/generated/select-icon.json
 delete mode 100644 docs/reference/generated/select-option-indicator.json
 delete mode 100644 docs/reference/generated/select-option-text.json
 delete mode 100644 docs/reference/generated/select-option.json
 delete mode 100644 docs/reference/generated/select-popup.json
 delete mode 100644 docs/reference/generated/select-positioner.json
 delete mode 100644 docs/reference/generated/select-root.json
 delete mode 100644 docs/reference/generated/select-scroll-down-arrow.json
 delete mode 100644 docs/reference/generated/select-scroll-up-arrow.json
 delete mode 100644 docs/reference/generated/select-trigger.json
 delete mode 100644 docs/reference/generated/select-value.json
 delete mode 100644 docs/reference/generated/separator-root.json
 delete mode 100644 docs/reference/generated/slider-control.json
 delete mode 100644 docs/reference/generated/slider-indicator.json
 delete mode 100644 docs/reference/generated/slider-output.json
 delete mode 100644 docs/reference/generated/slider-root.json
 delete mode 100644 docs/reference/generated/slider-thumb.json
 delete mode 100644 docs/reference/generated/slider-track.json
 delete mode 100644 docs/reference/generated/submenu-trigger.json
 delete mode 100644 docs/reference/generated/switch-root.json
 delete mode 100644 docs/reference/generated/switch-thumb.json
 delete mode 100644 docs/reference/generated/tab-indicator.json
 delete mode 100644 docs/reference/generated/tab-panel.json
 delete mode 100644 docs/reference/generated/tab.json
 delete mode 100644 docs/reference/generated/tabs-list.json
 delete mode 100644 docs/reference/generated/tabs-root.json
 delete mode 100644 docs/reference/generated/text-input.json
 delete mode 100644 docs/reference/generated/tooltip-arrow.json
 delete mode 100644 docs/reference/generated/tooltip-popup.json
 delete mode 100644 docs/reference/generated/tooltip-positioner.json
 delete mode 100644 docs/reference/generated/tooltip-provider.json
 delete mode 100644 docs/reference/generated/tooltip-root.json
 delete mode 100644 docs/reference/generated/tooltip-trigger.json

diff --git a/docs/data/api/select-trigger.json b/docs/data/api/select-trigger.json
index 92239a7615..f816e4ed5e 100644
--- a/docs/data/api/select-trigger.json
+++ b/docs/data/api/select-trigger.json
@@ -11,7 +11,10 @@
     "import { Select } from '@base_ui/react/Select';\nconst SelectTrigger = Select.Trigger;"
   ],
   "classes": [],
+  "spread": true,
+  "themeDefaultProps": true,
   "muiName": "SelectTrigger",
+  "forwardsRefTo": "HTMLDivElement",
   "filename": "/packages/mui-base/src/Select/Trigger/SelectTrigger.tsx",
   "inheritance": null,
   "demos": "<ul><li><a href=\"/components/react-select/\">Select</a></li></ul>",
diff --git a/docs/reference/generated/accordion-header.json b/docs/reference/generated/accordion-header.json
deleted file mode 100644
index eacd7eb1c2..0000000000
--- a/docs/reference/generated/accordion-header.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
-  "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
deleted file mode 100644
index 28ced50f2a..0000000000
--- a/docs/reference/generated/accordion-item.json
+++ /dev/null
@@ -1,23 +0,0 @@
-{
-  "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
deleted file mode 100644
index bf46dde288..0000000000
--- a/docs/reference/generated/accordion-panel.json
+++ /dev/null
@@ -1,19 +0,0 @@
-{
-  "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
deleted file mode 100644
index 222d772f12..0000000000
--- a/docs/reference/generated/accordion-root.json
+++ /dev/null
@@ -1,47 +0,0 @@
-{
-  "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
deleted file mode 100644
index f6e6ae66f4..0000000000
--- a/docs/reference/generated/accordion-trigger.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
-  "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
deleted file mode 100644
index a09e5f6699..0000000000
--- a/docs/reference/generated/alert-dialog-backdrop.json
+++ /dev/null
@@ -1,19 +0,0 @@
-{
-  "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
deleted file mode 100644
index c050448528..0000000000
--- a/docs/reference/generated/alert-dialog-close.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
-  "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
deleted file mode 100644
index b4f0642384..0000000000
--- a/docs/reference/generated/alert-dialog-description.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
-  "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
deleted file mode 100644
index ac6fde4db5..0000000000
--- a/docs/reference/generated/alert-dialog-popup.json
+++ /dev/null
@@ -1,31 +0,0 @@
-{
-  "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
deleted file mode 100644
index 7e6420324b..0000000000
--- a/docs/reference/generated/alert-dialog-root.json
+++ /dev/null
@@ -1,23 +0,0 @@
-{
-  "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
deleted file mode 100644
index 92e7c0c382..0000000000
--- a/docs/reference/generated/alert-dialog-title.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
-  "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
deleted file mode 100644
index 24fd03d968..0000000000
--- a/docs/reference/generated/alert-dialog-trigger.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
-  "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
deleted file mode 100644
index 5d96c99720..0000000000
--- a/docs/reference/generated/checkbox-group-root.json
+++ /dev/null
@@ -1,40 +0,0 @@
-{
-  "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
deleted file mode 100644
index 48378078b8..0000000000
--- a/docs/reference/generated/checkbox-indicator.json
+++ /dev/null
@@ -1,19 +0,0 @@
-{
-  "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
deleted file mode 100644
index dccc75e2d2..0000000000
--- a/docs/reference/generated/checkbox-root.json
+++ /dev/null
@@ -1,62 +0,0 @@
-{
-  "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
deleted file mode 100644
index 56966e8771..0000000000
--- a/docs/reference/generated/collapsible-panel.json
+++ /dev/null
@@ -1,19 +0,0 @@
-{
-  "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
deleted file mode 100644
index 060f5a225d..0000000000
--- a/docs/reference/generated/collapsible-root.json
+++ /dev/null
@@ -1,37 +0,0 @@
-{
-  "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
deleted file mode 100644
index 903a24d148..0000000000
--- a/docs/reference/generated/collapsible-trigger.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
-  "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
deleted file mode 100644
index 7ac90105e9..0000000000
--- a/docs/reference/generated/dialog-backdrop.json
+++ /dev/null
@@ -1,33 +0,0 @@
-{
-  "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
deleted file mode 100644
index 575df807eb..0000000000
--- a/docs/reference/generated/dialog-close.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
-  "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
deleted file mode 100644
index 2dfee8fd53..0000000000
--- a/docs/reference/generated/dialog-description.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
-  "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
deleted file mode 100644
index 789b2b1c37..0000000000
--- a/docs/reference/generated/dialog-popup.json
+++ /dev/null
@@ -1,58 +0,0 @@
-{
-  "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
deleted file mode 100644
index af19098732..0000000000
--- a/docs/reference/generated/dialog-root.json
+++ /dev/null
@@ -1,33 +0,0 @@
-{
-  "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
deleted file mode 100644
index 3afaead6da..0000000000
--- a/docs/reference/generated/dialog-title.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
-  "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
deleted file mode 100644
index 0336866143..0000000000
--- a/docs/reference/generated/dialog-trigger.json
+++ /dev/null
@@ -1,22 +0,0 @@
-{
-  "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
deleted file mode 100644
index 041269822a..0000000000
--- a/docs/reference/generated/field-control.json
+++ /dev/null
@@ -1,18 +0,0 @@
-{
-  "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
deleted file mode 100644
index 43bd861ab0..0000000000
--- a/docs/reference/generated/field-description.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
-  "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
deleted file mode 100644
index 9578a77a9e..0000000000
--- a/docs/reference/generated/field-error.json
+++ /dev/null
@@ -1,22 +0,0 @@
-{
-  "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
deleted file mode 100644
index f7e187511c..0000000000
--- a/docs/reference/generated/field-label.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
-  "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
deleted file mode 100644
index 1d2ae5e02a..0000000000
--- a/docs/reference/generated/field-root.json
+++ /dev/null
@@ -1,41 +0,0 @@
-{
-  "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
deleted file mode 100644
index c0a9c502c1..0000000000
--- a/docs/reference/generated/field-validity.json
+++ /dev/null
@@ -1,10 +0,0 @@
-{
-  "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
deleted file mode 100644
index 571bc33073..0000000000
--- a/docs/reference/generated/fieldset-legend.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
-  "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
deleted file mode 100644
index 378df955c9..0000000000
--- a/docs/reference/generated/fieldset-root.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
-  "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
deleted file mode 100644
index 44cfa7d2e8..0000000000
--- a/docs/reference/generated/form-root.json
+++ /dev/null
@@ -1,22 +0,0 @@
-{
-  "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
deleted file mode 100644
index 77d2fd0f09..0000000000
--- a/docs/reference/generated/menu-arrow.json
+++ /dev/null
@@ -1,19 +0,0 @@
-{
-  "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
deleted file mode 100644
index 82f06813d0..0000000000
--- a/docs/reference/generated/menu-checkbox-item-indicator.json
+++ /dev/null
@@ -1,19 +0,0 @@
-{
-  "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
deleted file mode 100644
index 8c0cde01b1..0000000000
--- a/docs/reference/generated/menu-checkbox-item.json
+++ /dev/null
@@ -1,28 +0,0 @@
-{
-  "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
deleted file mode 100644
index 12daa5848f..0000000000
--- a/docs/reference/generated/menu-group-label.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
-  "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
deleted file mode 100644
index 5c7148437d..0000000000
--- a/docs/reference/generated/menu-group.json
+++ /dev/null
@@ -1,18 +0,0 @@
-{
-  "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
deleted file mode 100644
index efbbf24218..0000000000
--- a/docs/reference/generated/menu-item.json
+++ /dev/null
@@ -1,28 +0,0 @@
-{
-  "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
deleted file mode 100644
index eee8001d42..0000000000
--- a/docs/reference/generated/menu-popup.json
+++ /dev/null
@@ -1,18 +0,0 @@
-{
-  "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
deleted file mode 100644
index dff74cbfa6..0000000000
--- a/docs/reference/generated/menu-positioner.json
+++ /dev/null
@@ -1,77 +0,0 @@
-{
-  "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
deleted file mode 100644
index fbc79dcbfe..0000000000
--- a/docs/reference/generated/menu-radio-group.json
+++ /dev/null
@@ -1,31 +0,0 @@
-{
-  "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
deleted file mode 100644
index de38107d24..0000000000
--- a/docs/reference/generated/menu-radio-item-indicator.json
+++ /dev/null
@@ -1,19 +0,0 @@
-{
-  "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
deleted file mode 100644
index 3f41ecf729..0000000000
--- a/docs/reference/generated/menu-radio-item.json
+++ /dev/null
@@ -1,33 +0,0 @@
-{
-  "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
deleted file mode 100644
index 76d1d594de..0000000000
--- a/docs/reference/generated/menu-root.json
+++ /dev/null
@@ -1,58 +0,0 @@
-{
-  "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
deleted file mode 100644
index bc49c5bd68..0000000000
--- a/docs/reference/generated/menu-trigger.json
+++ /dev/null
@@ -1,23 +0,0 @@
-{
-  "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
deleted file mode 100644
index 8c34f2297d..0000000000
--- a/docs/reference/generated/no-ssr.json
+++ /dev/null
@@ -1,20 +0,0 @@
-{
-  "name": "NoSsr",
-  "description": "NoSsr purposely removes components from the subject of Server Side Rendering (SSR).\n\nThis component can be useful in a variety of situations:\n\n* Escape hatch for broken dependencies not supporting SSR.\n* Improve the time-to-first paint on the client by only rendering above the fold.\n* Reduce the rendering time on the server.\n* Under too heavy server load, you can turn on service degradation.",
-  "props": {
-    "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
deleted file mode 100644
index d664e1e880..0000000000
--- a/docs/reference/generated/number-field-decrement.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
-  "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
deleted file mode 100644
index f0f91da8db..0000000000
--- a/docs/reference/generated/number-field-group.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
-  "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
deleted file mode 100644
index 8e261c53e0..0000000000
--- a/docs/reference/generated/number-field-increment.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
-  "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
deleted file mode 100644
index 6af7961f50..0000000000
--- a/docs/reference/generated/number-field-input.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
-  "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
deleted file mode 100644
index 81f1fc6bc1..0000000000
--- a/docs/reference/generated/number-field-root.json
+++ /dev/null
@@ -1,90 +0,0 @@
-{
-  "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
deleted file mode 100644
index 2ff20d0982..0000000000
--- a/docs/reference/generated/number-field-scrub-area-cursor.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
-  "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
deleted file mode 100644
index 4a32d41554..0000000000
--- a/docs/reference/generated/number-field-scrub-area.json
+++ /dev/null
@@ -1,28 +0,0 @@
-{
-  "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
deleted file mode 100644
index 4749485884..0000000000
--- a/docs/reference/generated/popover-arrow.json
+++ /dev/null
@@ -1,19 +0,0 @@
-{
-  "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
deleted file mode 100644
index 43a8ac707e..0000000000
--- a/docs/reference/generated/popover-backdrop.json
+++ /dev/null
@@ -1,24 +0,0 @@
-{
-  "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
deleted file mode 100644
index 3baab6c2aa..0000000000
--- a/docs/reference/generated/popover-close.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
-  "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
deleted file mode 100644
index 110c308889..0000000000
--- a/docs/reference/generated/popover-description.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
-  "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
deleted file mode 100644
index 89a6dd7d93..0000000000
--- a/docs/reference/generated/popover-popup.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
-  "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
deleted file mode 100644
index 29401a21c8..0000000000
--- a/docs/reference/generated/popover-positioner.json
+++ /dev/null
@@ -1,85 +0,0 @@
-{
-  "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
deleted file mode 100644
index b58bcbceeb..0000000000
--- a/docs/reference/generated/popover-root.json
+++ /dev/null
@@ -1,40 +0,0 @@
-{
-  "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
deleted file mode 100644
index 742c33a3f2..0000000000
--- a/docs/reference/generated/popover-title.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
-  "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
deleted file mode 100644
index 7ee59691f6..0000000000
--- a/docs/reference/generated/popover-trigger.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
-  "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
deleted file mode 100644
index 9147270232..0000000000
--- a/docs/reference/generated/preview-card-arrow.json
+++ /dev/null
@@ -1,19 +0,0 @@
-{
-  "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
deleted file mode 100644
index a760afea71..0000000000
--- a/docs/reference/generated/preview-card-backdrop.json
+++ /dev/null
@@ -1,23 +0,0 @@
-{
-  "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
deleted file mode 100644
index 4530d2d01a..0000000000
--- a/docs/reference/generated/preview-card-popup.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
-  "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
deleted file mode 100644
index 6f45b6b421..0000000000
--- a/docs/reference/generated/preview-card-positioner.json
+++ /dev/null
@@ -1,77 +0,0 @@
-{
-  "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
deleted file mode 100644
index 5260f96bd4..0000000000
--- a/docs/reference/generated/preview-card-root.json
+++ /dev/null
@@ -1,35 +0,0 @@
-{
-  "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
deleted file mode 100644
index 34ec38beb6..0000000000
--- a/docs/reference/generated/preview-card-trigger.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
-  "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
deleted file mode 100644
index 30acfdd15d..0000000000
--- a/docs/reference/generated/progress-indicator.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
-  "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
deleted file mode 100644
index 7f3684add5..0000000000
--- a/docs/reference/generated/progress-root.json
+++ /dev/null
@@ -1,54 +0,0 @@
-{
-  "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
deleted file mode 100644
index 22c07ac174..0000000000
--- a/docs/reference/generated/progress-track.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
-  "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
deleted file mode 100644
index ae58ff50c4..0000000000
--- a/docs/reference/generated/radio-group-root.json
+++ /dev/null
@@ -1,45 +0,0 @@
-{
-  "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
deleted file mode 100644
index 6a0cc207d3..0000000000
--- a/docs/reference/generated/radio-indicator.json
+++ /dev/null
@@ -1,19 +0,0 @@
-{
-  "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
deleted file mode 100644
index ba84b73444..0000000000
--- a/docs/reference/generated/radio-root.json
+++ /dev/null
@@ -1,34 +0,0 @@
-{
-  "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
deleted file mode 100644
index d61914a3e1..0000000000
--- a/docs/reference/generated/scroll-area-corner.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
-  "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
deleted file mode 100644
index 5ad043ee21..0000000000
--- a/docs/reference/generated/scroll-area-root.json
+++ /dev/null
@@ -1,19 +0,0 @@
-{
-  "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
deleted file mode 100644
index 77d9df39be..0000000000
--- a/docs/reference/generated/scroll-area-scrollbar.json
+++ /dev/null
@@ -1,24 +0,0 @@
-{
-  "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
deleted file mode 100644
index fdfa39667e..0000000000
--- a/docs/reference/generated/scroll-area-thumb.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
-  "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
deleted file mode 100644
index 0e118a1e01..0000000000
--- a/docs/reference/generated/scroll-area-viewport.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
-  "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
deleted file mode 100644
index bc1d46efd2..0000000000
--- a/docs/reference/generated/select-arrow.json
+++ /dev/null
@@ -1,19 +0,0 @@
-{
-  "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
deleted file mode 100644
index a90d3453d2..0000000000
--- a/docs/reference/generated/select-backdrop.json
+++ /dev/null
@@ -1,24 +0,0 @@
-{
-  "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
deleted file mode 100644
index 206636b1be..0000000000
--- a/docs/reference/generated/select-group-label.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
-  "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
deleted file mode 100644
index 45137972ba..0000000000
--- a/docs/reference/generated/select-group.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
-  "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
deleted file mode 100644
index cc45a1789a..0000000000
--- a/docs/reference/generated/select-icon.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
-  "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
deleted file mode 100644
index fca900b096..0000000000
--- a/docs/reference/generated/select-option-indicator.json
+++ /dev/null
@@ -1,19 +0,0 @@
-{
-  "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
deleted file mode 100644
index 154388a990..0000000000
--- a/docs/reference/generated/select-option-text.json
+++ /dev/null
@@ -1,5 +0,0 @@
-{
-  "name": "SelectOptionText",
-  "description": "",
-  "props": {}
-}
diff --git a/docs/reference/generated/select-option.json b/docs/reference/generated/select-option.json
deleted file mode 100644
index ed2e0c9116..0000000000
--- a/docs/reference/generated/select-option.json
+++ /dev/null
@@ -1,20 +0,0 @@
-{
-  "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
deleted file mode 100644
index 81eb4dde51..0000000000
--- a/docs/reference/generated/select-popup.json
+++ /dev/null
@@ -1,18 +0,0 @@
-{
-  "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
deleted file mode 100644
index 9f26988621..0000000000
--- a/docs/reference/generated/select-positioner.json
+++ /dev/null
@@ -1,77 +0,0 @@
-{
-  "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
deleted file mode 100644
index cb26d3dfdf..0000000000
--- a/docs/reference/generated/select-root.json
+++ /dev/null
@@ -1,61 +0,0 @@
-{
-  "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
deleted file mode 100644
index 5bd4ed803c..0000000000
--- a/docs/reference/generated/select-scroll-down-arrow.json
+++ /dev/null
@@ -1,11 +0,0 @@
-{
-  "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
deleted file mode 100644
index 6a28db98e3..0000000000
--- a/docs/reference/generated/select-scroll-up-arrow.json
+++ /dev/null
@@ -1,11 +0,0 @@
-{
-  "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
deleted file mode 100644
index 24a9b98b9e..0000000000
--- a/docs/reference/generated/select-trigger.json
+++ /dev/null
@@ -1,28 +0,0 @@
-{
-  "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
deleted file mode 100644
index 6874711e88..0000000000
--- a/docs/reference/generated/select-value.json
+++ /dev/null
@@ -1,18 +0,0 @@
-{
-  "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
deleted file mode 100644
index 40049c121e..0000000000
--- a/docs/reference/generated/separator-root.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
-  "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
deleted file mode 100644
index f940cee49a..0000000000
--- a/docs/reference/generated/slider-control.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
-  "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
deleted file mode 100644
index cbe7772d4e..0000000000
--- a/docs/reference/generated/slider-indicator.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
-  "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
deleted file mode 100644
index 797dd8bac4..0000000000
--- a/docs/reference/generated/slider-output.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
-  "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
deleted file mode 100644
index 2eff7c49be..0000000000
--- a/docs/reference/generated/slider-root.json
+++ /dev/null
@@ -1,59 +0,0 @@
-{
-  "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
deleted file mode 100644
index 29ffa3728b..0000000000
--- a/docs/reference/generated/slider-thumb.json
+++ /dev/null
@@ -1,30 +0,0 @@
-{
-  "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
deleted file mode 100644
index b5686ac98d..0000000000
--- a/docs/reference/generated/slider-track.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
-  "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
deleted file mode 100644
index 2d01523870..0000000000
--- a/docs/reference/generated/submenu-trigger.json
+++ /dev/null
@@ -1,23 +0,0 @@
-{
-  "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
deleted file mode 100644
index dc989c38c3..0000000000
--- a/docs/reference/generated/switch-root.json
+++ /dev/null
@@ -1,49 +0,0 @@
-{
-  "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
deleted file mode 100644
index 4dbb6e7337..0000000000
--- a/docs/reference/generated/switch-thumb.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
-  "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
deleted file mode 100644
index d678ec26a3..0000000000
--- a/docs/reference/generated/tab-indicator.json
+++ /dev/null
@@ -1,19 +0,0 @@
-{
-  "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
deleted file mode 100644
index 6bc569685a..0000000000
--- a/docs/reference/generated/tab-panel.json
+++ /dev/null
@@ -1,23 +0,0 @@
-{
-  "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
deleted file mode 100644
index 733e416638..0000000000
--- a/docs/reference/generated/tab.json
+++ /dev/null
@@ -1,18 +0,0 @@
-{
-  "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
deleted file mode 100644
index 3038aa192e..0000000000
--- a/docs/reference/generated/tabs-list.json
+++ /dev/null
@@ -1,24 +0,0 @@
-{
-  "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
deleted file mode 100644
index fbef93c3f9..0000000000
--- a/docs/reference/generated/tabs-root.json
+++ /dev/null
@@ -1,36 +0,0 @@
-{
-  "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
deleted file mode 100644
index 2e991719c8..0000000000
--- a/docs/reference/generated/text-input.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
-  "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
deleted file mode 100644
index 23ed82b3d6..0000000000
--- a/docs/reference/generated/tooltip-arrow.json
+++ /dev/null
@@ -1,19 +0,0 @@
-{
-  "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
deleted file mode 100644
index 9fc245cc15..0000000000
--- a/docs/reference/generated/tooltip-popup.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
-  "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
deleted file mode 100644
index 6ad8b5c0e5..0000000000
--- a/docs/reference/generated/tooltip-positioner.json
+++ /dev/null
@@ -1,77 +0,0 @@
-{
-  "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
deleted file mode 100644
index 2bf874b755..0000000000
--- a/docs/reference/generated/tooltip-provider.json
+++ /dev/null
@@ -1,19 +0,0 @@
-{
-  "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
deleted file mode 100644
index 2afc865fb7..0000000000
--- a/docs/reference/generated/tooltip-root.json
+++ /dev/null
@@ -1,45 +0,0 @@
-{
-  "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
deleted file mode 100644
index be016eb744..0000000000
--- a/docs/reference/generated/tooltip-trigger.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
-  "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."
-    }
-  }
-}

From 74e08b78ce2725bf09cd63fb78855c5f4cacf214 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Dudak?= <michal@mui.com>
Date: Mon, 18 Nov 2024 14:41:22 +0100
Subject: [PATCH 7/7] docs:api

---
 .../reference/generated/accordion-header.json | 14 +++
 docs/reference/generated/accordion-item.json  | 23 +++++
 docs/reference/generated/accordion-panel.json | 19 ++++
 docs/reference/generated/accordion-root.json  | 47 ++++++++++
 .../generated/accordion-trigger.json          | 14 +++
 .../generated/alert-dialog-backdrop.json      | 19 ++++
 .../generated/alert-dialog-close.json         | 14 +++
 .../generated/alert-dialog-description.json   | 14 +++
 .../generated/alert-dialog-popup.json         | 31 +++++++
 .../generated/alert-dialog-root.json          | 23 +++++
 .../generated/alert-dialog-title.json         | 14 +++
 .../generated/alert-dialog-trigger.json       | 14 +++
 .../generated/checkbox-group-root.json        | 40 +++++++++
 .../generated/checkbox-indicator.json         | 19 ++++
 docs/reference/generated/checkbox-root.json   | 62 +++++++++++++
 .../generated/collapsible-panel.json          | 19 ++++
 .../reference/generated/collapsible-root.json | 37 ++++++++
 .../generated/collapsible-trigger.json        | 14 +++
 docs/reference/generated/dialog-backdrop.json | 33 +++++++
 docs/reference/generated/dialog-close.json    | 14 +++
 .../generated/dialog-description.json         | 14 +++
 docs/reference/generated/dialog-popup.json    | 58 ++++++++++++
 docs/reference/generated/dialog-root.json     | 33 +++++++
 docs/reference/generated/dialog-title.json    | 14 +++
 docs/reference/generated/dialog-trigger.json  | 22 +++++
 docs/reference/generated/field-control.json   | 18 ++++
 .../generated/field-description.json          | 14 +++
 docs/reference/generated/field-error.json     | 22 +++++
 docs/reference/generated/field-label.json     | 14 +++
 docs/reference/generated/field-root.json      | 41 +++++++++
 docs/reference/generated/field-validity.json  | 10 +++
 docs/reference/generated/fieldset-legend.json | 14 +++
 docs/reference/generated/fieldset-root.json   | 14 +++
 docs/reference/generated/form-root.json       | 22 +++++
 docs/reference/generated/menu-arrow.json      | 19 ++++
 .../menu-checkbox-item-indicator.json         | 19 ++++
 .../generated/menu-checkbox-item.json         | 28 ++++++
 .../reference/generated/menu-group-label.json | 14 +++
 docs/reference/generated/menu-group.json      | 18 ++++
 docs/reference/generated/menu-item.json       | 28 ++++++
 docs/reference/generated/menu-popup.json      | 18 ++++
 docs/reference/generated/menu-positioner.json | 77 ++++++++++++++++
 .../reference/generated/menu-radio-group.json | 31 +++++++
 .../generated/menu-radio-item-indicator.json  | 19 ++++
 docs/reference/generated/menu-radio-item.json | 33 +++++++
 docs/reference/generated/menu-root.json       | 58 ++++++++++++
 docs/reference/generated/menu-trigger.json    | 23 +++++
 docs/reference/generated/no-ssr.json          | 20 +++++
 .../generated/number-field-decrement.json     | 14 +++
 .../generated/number-field-group.json         | 14 +++
 .../generated/number-field-increment.json     | 14 +++
 .../generated/number-field-input.json         | 14 +++
 .../generated/number-field-root.json          | 90 +++++++++++++++++++
 .../number-field-scrub-area-cursor.json       | 14 +++
 .../generated/number-field-scrub-area.json    | 28 ++++++
 docs/reference/generated/popover-arrow.json   | 19 ++++
 .../reference/generated/popover-backdrop.json | 24 +++++
 docs/reference/generated/popover-close.json   | 14 +++
 .../generated/popover-description.json        | 14 +++
 docs/reference/generated/popover-popup.json   | 14 +++
 .../generated/popover-positioner.json         | 85 ++++++++++++++++++
 docs/reference/generated/popover-root.json    | 40 +++++++++
 docs/reference/generated/popover-title.json   | 14 +++
 docs/reference/generated/popover-trigger.json | 14 +++
 .../generated/preview-card-arrow.json         | 19 ++++
 .../generated/preview-card-backdrop.json      | 23 +++++
 .../generated/preview-card-popup.json         | 14 +++
 .../generated/preview-card-positioner.json    | 77 ++++++++++++++++
 .../generated/preview-card-root.json          | 35 ++++++++
 .../generated/preview-card-trigger.json       | 14 +++
 .../generated/progress-indicator.json         | 14 +++
 docs/reference/generated/progress-root.json   | 54 +++++++++++
 docs/reference/generated/progress-track.json  | 14 +++
 .../reference/generated/radio-group-root.json | 45 ++++++++++
 docs/reference/generated/radio-indicator.json | 19 ++++
 docs/reference/generated/radio-root.json      | 34 +++++++
 .../generated/scroll-area-corner.json         | 14 +++
 .../reference/generated/scroll-area-root.json | 19 ++++
 .../generated/scroll-area-scrollbar.json      | 24 +++++
 .../generated/scroll-area-thumb.json          | 14 +++
 .../generated/scroll-area-viewport.json       | 14 +++
 docs/reference/generated/select-arrow.json    | 19 ++++
 docs/reference/generated/select-backdrop.json | 24 +++++
 .../generated/select-group-label.json         | 14 +++
 docs/reference/generated/select-group.json    | 14 +++
 docs/reference/generated/select-icon.json     | 14 +++
 .../generated/select-option-indicator.json    | 19 ++++
 .../generated/select-option-text.json         |  5 ++
 docs/reference/generated/select-option.json   | 20 +++++
 docs/reference/generated/select-popup.json    | 18 ++++
 .../generated/select-positioner.json          | 77 ++++++++++++++++
 docs/reference/generated/select-root.json     | 61 +++++++++++++
 .../generated/select-scroll-down-arrow.json   | 11 +++
 .../generated/select-scroll-up-arrow.json     | 11 +++
 docs/reference/generated/select-trigger.json  | 28 ++++++
 docs/reference/generated/select-value.json    | 18 ++++
 docs/reference/generated/separator-root.json  | 14 +++
 docs/reference/generated/slider-control.json  | 14 +++
 .../reference/generated/slider-indicator.json | 14 +++
 docs/reference/generated/slider-output.json   | 14 +++
 docs/reference/generated/slider-root.json     | 59 ++++++++++++
 docs/reference/generated/slider-thumb.json    | 30 +++++++
 docs/reference/generated/slider-track.json    | 14 +++
 docs/reference/generated/submenu-trigger.json | 23 +++++
 docs/reference/generated/switch-root.json     | 49 ++++++++++
 docs/reference/generated/switch-thumb.json    | 14 +++
 docs/reference/generated/tab-indicator.json   | 19 ++++
 docs/reference/generated/tab-panel.json       | 23 +++++
 docs/reference/generated/tab.json             | 18 ++++
 docs/reference/generated/tabs-list.json       | 24 +++++
 docs/reference/generated/tabs-root.json       | 36 ++++++++
 docs/reference/generated/text-input.json      | 14 +++
 docs/reference/generated/tooltip-arrow.json   | 19 ++++
 docs/reference/generated/tooltip-popup.json   | 14 +++
 .../generated/tooltip-positioner.json         | 77 ++++++++++++++++
 .../reference/generated/tooltip-provider.json | 19 ++++
 docs/reference/generated/tooltip-root.json    | 45 ++++++++++
 docs/reference/generated/tooltip-trigger.json | 14 +++
 118 files changed, 2992 insertions(+)
 create mode 100644 docs/reference/generated/accordion-header.json
 create mode 100644 docs/reference/generated/accordion-item.json
 create mode 100644 docs/reference/generated/accordion-panel.json
 create mode 100644 docs/reference/generated/accordion-root.json
 create mode 100644 docs/reference/generated/accordion-trigger.json
 create mode 100644 docs/reference/generated/alert-dialog-backdrop.json
 create mode 100644 docs/reference/generated/alert-dialog-close.json
 create mode 100644 docs/reference/generated/alert-dialog-description.json
 create mode 100644 docs/reference/generated/alert-dialog-popup.json
 create mode 100644 docs/reference/generated/alert-dialog-root.json
 create mode 100644 docs/reference/generated/alert-dialog-title.json
 create mode 100644 docs/reference/generated/alert-dialog-trigger.json
 create mode 100644 docs/reference/generated/checkbox-group-root.json
 create mode 100644 docs/reference/generated/checkbox-indicator.json
 create mode 100644 docs/reference/generated/checkbox-root.json
 create mode 100644 docs/reference/generated/collapsible-panel.json
 create mode 100644 docs/reference/generated/collapsible-root.json
 create mode 100644 docs/reference/generated/collapsible-trigger.json
 create mode 100644 docs/reference/generated/dialog-backdrop.json
 create mode 100644 docs/reference/generated/dialog-close.json
 create mode 100644 docs/reference/generated/dialog-description.json
 create mode 100644 docs/reference/generated/dialog-popup.json
 create mode 100644 docs/reference/generated/dialog-root.json
 create mode 100644 docs/reference/generated/dialog-title.json
 create mode 100644 docs/reference/generated/dialog-trigger.json
 create mode 100644 docs/reference/generated/field-control.json
 create mode 100644 docs/reference/generated/field-description.json
 create mode 100644 docs/reference/generated/field-error.json
 create mode 100644 docs/reference/generated/field-label.json
 create mode 100644 docs/reference/generated/field-root.json
 create mode 100644 docs/reference/generated/field-validity.json
 create mode 100644 docs/reference/generated/fieldset-legend.json
 create mode 100644 docs/reference/generated/fieldset-root.json
 create mode 100644 docs/reference/generated/form-root.json
 create mode 100644 docs/reference/generated/menu-arrow.json
 create mode 100644 docs/reference/generated/menu-checkbox-item-indicator.json
 create mode 100644 docs/reference/generated/menu-checkbox-item.json
 create mode 100644 docs/reference/generated/menu-group-label.json
 create mode 100644 docs/reference/generated/menu-group.json
 create mode 100644 docs/reference/generated/menu-item.json
 create mode 100644 docs/reference/generated/menu-popup.json
 create mode 100644 docs/reference/generated/menu-positioner.json
 create mode 100644 docs/reference/generated/menu-radio-group.json
 create mode 100644 docs/reference/generated/menu-radio-item-indicator.json
 create mode 100644 docs/reference/generated/menu-radio-item.json
 create mode 100644 docs/reference/generated/menu-root.json
 create mode 100644 docs/reference/generated/menu-trigger.json
 create mode 100644 docs/reference/generated/no-ssr.json
 create mode 100644 docs/reference/generated/number-field-decrement.json
 create mode 100644 docs/reference/generated/number-field-group.json
 create mode 100644 docs/reference/generated/number-field-increment.json
 create mode 100644 docs/reference/generated/number-field-input.json
 create mode 100644 docs/reference/generated/number-field-root.json
 create mode 100644 docs/reference/generated/number-field-scrub-area-cursor.json
 create mode 100644 docs/reference/generated/number-field-scrub-area.json
 create mode 100644 docs/reference/generated/popover-arrow.json
 create mode 100644 docs/reference/generated/popover-backdrop.json
 create mode 100644 docs/reference/generated/popover-close.json
 create mode 100644 docs/reference/generated/popover-description.json
 create mode 100644 docs/reference/generated/popover-popup.json
 create mode 100644 docs/reference/generated/popover-positioner.json
 create mode 100644 docs/reference/generated/popover-root.json
 create mode 100644 docs/reference/generated/popover-title.json
 create mode 100644 docs/reference/generated/popover-trigger.json
 create mode 100644 docs/reference/generated/preview-card-arrow.json
 create mode 100644 docs/reference/generated/preview-card-backdrop.json
 create mode 100644 docs/reference/generated/preview-card-popup.json
 create mode 100644 docs/reference/generated/preview-card-positioner.json
 create mode 100644 docs/reference/generated/preview-card-root.json
 create mode 100644 docs/reference/generated/preview-card-trigger.json
 create mode 100644 docs/reference/generated/progress-indicator.json
 create mode 100644 docs/reference/generated/progress-root.json
 create mode 100644 docs/reference/generated/progress-track.json
 create mode 100644 docs/reference/generated/radio-group-root.json
 create mode 100644 docs/reference/generated/radio-indicator.json
 create mode 100644 docs/reference/generated/radio-root.json
 create mode 100644 docs/reference/generated/scroll-area-corner.json
 create mode 100644 docs/reference/generated/scroll-area-root.json
 create mode 100644 docs/reference/generated/scroll-area-scrollbar.json
 create mode 100644 docs/reference/generated/scroll-area-thumb.json
 create mode 100644 docs/reference/generated/scroll-area-viewport.json
 create mode 100644 docs/reference/generated/select-arrow.json
 create mode 100644 docs/reference/generated/select-backdrop.json
 create mode 100644 docs/reference/generated/select-group-label.json
 create mode 100644 docs/reference/generated/select-group.json
 create mode 100644 docs/reference/generated/select-icon.json
 create mode 100644 docs/reference/generated/select-option-indicator.json
 create mode 100644 docs/reference/generated/select-option-text.json
 create mode 100644 docs/reference/generated/select-option.json
 create mode 100644 docs/reference/generated/select-popup.json
 create mode 100644 docs/reference/generated/select-positioner.json
 create mode 100644 docs/reference/generated/select-root.json
 create mode 100644 docs/reference/generated/select-scroll-down-arrow.json
 create mode 100644 docs/reference/generated/select-scroll-up-arrow.json
 create mode 100644 docs/reference/generated/select-trigger.json
 create mode 100644 docs/reference/generated/select-value.json
 create mode 100644 docs/reference/generated/separator-root.json
 create mode 100644 docs/reference/generated/slider-control.json
 create mode 100644 docs/reference/generated/slider-indicator.json
 create mode 100644 docs/reference/generated/slider-output.json
 create mode 100644 docs/reference/generated/slider-root.json
 create mode 100644 docs/reference/generated/slider-thumb.json
 create mode 100644 docs/reference/generated/slider-track.json
 create mode 100644 docs/reference/generated/submenu-trigger.json
 create mode 100644 docs/reference/generated/switch-root.json
 create mode 100644 docs/reference/generated/switch-thumb.json
 create mode 100644 docs/reference/generated/tab-indicator.json
 create mode 100644 docs/reference/generated/tab-panel.json
 create mode 100644 docs/reference/generated/tab.json
 create mode 100644 docs/reference/generated/tabs-list.json
 create mode 100644 docs/reference/generated/tabs-root.json
 create mode 100644 docs/reference/generated/text-input.json
 create mode 100644 docs/reference/generated/tooltip-arrow.json
 create mode 100644 docs/reference/generated/tooltip-popup.json
 create mode 100644 docs/reference/generated/tooltip-positioner.json
 create mode 100644 docs/reference/generated/tooltip-provider.json
 create mode 100644 docs/reference/generated/tooltip-root.json
 create mode 100644 docs/reference/generated/tooltip-trigger.json

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."
+    }
+  }
+}