diff --git a/.codesandbox/ci.json b/.codesandbox/ci.json
index bb915d7fe8..a7686ed1c7 100644
--- a/.codesandbox/ci.json
+++ b/.codesandbox/ci.json
@@ -4,7 +4,7 @@
   "node": "18",
   "packages": ["packages/mui-base"],
   "publishDirectory": {
-    "@base_ui/react": "packages/mui-base/build"
+    "@base-ui-components/react": "packages/mui-base/build"
   },
   "sandboxes": ["/.codesandbox/template"],
   "silent": true
diff --git a/.codesandbox/template/package.json b/.codesandbox/template/package.json
index d1883a84b2..1f767e9692 100644
--- a/.codesandbox/template/package.json
+++ b/.codesandbox/template/package.json
@@ -3,7 +3,7 @@
   "version": "5.0.0",
   "private": true,
   "dependencies": {
-    "@base_ui/react": "latest",
+    "@base-ui-components/react": "latest",
     "@types/react": "latest",
     "@types/react-dom": "latest",
     "react": "latest",
diff --git a/.eslintrc.js b/.eslintrc.js
index affd0f6ed3..ff71e90c51 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -8,7 +8,7 @@ const OneLevelImportMessage = [
 
 const NO_RESTRICTED_IMPORTS_PATTERNS_DEEPLY_NESTED = [
   {
-    group: ['@base_ui/react/*/*'],
+    group: ['@base-ui-components/react/*/*'],
     message: OneLevelImportMessage,
   },
 ];
diff --git a/README.md b/README.md
index 8465069500..25147dade0 100644
--- a/README.md
+++ b/README.md
@@ -7,8 +7,8 @@ Base UI is an unstyled React UI component library for building accessible user
 <div align="center">
 
 [![License](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/mui/base-ui/blob/HEAD/LICENSE)
-[![npm latest package](https://img.shields.io/npm/v/@base_ui/react/latest.svg)](https://www.npmjs.com/package/@base_ui/react)
-[![npm downloads](https://img.shields.io/npm/dm/@base_ui/react.svg)](https://www.npmjs.com/package/@base_ui/react)
+[![npm latest package](https://img.shields.io/npm/v/@base-ui-components/react/latest.svg)](https://www.npmjs.com/package/@base-ui-components/react)
+[![npm downloads](https://img.shields.io/npm/dm/@base-ui-components/react.svg)](https://www.npmjs.com/package/@base-ui-components/react)
 [![GitHub branch status](https://img.shields.io/github/checks-status/mui/base-ui/HEAD)](https://github.com/mui/base-ui/commits/HEAD/)
 [![Coverage status](https://img.shields.io/codecov/c/github/mui/base-ui.svg)](https://app.codecov.io/gh/mui/base-ui/)
 [![Follow on X](https://img.shields.io/twitter/follow/Base_UI.svg?label=follow+Base+UI)](https://x.com/Base_UI)
diff --git a/babel.config.js b/babel.config.js
index 600a3b4d31..88f379d6dd 100644
--- a/babel.config.js
+++ b/babel.config.js
@@ -16,7 +16,7 @@ module.exports = function getBabelConfig(api) {
   const useESModules = api.env(['regressions', 'stable', 'rollup']);
 
   const defaultAlias = {
-    '@base_ui/react': resolveAliasPath('./packages/mui-base/src'),
+    '@base-ui-components/react': resolveAliasPath('./packages/mui-base/src'),
     docs: resolveAliasPath('./docs'),
     test: resolveAliasPath('./test'),
     '@mui-internal/api-docs-builder': resolveAliasPath(
diff --git a/docs/data/api/accordion-header.json b/docs/data/api/accordion-header.json
index b1399816f8..ce2d17bfda 100644
--- a/docs/data/api/accordion-header.json
+++ b/docs/data/api/accordion-header.json
@@ -5,7 +5,7 @@
   },
   "name": "AccordionHeader",
   "imports": [
-    "import { Accordion } from '@base_ui/react/Accordion';\nconst AccordionHeader = Accordion.Header;"
+    "import { Accordion } from '@base-ui-components/react/Accordion';\nconst AccordionHeader = Accordion.Header;"
   ],
   "classes": [],
   "spread": true,
diff --git a/docs/data/api/accordion-heading.json b/docs/data/api/accordion-heading.json
index 72627dc089..b1e0d077c1 100644
--- a/docs/data/api/accordion-heading.json
+++ b/docs/data/api/accordion-heading.json
@@ -5,7 +5,7 @@
   },
   "name": "AccordionHeading",
   "imports": [
-    "import { Accordion } from '@base_ui/react/Accordion';\nconst AccordionHeading = Accordion.Heading;"
+    "import { Accordion } from '@base-ui-components/react/Accordion';\nconst AccordionHeading = Accordion.Heading;"
   ],
   "classes": [],
   "spread": true,
diff --git a/docs/data/api/accordion-item.json b/docs/data/api/accordion-item.json
index c708653f6b..e66e6235b8 100644
--- a/docs/data/api/accordion-item.json
+++ b/docs/data/api/accordion-item.json
@@ -7,7 +7,7 @@
   },
   "name": "AccordionItem",
   "imports": [
-    "import { Accordion } from '@base_ui/react/Accordion';\nconst AccordionItem = Accordion.Item;"
+    "import { Accordion } from '@base-ui-components/react/Accordion';\nconst AccordionItem = Accordion.Item;"
   ],
   "classes": [],
   "spread": true,
diff --git a/docs/data/api/accordion-panel.json b/docs/data/api/accordion-panel.json
index dd8247c8bc..2f83fff60a 100644
--- a/docs/data/api/accordion-panel.json
+++ b/docs/data/api/accordion-panel.json
@@ -6,7 +6,7 @@
   },
   "name": "AccordionPanel",
   "imports": [
-    "import { Accordion } from '@base_ui/react/Accordion';\nconst AccordionPanel = Accordion.Panel;"
+    "import { Accordion } from '@base-ui-components/react/Accordion';\nconst AccordionPanel = Accordion.Panel;"
   ],
   "classes": [],
   "spread": true,
diff --git a/docs/data/api/accordion-root.json b/docs/data/api/accordion-root.json
index 9747dc52f0..5b8c7a13f5 100644
--- a/docs/data/api/accordion-root.json
+++ b/docs/data/api/accordion-root.json
@@ -17,7 +17,7 @@
   },
   "name": "AccordionRoot",
   "imports": [
-    "import { Accordion } from '@base_ui/react/Accordion';\nconst AccordionRoot = Accordion.Root;"
+    "import { Accordion } from '@base-ui-components/react/Accordion';\nconst AccordionRoot = Accordion.Root;"
   ],
   "classes": [],
   "spread": true,
diff --git a/docs/data/api/accordion-section.json b/docs/data/api/accordion-section.json
index 8736770302..02e3a63fc7 100644
--- a/docs/data/api/accordion-section.json
+++ b/docs/data/api/accordion-section.json
@@ -7,7 +7,7 @@
   },
   "name": "AccordionSection",
   "imports": [
-    "import { Accordion } from '@base_ui/react/Accordion';\nconst AccordionSection = Accordion.Section;"
+    "import { Accordion } from '@base-ui-components/react/Accordion';\nconst AccordionSection = Accordion.Section;"
   ],
   "classes": [],
   "spread": true,
diff --git a/docs/data/api/accordion-trigger.json b/docs/data/api/accordion-trigger.json
index 0a1dda62cb..d3189116f9 100644
--- a/docs/data/api/accordion-trigger.json
+++ b/docs/data/api/accordion-trigger.json
@@ -5,7 +5,7 @@
   },
   "name": "AccordionTrigger",
   "imports": [
-    "import { Accordion } from '@base_ui/react/Accordion';\nconst AccordionTrigger = Accordion.Trigger;"
+    "import { Accordion } from '@base-ui-components/react/Accordion';\nconst AccordionTrigger = Accordion.Trigger;"
   ],
   "classes": [],
   "spread": true,
diff --git a/docs/data/api/alert-dialog-backdrop.json b/docs/data/api/alert-dialog-backdrop.json
index 4a4cadeae5..3d89816e7b 100644
--- a/docs/data/api/alert-dialog-backdrop.json
+++ b/docs/data/api/alert-dialog-backdrop.json
@@ -6,7 +6,7 @@
   },
   "name": "AlertDialogBackdrop",
   "imports": [
-    "import { AlertDialog } from '@base_ui/react/AlertDialog';\nconst AlertDialogBackdrop = AlertDialog.Backdrop;"
+    "import { AlertDialog } from '@base-ui-components/react/AlertDialog';\nconst AlertDialogBackdrop = AlertDialog.Backdrop;"
   ],
   "classes": [],
   "spread": true,
diff --git a/docs/data/api/alert-dialog-close.json b/docs/data/api/alert-dialog-close.json
index 04e289d03a..c0555fcdf5 100644
--- a/docs/data/api/alert-dialog-close.json
+++ b/docs/data/api/alert-dialog-close.json
@@ -5,7 +5,7 @@
   },
   "name": "AlertDialogClose",
   "imports": [
-    "import { AlertDialog } from '@base_ui/react/AlertDialog';\nconst AlertDialogClose = AlertDialog.Close;"
+    "import { AlertDialog } from '@base-ui-components/react/AlertDialog';\nconst AlertDialogClose = AlertDialog.Close;"
   ],
   "classes": [],
   "spread": true,
diff --git a/docs/data/api/alert-dialog-description.json b/docs/data/api/alert-dialog-description.json
index ac3110306d..e8966ba6e7 100644
--- a/docs/data/api/alert-dialog-description.json
+++ b/docs/data/api/alert-dialog-description.json
@@ -5,7 +5,7 @@
   },
   "name": "AlertDialogDescription",
   "imports": [
-    "import { AlertDialog } from '@base_ui/react/AlertDialog';\nconst AlertDialogDescription = AlertDialog.Description;"
+    "import { AlertDialog } from '@base-ui-components/react/AlertDialog';\nconst AlertDialogDescription = AlertDialog.Description;"
   ],
   "classes": [],
   "spread": true,
diff --git a/docs/data/api/alert-dialog-popup.json b/docs/data/api/alert-dialog-popup.json
index fd27087ef8..2368ff1ca7 100644
--- a/docs/data/api/alert-dialog-popup.json
+++ b/docs/data/api/alert-dialog-popup.json
@@ -9,7 +9,7 @@
   },
   "name": "AlertDialogPopup",
   "imports": [
-    "import { AlertDialog } from '@base_ui/react/AlertDialog';\nconst AlertDialogPopup = AlertDialog.Popup;"
+    "import { AlertDialog } from '@base-ui-components/react/AlertDialog';\nconst AlertDialogPopup = AlertDialog.Popup;"
   ],
   "classes": [],
   "spread": true,
diff --git a/docs/data/api/alert-dialog-root.json b/docs/data/api/alert-dialog-root.json
index 0d12c7da09..66e3acb006 100644
--- a/docs/data/api/alert-dialog-root.json
+++ b/docs/data/api/alert-dialog-root.json
@@ -7,7 +7,7 @@
   },
   "name": "AlertDialogRoot",
   "imports": [
-    "import { AlertDialog } from '@base_ui/react/AlertDialog';\nconst AlertDialogRoot = AlertDialog.Root;"
+    "import { AlertDialog } from '@base-ui-components/react/AlertDialog';\nconst AlertDialogRoot = AlertDialog.Root;"
   ],
   "classes": [],
   "spread": true,
diff --git a/docs/data/api/alert-dialog-title.json b/docs/data/api/alert-dialog-title.json
index 7ad51049ee..0359fa9731 100644
--- a/docs/data/api/alert-dialog-title.json
+++ b/docs/data/api/alert-dialog-title.json
@@ -5,7 +5,7 @@
   },
   "name": "AlertDialogTitle",
   "imports": [
-    "import { AlertDialog } from '@base_ui/react/AlertDialog';\nconst AlertDialogTitle = AlertDialog.Title;"
+    "import { AlertDialog } from '@base-ui-components/react/AlertDialog';\nconst AlertDialogTitle = AlertDialog.Title;"
   ],
   "classes": [],
   "spread": true,
diff --git a/docs/data/api/alert-dialog-trigger.json b/docs/data/api/alert-dialog-trigger.json
index 9e32aadbae..c75bd7a0fa 100644
--- a/docs/data/api/alert-dialog-trigger.json
+++ b/docs/data/api/alert-dialog-trigger.json
@@ -5,7 +5,7 @@
   },
   "name": "AlertDialogTrigger",
   "imports": [
-    "import { AlertDialog } from '@base_ui/react/AlertDialog';\nconst AlertDialogTrigger = AlertDialog.Trigger;"
+    "import { AlertDialog } from '@base-ui-components/react/AlertDialog';\nconst AlertDialogTrigger = AlertDialog.Trigger;"
   ],
   "classes": [],
   "spread": true,
diff --git a/docs/data/api/checkbox-group-root.json b/docs/data/api/checkbox-group-root.json
index b030723dc8..75c74ca08c 100644
--- a/docs/data/api/checkbox-group-root.json
+++ b/docs/data/api/checkbox-group-root.json
@@ -11,7 +11,7 @@
   },
   "name": "CheckboxGroupRoot",
   "imports": [
-    "import { CheckboxGroup } from '@base_ui/react/CheckboxGroup';\nconst CheckboxGroupRoot = CheckboxGroup.Root;"
+    "import { CheckboxGroup } from '@base-ui-components/react/CheckboxGroup';\nconst CheckboxGroupRoot = CheckboxGroup.Root;"
   ],
   "classes": [],
   "spread": true,
diff --git a/docs/data/api/checkbox-indicator.json b/docs/data/api/checkbox-indicator.json
index 042044e63c..8e0ec57846 100644
--- a/docs/data/api/checkbox-indicator.json
+++ b/docs/data/api/checkbox-indicator.json
@@ -6,7 +6,7 @@
   },
   "name": "CheckboxIndicator",
   "imports": [
-    "import { Checkbox } from '@base_ui/react/Checkbox';\nconst CheckboxIndicator = Checkbox.Indicator;"
+    "import { Checkbox } from '@base-ui-components/react/Checkbox';\nconst CheckboxIndicator = Checkbox.Indicator;"
   ],
   "classes": [],
   "spread": true,
diff --git a/docs/data/api/checkbox-root.json b/docs/data/api/checkbox-root.json
index a9dff6d981..de8d759bb4 100644
--- a/docs/data/api/checkbox-root.json
+++ b/docs/data/api/checkbox-root.json
@@ -23,7 +23,7 @@
   },
   "name": "CheckboxRoot",
   "imports": [
-    "import { Checkbox } from '@base_ui/react/Checkbox';\nconst CheckboxRoot = Checkbox.Root;"
+    "import { Checkbox } from '@base-ui-components/react/Checkbox';\nconst CheckboxRoot = Checkbox.Root;"
   ],
   "classes": [],
   "spread": true,
diff --git a/docs/data/api/collapsible-content.json b/docs/data/api/collapsible-content.json
index 424829be72..640786482e 100644
--- a/docs/data/api/collapsible-content.json
+++ b/docs/data/api/collapsible-content.json
@@ -6,7 +6,7 @@
   },
   "name": "CollapsibleContent",
   "imports": [
-    "import { Collapsible } from '@base_ui/react/Collapsible';\nconst CollapsibleContent = Collapsible.Content;"
+    "import { Collapsible } from '@base-ui-components/react/Collapsible';\nconst CollapsibleContent = Collapsible.Content;"
   ],
   "classes": [],
   "spread": true,
diff --git a/docs/data/api/collapsible-panel.json b/docs/data/api/collapsible-panel.json
index 35c82f11f1..b32458b3e7 100644
--- a/docs/data/api/collapsible-panel.json
+++ b/docs/data/api/collapsible-panel.json
@@ -6,7 +6,7 @@
   },
   "name": "CollapsiblePanel",
   "imports": [
-    "import { Collapsible } from '@base_ui/react/Collapsible';\nconst CollapsiblePanel = Collapsible.Panel;"
+    "import { Collapsible } from '@base-ui-components/react/Collapsible';\nconst CollapsiblePanel = Collapsible.Panel;"
   ],
   "classes": [],
   "spread": true,
diff --git a/docs/data/api/collapsible-root.json b/docs/data/api/collapsible-root.json
index 911399fe45..7d31bfd3bd 100644
--- a/docs/data/api/collapsible-root.json
+++ b/docs/data/api/collapsible-root.json
@@ -10,7 +10,7 @@
   },
   "name": "CollapsibleRoot",
   "imports": [
-    "import { Collapsible } from '@base_ui/react/Collapsible';\nconst CollapsibleRoot = Collapsible.Root;"
+    "import { Collapsible } from '@base-ui-components/react/Collapsible';\nconst CollapsibleRoot = Collapsible.Root;"
   ],
   "classes": [],
   "spread": true,
diff --git a/docs/data/api/collapsible-trigger.json b/docs/data/api/collapsible-trigger.json
index 784494b73a..bcfab03f24 100644
--- a/docs/data/api/collapsible-trigger.json
+++ b/docs/data/api/collapsible-trigger.json
@@ -5,7 +5,7 @@
   },
   "name": "CollapsibleTrigger",
   "imports": [
-    "import { Collapsible } from '@base_ui/react/Collapsible';\nconst CollapsibleTrigger = Collapsible.Trigger;"
+    "import { Collapsible } from '@base-ui-components/react/Collapsible';\nconst CollapsibleTrigger = Collapsible.Trigger;"
   ],
   "classes": [],
   "spread": true,
diff --git a/docs/data/api/dialog-backdrop.json b/docs/data/api/dialog-backdrop.json
index 9a48a406a5..2164223f4b 100644
--- a/docs/data/api/dialog-backdrop.json
+++ b/docs/data/api/dialog-backdrop.json
@@ -6,7 +6,7 @@
   },
   "name": "DialogBackdrop",
   "imports": [
-    "import { Dialog } from '@base_ui/react/Dialog';\nconst DialogBackdrop = Dialog.Backdrop;"
+    "import { Dialog } from '@base-ui-components/react/Dialog';\nconst DialogBackdrop = Dialog.Backdrop;"
   ],
   "classes": [],
   "spread": true,
diff --git a/docs/data/api/dialog-close.json b/docs/data/api/dialog-close.json
index 1229ef4450..e5b0a23f38 100644
--- a/docs/data/api/dialog-close.json
+++ b/docs/data/api/dialog-close.json
@@ -4,7 +4,9 @@
     "render": { "type": { "name": "union", "description": "element<br>&#124;&nbsp;func" } }
   },
   "name": "DialogClose",
-  "imports": ["import { Dialog } from '@base_ui/react/Dialog';\nconst DialogClose = Dialog.Close;"],
+  "imports": [
+    "import { Dialog } from '@base-ui-components/react/Dialog';\nconst DialogClose = Dialog.Close;"
+  ],
   "classes": [],
   "spread": true,
   "themeDefaultProps": true,
diff --git a/docs/data/api/dialog-description.json b/docs/data/api/dialog-description.json
index 8d2a1cf80a..6d7ebcbb3e 100644
--- a/docs/data/api/dialog-description.json
+++ b/docs/data/api/dialog-description.json
@@ -5,7 +5,7 @@
   },
   "name": "DialogDescription",
   "imports": [
-    "import { Dialog } from '@base_ui/react/Dialog';\nconst DialogDescription = Dialog.Description;"
+    "import { Dialog } from '@base-ui-components/react/Dialog';\nconst DialogDescription = Dialog.Description;"
   ],
   "classes": [],
   "spread": true,
diff --git a/docs/data/api/dialog-popup.json b/docs/data/api/dialog-popup.json
index 6855b98e3b..1dd1f8019c 100644
--- a/docs/data/api/dialog-popup.json
+++ b/docs/data/api/dialog-popup.json
@@ -8,7 +8,9 @@
     "render": { "type": { "name": "union", "description": "element<br>&#124;&nbsp;func" } }
   },
   "name": "DialogPopup",
-  "imports": ["import { Dialog } from '@base_ui/react/Dialog';\nconst DialogPopup = Dialog.Popup;"],
+  "imports": [
+    "import { Dialog } from '@base-ui-components/react/Dialog';\nconst DialogPopup = Dialog.Popup;"
+  ],
   "classes": [],
   "spread": true,
   "themeDefaultProps": true,
diff --git a/docs/data/api/dialog-root.json b/docs/data/api/dialog-root.json
index 4446f4c3ae..0de8a5d73d 100644
--- a/docs/data/api/dialog-root.json
+++ b/docs/data/api/dialog-root.json
@@ -8,7 +8,9 @@
     "open": { "type": { "name": "bool" } }
   },
   "name": "DialogRoot",
-  "imports": ["import { Dialog } from '@base_ui/react/Dialog';\nconst DialogRoot = Dialog.Root;"],
+  "imports": [
+    "import { Dialog } from '@base-ui-components/react/Dialog';\nconst DialogRoot = Dialog.Root;"
+  ],
   "classes": [],
   "spread": true,
   "themeDefaultProps": null,
diff --git a/docs/data/api/dialog-title.json b/docs/data/api/dialog-title.json
index a05f6bd49d..c7cd0da793 100644
--- a/docs/data/api/dialog-title.json
+++ b/docs/data/api/dialog-title.json
@@ -4,7 +4,9 @@
     "render": { "type": { "name": "union", "description": "element<br>&#124;&nbsp;func" } }
   },
   "name": "DialogTitle",
-  "imports": ["import { Dialog } from '@base_ui/react/Dialog';\nconst DialogTitle = Dialog.Title;"],
+  "imports": [
+    "import { Dialog } from '@base-ui-components/react/Dialog';\nconst DialogTitle = Dialog.Title;"
+  ],
   "classes": [],
   "spread": true,
   "themeDefaultProps": true,
diff --git a/docs/data/api/dialog-trigger.json b/docs/data/api/dialog-trigger.json
index 10f8f51398..600a6ea682 100644
--- a/docs/data/api/dialog-trigger.json
+++ b/docs/data/api/dialog-trigger.json
@@ -5,7 +5,7 @@
   },
   "name": "DialogTrigger",
   "imports": [
-    "import { Dialog } from '@base_ui/react/Dialog';\nconst DialogTrigger = Dialog.Trigger;"
+    "import { Dialog } from '@base-ui-components/react/Dialog';\nconst DialogTrigger = Dialog.Trigger;"
   ],
   "classes": [],
   "spread": true,
diff --git a/docs/data/api/field-control.json b/docs/data/api/field-control.json
index fe0b98ff5d..92ca6c7861 100644
--- a/docs/data/api/field-control.json
+++ b/docs/data/api/field-control.json
@@ -5,7 +5,9 @@
     "render": { "type": { "name": "union", "description": "element<br>&#124;&nbsp;func" } }
   },
   "name": "FieldControl",
-  "imports": ["import { Field } from '@base_ui/react/Field';\nconst FieldControl = Field.Control;"],
+  "imports": [
+    "import { Field } from '@base-ui-components/react/Field';\nconst FieldControl = Field.Control;"
+  ],
   "classes": [],
   "spread": true,
   "themeDefaultProps": true,
diff --git a/docs/data/api/field-description.json b/docs/data/api/field-description.json
index 88400bc52b..47999c80da 100644
--- a/docs/data/api/field-description.json
+++ b/docs/data/api/field-description.json
@@ -5,7 +5,7 @@
   },
   "name": "FieldDescription",
   "imports": [
-    "import { Field } from '@base_ui/react/Field';\nconst FieldDescription = Field.Description;"
+    "import { Field } from '@base-ui-components/react/Field';\nconst FieldDescription = Field.Description;"
   ],
   "classes": [],
   "spread": true,
diff --git a/docs/data/api/field-error.json b/docs/data/api/field-error.json
index b80033d4b2..c5c68b42d6 100644
--- a/docs/data/api/field-error.json
+++ b/docs/data/api/field-error.json
@@ -11,7 +11,9 @@
     "render": { "type": { "name": "union", "description": "element<br>&#124;&nbsp;func" } }
   },
   "name": "FieldError",
-  "imports": ["import { Field } from '@base_ui/react/Field';\nconst FieldError = Field.Error;"],
+  "imports": [
+    "import { Field } from '@base-ui-components/react/Field';\nconst FieldError = Field.Error;"
+  ],
   "classes": [],
   "spread": true,
   "themeDefaultProps": true,
diff --git a/docs/data/api/field-label.json b/docs/data/api/field-label.json
index 87db1074c1..325132a6cc 100644
--- a/docs/data/api/field-label.json
+++ b/docs/data/api/field-label.json
@@ -4,7 +4,9 @@
     "render": { "type": { "name": "union", "description": "element<br>&#124;&nbsp;func" } }
   },
   "name": "FieldLabel",
-  "imports": ["import { Field } from '@base_ui/react/Field';\nconst FieldLabel = Field.Label;"],
+  "imports": [
+    "import { Field } from '@base-ui-components/react/Field';\nconst FieldLabel = Field.Label;"
+  ],
   "classes": [],
   "spread": true,
   "themeDefaultProps": true,
diff --git a/docs/data/api/field-root.json b/docs/data/api/field-root.json
index a9cdf945a9..eb1bcdb6c4 100644
--- a/docs/data/api/field-root.json
+++ b/docs/data/api/field-root.json
@@ -13,7 +13,9 @@
     }
   },
   "name": "FieldRoot",
-  "imports": ["import { Field } from '@base_ui/react/Field';\nconst FieldRoot = Field.Root;"],
+  "imports": [
+    "import { Field } from '@base-ui-components/react/Field';\nconst FieldRoot = Field.Root;"
+  ],
   "classes": [],
   "spread": true,
   "themeDefaultProps": true,
diff --git a/docs/data/api/field-validity.json b/docs/data/api/field-validity.json
index 3e7b3c8d9c..f3d9a5cdbe 100644
--- a/docs/data/api/field-validity.json
+++ b/docs/data/api/field-validity.json
@@ -2,7 +2,7 @@
   "props": {},
   "name": "FieldValidity",
   "imports": [
-    "import { Field } from '@base_ui/react/Field';\nconst FieldValidity = Field.Validity;"
+    "import { Field } from '@base-ui-components/react/Field';\nconst FieldValidity = Field.Validity;"
   ],
   "classes": [],
   "spread": true,
diff --git a/docs/data/api/fieldset-legend.json b/docs/data/api/fieldset-legend.json
index abebed30df..22243371d4 100644
--- a/docs/data/api/fieldset-legend.json
+++ b/docs/data/api/fieldset-legend.json
@@ -5,7 +5,7 @@
   },
   "name": "FieldsetLegend",
   "imports": [
-    "import { Fieldset } from '@base_ui/react/Fieldset';\nconst FieldsetLegend = Fieldset.Legend;"
+    "import { Fieldset } from '@base-ui-components/react/Fieldset';\nconst FieldsetLegend = Fieldset.Legend;"
   ],
   "classes": [],
   "spread": true,
diff --git a/docs/data/api/fieldset-root.json b/docs/data/api/fieldset-root.json
index 7434ad43b9..22189d24ca 100644
--- a/docs/data/api/fieldset-root.json
+++ b/docs/data/api/fieldset-root.json
@@ -5,7 +5,7 @@
   },
   "name": "FieldsetRoot",
   "imports": [
-    "import { Fieldset } from '@base_ui/react/Fieldset';\nconst FieldsetRoot = Fieldset.Root;"
+    "import { Fieldset } from '@base-ui-components/react/Fieldset';\nconst FieldsetRoot = Fieldset.Root;"
   ],
   "classes": [],
   "spread": true,
diff --git a/docs/data/api/form-root.json b/docs/data/api/form-root.json
index afcada8794..d090aea36c 100644
--- a/docs/data/api/form-root.json
+++ b/docs/data/api/form-root.json
@@ -6,7 +6,9 @@
     "render": { "type": { "name": "union", "description": "element<br>&#124;&nbsp;func" } }
   },
   "name": "FormRoot",
-  "imports": ["import { Form } from '@base_ui/react/Form';\nconst FormRoot = Form.Root;"],
+  "imports": [
+    "import { Form } from '@base-ui-components/react/Form';\nconst FormRoot = Form.Root;"
+  ],
   "classes": [],
   "spread": true,
   "themeDefaultProps": true,
diff --git a/docs/data/api/menu-arrow.json b/docs/data/api/menu-arrow.json
index 39bf1b7732..ce5cd32b9b 100644
--- a/docs/data/api/menu-arrow.json
+++ b/docs/data/api/menu-arrow.json
@@ -5,7 +5,9 @@
     "render": { "type": { "name": "union", "description": "element<br>&#124;&nbsp;func" } }
   },
   "name": "MenuArrow",
-  "imports": ["import { Menu } from '@base_ui/react/Menu';\nconst MenuArrow = Menu.Arrow;"],
+  "imports": [
+    "import { Menu } from '@base-ui-components/react/Menu';\nconst MenuArrow = Menu.Arrow;"
+  ],
   "classes": [],
   "spread": true,
   "themeDefaultProps": true,
diff --git a/docs/data/api/menu-checkbox-item-indicator.json b/docs/data/api/menu-checkbox-item-indicator.json
index ae9716f80f..15d07f6fa5 100644
--- a/docs/data/api/menu-checkbox-item-indicator.json
+++ b/docs/data/api/menu-checkbox-item-indicator.json
@@ -6,7 +6,7 @@
   },
   "name": "MenuCheckboxItemIndicator",
   "imports": [
-    "import { Menu } from '@base_ui/react/Menu';\nconst MenuCheckboxItemIndicator = Menu.CheckboxItemIndicator;"
+    "import { Menu } from '@base-ui-components/react/Menu';\nconst MenuCheckboxItemIndicator = Menu.CheckboxItemIndicator;"
   ],
   "classes": [],
   "spread": true,
diff --git a/docs/data/api/menu-checkbox-item.json b/docs/data/api/menu-checkbox-item.json
index f94e6bdb46..82ad9d39a8 100644
--- a/docs/data/api/menu-checkbox-item.json
+++ b/docs/data/api/menu-checkbox-item.json
@@ -11,7 +11,7 @@
   },
   "name": "MenuCheckboxItem",
   "imports": [
-    "import { Menu } from '@base_ui/react/Menu';\nconst MenuCheckboxItem = Menu.CheckboxItem;"
+    "import { Menu } from '@base-ui-components/react/Menu';\nconst MenuCheckboxItem = Menu.CheckboxItem;"
   ],
   "classes": [],
   "spread": true,
diff --git a/docs/data/api/menu-group-label.json b/docs/data/api/menu-group-label.json
index 31f344174e..fd6b0cd60f 100644
--- a/docs/data/api/menu-group-label.json
+++ b/docs/data/api/menu-group-label.json
@@ -5,7 +5,7 @@
   },
   "name": "MenuGroupLabel",
   "imports": [
-    "import { Menu } from '@base_ui/react/Menu';\nconst MenuGroupLabel = Menu.GroupLabel;"
+    "import { Menu } from '@base-ui-components/react/Menu';\nconst MenuGroupLabel = Menu.GroupLabel;"
   ],
   "classes": [],
   "spread": true,
diff --git a/docs/data/api/menu-group.json b/docs/data/api/menu-group.json
index a0c0074ede..787602c757 100644
--- a/docs/data/api/menu-group.json
+++ b/docs/data/api/menu-group.json
@@ -5,7 +5,9 @@
     "render": { "type": { "name": "union", "description": "element<br>&#124;&nbsp;func" } }
   },
   "name": "MenuGroup",
-  "imports": ["import { Menu } from '@base_ui/react/Menu';\nconst MenuGroup = Menu.Group;"],
+  "imports": [
+    "import { Menu } from '@base-ui-components/react/Menu';\nconst MenuGroup = Menu.Group;"
+  ],
   "classes": [],
   "spread": true,
   "themeDefaultProps": true,
diff --git a/docs/data/api/menu-item.json b/docs/data/api/menu-item.json
index de2ce393b1..8d1e55c069 100644
--- a/docs/data/api/menu-item.json
+++ b/docs/data/api/menu-item.json
@@ -7,7 +7,9 @@
     "onClick": { "type": { "name": "func" } }
   },
   "name": "MenuItem",
-  "imports": ["import { Menu } from '@base_ui/react/Menu';\nconst MenuItem = Menu.Item;"],
+  "imports": [
+    "import { Menu } from '@base-ui-components/react/Menu';\nconst MenuItem = Menu.Item;"
+  ],
   "classes": [],
   "spread": true,
   "themeDefaultProps": true,
diff --git a/docs/data/api/menu-popup.json b/docs/data/api/menu-popup.json
index ad8b18e3be..0ac07afc6e 100644
--- a/docs/data/api/menu-popup.json
+++ b/docs/data/api/menu-popup.json
@@ -5,7 +5,9 @@
     "render": { "type": { "name": "union", "description": "element<br>&#124;&nbsp;func" } }
   },
   "name": "MenuPopup",
-  "imports": ["import { Menu } from '@base_ui/react/Menu';\nconst MenuPopup = Menu.Popup;"],
+  "imports": [
+    "import { Menu } from '@base-ui-components/react/Menu';\nconst MenuPopup = Menu.Popup;"
+  ],
   "classes": [],
   "spread": true,
   "themeDefaultProps": true,
diff --git a/docs/data/api/menu-positioner.json b/docs/data/api/menu-positioner.json
index c92652b6f5..958482d01c 100644
--- a/docs/data/api/menu-positioner.json
+++ b/docs/data/api/menu-positioner.json
@@ -50,7 +50,7 @@
   },
   "name": "MenuPositioner",
   "imports": [
-    "import { Menu } from '@base_ui/react/Menu';\nconst MenuPositioner = Menu.Positioner;"
+    "import { Menu } from '@base-ui-components/react/Menu';\nconst MenuPositioner = Menu.Positioner;"
   ],
   "classes": [],
   "spread": true,
diff --git a/docs/data/api/menu-radio-group.json b/docs/data/api/menu-radio-group.json
index 5e70dafa46..f9fce201c4 100644
--- a/docs/data/api/menu-radio-group.json
+++ b/docs/data/api/menu-radio-group.json
@@ -9,7 +9,7 @@
   },
   "name": "MenuRadioGroup",
   "imports": [
-    "import { Menu } from '@base_ui/react/Menu';\nconst MenuRadioGroup = Menu.RadioGroup;"
+    "import { Menu } from '@base-ui-components/react/Menu';\nconst MenuRadioGroup = Menu.RadioGroup;"
   ],
   "classes": [],
   "spread": true,
diff --git a/docs/data/api/menu-radio-item-indicator.json b/docs/data/api/menu-radio-item-indicator.json
index eb88d1bfd4..6584c9b183 100644
--- a/docs/data/api/menu-radio-item-indicator.json
+++ b/docs/data/api/menu-radio-item-indicator.json
@@ -6,7 +6,7 @@
   },
   "name": "MenuRadioItemIndicator",
   "imports": [
-    "import { Menu } from '@base_ui/react/Menu';\nconst MenuRadioItemIndicator = Menu.RadioItemIndicator;"
+    "import { Menu } from '@base-ui-components/react/Menu';\nconst MenuRadioItemIndicator = Menu.RadioItemIndicator;"
   ],
   "classes": [],
   "spread": true,
diff --git a/docs/data/api/menu-radio-item.json b/docs/data/api/menu-radio-item.json
index 04a1482ed0..8df3ed3da4 100644
--- a/docs/data/api/menu-radio-item.json
+++ b/docs/data/api/menu-radio-item.json
@@ -8,7 +8,9 @@
     "onClick": { "type": { "name": "func" } }
   },
   "name": "MenuRadioItem",
-  "imports": ["import { Menu } from '@base_ui/react/Menu';\nconst MenuRadioItem = Menu.RadioItem;"],
+  "imports": [
+    "import { Menu } from '@base-ui-components/react/Menu';\nconst MenuRadioItem = Menu.RadioItem;"
+  ],
   "classes": [],
   "spread": true,
   "themeDefaultProps": true,
diff --git a/docs/data/api/menu-root.json b/docs/data/api/menu-root.json
index 216ed45442..6ae2348ff1 100644
--- a/docs/data/api/menu-root.json
+++ b/docs/data/api/menu-root.json
@@ -19,7 +19,9 @@
     }
   },
   "name": "MenuRoot",
-  "imports": ["import { Menu } from '@base_ui/react/Menu';\nconst MenuRoot = Menu.Root;"],
+  "imports": [
+    "import { Menu } from '@base-ui-components/react/Menu';\nconst MenuRoot = Menu.Root;"
+  ],
   "classes": [],
   "spread": true,
   "themeDefaultProps": null,
diff --git a/docs/data/api/menu-separator.json b/docs/data/api/menu-separator.json
index afb282bf21..dc294dee5b 100644
--- a/docs/data/api/menu-separator.json
+++ b/docs/data/api/menu-separator.json
@@ -5,7 +5,9 @@
     "render": { "type": { "name": "union", "description": "element<br>&#124;&nbsp;func" } }
   },
   "name": "MenuSeparator",
-  "imports": ["import { Menu } from '@base_ui/react/Menu';\nconst MenuSeparator = Menu.Separator;"],
+  "imports": [
+    "import { Menu } from '@base-ui-components/react/Menu';\nconst MenuSeparator = Menu.Separator;"
+  ],
   "classes": [],
   "spread": true,
   "themeDefaultProps": true,
diff --git a/docs/data/api/menu-trigger.json b/docs/data/api/menu-trigger.json
index db76a80ec3..21dc9866b5 100644
--- a/docs/data/api/menu-trigger.json
+++ b/docs/data/api/menu-trigger.json
@@ -6,7 +6,9 @@
     "render": { "type": { "name": "union", "description": "element<br>&#124;&nbsp;func" } }
   },
   "name": "MenuTrigger",
-  "imports": ["import { Menu } from '@base_ui/react/Menu';\nconst MenuTrigger = Menu.Trigger;"],
+  "imports": [
+    "import { Menu } from '@base-ui-components/react/Menu';\nconst MenuTrigger = Menu.Trigger;"
+  ],
   "classes": [],
   "spread": true,
   "themeDefaultProps": true,
diff --git a/docs/data/api/no-ssr.json b/docs/data/api/no-ssr.json
index 5d3826e3f1..6ee6dbacc7 100644
--- a/docs/data/api/no-ssr.json
+++ b/docs/data/api/no-ssr.json
@@ -5,7 +5,7 @@
     "fallback": { "type": { "name": "node" }, "default": "null" }
   },
   "name": "NoSsr",
-  "imports": ["import { NoSsr } from '@base_ui/react/NoSsr';"],
+  "imports": ["import { NoSsr } from '@base-ui-components/react/NoSsr';"],
   "classes": [],
   "spread": false,
   "themeDefaultProps": null,
diff --git a/docs/data/api/number-field-decrement.json b/docs/data/api/number-field-decrement.json
index 4a622144a6..8280e0550e 100644
--- a/docs/data/api/number-field-decrement.json
+++ b/docs/data/api/number-field-decrement.json
@@ -5,7 +5,7 @@
   },
   "name": "NumberFieldDecrement",
   "imports": [
-    "import { NumberField } from '@base_ui/react/NumberField';\nconst NumberFieldDecrement = NumberField.Decrement;"
+    "import { NumberField } from '@base-ui-components/react/NumberField';\nconst NumberFieldDecrement = NumberField.Decrement;"
   ],
   "classes": [],
   "spread": true,
diff --git a/docs/data/api/number-field-group.json b/docs/data/api/number-field-group.json
index c5538cf2aa..08ab5f0ec9 100644
--- a/docs/data/api/number-field-group.json
+++ b/docs/data/api/number-field-group.json
@@ -5,7 +5,7 @@
   },
   "name": "NumberFieldGroup",
   "imports": [
-    "import { NumberField } from '@base_ui/react/NumberField';\nconst NumberFieldGroup = NumberField.Group;"
+    "import { NumberField } from '@base-ui-components/react/NumberField';\nconst NumberFieldGroup = NumberField.Group;"
   ],
   "classes": [],
   "spread": true,
diff --git a/docs/data/api/number-field-increment.json b/docs/data/api/number-field-increment.json
index b895d9a1ea..6303602e50 100644
--- a/docs/data/api/number-field-increment.json
+++ b/docs/data/api/number-field-increment.json
@@ -5,7 +5,7 @@
   },
   "name": "NumberFieldIncrement",
   "imports": [
-    "import { NumberField } from '@base_ui/react/NumberField';\nconst NumberFieldIncrement = NumberField.Increment;"
+    "import { NumberField } from '@base-ui-components/react/NumberField';\nconst NumberFieldIncrement = NumberField.Increment;"
   ],
   "classes": [],
   "spread": true,
diff --git a/docs/data/api/number-field-input.json b/docs/data/api/number-field-input.json
index 5131ab443d..3022b10c66 100644
--- a/docs/data/api/number-field-input.json
+++ b/docs/data/api/number-field-input.json
@@ -5,7 +5,7 @@
   },
   "name": "NumberFieldInput",
   "imports": [
-    "import { NumberField } from '@base_ui/react/NumberField';\nconst NumberFieldInput = NumberField.Input;"
+    "import { NumberField } from '@base-ui-components/react/NumberField';\nconst NumberFieldInput = NumberField.Input;"
   ],
   "classes": [],
   "spread": true,
diff --git a/docs/data/api/number-field-root.json b/docs/data/api/number-field-root.json
index eb10206299..e40aeb95d1 100644
--- a/docs/data/api/number-field-root.json
+++ b/docs/data/api/number-field-root.json
@@ -33,7 +33,7 @@
   },
   "name": "NumberFieldRoot",
   "imports": [
-    "import { NumberField } from '@base_ui/react/NumberField';\nconst NumberFieldRoot = NumberField.Root;"
+    "import { NumberField } from '@base-ui-components/react/NumberField';\nconst NumberFieldRoot = NumberField.Root;"
   ],
   "classes": [],
   "spread": true,
diff --git a/docs/data/api/number-field-scrub-area-cursor.json b/docs/data/api/number-field-scrub-area-cursor.json
index 006077f922..796abef4b3 100644
--- a/docs/data/api/number-field-scrub-area-cursor.json
+++ b/docs/data/api/number-field-scrub-area-cursor.json
@@ -5,7 +5,7 @@
   },
   "name": "NumberFieldScrubAreaCursor",
   "imports": [
-    "import { NumberField } from '@base_ui/react/NumberField';\nconst NumberFieldScrubAreaCursor = NumberField.ScrubAreaCursor;"
+    "import { NumberField } from '@base-ui-components/react/NumberField';\nconst NumberFieldScrubAreaCursor = NumberField.ScrubAreaCursor;"
   ],
   "classes": [],
   "spread": true,
diff --git a/docs/data/api/number-field-scrub-area.json b/docs/data/api/number-field-scrub-area.json
index e328020db8..dbcfda1de3 100644
--- a/docs/data/api/number-field-scrub-area.json
+++ b/docs/data/api/number-field-scrub-area.json
@@ -11,7 +11,7 @@
   },
   "name": "NumberFieldScrubArea",
   "imports": [
-    "import { NumberField } from '@base_ui/react/NumberField';\nconst NumberFieldScrubArea = NumberField.ScrubArea;"
+    "import { NumberField } from '@base-ui-components/react/NumberField';\nconst NumberFieldScrubArea = NumberField.ScrubArea;"
   ],
   "classes": [],
   "spread": true,
diff --git a/docs/data/api/popover-arrow.json b/docs/data/api/popover-arrow.json
index 3e9eb76f28..14bccd5674 100644
--- a/docs/data/api/popover-arrow.json
+++ b/docs/data/api/popover-arrow.json
@@ -6,7 +6,7 @@
   },
   "name": "PopoverArrow",
   "imports": [
-    "import { Popover } from '@base_ui/react/Popover';\nconst PopoverArrow = Popover.Arrow;"
+    "import { Popover } from '@base-ui-components/react/Popover';\nconst PopoverArrow = Popover.Arrow;"
   ],
   "classes": [],
   "spread": true,
diff --git a/docs/data/api/popover-backdrop.json b/docs/data/api/popover-backdrop.json
index 62b24c08c9..03d6ec17e3 100644
--- a/docs/data/api/popover-backdrop.json
+++ b/docs/data/api/popover-backdrop.json
@@ -10,7 +10,7 @@
   },
   "name": "PopoverBackdrop",
   "imports": [
-    "import { Popover } from '@base_ui/react/Popover';\nconst PopoverBackdrop = Popover.Backdrop;"
+    "import { Popover } from '@base-ui-components/react/Popover';\nconst PopoverBackdrop = Popover.Backdrop;"
   ],
   "classes": [],
   "spread": true,
diff --git a/docs/data/api/popover-close.json b/docs/data/api/popover-close.json
index cc6e27f185..5f1060952b 100644
--- a/docs/data/api/popover-close.json
+++ b/docs/data/api/popover-close.json
@@ -5,7 +5,7 @@
   },
   "name": "PopoverClose",
   "imports": [
-    "import { Popover } from '@base_ui/react/Popover';\nconst PopoverClose = Popover.Close;"
+    "import { Popover } from '@base-ui-components/react/Popover';\nconst PopoverClose = Popover.Close;"
   ],
   "classes": [],
   "spread": true,
diff --git a/docs/data/api/popover-description.json b/docs/data/api/popover-description.json
index 6fdaf51d51..fab8b149f3 100644
--- a/docs/data/api/popover-description.json
+++ b/docs/data/api/popover-description.json
@@ -5,7 +5,7 @@
   },
   "name": "PopoverDescription",
   "imports": [
-    "import { Popover } from '@base_ui/react/Popover';\nconst PopoverDescription = Popover.Description;"
+    "import { Popover } from '@base-ui-components/react/Popover';\nconst PopoverDescription = Popover.Description;"
   ],
   "classes": [],
   "spread": true,
diff --git a/docs/data/api/popover-popup.json b/docs/data/api/popover-popup.json
index 7a5894df8e..4b8a602af0 100644
--- a/docs/data/api/popover-popup.json
+++ b/docs/data/api/popover-popup.json
@@ -5,7 +5,7 @@
   },
   "name": "PopoverPopup",
   "imports": [
-    "import { Popover } from '@base_ui/react/Popover';\nconst PopoverPopup = Popover.Popup;"
+    "import { Popover } from '@base-ui-components/react/Popover';\nconst PopoverPopup = Popover.Popup;"
   ],
   "classes": [],
   "spread": true,
diff --git a/docs/data/api/popover-positioner.json b/docs/data/api/popover-positioner.json
index 08bd299531..617a411c8e 100644
--- a/docs/data/api/popover-positioner.json
+++ b/docs/data/api/popover-positioner.json
@@ -52,7 +52,7 @@
   },
   "name": "PopoverPositioner",
   "imports": [
-    "import { Popover } from '@base_ui/react/Popover';\nconst PopoverPositioner = Popover.Positioner;"
+    "import { Popover } from '@base-ui-components/react/Popover';\nconst PopoverPositioner = Popover.Positioner;"
   ],
   "classes": [],
   "spread": true,
diff --git a/docs/data/api/popover-root.json b/docs/data/api/popover-root.json
index 33a7ac57a4..1bc1532c9a 100644
--- a/docs/data/api/popover-root.json
+++ b/docs/data/api/popover-root.json
@@ -10,7 +10,7 @@
   },
   "name": "PopoverRoot",
   "imports": [
-    "import { Popover } from '@base_ui/react/Popover';\nconst PopoverRoot = Popover.Root;"
+    "import { Popover } from '@base-ui-components/react/Popover';\nconst PopoverRoot = Popover.Root;"
   ],
   "classes": [],
   "spread": true,
diff --git a/docs/data/api/popover-title.json b/docs/data/api/popover-title.json
index b4661b4faf..1df98a6383 100644
--- a/docs/data/api/popover-title.json
+++ b/docs/data/api/popover-title.json
@@ -5,7 +5,7 @@
   },
   "name": "PopoverTitle",
   "imports": [
-    "import { Popover } from '@base_ui/react/Popover';\nconst PopoverTitle = Popover.Title;"
+    "import { Popover } from '@base-ui-components/react/Popover';\nconst PopoverTitle = Popover.Title;"
   ],
   "classes": [],
   "spread": true,
diff --git a/docs/data/api/popover-trigger.json b/docs/data/api/popover-trigger.json
index b4b5fb84c1..21053c6f38 100644
--- a/docs/data/api/popover-trigger.json
+++ b/docs/data/api/popover-trigger.json
@@ -5,7 +5,7 @@
   },
   "name": "PopoverTrigger",
   "imports": [
-    "import { Popover } from '@base_ui/react/Popover';\nconst PopoverTrigger = Popover.Trigger;"
+    "import { Popover } from '@base-ui-components/react/Popover';\nconst PopoverTrigger = Popover.Trigger;"
   ],
   "classes": [],
   "spread": true,
diff --git a/docs/data/api/preview-card-arrow.json b/docs/data/api/preview-card-arrow.json
index bd8d29a514..4fb2ecff1d 100644
--- a/docs/data/api/preview-card-arrow.json
+++ b/docs/data/api/preview-card-arrow.json
@@ -6,7 +6,7 @@
   },
   "name": "PreviewCardArrow",
   "imports": [
-    "import { PreviewCard } from '@base_ui/react/PreviewCard';\nconst PreviewCardArrow = PreviewCard.Arrow;"
+    "import { PreviewCard } from '@base-ui-components/react/PreviewCard';\nconst PreviewCardArrow = PreviewCard.Arrow;"
   ],
   "classes": [],
   "spread": true,
diff --git a/docs/data/api/preview-card-backdrop.json b/docs/data/api/preview-card-backdrop.json
index 131edeaef7..44ba5a6b46 100644
--- a/docs/data/api/preview-card-backdrop.json
+++ b/docs/data/api/preview-card-backdrop.json
@@ -7,7 +7,7 @@
   },
   "name": "PreviewCardBackdrop",
   "imports": [
-    "import { PreviewCard } from '@base_ui/react/PreviewCard';\nconst PreviewCardBackdrop = PreviewCard.Backdrop;"
+    "import { PreviewCard } from '@base-ui-components/react/PreviewCard';\nconst PreviewCardBackdrop = PreviewCard.Backdrop;"
   ],
   "classes": [],
   "spread": true,
diff --git a/docs/data/api/preview-card-popup.json b/docs/data/api/preview-card-popup.json
index 18778886b6..21c9c3f25c 100644
--- a/docs/data/api/preview-card-popup.json
+++ b/docs/data/api/preview-card-popup.json
@@ -5,7 +5,7 @@
   },
   "name": "PreviewCardPopup",
   "imports": [
-    "import { PreviewCard } from '@base_ui/react/PreviewCard';\nconst PreviewCardPopup = PreviewCard.Popup;"
+    "import { PreviewCard } from '@base-ui-components/react/PreviewCard';\nconst PreviewCardPopup = PreviewCard.Popup;"
   ],
   "classes": [],
   "spread": true,
diff --git a/docs/data/api/preview-card-positioner.json b/docs/data/api/preview-card-positioner.json
index bf14a1c1ea..d8552d2c96 100644
--- a/docs/data/api/preview-card-positioner.json
+++ b/docs/data/api/preview-card-positioner.json
@@ -50,7 +50,7 @@
   },
   "name": "PreviewCardPositioner",
   "imports": [
-    "import { PreviewCard } from '@base_ui/react/PreviewCard';\nconst PreviewCardPositioner = PreviewCard.Positioner;"
+    "import { PreviewCard } from '@base-ui-components/react/PreviewCard';\nconst PreviewCardPositioner = PreviewCard.Positioner;"
   ],
   "classes": [],
   "spread": true,
diff --git a/docs/data/api/preview-card-root.json b/docs/data/api/preview-card-root.json
index 5de5a028c7..1d2a4142bc 100644
--- a/docs/data/api/preview-card-root.json
+++ b/docs/data/api/preview-card-root.json
@@ -9,7 +9,7 @@
   },
   "name": "PreviewCardRoot",
   "imports": [
-    "import { PreviewCard } from '@base_ui/react/PreviewCard';\nconst PreviewCardRoot = PreviewCard.Root;"
+    "import { PreviewCard } from '@base-ui-components/react/PreviewCard';\nconst PreviewCardRoot = PreviewCard.Root;"
   ],
   "classes": [],
   "spread": true,
diff --git a/docs/data/api/preview-card-trigger.json b/docs/data/api/preview-card-trigger.json
index c6052f1b78..fb38c44260 100644
--- a/docs/data/api/preview-card-trigger.json
+++ b/docs/data/api/preview-card-trigger.json
@@ -5,7 +5,7 @@
   },
   "name": "PreviewCardTrigger",
   "imports": [
-    "import { PreviewCard } from '@base_ui/react/PreviewCard';\nconst PreviewCardTrigger = PreviewCard.Trigger;"
+    "import { PreviewCard } from '@base-ui-components/react/PreviewCard';\nconst PreviewCardTrigger = PreviewCard.Trigger;"
   ],
   "classes": [],
   "spread": true,
diff --git a/docs/data/api/progress-indicator.json b/docs/data/api/progress-indicator.json
index 8e5bbc7cdb..7e0a29c0e4 100644
--- a/docs/data/api/progress-indicator.json
+++ b/docs/data/api/progress-indicator.json
@@ -5,7 +5,7 @@
   },
   "name": "ProgressIndicator",
   "imports": [
-    "import { Progress } from '@base_ui/react/Progress';\nconst ProgressIndicator = Progress.Indicator;"
+    "import { Progress } from '@base-ui-components/react/Progress';\nconst ProgressIndicator = Progress.Indicator;"
   ],
   "classes": [],
   "spread": true,
diff --git a/docs/data/api/progress-root.json b/docs/data/api/progress-root.json
index f1bac0daeb..67bd4ab512 100644
--- a/docs/data/api/progress-root.json
+++ b/docs/data/api/progress-root.json
@@ -29,7 +29,7 @@
   },
   "name": "ProgressRoot",
   "imports": [
-    "import { Progress } from '@base_ui/react/Progress';\nconst ProgressRoot = Progress.Root;"
+    "import { Progress } from '@base-ui-components/react/Progress';\nconst ProgressRoot = Progress.Root;"
   ],
   "classes": [],
   "spread": true,
diff --git a/docs/data/api/progress-track.json b/docs/data/api/progress-track.json
index fb0b9370b6..1d87db4124 100644
--- a/docs/data/api/progress-track.json
+++ b/docs/data/api/progress-track.json
@@ -5,7 +5,7 @@
   },
   "name": "ProgressTrack",
   "imports": [
-    "import { Progress } from '@base_ui/react/Progress';\nconst ProgressTrack = Progress.Track;"
+    "import { Progress } from '@base-ui-components/react/Progress';\nconst ProgressTrack = Progress.Track;"
   ],
   "classes": [],
   "spread": true,
diff --git a/docs/data/api/radio-group-root.json b/docs/data/api/radio-group-root.json
index 064787ec88..335736f15a 100644
--- a/docs/data/api/radio-group-root.json
+++ b/docs/data/api/radio-group-root.json
@@ -12,7 +12,7 @@
   },
   "name": "RadioGroupRoot",
   "imports": [
-    "import { RadioGroup } from '@base_ui/react/RadioGroup';\nconst RadioGroupRoot = RadioGroup.Root;"
+    "import { RadioGroup } from '@base-ui-components/react/RadioGroup';\nconst RadioGroupRoot = RadioGroup.Root;"
   ],
   "classes": [],
   "spread": true,
diff --git a/docs/data/api/radio-indicator.json b/docs/data/api/radio-indicator.json
index 2ddde1f260..ef8392734f 100644
--- a/docs/data/api/radio-indicator.json
+++ b/docs/data/api/radio-indicator.json
@@ -6,7 +6,7 @@
   },
   "name": "RadioIndicator",
   "imports": [
-    "import { Radio } from '@base_ui/react/Radio';\nconst RadioIndicator = Radio.Indicator;"
+    "import { Radio } from '@base-ui-components/react/Radio';\nconst RadioIndicator = Radio.Indicator;"
   ],
   "classes": [],
   "spread": true,
diff --git a/docs/data/api/radio-root.json b/docs/data/api/radio-root.json
index 342dc2694b..3db475f502 100644
--- a/docs/data/api/radio-root.json
+++ b/docs/data/api/radio-root.json
@@ -8,7 +8,9 @@
     "required": { "type": { "name": "bool" }, "default": "false" }
   },
   "name": "RadioRoot",
-  "imports": ["import { Radio } from '@base_ui/react/Radio';\nconst RadioRoot = Radio.Root;"],
+  "imports": [
+    "import { Radio } from '@base-ui-components/react/Radio';\nconst RadioRoot = Radio.Root;"
+  ],
   "classes": [],
   "spread": true,
   "themeDefaultProps": true,
diff --git a/docs/data/api/scroll-area-corner.json b/docs/data/api/scroll-area-corner.json
index a3c7a849e3..31012d6cbf 100644
--- a/docs/data/api/scroll-area-corner.json
+++ b/docs/data/api/scroll-area-corner.json
@@ -5,7 +5,7 @@
   },
   "name": "ScrollAreaCorner",
   "imports": [
-    "import { ScrollArea } from '@base_ui/react/ScrollArea';\nconst ScrollAreaCorner = ScrollArea.Corner;"
+    "import { ScrollArea } from '@base-ui-components/react/ScrollArea';\nconst ScrollAreaCorner = ScrollArea.Corner;"
   ],
   "classes": [],
   "spread": true,
diff --git a/docs/data/api/scroll-area-root.json b/docs/data/api/scroll-area-root.json
index 5882aab749..e286a7f989 100644
--- a/docs/data/api/scroll-area-root.json
+++ b/docs/data/api/scroll-area-root.json
@@ -9,7 +9,7 @@
   },
   "name": "ScrollAreaRoot",
   "imports": [
-    "import { ScrollArea } from '@base_ui/react/ScrollArea';\nconst ScrollAreaRoot = ScrollArea.Root;"
+    "import { ScrollArea } from '@base-ui-components/react/ScrollArea';\nconst ScrollAreaRoot = ScrollArea.Root;"
   ],
   "classes": [],
   "spread": true,
diff --git a/docs/data/api/scroll-area-scrollbar.json b/docs/data/api/scroll-area-scrollbar.json
index 9664aee8b6..2fac5de3f1 100644
--- a/docs/data/api/scroll-area-scrollbar.json
+++ b/docs/data/api/scroll-area-scrollbar.json
@@ -10,7 +10,7 @@
   },
   "name": "ScrollAreaScrollbar",
   "imports": [
-    "import { ScrollArea } from '@base_ui/react/ScrollArea';\nconst ScrollAreaScrollbar = ScrollArea.Scrollbar;"
+    "import { ScrollArea } from '@base-ui-components/react/ScrollArea';\nconst ScrollAreaScrollbar = ScrollArea.Scrollbar;"
   ],
   "classes": [],
   "spread": true,
diff --git a/docs/data/api/scroll-area-thumb.json b/docs/data/api/scroll-area-thumb.json
index 0e401ae75c..e4e478e40c 100644
--- a/docs/data/api/scroll-area-thumb.json
+++ b/docs/data/api/scroll-area-thumb.json
@@ -5,7 +5,7 @@
   },
   "name": "ScrollAreaThumb",
   "imports": [
-    "import { ScrollArea } from '@base_ui/react/ScrollArea';\nconst ScrollAreaThumb = ScrollArea.Thumb;"
+    "import { ScrollArea } from '@base-ui-components/react/ScrollArea';\nconst ScrollAreaThumb = ScrollArea.Thumb;"
   ],
   "classes": [],
   "spread": true,
diff --git a/docs/data/api/scroll-area-viewport.json b/docs/data/api/scroll-area-viewport.json
index 614419f1a8..d90e2317ac 100644
--- a/docs/data/api/scroll-area-viewport.json
+++ b/docs/data/api/scroll-area-viewport.json
@@ -5,7 +5,7 @@
   },
   "name": "ScrollAreaViewport",
   "imports": [
-    "import { ScrollArea } from '@base_ui/react/ScrollArea';\nconst ScrollAreaViewport = ScrollArea.Viewport;"
+    "import { ScrollArea } from '@base-ui-components/react/ScrollArea';\nconst ScrollAreaViewport = ScrollArea.Viewport;"
   ],
   "classes": [],
   "spread": true,
diff --git a/docs/data/api/select-arrow.json b/docs/data/api/select-arrow.json
index 24eed4806a..0a0a7e65f6 100644
--- a/docs/data/api/select-arrow.json
+++ b/docs/data/api/select-arrow.json
@@ -5,7 +5,9 @@
     "render": { "type": { "name": "union", "description": "element<br>&#124;&nbsp;func" } }
   },
   "name": "SelectArrow",
-  "imports": ["import { Select } from '@base_ui/react/Select';\nconst SelectArrow = Select.Arrow;"],
+  "imports": [
+    "import { Select } from '@base-ui-components/react/Select';\nconst SelectArrow = Select.Arrow;"
+  ],
   "classes": [],
   "spread": true,
   "themeDefaultProps": true,
diff --git a/docs/data/api/select-backdrop.json b/docs/data/api/select-backdrop.json
index fd014aaa72..d539d41da8 100644
--- a/docs/data/api/select-backdrop.json
+++ b/docs/data/api/select-backdrop.json
@@ -10,7 +10,7 @@
   },
   "name": "SelectBackdrop",
   "imports": [
-    "import { Select } from '@base_ui/react/Select';\nconst SelectBackdrop = Select.Backdrop;"
+    "import { Select } from '@base-ui-components/react/Select';\nconst SelectBackdrop = Select.Backdrop;"
   ],
   "classes": [],
   "spread": true,
diff --git a/docs/data/api/select-group-label.json b/docs/data/api/select-group-label.json
index 2ad62bed89..64845e3bf1 100644
--- a/docs/data/api/select-group-label.json
+++ b/docs/data/api/select-group-label.json
@@ -5,7 +5,7 @@
   },
   "name": "SelectGroupLabel",
   "imports": [
-    "import { Select } from '@base_ui/react/Select';\nconst SelectGroupLabel = Select.GroupLabel;"
+    "import { Select } from '@base-ui-components/react/Select';\nconst SelectGroupLabel = Select.GroupLabel;"
   ],
   "classes": [],
   "spread": true,
diff --git a/docs/data/api/select-group.json b/docs/data/api/select-group.json
index b820a03935..772dff6afd 100644
--- a/docs/data/api/select-group.json
+++ b/docs/data/api/select-group.json
@@ -4,7 +4,9 @@
     "render": { "type": { "name": "union", "description": "element<br>&#124;&nbsp;func" } }
   },
   "name": "SelectGroup",
-  "imports": ["import { Select } from '@base_ui/react/Select';\nconst SelectGroup = Select.Group;"],
+  "imports": [
+    "import { Select } from '@base-ui-components/react/Select';\nconst SelectGroup = Select.Group;"
+  ],
   "classes": [],
   "spread": true,
   "themeDefaultProps": true,
diff --git a/docs/data/api/select-icon.json b/docs/data/api/select-icon.json
index e57e713369..01e2739de9 100644
--- a/docs/data/api/select-icon.json
+++ b/docs/data/api/select-icon.json
@@ -4,7 +4,9 @@
     "render": { "type": { "name": "union", "description": "element<br>&#124;&nbsp;func" } }
   },
   "name": "SelectIcon",
-  "imports": ["import { Select } from '@base_ui/react/Select';\nconst SelectIcon = Select.Icon;"],
+  "imports": [
+    "import { Select } from '@base-ui-components/react/Select';\nconst SelectIcon = Select.Icon;"
+  ],
   "classes": [],
   "spread": true,
   "themeDefaultProps": true,
diff --git a/docs/data/api/select-option-group-label.json b/docs/data/api/select-option-group-label.json
index 94298762e9..11ff29e622 100644
--- a/docs/data/api/select-option-group-label.json
+++ b/docs/data/api/select-option-group-label.json
@@ -5,7 +5,7 @@
   },
   "name": "SelectOptionGroupLabel",
   "imports": [
-    "import { Select } from '@base_ui/react/Select';\nconst SelectOptionGroupLabel = Select.OptionGroupLabel;"
+    "import { Select } from '@base-ui-components/react/Select';\nconst SelectOptionGroupLabel = Select.OptionGroupLabel;"
   ],
   "classes": [],
   "spread": true,
diff --git a/docs/data/api/select-option-group.json b/docs/data/api/select-option-group.json
index 222bd099f7..e4fda27781 100644
--- a/docs/data/api/select-option-group.json
+++ b/docs/data/api/select-option-group.json
@@ -5,7 +5,7 @@
   },
   "name": "SelectOptionGroup",
   "imports": [
-    "import { Select } from '@base_ui/react/Select';\nconst SelectOptionGroup = Select.OptionGroup;"
+    "import { Select } from '@base-ui-components/react/Select';\nconst SelectOptionGroup = Select.OptionGroup;"
   ],
   "classes": [],
   "spread": true,
diff --git a/docs/data/api/select-option-indicator.json b/docs/data/api/select-option-indicator.json
index 1e29f6db3f..0bddb9089f 100644
--- a/docs/data/api/select-option-indicator.json
+++ b/docs/data/api/select-option-indicator.json
@@ -6,7 +6,7 @@
   },
   "name": "SelectOptionIndicator",
   "imports": [
-    "import { Select } from '@base_ui/react/Select';\nconst SelectOptionIndicator = Select.OptionIndicator;"
+    "import { Select } from '@base-ui-components/react/Select';\nconst SelectOptionIndicator = Select.OptionIndicator;"
   ],
   "classes": [],
   "spread": true,
diff --git a/docs/data/api/select-option-text.json b/docs/data/api/select-option-text.json
index b663d04cd4..0b8c759190 100644
--- a/docs/data/api/select-option-text.json
+++ b/docs/data/api/select-option-text.json
@@ -2,7 +2,7 @@
   "props": {},
   "name": "SelectOptionText",
   "imports": [
-    "import { Select } from '@base_ui/react/Select';\nconst SelectOptionText = Select.OptionText;"
+    "import { Select } from '@base-ui-components/react/Select';\nconst SelectOptionText = Select.OptionText;"
   ],
   "classes": [],
   "spread": true,
diff --git a/docs/data/api/select-option.json b/docs/data/api/select-option.json
index 23675d2c09..28e02d61c6 100644
--- a/docs/data/api/select-option.json
+++ b/docs/data/api/select-option.json
@@ -6,7 +6,7 @@
   },
   "name": "SelectOption",
   "imports": [
-    "import { Select } from '@base_ui/react/Select';\nconst SelectOption = Select.Option;"
+    "import { Select } from '@base-ui-components/react/Select';\nconst SelectOption = Select.Option;"
   ],
   "classes": [],
   "spread": true,
diff --git a/docs/data/api/select-popup.json b/docs/data/api/select-popup.json
index 3f593a177a..60614f8438 100644
--- a/docs/data/api/select-popup.json
+++ b/docs/data/api/select-popup.json
@@ -5,7 +5,9 @@
     "render": { "type": { "name": "union", "description": "element<br>&#124;&nbsp;func" } }
   },
   "name": "SelectPopup",
-  "imports": ["import { Select } from '@base_ui/react/Select';\nconst SelectPopup = Select.Popup;"],
+  "imports": [
+    "import { Select } from '@base-ui-components/react/Select';\nconst SelectPopup = Select.Popup;"
+  ],
   "classes": [],
   "spread": true,
   "themeDefaultProps": true,
diff --git a/docs/data/api/select-positioner.json b/docs/data/api/select-positioner.json
index ee0a334cdb..4515d22437 100644
--- a/docs/data/api/select-positioner.json
+++ b/docs/data/api/select-positioner.json
@@ -55,7 +55,7 @@
   },
   "name": "SelectPositioner",
   "imports": [
-    "import { Select } from '@base_ui/react/Select';\nconst SelectPositioner = Select.Positioner;"
+    "import { Select } from '@base-ui-components/react/Select';\nconst SelectPositioner = Select.Positioner;"
   ],
   "classes": [],
   "spread": true,
diff --git a/docs/data/api/select-root.json b/docs/data/api/select-root.json
index 699b3b6b27..80cd1197e0 100644
--- a/docs/data/api/select-root.json
+++ b/docs/data/api/select-root.json
@@ -14,7 +14,9 @@
     "value": { "type": { "name": "any" } }
   },
   "name": "SelectRoot",
-  "imports": ["import { Select } from '@base_ui/react/Select';\nconst SelectRoot = Select.Root;"],
+  "imports": [
+    "import { Select } from '@base-ui-components/react/Select';\nconst SelectRoot = Select.Root;"
+  ],
   "classes": [],
   "spread": true,
   "themeDefaultProps": null,
diff --git a/docs/data/api/select-scroll-down-arrow.json b/docs/data/api/select-scroll-down-arrow.json
index af08fc9a4c..ef7b22f377 100644
--- a/docs/data/api/select-scroll-down-arrow.json
+++ b/docs/data/api/select-scroll-down-arrow.json
@@ -2,7 +2,7 @@
   "props": { "keepMounted": { "type": { "name": "bool" }, "default": "false" } },
   "name": "SelectScrollDownArrow",
   "imports": [
-    "import { Select } from '@base_ui/react/Select';\nconst SelectScrollDownArrow = Select.ScrollDownArrow;"
+    "import { Select } from '@base-ui-components/react/Select';\nconst SelectScrollDownArrow = Select.ScrollDownArrow;"
   ],
   "classes": [],
   "spread": true,
diff --git a/docs/data/api/select-scroll-up-arrow.json b/docs/data/api/select-scroll-up-arrow.json
index 140b5c8dff..c672dcf63c 100644
--- a/docs/data/api/select-scroll-up-arrow.json
+++ b/docs/data/api/select-scroll-up-arrow.json
@@ -2,7 +2,7 @@
   "props": { "keepMounted": { "type": { "name": "bool" }, "default": "false" } },
   "name": "SelectScrollUpArrow",
   "imports": [
-    "import { Select } from '@base_ui/react/Select';\nconst SelectScrollUpArrow = Select.ScrollUpArrow;"
+    "import { Select } from '@base-ui-components/react/Select';\nconst SelectScrollUpArrow = Select.ScrollUpArrow;"
   ],
   "classes": [],
   "spread": true,
diff --git a/docs/data/api/select-separator.json b/docs/data/api/select-separator.json
index 0c20851282..8d0c48e047 100644
--- a/docs/data/api/select-separator.json
+++ b/docs/data/api/select-separator.json
@@ -5,7 +5,7 @@
   },
   "name": "SelectSeparator",
   "imports": [
-    "import { Select } from '@base_ui/react/Select';\nconst SelectSeparator = Select.Separator;"
+    "import { Select } from '@base-ui-components/react/Select';\nconst SelectSeparator = Select.Separator;"
   ],
   "classes": [],
   "spread": true,
diff --git a/docs/data/api/select-trigger.json b/docs/data/api/select-trigger.json
index f816e4ed5e..a070ebbd68 100644
--- a/docs/data/api/select-trigger.json
+++ b/docs/data/api/select-trigger.json
@@ -8,7 +8,7 @@
   },
   "name": "SelectTrigger",
   "imports": [
-    "import { Select } from '@base_ui/react/Select';\nconst SelectTrigger = Select.Trigger;"
+    "import { Select } from '@base-ui-components/react/Select';\nconst SelectTrigger = Select.Trigger;"
   ],
   "classes": [],
   "spread": true,
diff --git a/docs/data/api/select-value.json b/docs/data/api/select-value.json
index 74db484c08..6a522f0312 100644
--- a/docs/data/api/select-value.json
+++ b/docs/data/api/select-value.json
@@ -5,7 +5,9 @@
     "render": { "type": { "name": "union", "description": "element<br>&#124;&nbsp;func" } }
   },
   "name": "SelectValue",
-  "imports": ["import { Select } from '@base_ui/react/Select';\nconst SelectValue = Select.Value;"],
+  "imports": [
+    "import { Select } from '@base-ui-components/react/Select';\nconst SelectValue = Select.Value;"
+  ],
   "classes": [],
   "muiName": "SelectValue",
   "filename": "/packages/mui-base/src/Select/Value/SelectValue.tsx",
diff --git a/docs/data/api/separator-root.json b/docs/data/api/separator-root.json
index ec0c91e377..6bfdea31f9 100644
--- a/docs/data/api/separator-root.json
+++ b/docs/data/api/separator-root.json
@@ -5,7 +5,7 @@
   },
   "name": "SeparatorRoot",
   "imports": [
-    "import { Separator } from '@base_ui/react/Separator';\nconst SeparatorRoot = Separator.Root;"
+    "import { Separator } from '@base-ui-components/react/Separator';\nconst SeparatorRoot = Separator.Root;"
   ],
   "classes": [],
   "spread": true,
diff --git a/docs/data/api/slider-control.json b/docs/data/api/slider-control.json
index d48aef56c0..f7ffc44bd4 100644
--- a/docs/data/api/slider-control.json
+++ b/docs/data/api/slider-control.json
@@ -5,7 +5,7 @@
   },
   "name": "SliderControl",
   "imports": [
-    "import { Slider } from '@base_ui/react/Slider';\nconst SliderControl = Slider.Control;"
+    "import { Slider } from '@base-ui-components/react/Slider';\nconst SliderControl = Slider.Control;"
   ],
   "classes": [],
   "spread": true,
diff --git a/docs/data/api/slider-indicator.json b/docs/data/api/slider-indicator.json
index f84c3ee221..f240e9a68b 100644
--- a/docs/data/api/slider-indicator.json
+++ b/docs/data/api/slider-indicator.json
@@ -5,7 +5,7 @@
   },
   "name": "SliderIndicator",
   "imports": [
-    "import { Slider } from '@base_ui/react/Slider';\nconst SliderIndicator = Slider.Indicator;"
+    "import { Slider } from '@base-ui-components/react/Slider';\nconst SliderIndicator = Slider.Indicator;"
   ],
   "classes": [],
   "spread": true,
diff --git a/docs/data/api/slider-output.json b/docs/data/api/slider-output.json
index 63690fe610..bcd6cadaab 100644
--- a/docs/data/api/slider-output.json
+++ b/docs/data/api/slider-output.json
@@ -5,7 +5,7 @@
   },
   "name": "SliderOutput",
   "imports": [
-    "import { Slider } from '@base_ui/react/Slider';\nconst SliderOutput = Slider.Output;"
+    "import { Slider } from '@base-ui-components/react/Slider';\nconst SliderOutput = Slider.Output;"
   ],
   "classes": [],
   "spread": true,
diff --git a/docs/data/api/slider-root.json b/docs/data/api/slider-root.json
index f9a02ac8ea..af92414894 100644
--- a/docs/data/api/slider-root.json
+++ b/docs/data/api/slider-root.json
@@ -36,7 +36,9 @@
     }
   },
   "name": "SliderRoot",
-  "imports": ["import { Slider } from '@base_ui/react/Slider';\nconst SliderRoot = Slider.Root;"],
+  "imports": [
+    "import { Slider } from '@base-ui-components/react/Slider';\nconst SliderRoot = Slider.Root;"
+  ],
   "classes": [],
   "spread": true,
   "themeDefaultProps": true,
diff --git a/docs/data/api/slider-thumb.json b/docs/data/api/slider-thumb.json
index c0af6817d8..f7ed64ad3a 100644
--- a/docs/data/api/slider-thumb.json
+++ b/docs/data/api/slider-thumb.json
@@ -17,7 +17,9 @@
     "render": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;node" } }
   },
   "name": "SliderThumb",
-  "imports": ["import { Slider } from '@base_ui/react/Slider';\nconst SliderThumb = Slider.Thumb;"],
+  "imports": [
+    "import { Slider } from '@base-ui-components/react/Slider';\nconst SliderThumb = Slider.Thumb;"
+  ],
   "classes": [],
   "spread": true,
   "themeDefaultProps": true,
diff --git a/docs/data/api/slider-track.json b/docs/data/api/slider-track.json
index eb2d844414..bf09a8f9d2 100644
--- a/docs/data/api/slider-track.json
+++ b/docs/data/api/slider-track.json
@@ -4,7 +4,9 @@
     "render": { "type": { "name": "union", "description": "element<br>&#124;&nbsp;func" } }
   },
   "name": "SliderTrack",
-  "imports": ["import { Slider } from '@base_ui/react/Slider';\nconst SliderTrack = Slider.Track;"],
+  "imports": [
+    "import { Slider } from '@base-ui-components/react/Slider';\nconst SliderTrack = Slider.Track;"
+  ],
   "classes": [],
   "spread": true,
   "themeDefaultProps": true,
diff --git a/docs/data/api/submenu-trigger.json b/docs/data/api/submenu-trigger.json
index e28a67b13d..1006864bed 100644
--- a/docs/data/api/submenu-trigger.json
+++ b/docs/data/api/submenu-trigger.json
@@ -6,7 +6,7 @@
     "render": { "type": { "name": "union", "description": "element<br>&#124;&nbsp;func" } }
   },
   "name": "SubmenuTrigger",
-  "imports": ["import { SubmenuTrigger } from '@base_ui/react/Menu';"],
+  "imports": ["import { SubmenuTrigger } from '@base-ui-components/react/Menu';"],
   "classes": [],
   "muiName": "SubmenuTrigger",
   "filename": "/packages/mui-base/src/Menu/SubmenuTrigger/SubmenuTrigger.tsx",
diff --git a/docs/data/api/switch-root.json b/docs/data/api/switch-root.json
index 98feb6280a..abeb687765 100644
--- a/docs/data/api/switch-root.json
+++ b/docs/data/api/switch-root.json
@@ -18,7 +18,9 @@
     "required": { "type": { "name": "bool" }, "default": "false" }
   },
   "name": "SwitchRoot",
-  "imports": ["import { Switch } from '@base_ui/react/Switch';\nconst SwitchRoot = Switch.Root;"],
+  "imports": [
+    "import { Switch } from '@base-ui-components/react/Switch';\nconst SwitchRoot = Switch.Root;"
+  ],
   "classes": [],
   "spread": true,
   "themeDefaultProps": true,
diff --git a/docs/data/api/switch-thumb.json b/docs/data/api/switch-thumb.json
index a64466e39d..48a130b82f 100644
--- a/docs/data/api/switch-thumb.json
+++ b/docs/data/api/switch-thumb.json
@@ -4,7 +4,9 @@
     "render": { "type": { "name": "union", "description": "element<br>&#124;&nbsp;func" } }
   },
   "name": "SwitchThumb",
-  "imports": ["import { Switch } from '@base_ui/react/Switch';\nconst SwitchThumb = Switch.Thumb;"],
+  "imports": [
+    "import { Switch } from '@base-ui-components/react/Switch';\nconst SwitchThumb = Switch.Thumb;"
+  ],
   "classes": [],
   "spread": true,
   "themeDefaultProps": true,
diff --git a/docs/data/api/tab-indicator.json b/docs/data/api/tab-indicator.json
index 54f4e04e13..0d1045c3d6 100644
--- a/docs/data/api/tab-indicator.json
+++ b/docs/data/api/tab-indicator.json
@@ -5,7 +5,9 @@
     "renderBeforeHydration": { "type": { "name": "bool" }, "default": "false" }
   },
   "name": "TabIndicator",
-  "imports": ["import { Tabs } from '@base_ui/react/Tabs';\nconst TabIndicator = Tabs.Indicator;"],
+  "imports": [
+    "import { Tabs } from '@base-ui-components/react/Tabs';\nconst TabIndicator = Tabs.Indicator;"
+  ],
   "classes": [],
   "spread": true,
   "themeDefaultProps": true,
diff --git a/docs/data/api/tab-panel.json b/docs/data/api/tab-panel.json
index 6221e09bd0..d4bca20e83 100644
--- a/docs/data/api/tab-panel.json
+++ b/docs/data/api/tab-panel.json
@@ -6,7 +6,9 @@
     "value": { "type": { "name": "any" } }
   },
   "name": "TabPanel",
-  "imports": ["import { Tabs } from '@base_ui/react/Tabs';\nconst TabPanel = Tabs.Panel;"],
+  "imports": [
+    "import { Tabs } from '@base-ui-components/react/Tabs';\nconst TabPanel = Tabs.Panel;"
+  ],
   "classes": [],
   "spread": true,
   "themeDefaultProps": true,
diff --git a/docs/data/api/tab.json b/docs/data/api/tab.json
index 9fbe333f58..6c89cd988b 100644
--- a/docs/data/api/tab.json
+++ b/docs/data/api/tab.json
@@ -5,7 +5,7 @@
     "value": { "type": { "name": "any" } }
   },
   "name": "Tab",
-  "imports": ["import { Tabs } from '@base_ui/react/Tabs';\nconst Tab = Tabs.Tab;"],
+  "imports": ["import { Tabs } from '@base-ui-components/react/Tabs';\nconst Tab = Tabs.Tab;"],
   "classes": [],
   "spread": true,
   "themeDefaultProps": true,
diff --git a/docs/data/api/tabs-list.json b/docs/data/api/tabs-list.json
index c9d641eaeb..d45f7ae883 100644
--- a/docs/data/api/tabs-list.json
+++ b/docs/data/api/tabs-list.json
@@ -6,7 +6,9 @@
     "render": { "type": { "name": "union", "description": "element<br>&#124;&nbsp;func" } }
   },
   "name": "TabsList",
-  "imports": ["import { Tabs } from '@base_ui/react/Tabs';\nconst TabsList = Tabs.List;"],
+  "imports": [
+    "import { Tabs } from '@base-ui-components/react/Tabs';\nconst TabsList = Tabs.List;"
+  ],
   "classes": [],
   "spread": true,
   "themeDefaultProps": true,
diff --git a/docs/data/api/tabs-root.json b/docs/data/api/tabs-root.json
index 4be24aeb81..cd6653cfee 100644
--- a/docs/data/api/tabs-root.json
+++ b/docs/data/api/tabs-root.json
@@ -15,7 +15,9 @@
     "value": { "type": { "name": "any" } }
   },
   "name": "TabsRoot",
-  "imports": ["import { Tabs } from '@base_ui/react/Tabs';\nconst TabsRoot = Tabs.Root;"],
+  "imports": [
+    "import { Tabs } from '@base-ui-components/react/Tabs';\nconst TabsRoot = Tabs.Root;"
+  ],
   "classes": [],
   "spread": true,
   "themeDefaultProps": true,
diff --git a/docs/data/api/text-input.json b/docs/data/api/text-input.json
index 5222db07db..89e5469f5f 100644
--- a/docs/data/api/text-input.json
+++ b/docs/data/api/text-input.json
@@ -4,7 +4,7 @@
     "render": { "type": { "name": "union", "description": "element<br>&#124;&nbsp;func" } }
   },
   "name": "TextInput",
-  "imports": ["import { TextInput } from '@base_ui/react/TextInput';"],
+  "imports": ["import { TextInput } from '@base-ui-components/react/TextInput';"],
   "classes": [],
   "spread": true,
   "themeDefaultProps": true,
diff --git a/docs/data/api/tooltip-arrow.json b/docs/data/api/tooltip-arrow.json
index 25368d286a..7a46931e23 100644
--- a/docs/data/api/tooltip-arrow.json
+++ b/docs/data/api/tooltip-arrow.json
@@ -6,7 +6,7 @@
   },
   "name": "TooltipArrow",
   "imports": [
-    "import { Tooltip } from '@base_ui/react/Tooltip';\nconst TooltipArrow = Tooltip.Arrow;"
+    "import { Tooltip } from '@base-ui-components/react/Tooltip';\nconst TooltipArrow = Tooltip.Arrow;"
   ],
   "classes": [],
   "spread": true,
diff --git a/docs/data/api/tooltip-popup.json b/docs/data/api/tooltip-popup.json
index 7cba917a82..e39623d3b9 100644
--- a/docs/data/api/tooltip-popup.json
+++ b/docs/data/api/tooltip-popup.json
@@ -5,7 +5,7 @@
   },
   "name": "TooltipPopup",
   "imports": [
-    "import { Tooltip } from '@base_ui/react/Tooltip';\nconst TooltipPopup = Tooltip.Popup;"
+    "import { Tooltip } from '@base-ui-components/react/Tooltip';\nconst TooltipPopup = Tooltip.Popup;"
   ],
   "classes": [],
   "spread": true,
diff --git a/docs/data/api/tooltip-positioner.json b/docs/data/api/tooltip-positioner.json
index 23ca83cce3..750fd5dcbf 100644
--- a/docs/data/api/tooltip-positioner.json
+++ b/docs/data/api/tooltip-positioner.json
@@ -50,7 +50,7 @@
   },
   "name": "TooltipPositioner",
   "imports": [
-    "import { Tooltip } from '@base_ui/react/Tooltip';\nconst TooltipPositioner = Tooltip.Positioner;"
+    "import { Tooltip } from '@base-ui-components/react/Tooltip';\nconst TooltipPositioner = Tooltip.Positioner;"
   ],
   "classes": [],
   "spread": true,
diff --git a/docs/data/api/tooltip-provider.json b/docs/data/api/tooltip-provider.json
index 3454a0ef25..14292d7239 100644
--- a/docs/data/api/tooltip-provider.json
+++ b/docs/data/api/tooltip-provider.json
@@ -6,7 +6,7 @@
   },
   "name": "TooltipProvider",
   "imports": [
-    "import { Tooltip } from '@base_ui/react/Tooltip';\nconst TooltipProvider = Tooltip.Provider;"
+    "import { Tooltip } from '@base-ui-components/react/Tooltip';\nconst TooltipProvider = Tooltip.Provider;"
   ],
   "classes": [],
   "spread": true,
diff --git a/docs/data/api/tooltip-root.json b/docs/data/api/tooltip-root.json
index 1c6fcd687b..4083be1fa9 100644
--- a/docs/data/api/tooltip-root.json
+++ b/docs/data/api/tooltip-root.json
@@ -17,7 +17,7 @@
   },
   "name": "TooltipRoot",
   "imports": [
-    "import { Tooltip } from '@base_ui/react/Tooltip';\nconst TooltipRoot = Tooltip.Root;"
+    "import { Tooltip } from '@base-ui-components/react/Tooltip';\nconst TooltipRoot = Tooltip.Root;"
   ],
   "classes": [],
   "spread": true,
diff --git a/docs/data/api/tooltip-trigger.json b/docs/data/api/tooltip-trigger.json
index e9b46eea5e..57c910304b 100644
--- a/docs/data/api/tooltip-trigger.json
+++ b/docs/data/api/tooltip-trigger.json
@@ -5,7 +5,7 @@
   },
   "name": "TooltipTrigger",
   "imports": [
-    "import { Tooltip } from '@base_ui/react/Tooltip';\nconst TooltipTrigger = Tooltip.Trigger;"
+    "import { Tooltip } from '@base-ui-components/react/Tooltip';\nconst TooltipTrigger = Tooltip.Trigger;"
   ],
   "classes": [],
   "spread": true,
diff --git a/docs/data/api/use-accordion-root.json b/docs/data/api/use-accordion-root.json
index 53bd7e2aef..43156bb402 100644
--- a/docs/data/api/use-accordion-root.json
+++ b/docs/data/api/use-accordion-root.json
@@ -3,6 +3,6 @@
   "returnValue": {},
   "name": "useAccordionRoot",
   "filename": "/packages/mui-base/src/Accordion/Root/useAccordionRoot.ts",
-  "imports": ["import { useAccordionRoot } from '@base_ui/react/Accordion';"],
+  "imports": ["import { useAccordionRoot } from '@base-ui-components/react/Accordion';"],
   "demos": "<ul><li><a href=\"/base-ui/react-accordion/#hook\">Accordion</a></li></ul>"
 }
diff --git a/docs/data/api/use-select-popup.json b/docs/data/api/use-select-popup.json
index e93f3c3c6e..f209b3015d 100644
--- a/docs/data/api/use-select-popup.json
+++ b/docs/data/api/use-select-popup.json
@@ -3,6 +3,6 @@
   "returnValue": {},
   "name": "useSelectPopup",
   "filename": "/packages/mui-base/src/Select/Popup/useSelectPopup.ts",
-  "imports": ["import { useSelectPopup } from '@base_ui/react/Select';"],
+  "imports": ["import { useSelectPopup } from '@base-ui-components/react/Select';"],
   "demos": "<ul></ul>"
 }
diff --git a/docs/data/components/accordion/UnstyledAccordionIntroduction.js b/docs/data/components/accordion/UnstyledAccordionIntroduction.js
index 378b8c0bad..4c3745a348 100644
--- a/docs/data/components/accordion/UnstyledAccordionIntroduction.js
+++ b/docs/data/components/accordion/UnstyledAccordionIntroduction.js
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { Accordion } from '@base_ui/react/Accordion';
+import { Accordion } from '@base-ui-components/react/Accordion';
 import classes from './styles.module.css';
 
 export default function UnstyledAccordionIntroduction() {
diff --git a/docs/data/components/accordion/UnstyledAccordionIntroduction.tsx b/docs/data/components/accordion/UnstyledAccordionIntroduction.tsx
index 09f316335f..46dbe7d790 100644
--- a/docs/data/components/accordion/UnstyledAccordionIntroduction.tsx
+++ b/docs/data/components/accordion/UnstyledAccordionIntroduction.tsx
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { Accordion } from '@base_ui/react/Accordion';
+import { Accordion } from '@base-ui-components/react/Accordion';
 import classes from './styles.module.css';
 
 export default function UnstyledAccordionIntroduction() {
diff --git a/docs/data/components/accordion/accordion.mdx b/docs/data/components/accordion/accordion.mdx
index 86f5ca9aae..a95da3bdd7 100644
--- a/docs/data/components/accordion/accordion.mdx
+++ b/docs/data/components/accordion/accordion.mdx
@@ -4,7 +4,7 @@ title: React Accordion components
 components: AccordionRoot, AccordionItem, AccordionHeader, AccordionTrigger, AccordionPanel
 githubLabel: 'component: accordion'
 waiAria: https://www.w3.org/WAI/ARIA/apg/patterns/accordion/
-packageName: '@base_ui/react'
+packageName: '@base-ui-components/react'
 ---
 
 # Accordion
diff --git a/docs/data/components/alert-dialog/AlertDialogIntroduction/css-modules/index.js b/docs/data/components/alert-dialog/AlertDialogIntroduction/css-modules/index.js
index 73a50d374c..436192c4f7 100644
--- a/docs/data/components/alert-dialog/AlertDialogIntroduction/css-modules/index.js
+++ b/docs/data/components/alert-dialog/AlertDialogIntroduction/css-modules/index.js
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { AlertDialog } from '@base_ui/react/AlertDialog';
+import { AlertDialog } from '@base-ui-components/react/AlertDialog';
 import classes from './styles.module.css';
 
 export default function AlertDialogIntroduction() {
diff --git a/docs/data/components/alert-dialog/AlertDialogIntroduction/css-modules/index.tsx b/docs/data/components/alert-dialog/AlertDialogIntroduction/css-modules/index.tsx
index 73a50d374c..436192c4f7 100644
--- a/docs/data/components/alert-dialog/AlertDialogIntroduction/css-modules/index.tsx
+++ b/docs/data/components/alert-dialog/AlertDialogIntroduction/css-modules/index.tsx
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { AlertDialog } from '@base_ui/react/AlertDialog';
+import { AlertDialog } from '@base-ui-components/react/AlertDialog';
 import classes from './styles.module.css';
 
 export default function AlertDialogIntroduction() {
diff --git a/docs/data/components/alert-dialog/AlertDialogIntroduction/system/index.js b/docs/data/components/alert-dialog/AlertDialogIntroduction/system/index.js
index 72336480b6..15e88f23bd 100644
--- a/docs/data/components/alert-dialog/AlertDialogIntroduction/system/index.js
+++ b/docs/data/components/alert-dialog/AlertDialogIntroduction/system/index.js
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { AlertDialog } from '@base_ui/react/AlertDialog';
+import { AlertDialog } from '@base-ui-components/react/AlertDialog';
 import { styled } from '@mui/system';
 
 export default function AlertDialogIntroduction() {
diff --git a/docs/data/components/alert-dialog/AlertDialogIntroduction/system/index.tsx b/docs/data/components/alert-dialog/AlertDialogIntroduction/system/index.tsx
index 72336480b6..15e88f23bd 100644
--- a/docs/data/components/alert-dialog/AlertDialogIntroduction/system/index.tsx
+++ b/docs/data/components/alert-dialog/AlertDialogIntroduction/system/index.tsx
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { AlertDialog } from '@base_ui/react/AlertDialog';
+import { AlertDialog } from '@base-ui-components/react/AlertDialog';
 import { styled } from '@mui/system';
 
 export default function AlertDialogIntroduction() {
diff --git a/docs/data/components/alert-dialog/AlertDialogIntroduction/tailwind/index.js b/docs/data/components/alert-dialog/AlertDialogIntroduction/tailwind/index.js
index 6458329ace..a8a1174f6f 100644
--- a/docs/data/components/alert-dialog/AlertDialogIntroduction/tailwind/index.js
+++ b/docs/data/components/alert-dialog/AlertDialogIntroduction/tailwind/index.js
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { AlertDialog } from '@base_ui/react/AlertDialog';
+import { AlertDialog } from '@base-ui-components/react/AlertDialog';
 
 export default function UnstyledDialogIntroduction() {
   return (
diff --git a/docs/data/components/alert-dialog/AlertDialogIntroduction/tailwind/index.tsx b/docs/data/components/alert-dialog/AlertDialogIntroduction/tailwind/index.tsx
index 17c58e16a1..1486c2a85e 100644
--- a/docs/data/components/alert-dialog/AlertDialogIntroduction/tailwind/index.tsx
+++ b/docs/data/components/alert-dialog/AlertDialogIntroduction/tailwind/index.tsx
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { AlertDialog } from '@base_ui/react/AlertDialog';
+import { AlertDialog } from '@base-ui-components/react/AlertDialog';
 
 export default function UnstyledDialogIntroduction() {
   return (
@@ -41,7 +41,7 @@ function Controls(props: React.ComponentPropsWithoutRef<'div'>) {
   return (
     <div
       {...props}
-      className="flex flex-row-reverse bg-slate-100 dark:bg-slate-800 gap-2 p-4 mt-8 -mx-4 -mb-4"
+      className="-mx-4 mt-8 -mb-4 flex flex-row-reverse gap-2 bg-slate-100 p-4 dark:bg-slate-800"
     />
   );
 }
@@ -67,7 +67,7 @@ function Backdrop(props: AlertDialog.Backdrop.Props) {
   return (
     <AlertDialog.Backdrop
       {...props}
-      className="bg-black/35 fixed inset-0 backdrop-blur-sm z-[2000]"
+      className="fixed inset-0 z-[2000] bg-black/35 backdrop-blur-sm"
     />
   );
 }
diff --git a/docs/data/components/alert-dialog/AlertDialogWithTransitions.js b/docs/data/components/alert-dialog/AlertDialogWithTransitions.js
index cdd336c99c..1554357641 100644
--- a/docs/data/components/alert-dialog/AlertDialogWithTransitions.js
+++ b/docs/data/components/alert-dialog/AlertDialogWithTransitions.js
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { AlertDialog as BaseAlertDialog } from '@base_ui/react/AlertDialog';
+import { AlertDialog as BaseAlertDialog } from '@base-ui-components/react/AlertDialog';
 import { styled } from '@mui/system';
 
 export default function AlertDialogWithTransitions() {
diff --git a/docs/data/components/alert-dialog/AlertDialogWithTransitions.tsx b/docs/data/components/alert-dialog/AlertDialogWithTransitions.tsx
index cdd336c99c..1554357641 100644
--- a/docs/data/components/alert-dialog/AlertDialogWithTransitions.tsx
+++ b/docs/data/components/alert-dialog/AlertDialogWithTransitions.tsx
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { AlertDialog as BaseAlertDialog } from '@base_ui/react/AlertDialog';
+import { AlertDialog as BaseAlertDialog } from '@base-ui-components/react/AlertDialog';
 import { styled } from '@mui/system';
 
 export default function AlertDialogWithTransitions() {
diff --git a/docs/data/components/alert-dialog/NestedAlertDialogs.js b/docs/data/components/alert-dialog/NestedAlertDialogs.js
index 470e316552..c120761bb8 100644
--- a/docs/data/components/alert-dialog/NestedAlertDialogs.js
+++ b/docs/data/components/alert-dialog/NestedAlertDialogs.js
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { AlertDialog as BaseAlertDialog } from '@base_ui/react/AlertDialog';
+import { AlertDialog as BaseAlertDialog } from '@base-ui-components/react/AlertDialog';
 import { styled } from '@mui/system';
 
 export default function NestedAlertDialogs() {
diff --git a/docs/data/components/alert-dialog/NestedAlertDialogs.tsx b/docs/data/components/alert-dialog/NestedAlertDialogs.tsx
index 470e316552..c120761bb8 100644
--- a/docs/data/components/alert-dialog/NestedAlertDialogs.tsx
+++ b/docs/data/components/alert-dialog/NestedAlertDialogs.tsx
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { AlertDialog as BaseAlertDialog } from '@base_ui/react/AlertDialog';
+import { AlertDialog as BaseAlertDialog } from '@base-ui-components/react/AlertDialog';
 import { styled } from '@mui/system';
 
 export default function NestedAlertDialogs() {
diff --git a/docs/data/components/checkbox-group/UnstyledCheckboxGroupIntroduction/css/index.js b/docs/data/components/checkbox-group/UnstyledCheckboxGroupIntroduction/css/index.js
index c98646c9e6..482bf18190 100644
--- a/docs/data/components/checkbox-group/UnstyledCheckboxGroupIntroduction/css/index.js
+++ b/docs/data/components/checkbox-group/UnstyledCheckboxGroupIntroduction/css/index.js
@@ -1,8 +1,8 @@
 'use client';
 import * as React from 'react';
-import { Checkbox } from '@base_ui/react/Checkbox';
-import { CheckboxGroup } from '@base_ui/react/CheckboxGroup';
-import { Field } from '@base_ui/react/Field';
+import { Checkbox } from '@base-ui-components/react/Checkbox';
+import { CheckboxGroup } from '@base-ui-components/react/CheckboxGroup';
+import { Field } from '@base-ui-components/react/Field';
 
 export default function UnstyledCheckboxIndeterminateGroup() {
   return (
diff --git a/docs/data/components/checkbox-group/UnstyledCheckboxGroupIntroduction/css/index.tsx b/docs/data/components/checkbox-group/UnstyledCheckboxGroupIntroduction/css/index.tsx
index 6354c14fd3..0ba8d0f6f8 100644
--- a/docs/data/components/checkbox-group/UnstyledCheckboxGroupIntroduction/css/index.tsx
+++ b/docs/data/components/checkbox-group/UnstyledCheckboxGroupIntroduction/css/index.tsx
@@ -1,8 +1,8 @@
 'use client';
 import * as React from 'react';
-import { Checkbox } from '@base_ui/react/Checkbox';
-import { CheckboxGroup } from '@base_ui/react/CheckboxGroup';
-import { Field } from '@base_ui/react/Field';
+import { Checkbox } from '@base-ui-components/react/Checkbox';
+import { CheckboxGroup } from '@base-ui-components/react/CheckboxGroup';
+import { Field } from '@base-ui-components/react/Field';
 
 export default function UnstyledCheckboxIndeterminateGroup() {
   return (
diff --git a/docs/data/components/checkbox-group/UnstyledCheckboxGroupIntroduction/system/index.js b/docs/data/components/checkbox-group/UnstyledCheckboxGroupIntroduction/system/index.js
index e9a4e28e44..e16c39592e 100644
--- a/docs/data/components/checkbox-group/UnstyledCheckboxGroupIntroduction/system/index.js
+++ b/docs/data/components/checkbox-group/UnstyledCheckboxGroupIntroduction/system/index.js
@@ -1,9 +1,9 @@
 'use client';
 import * as React from 'react';
 import { css, styled } from '@mui/system';
-import { Checkbox as BaseCheckbox } from '@base_ui/react/Checkbox';
-import { CheckboxGroup } from '@base_ui/react/CheckboxGroup';
-import { Field } from '@base_ui/react/Field';
+import { Checkbox as BaseCheckbox } from '@base-ui-components/react/Checkbox';
+import { CheckboxGroup } from '@base-ui-components/react/CheckboxGroup';
+import { Field } from '@base-ui-components/react/Field';
 
 export default function UnstyledCheckboxIndeterminateGroup() {
   return (
diff --git a/docs/data/components/checkbox-group/UnstyledCheckboxGroupIntroduction/system/index.tsx b/docs/data/components/checkbox-group/UnstyledCheckboxGroupIntroduction/system/index.tsx
index 3cf31369e5..90a63b9c40 100644
--- a/docs/data/components/checkbox-group/UnstyledCheckboxGroupIntroduction/system/index.tsx
+++ b/docs/data/components/checkbox-group/UnstyledCheckboxGroupIntroduction/system/index.tsx
@@ -1,9 +1,9 @@
 'use client';
 import * as React from 'react';
 import { css, styled } from '@mui/system';
-import { Checkbox as BaseCheckbox } from '@base_ui/react/Checkbox';
-import { CheckboxGroup } from '@base_ui/react/CheckboxGroup';
-import { Field } from '@base_ui/react/Field';
+import { Checkbox as BaseCheckbox } from '@base-ui-components/react/Checkbox';
+import { CheckboxGroup } from '@base-ui-components/react/CheckboxGroup';
+import { Field } from '@base-ui-components/react/Field';
 
 export default function UnstyledCheckboxIndeterminateGroup() {
   return (
diff --git a/docs/data/components/checkbox-group/UnstyledCheckboxGroupIntroduction/tailwind/index.js b/docs/data/components/checkbox-group/UnstyledCheckboxGroupIntroduction/tailwind/index.js
index ebd89ff8a3..c03001cf58 100644
--- a/docs/data/components/checkbox-group/UnstyledCheckboxGroupIntroduction/tailwind/index.js
+++ b/docs/data/components/checkbox-group/UnstyledCheckboxGroupIntroduction/tailwind/index.js
@@ -2,9 +2,9 @@
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { useTheme } from '@mui/system';
-import { Checkbox as BaseCheckbox } from '@base_ui/react/Checkbox';
-import { CheckboxGroup } from '@base_ui/react/CheckboxGroup';
-import { Field } from '@base_ui/react/Field';
+import { Checkbox as BaseCheckbox } from '@base-ui-components/react/Checkbox';
+import { CheckboxGroup } from '@base-ui-components/react/CheckboxGroup';
+import { Field } from '@base-ui-components/react/Field';
 
 function classNames(...classes) {
   return classes.filter(Boolean).join(' ');
diff --git a/docs/data/components/checkbox-group/UnstyledCheckboxGroupIntroduction/tailwind/index.tsx b/docs/data/components/checkbox-group/UnstyledCheckboxGroupIntroduction/tailwind/index.tsx
index 553defa363..eb6756640b 100644
--- a/docs/data/components/checkbox-group/UnstyledCheckboxGroupIntroduction/tailwind/index.tsx
+++ b/docs/data/components/checkbox-group/UnstyledCheckboxGroupIntroduction/tailwind/index.tsx
@@ -1,9 +1,9 @@
 'use client';
 import * as React from 'react';
 import { useTheme } from '@mui/system';
-import { Checkbox as BaseCheckbox } from '@base_ui/react/Checkbox';
-import { CheckboxGroup } from '@base_ui/react/CheckboxGroup';
-import { Field } from '@base_ui/react/Field';
+import { Checkbox as BaseCheckbox } from '@base-ui-components/react/Checkbox';
+import { CheckboxGroup } from '@base-ui-components/react/CheckboxGroup';
+import { Field } from '@base-ui-components/react/Field';
 
 function classNames(...classes: Array<string | undefined | null | false>) {
   return classes.filter(Boolean).join(' ');
@@ -18,7 +18,7 @@ function Label(props: React.ComponentPropsWithoutRef<'label'>) {
   return (
     // eslint-disable-next-line jsx-a11y/label-has-associated-control, jsx-a11y/no-noninteractive-element-interactions
     <label
-      className="flex gap-2 mb-2"
+      className="mb-2 flex gap-2"
       onMouseDown={(event) => event.preventDefault()}
       {...props}
     />
@@ -33,12 +33,12 @@ export default function UnstyledCheckboxIntroduction() {
     <div className={isDarkMode ? 'dark' : ''} style={{ display: 'flex', gap: 12 }}>
       <Field.Root>
         <CheckboxGroup.Root defaultValue={['red']}>
-          <Field.Label className="font-bold text-lg mb-2 flex">Colors</Field.Label>
+          <Field.Label className="mb-2 flex text-lg font-bold">Colors</Field.Label>
           <div style={{ display: 'flex', flexDirection: 'column' }}>
             <Label>
               <Checkbox name="red">
                 <Indicator>
-                  <CheckIcon className="w-full h-full" />
+                  <CheckIcon className="h-full w-full" />
                 </Indicator>
               </Checkbox>
               Red
@@ -46,7 +46,7 @@ export default function UnstyledCheckboxIntroduction() {
             <Label>
               <Checkbox name="green">
                 <Indicator>
-                  <CheckIcon className="w-full h-full" />
+                  <CheckIcon className="h-full w-full" />
                 </Indicator>
               </Checkbox>
               Green
@@ -54,7 +54,7 @@ export default function UnstyledCheckboxIntroduction() {
             <Label>
               <Checkbox name="blue">
                 <Indicator>
-                  <CheckIcon className="w-full h-full" />
+                  <CheckIcon className="h-full w-full" />
                 </Indicator>
               </Checkbox>
               Blue
@@ -74,11 +74,11 @@ const Checkbox = React.forwardRef<HTMLButtonElement, BaseCheckbox.Root.Props>(
         ref={ref}
         className={(state) =>
           classNames(
-            'w-6 h-6 p-0 rounded-md',
+            'h-6 w-6 rounded-md p-0',
             'border-2 border-solid border-purple-500',
-            'outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-purple-500 focus-visible:ring-opacity-60',
+            'focus-visible:ring-opacity-60 outline-none focus-visible:ring-2 focus-visible:ring-purple-500 focus-visible:ring-offset-2',
             'transition-colors duration-150',
-            state.disabled && 'opacity-40 cursor-not-allowed',
+            state.disabled && 'cursor-not-allowed opacity-40',
             state.checked && 'bg-purple-500',
             !state.checked && 'bg-transparent',
             typeof props.className === 'function'
@@ -99,14 +99,14 @@ const Indicator = React.forwardRef<HTMLSpanElement, BaseCheckbox.Indicator.Props
         ref={ref}
         className={(state) =>
           classNames(
-            'h-full inline-block invisible data-[checked]:visible text-gray-100',
+            'invisible inline-block h-full text-gray-100 data-[checked]:visible',
             typeof props.className === 'function'
               ? props.className(state)
               : props.className,
           )
         }
       >
-        <CheckIcon className="w-full h-full" />
+        <CheckIcon className="h-full w-full" />
       </BaseCheckbox.Indicator>
     );
   },
diff --git a/docs/data/components/checkbox-group/UnstyledCheckboxGroupNested.js b/docs/data/components/checkbox-group/UnstyledCheckboxGroupNested.js
index 9201619d6d..09953b8a85 100644
--- a/docs/data/components/checkbox-group/UnstyledCheckboxGroupNested.js
+++ b/docs/data/components/checkbox-group/UnstyledCheckboxGroupNested.js
@@ -1,8 +1,8 @@
 'use client';
 import * as React from 'react';
-import { Checkbox as BaseCheckbox } from '@base_ui/react/Checkbox';
-import { CheckboxGroup } from '@base_ui/react/CheckboxGroup';
-import { Field } from '@base_ui/react/Field';
+import { Checkbox as BaseCheckbox } from '@base-ui-components/react/Checkbox';
+import { CheckboxGroup } from '@base-ui-components/react/CheckboxGroup';
+import { Field } from '@base-ui-components/react/Field';
 import { styled } from '@mui/system';
 
 const colors = ['red', 'green', 'blue'];
diff --git a/docs/data/components/checkbox-group/UnstyledCheckboxGroupNested.tsx b/docs/data/components/checkbox-group/UnstyledCheckboxGroupNested.tsx
index 649d3e5d8f..149f0cac84 100644
--- a/docs/data/components/checkbox-group/UnstyledCheckboxGroupNested.tsx
+++ b/docs/data/components/checkbox-group/UnstyledCheckboxGroupNested.tsx
@@ -1,8 +1,8 @@
 'use client';
 import * as React from 'react';
-import { Checkbox as BaseCheckbox } from '@base_ui/react/Checkbox';
-import { CheckboxGroup } from '@base_ui/react/CheckboxGroup';
-import { Field } from '@base_ui/react/Field';
+import { Checkbox as BaseCheckbox } from '@base-ui-components/react/Checkbox';
+import { CheckboxGroup } from '@base-ui-components/react/CheckboxGroup';
+import { Field } from '@base-ui-components/react/Field';
 import { styled } from '@mui/system';
 
 const colors = ['red', 'green', 'blue'];
diff --git a/docs/data/components/checkbox-group/checkbox-group.mdx b/docs/data/components/checkbox-group/checkbox-group.mdx
index 851d14b84a..aed8ed6f53 100644
--- a/docs/data/components/checkbox-group/checkbox-group.mdx
+++ b/docs/data/components/checkbox-group/checkbox-group.mdx
@@ -5,7 +5,7 @@ description: Checkbox Groups combine a series of checkboxes together.
 components: CheckboxGroupRoot
 githubLabel: 'component: checkbox'
 waiAria: https://www.w3.org/WAI/ARIA/apg/patterns/checkbox/
-packageName: '@base_ui/react'
+packageName: '@base-ui-components/react'
 ---
 
 # Checkbox Group
@@ -39,7 +39,7 @@ Checkbox Group is composed of a `Root` component and `Checkbox` components:
 `Field` components are used to label the Checkbox Group and individual Checkboxes:
 
 ```jsx
-import { Field } from '@base_ui/react/Field';
+import { Field } from '@base-ui-components/react/Field';
 ```
 
 ```tsx
diff --git a/docs/data/components/checkbox/UnstyledCheckboxIndeterminate.js b/docs/data/components/checkbox/UnstyledCheckboxIndeterminate.js
index edb83d1019..a2eee82219 100644
--- a/docs/data/components/checkbox/UnstyledCheckboxIndeterminate.js
+++ b/docs/data/components/checkbox/UnstyledCheckboxIndeterminate.js
@@ -1,7 +1,7 @@
 'use client';
 import * as React from 'react';
 import { styled } from '@mui/system';
-import { Checkbox as BaseCheckbox } from '@base_ui/react/Checkbox';
+import { Checkbox as BaseCheckbox } from '@base-ui-components/react/Checkbox';
 
 export default function UnstyledCheckboxIndeterminate() {
   return (
diff --git a/docs/data/components/checkbox/UnstyledCheckboxIndeterminate.tsx b/docs/data/components/checkbox/UnstyledCheckboxIndeterminate.tsx
index 07c87a75c6..b3e019277c 100644
--- a/docs/data/components/checkbox/UnstyledCheckboxIndeterminate.tsx
+++ b/docs/data/components/checkbox/UnstyledCheckboxIndeterminate.tsx
@@ -1,7 +1,7 @@
 'use client';
 import * as React from 'react';
 import { styled } from '@mui/system';
-import { Checkbox as BaseCheckbox } from '@base_ui/react/Checkbox';
+import { Checkbox as BaseCheckbox } from '@base-ui-components/react/Checkbox';
 
 export default function UnstyledCheckboxIndeterminate() {
   return (
diff --git a/docs/data/components/checkbox/UnstyledCheckboxIndeterminateGroup.js b/docs/data/components/checkbox/UnstyledCheckboxIndeterminateGroup.js
index 7415e06370..4f5bfce988 100644
--- a/docs/data/components/checkbox/UnstyledCheckboxIndeterminateGroup.js
+++ b/docs/data/components/checkbox/UnstyledCheckboxIndeterminateGroup.js
@@ -1,7 +1,7 @@
 'use client';
 import * as React from 'react';
 import { styled } from '@mui/system';
-import { Checkbox as BaseCheckbox } from '@base_ui/react/Checkbox';
+import { Checkbox as BaseCheckbox } from '@base-ui-components/react/Checkbox';
 
 const colors = ['Red', 'Green', 'Blue'];
 
diff --git a/docs/data/components/checkbox/UnstyledCheckboxIndeterminateGroup.tsx b/docs/data/components/checkbox/UnstyledCheckboxIndeterminateGroup.tsx
index 3c60042b8a..b8675d0aab 100644
--- a/docs/data/components/checkbox/UnstyledCheckboxIndeterminateGroup.tsx
+++ b/docs/data/components/checkbox/UnstyledCheckboxIndeterminateGroup.tsx
@@ -1,7 +1,7 @@
 'use client';
 import * as React from 'react';
 import { styled } from '@mui/system';
-import { Checkbox as BaseCheckbox } from '@base_ui/react/Checkbox';
+import { Checkbox as BaseCheckbox } from '@base-ui-components/react/Checkbox';
 
 const colors = ['Red', 'Green', 'Blue'];
 
diff --git a/docs/data/components/checkbox/UnstyledCheckboxIntroduction/css-modules/index.js b/docs/data/components/checkbox/UnstyledCheckboxIntroduction/css-modules/index.js
index a5b0de642d..115825ca89 100644
--- a/docs/data/components/checkbox/UnstyledCheckboxIntroduction/css-modules/index.js
+++ b/docs/data/components/checkbox/UnstyledCheckboxIntroduction/css-modules/index.js
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { Checkbox } from '@base_ui/react/Checkbox';
+import { Checkbox } from '@base-ui-components/react/Checkbox';
 import { useTheme } from '@mui/system';
 
 export default function UnstyledCheckboxIntroduction() {
diff --git a/docs/data/components/checkbox/UnstyledCheckboxIntroduction/css-modules/index.tsx b/docs/data/components/checkbox/UnstyledCheckboxIntroduction/css-modules/index.tsx
index 1605c4e7cc..052e4060e2 100644
--- a/docs/data/components/checkbox/UnstyledCheckboxIntroduction/css-modules/index.tsx
+++ b/docs/data/components/checkbox/UnstyledCheckboxIntroduction/css-modules/index.tsx
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { Checkbox } from '@base_ui/react/Checkbox';
+import { Checkbox } from '@base-ui-components/react/Checkbox';
 import { useTheme } from '@mui/system';
 
 export default function UnstyledCheckboxIntroduction() {
diff --git a/docs/data/components/checkbox/UnstyledCheckboxIntroduction/system/index.js b/docs/data/components/checkbox/UnstyledCheckboxIntroduction/system/index.js
index b4e424d547..212c708796 100644
--- a/docs/data/components/checkbox/UnstyledCheckboxIntroduction/system/index.js
+++ b/docs/data/components/checkbox/UnstyledCheckboxIntroduction/system/index.js
@@ -1,7 +1,7 @@
 'use client';
 import * as React from 'react';
 import { styled } from '@mui/system';
-import { Checkbox as BaseCheckbox } from '@base_ui/react/Checkbox';
+import { Checkbox as BaseCheckbox } from '@base-ui-components/react/Checkbox';
 
 export default function UnstyledSwitchIntroduction() {
   return (
diff --git a/docs/data/components/checkbox/UnstyledCheckboxIntroduction/system/index.tsx b/docs/data/components/checkbox/UnstyledCheckboxIntroduction/system/index.tsx
index 155601a9fb..ffbcd70b40 100644
--- a/docs/data/components/checkbox/UnstyledCheckboxIntroduction/system/index.tsx
+++ b/docs/data/components/checkbox/UnstyledCheckboxIntroduction/system/index.tsx
@@ -1,7 +1,7 @@
 'use client';
 import * as React from 'react';
 import { styled } from '@mui/system';
-import { Checkbox as BaseCheckbox } from '@base_ui/react/Checkbox';
+import { Checkbox as BaseCheckbox } from '@base-ui-components/react/Checkbox';
 
 export default function UnstyledSwitchIntroduction() {
   return (
diff --git a/docs/data/components/checkbox/UnstyledCheckboxIntroduction/tailwind/index.js b/docs/data/components/checkbox/UnstyledCheckboxIntroduction/tailwind/index.js
index 92ec64f644..20627c1690 100644
--- a/docs/data/components/checkbox/UnstyledCheckboxIntroduction/tailwind/index.js
+++ b/docs/data/components/checkbox/UnstyledCheckboxIntroduction/tailwind/index.js
@@ -1,7 +1,7 @@
 'use client';
 import * as React from 'react';
 import PropTypes from 'prop-types';
-import { Checkbox as BaseCheckbox } from '@base_ui/react/Checkbox';
+import { Checkbox as BaseCheckbox } from '@base-ui-components/react/Checkbox';
 import { useTheme } from '@mui/system';
 
 function classNames(...classes) {
diff --git a/docs/data/components/checkbox/UnstyledCheckboxIntroduction/tailwind/index.tsx b/docs/data/components/checkbox/UnstyledCheckboxIntroduction/tailwind/index.tsx
index 9175a5bf8c..769539d307 100644
--- a/docs/data/components/checkbox/UnstyledCheckboxIntroduction/tailwind/index.tsx
+++ b/docs/data/components/checkbox/UnstyledCheckboxIntroduction/tailwind/index.tsx
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { Checkbox as BaseCheckbox } from '@base_ui/react/Checkbox';
+import { Checkbox as BaseCheckbox } from '@base-ui-components/react/Checkbox';
 import { useTheme } from '@mui/system';
 
 function classNames(...classes: Array<string | undefined | null | false>) {
@@ -46,11 +46,11 @@ const Checkbox = React.forwardRef<HTMLButtonElement, BaseCheckbox.Root.Props>(
         ref={ref}
         className={(state) =>
           classNames(
-            'w-6 h-6 p-0 rounded-md',
+            'h-6 w-6 rounded-md p-0',
             'border-2 border-solid border-purple-500',
-            'outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-purple-500 focus-visible:ring-opacity-60',
+            'focus-visible:ring-opacity-60 outline-none focus-visible:ring-2 focus-visible:ring-purple-500 focus-visible:ring-offset-2',
             'transition-colors duration-150',
-            state.disabled && 'opacity-40 cursor-not-allowed',
+            state.disabled && 'cursor-not-allowed opacity-40',
             state.checked && 'bg-purple-500',
             !state.checked && 'bg-transparent',
             typeof props.className === 'function'
@@ -71,14 +71,14 @@ const Indicator = React.forwardRef<HTMLSpanElement, BaseCheckbox.Indicator.Props
         ref={ref}
         className={(state) =>
           classNames(
-            'h-full inline-block invisible data-[checked]:visible text-gray-100',
+            'invisible inline-block h-full text-gray-100 data-[checked]:visible',
             typeof props.className === 'function'
               ? props.className(state)
               : props.className,
           )
         }
       >
-        <CheckIcon className="w-full h-full" />
+        <CheckIcon className="h-full w-full" />
       </BaseCheckbox.Indicator>
     );
   },
diff --git a/docs/data/components/checkbox/checkbox.mdx b/docs/data/components/checkbox/checkbox.mdx
index 6eb7cd6fbf..6a6ad70293 100644
--- a/docs/data/components/checkbox/checkbox.mdx
+++ b/docs/data/components/checkbox/checkbox.mdx
@@ -6,7 +6,7 @@ components: CheckboxRoot, CheckboxIndicator
 hooks: useCheckboxRoot
 githubLabel: 'component: checkbox'
 waiAria: https://www.w3.org/WAI/ARIA/apg/patterns/checkbox/
-packageName: '@base_ui/react'
+packageName: '@base-ui-components/react'
 ---
 
 # Checkbox
diff --git a/docs/data/components/collapsible/CssAnimatedCollapsible.js b/docs/data/components/collapsible/CssAnimatedCollapsible.js
index 9297367dff..0b80422089 100644
--- a/docs/data/components/collapsible/CssAnimatedCollapsible.js
+++ b/docs/data/components/collapsible/CssAnimatedCollapsible.js
@@ -1,7 +1,7 @@
 'use client';
 import * as React from 'react';
 import clsx from 'clsx';
-import { Collapsible } from '@base_ui/react/Collapsible';
+import { Collapsible } from '@base-ui-components/react/Collapsible';
 import animationClasses from './animations.module.css';
 import classes from './styles.module.css';
 
diff --git a/docs/data/components/collapsible/CssAnimatedCollapsible.tsx b/docs/data/components/collapsible/CssAnimatedCollapsible.tsx
index eaaad957e0..2dde794300 100644
--- a/docs/data/components/collapsible/CssAnimatedCollapsible.tsx
+++ b/docs/data/components/collapsible/CssAnimatedCollapsible.tsx
@@ -1,7 +1,7 @@
 'use client';
 import * as React from 'react';
 import clsx from 'clsx';
-import { Collapsible } from '@base_ui/react/Collapsible';
+import { Collapsible } from '@base-ui-components/react/Collapsible';
 import animationClasses from './animations.module.css';
 import classes from './styles.module.css';
 
diff --git a/docs/data/components/collapsible/CssTransitionCollapsible.js b/docs/data/components/collapsible/CssTransitionCollapsible.js
index 2a305df785..1ddad12e27 100644
--- a/docs/data/components/collapsible/CssTransitionCollapsible.js
+++ b/docs/data/components/collapsible/CssTransitionCollapsible.js
@@ -1,7 +1,7 @@
 'use client';
 import * as React from 'react';
 import clsx from 'clsx';
-import { Collapsible } from '@base_ui/react/Collapsible';
+import { Collapsible } from '@base-ui-components/react/Collapsible';
 import transitionClasses from './transitions.module.css';
 import classes from './styles.module.css';
 
diff --git a/docs/data/components/collapsible/CssTransitionCollapsible.tsx b/docs/data/components/collapsible/CssTransitionCollapsible.tsx
index 7961ef6fc6..cb63886fd7 100644
--- a/docs/data/components/collapsible/CssTransitionCollapsible.tsx
+++ b/docs/data/components/collapsible/CssTransitionCollapsible.tsx
@@ -1,7 +1,7 @@
 'use client';
 import * as React from 'react';
 import clsx from 'clsx';
-import { Collapsible } from '@base_ui/react/Collapsible';
+import { Collapsible } from '@base-ui-components/react/Collapsible';
 import transitionClasses from './transitions.module.css';
 import classes from './styles.module.css';
 
diff --git a/docs/data/components/collapsible/UnstyledCollapsibleIntroduction.js b/docs/data/components/collapsible/UnstyledCollapsibleIntroduction.js
index f880388d3c..1ecda91940 100644
--- a/docs/data/components/collapsible/UnstyledCollapsibleIntroduction.js
+++ b/docs/data/components/collapsible/UnstyledCollapsibleIntroduction.js
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { Collapsible } from '@base_ui/react/Collapsible';
+import { Collapsible } from '@base-ui-components/react/Collapsible';
 import classes from './styles.module.css';
 
 export default function UnstyledCollapsibleIntroduction() {
diff --git a/docs/data/components/collapsible/UnstyledCollapsibleIntroduction.tsx b/docs/data/components/collapsible/UnstyledCollapsibleIntroduction.tsx
index 738789210f..9c88371513 100644
--- a/docs/data/components/collapsible/UnstyledCollapsibleIntroduction.tsx
+++ b/docs/data/components/collapsible/UnstyledCollapsibleIntroduction.tsx
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { Collapsible } from '@base_ui/react/Collapsible';
+import { Collapsible } from '@base-ui-components/react/Collapsible';
 import classes from './styles.module.css';
 
 export default function UnstyledCollapsibleIntroduction() {
diff --git a/docs/data/components/collapsible/collapsible.mdx b/docs/data/components/collapsible/collapsible.mdx
index fe2646c1ed..499bd7802d 100644
--- a/docs/data/components/collapsible/collapsible.mdx
+++ b/docs/data/components/collapsible/collapsible.mdx
@@ -5,7 +5,7 @@ description: Collapsible is a component that shows or hides content.
 components: CollapsibleRoot, CollapsibleTrigger, CollapsiblePanel
 githubLabel: 'component: collapsible'
 waiAria: https://www.w3.org/WAI/ARIA/apg/patterns/disclosure/
-packageName: '@base_ui/react'
+packageName: '@base-ui-components/react'
 ---
 
 # Collapsible
diff --git a/docs/data/components/dialog/DialogWithTransitions.js b/docs/data/components/dialog/DialogWithTransitions.js
index 07d9f834c5..96a46b4057 100644
--- a/docs/data/components/dialog/DialogWithTransitions.js
+++ b/docs/data/components/dialog/DialogWithTransitions.js
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { Dialog as BaseDialog } from '@base_ui/react/Dialog';
+import { Dialog as BaseDialog } from '@base-ui-components/react/Dialog';
 import { styled } from '@mui/system';
 
 export default function DialogWithTransitions() {
diff --git a/docs/data/components/dialog/DialogWithTransitions.tsx b/docs/data/components/dialog/DialogWithTransitions.tsx
index 07d9f834c5..96a46b4057 100644
--- a/docs/data/components/dialog/DialogWithTransitions.tsx
+++ b/docs/data/components/dialog/DialogWithTransitions.tsx
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { Dialog as BaseDialog } from '@base_ui/react/Dialog';
+import { Dialog as BaseDialog } from '@base-ui-components/react/Dialog';
 import { styled } from '@mui/system';
 
 export default function DialogWithTransitions() {
diff --git a/docs/data/components/dialog/NestedDialogs.js b/docs/data/components/dialog/NestedDialogs.js
index 32839c7da2..8ce6615ef9 100644
--- a/docs/data/components/dialog/NestedDialogs.js
+++ b/docs/data/components/dialog/NestedDialogs.js
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { Dialog as BaseDialog } from '@base_ui/react/Dialog';
+import { Dialog as BaseDialog } from '@base-ui-components/react/Dialog';
 import { styled } from '@mui/system';
 
 export default function NestedDialogs() {
diff --git a/docs/data/components/dialog/NestedDialogs.tsx b/docs/data/components/dialog/NestedDialogs.tsx
index 32839c7da2..8ce6615ef9 100644
--- a/docs/data/components/dialog/NestedDialogs.tsx
+++ b/docs/data/components/dialog/NestedDialogs.tsx
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { Dialog as BaseDialog } from '@base_ui/react/Dialog';
+import { Dialog as BaseDialog } from '@base-ui-components/react/Dialog';
 import { styled } from '@mui/system';
 
 export default function NestedDialogs() {
diff --git a/docs/data/components/dialog/UnstyledDialogIntroduction/css-modules/index.js b/docs/data/components/dialog/UnstyledDialogIntroduction/css-modules/index.js
index e6868505f4..08bf31a1ed 100644
--- a/docs/data/components/dialog/UnstyledDialogIntroduction/css-modules/index.js
+++ b/docs/data/components/dialog/UnstyledDialogIntroduction/css-modules/index.js
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { Dialog } from '@base_ui/react/Dialog';
+import { Dialog } from '@base-ui-components/react/Dialog';
 import classes from './styles.module.css';
 
 export default function UnstyledDialogIntroduction() {
diff --git a/docs/data/components/dialog/UnstyledDialogIntroduction/css-modules/index.tsx b/docs/data/components/dialog/UnstyledDialogIntroduction/css-modules/index.tsx
index e6868505f4..08bf31a1ed 100644
--- a/docs/data/components/dialog/UnstyledDialogIntroduction/css-modules/index.tsx
+++ b/docs/data/components/dialog/UnstyledDialogIntroduction/css-modules/index.tsx
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { Dialog } from '@base_ui/react/Dialog';
+import { Dialog } from '@base-ui-components/react/Dialog';
 import classes from './styles.module.css';
 
 export default function UnstyledDialogIntroduction() {
diff --git a/docs/data/components/dialog/UnstyledDialogIntroduction/system/index.js b/docs/data/components/dialog/UnstyledDialogIntroduction/system/index.js
index 6627436c72..cc23560fac 100644
--- a/docs/data/components/dialog/UnstyledDialogIntroduction/system/index.js
+++ b/docs/data/components/dialog/UnstyledDialogIntroduction/system/index.js
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { Dialog } from '@base_ui/react/Dialog';
+import { Dialog } from '@base-ui-components/react/Dialog';
 import { styled } from '@mui/system';
 
 export default function UnstyledDialogIntroduction() {
diff --git a/docs/data/components/dialog/UnstyledDialogIntroduction/system/index.tsx b/docs/data/components/dialog/UnstyledDialogIntroduction/system/index.tsx
index 6627436c72..cc23560fac 100644
--- a/docs/data/components/dialog/UnstyledDialogIntroduction/system/index.tsx
+++ b/docs/data/components/dialog/UnstyledDialogIntroduction/system/index.tsx
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { Dialog } from '@base_ui/react/Dialog';
+import { Dialog } from '@base-ui-components/react/Dialog';
 import { styled } from '@mui/system';
 
 export default function UnstyledDialogIntroduction() {
diff --git a/docs/data/components/dialog/UnstyledDialogIntroduction/tailwind/index.js b/docs/data/components/dialog/UnstyledDialogIntroduction/tailwind/index.js
index 9fafb3f178..4ae8e1de34 100644
--- a/docs/data/components/dialog/UnstyledDialogIntroduction/tailwind/index.js
+++ b/docs/data/components/dialog/UnstyledDialogIntroduction/tailwind/index.js
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { Dialog } from '@base_ui/react/Dialog';
+import { Dialog } from '@base-ui-components/react/Dialog';
 
 export default function UnstyledDialogIntroduction() {
   return (
diff --git a/docs/data/components/dialog/UnstyledDialogIntroduction/tailwind/index.tsx b/docs/data/components/dialog/UnstyledDialogIntroduction/tailwind/index.tsx
index b1127efec9..ed0b588474 100644
--- a/docs/data/components/dialog/UnstyledDialogIntroduction/tailwind/index.tsx
+++ b/docs/data/components/dialog/UnstyledDialogIntroduction/tailwind/index.tsx
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { Dialog } from '@base_ui/react/Dialog';
+import { Dialog } from '@base-ui-components/react/Dialog';
 
 export default function UnstyledDialogIntroduction() {
   return (
@@ -48,7 +48,7 @@ function Controls(props: React.ComponentPropsWithoutRef<'div'>) {
   return (
     <div
       {...props}
-      className="flex flex-row-reverse bg-slate-100 dark:bg-slate-800 gap-2 p-4 mt-8 -mx-4 -mb-4"
+      className="-mx-4 mt-8 -mb-4 flex flex-row-reverse gap-2 bg-slate-100 p-4 dark:bg-slate-800"
     />
   );
 }
@@ -74,7 +74,7 @@ function Backdrop(props: Dialog.Backdrop.Props) {
   return (
     <Dialog.Backdrop
       {...props}
-      className="bg-black/35 fixed inset-0 backdrop-blur-sm z-[2000]"
+      className="fixed inset-0 z-[2000] bg-black/35 backdrop-blur-sm"
     />
   );
 }
diff --git a/docs/data/components/field/UnstyledFieldAsync.js b/docs/data/components/field/UnstyledFieldAsync.js
index 39f8373c51..b1a7ef2ac6 100644
--- a/docs/data/components/field/UnstyledFieldAsync.js
+++ b/docs/data/components/field/UnstyledFieldAsync.js
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { Field } from '@base_ui/react/Field';
+import { Field } from '@base-ui-components/react/Field';
 import { styled } from '@mui/system';
 
 const cache = new Map();
diff --git a/docs/data/components/field/UnstyledFieldAsync.tsx b/docs/data/components/field/UnstyledFieldAsync.tsx
index 370c868b58..de5c5ae2e7 100644
--- a/docs/data/components/field/UnstyledFieldAsync.tsx
+++ b/docs/data/components/field/UnstyledFieldAsync.tsx
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { Field } from '@base_ui/react/Field';
+import { Field } from '@base-ui-components/react/Field';
 import { styled } from '@mui/system';
 
 const cache = new Map<string, string | null>();
diff --git a/docs/data/components/field/UnstyledFieldIntroduction/system/index.js b/docs/data/components/field/UnstyledFieldIntroduction/system/index.js
index 96914791e8..cef14374e2 100644
--- a/docs/data/components/field/UnstyledFieldIntroduction/system/index.js
+++ b/docs/data/components/field/UnstyledFieldIntroduction/system/index.js
@@ -1,7 +1,7 @@
 'use client';
 import * as React from 'react';
-import { Field } from '@base_ui/react/Field';
-import { TextInput } from '@base_ui/react/TextInput';
+import { Field } from '@base-ui-components/react/Field';
+import { TextInput } from '@base-ui-components/react/TextInput';
 import { styled } from '@mui/system';
 
 export default function UnstyledFieldIntroduction() {
diff --git a/docs/data/components/field/UnstyledFieldIntroduction/system/index.tsx b/docs/data/components/field/UnstyledFieldIntroduction/system/index.tsx
index 96914791e8..cef14374e2 100644
--- a/docs/data/components/field/UnstyledFieldIntroduction/system/index.tsx
+++ b/docs/data/components/field/UnstyledFieldIntroduction/system/index.tsx
@@ -1,7 +1,7 @@
 'use client';
 import * as React from 'react';
-import { Field } from '@base_ui/react/Field';
-import { TextInput } from '@base_ui/react/TextInput';
+import { Field } from '@base-ui-components/react/Field';
+import { TextInput } from '@base-ui-components/react/TextInput';
 import { styled } from '@mui/system';
 
 export default function UnstyledFieldIntroduction() {
diff --git a/docs/data/components/field/UnstyledFieldPassword.js b/docs/data/components/field/UnstyledFieldPassword.js
index 8ebe971fc0..baab9a2d8e 100644
--- a/docs/data/components/field/UnstyledFieldPassword.js
+++ b/docs/data/components/field/UnstyledFieldPassword.js
@@ -1,7 +1,7 @@
 'use client';
 import * as React from 'react';
-import { Field } from '@base_ui/react/Field';
-import { TextInput } from '@base_ui/react/TextInput';
+import { Field } from '@base-ui-components/react/Field';
+import { TextInput } from '@base-ui-components/react/TextInput';
 import { styled } from '@mui/system';
 
 function validate(value) {
diff --git a/docs/data/components/field/UnstyledFieldPassword.tsx b/docs/data/components/field/UnstyledFieldPassword.tsx
index 4f12d89cf7..8fd83a1cef 100644
--- a/docs/data/components/field/UnstyledFieldPassword.tsx
+++ b/docs/data/components/field/UnstyledFieldPassword.tsx
@@ -1,7 +1,7 @@
 'use client';
 import * as React from 'react';
-import { Field } from '@base_ui/react/Field';
-import { TextInput } from '@base_ui/react/TextInput';
+import { Field } from '@base-ui-components/react/Field';
+import { TextInput } from '@base-ui-components/react/TextInput';
 import { styled } from '@mui/system';
 
 function validate(value: string) {
diff --git a/docs/data/components/field/UnstyledFieldServerError.js b/docs/data/components/field/UnstyledFieldServerError.js
index e1c7b6e21f..95e5f7cc19 100644
--- a/docs/data/components/field/UnstyledFieldServerError.js
+++ b/docs/data/components/field/UnstyledFieldServerError.js
@@ -1,7 +1,7 @@
 'use client';
 import * as React from 'react';
-import { Field } from '@base_ui/react/Field';
-import { TextInput } from '@base_ui/react/TextInput';
+import { Field } from '@base-ui-components/react/Field';
+import { TextInput } from '@base-ui-components/react/TextInput';
 import { styled } from '@mui/system';
 
 export default function UnstyledFieldServerError() {
diff --git a/docs/data/components/field/UnstyledFieldServerError.tsx b/docs/data/components/field/UnstyledFieldServerError.tsx
index 5ad6371d3c..aef957dab3 100644
--- a/docs/data/components/field/UnstyledFieldServerError.tsx
+++ b/docs/data/components/field/UnstyledFieldServerError.tsx
@@ -1,7 +1,7 @@
 'use client';
 import * as React from 'react';
-import { Field } from '@base_ui/react/Field';
-import { TextInput } from '@base_ui/react/TextInput';
+import { Field } from '@base-ui-components/react/Field';
+import { TextInput } from '@base-ui-components/react/TextInput';
 import { styled } from '@mui/system';
 
 type Status = 'initial' | 'loading' | 'success' | 'error';
diff --git a/docs/data/components/field/field.mdx b/docs/data/components/field/field.mdx
index 7ef1f4f20c..69f3ea48c4 100644
--- a/docs/data/components/field/field.mdx
+++ b/docs/data/components/field/field.mdx
@@ -4,7 +4,7 @@ title: React Field component and hook
 description: Fields represent an individual section of a form containing an associated control and label, as well as any description or validation messages.
 components: FieldRoot, FieldLabel, FieldDescription, FieldError, FieldControl, FieldValidity
 githubLabel: 'component: field'
-packageName: '@base_ui/react'
+packageName: '@base-ui-components/react'
 ---
 
 # Field
diff --git a/docs/data/components/fieldset/UnstyledFieldsetIntroduction/system/index.js b/docs/data/components/fieldset/UnstyledFieldsetIntroduction/system/index.js
index 24178b06b3..b0447630ae 100644
--- a/docs/data/components/fieldset/UnstyledFieldsetIntroduction/system/index.js
+++ b/docs/data/components/fieldset/UnstyledFieldsetIntroduction/system/index.js
@@ -1,7 +1,7 @@
 'use client';
 import * as React from 'react';
-import { Field } from '@base_ui/react/Field';
-import { Fieldset } from '@base_ui/react/Fieldset';
+import { Field } from '@base-ui-components/react/Field';
+import { Fieldset } from '@base-ui-components/react/Fieldset';
 import { styled } from '@mui/system';
 
 export default function UnstyledFieldsetIntroduction() {
diff --git a/docs/data/components/fieldset/UnstyledFieldsetIntroduction/system/index.tsx b/docs/data/components/fieldset/UnstyledFieldsetIntroduction/system/index.tsx
index 24178b06b3..b0447630ae 100644
--- a/docs/data/components/fieldset/UnstyledFieldsetIntroduction/system/index.tsx
+++ b/docs/data/components/fieldset/UnstyledFieldsetIntroduction/system/index.tsx
@@ -1,7 +1,7 @@
 'use client';
 import * as React from 'react';
-import { Field } from '@base_ui/react/Field';
-import { Fieldset } from '@base_ui/react/Fieldset';
+import { Field } from '@base-ui-components/react/Field';
+import { Fieldset } from '@base-ui-components/react/Fieldset';
 import { styled } from '@mui/system';
 
 export default function UnstyledFieldsetIntroduction() {
diff --git a/docs/data/components/fieldset/fieldset.mdx b/docs/data/components/fieldset/fieldset.mdx
index a26dfa8191..667b9f8b57 100644
--- a/docs/data/components/fieldset/fieldset.mdx
+++ b/docs/data/components/fieldset/fieldset.mdx
@@ -4,7 +4,7 @@ title: React Fieldset component and hook
 description: Fieldsets group multiple fields together with a label. This is a light wrapper over the native fieldset and legend elements, but makes the legend element easily stylable.
 components: FieldsetRoot, FieldsetLegend
 githubLabel: 'component: fieldset'
-packageName: '@base_ui/react'
+packageName: '@base-ui-components/react'
 ---
 
 # Fieldset
diff --git a/docs/data/components/form/FormIntroduction/system/index.js b/docs/data/components/form/FormIntroduction/system/index.js
index 9834c4d71e..41060e4499 100644
--- a/docs/data/components/form/FormIntroduction/system/index.js
+++ b/docs/data/components/form/FormIntroduction/system/index.js
@@ -1,10 +1,10 @@
 'use client';
 
 import * as React from 'react';
-import { Form } from '@base_ui/react/Form';
-import { Fieldset } from '@base_ui/react/Fieldset';
-import { Field } from '@base_ui/react/Field';
-import { TextInput } from '@base_ui/react/TextInput';
+import { Form } from '@base-ui-components/react/Form';
+import { Fieldset } from '@base-ui-components/react/Fieldset';
+import { Field } from '@base-ui-components/react/Field';
+import { TextInput } from '@base-ui-components/react/TextInput';
 import { styled } from '@mui/system';
 
 export default function FormIntroduction() {
diff --git a/docs/data/components/form/FormIntroduction/system/index.tsx b/docs/data/components/form/FormIntroduction/system/index.tsx
index e076436c69..eb53752532 100644
--- a/docs/data/components/form/FormIntroduction/system/index.tsx
+++ b/docs/data/components/form/FormIntroduction/system/index.tsx
@@ -1,10 +1,10 @@
 'use client';
 
 import * as React from 'react';
-import { Form } from '@base_ui/react/Form';
-import { Fieldset } from '@base_ui/react/Fieldset';
-import { Field } from '@base_ui/react/Field';
-import { TextInput } from '@base_ui/react/TextInput';
+import { Form } from '@base-ui-components/react/Form';
+import { Fieldset } from '@base-ui-components/react/Fieldset';
+import { Field } from '@base-ui-components/react/Field';
+import { TextInput } from '@base-ui-components/react/TextInput';
 import { styled } from '@mui/system';
 
 type Status = 'initial' | 'loading' | 'success' | 'error';
diff --git a/docs/data/components/form/form.mdx b/docs/data/components/form/form.mdx
index 999b0bcaf8..0586de4dfb 100644
--- a/docs/data/components/form/form.mdx
+++ b/docs/data/components/form/form.mdx
@@ -4,7 +4,7 @@ title: React Form component
 description: Forms contain fields of controls to enter information for submission.
 components: FormRoot
 githubLabel: 'component: form'
-packageName: '@base_ui/react'
+packageName: '@base-ui-components/react'
 ---
 
 # Form
@@ -37,8 +37,8 @@ Forms are implemented using a `Root` component and `Field` components:
 Forms are intended to be used with the `Field` component, which provides labeling and validation for individual form controls. These are nested inside `Form.Root`:
 
 ```ts
-import { Form } from '@base_ui/react/Form';
-import { Field } from '@base_ui/react/Field';
+import { Form } from '@base-ui-components/react/Form';
+import { Field } from '@base-ui-components/react/Field';
 ```
 
 ```jsx
diff --git a/docs/data/components/menu/CheckboxItems.js b/docs/data/components/menu/CheckboxItems.js
index ffb55c1572..04dbf4edde 100644
--- a/docs/data/components/menu/CheckboxItems.js
+++ b/docs/data/components/menu/CheckboxItems.js
@@ -1,7 +1,7 @@
 'use client';
 
 import * as React from 'react';
-import { Menu } from '@base_ui/react/Menu';
+import { Menu } from '@base-ui-components/react/Menu';
 import { styled } from '@mui/system';
 
 export default function CheckboxItems() {
diff --git a/docs/data/components/menu/CheckboxItems.tsx b/docs/data/components/menu/CheckboxItems.tsx
index 9ff75dd551..91ccf38850 100644
--- a/docs/data/components/menu/CheckboxItems.tsx
+++ b/docs/data/components/menu/CheckboxItems.tsx
@@ -1,7 +1,7 @@
 'use client';
 
 import * as React from 'react';
-import { Menu } from '@base_ui/react/Menu';
+import { Menu } from '@base-ui-components/react/Menu';
 import { styled } from '@mui/system';
 
 export default function CheckboxItems() {
diff --git a/docs/data/components/menu/MenuIntroduction/css-modules/Menu.js b/docs/data/components/menu/MenuIntroduction/css-modules/Menu.js
index 37fec5c5a0..11e35a66e7 100644
--- a/docs/data/components/menu/MenuIntroduction/css-modules/Menu.js
+++ b/docs/data/components/menu/MenuIntroduction/css-modules/Menu.js
@@ -1,7 +1,7 @@
 'use client';
 import * as React from 'react';
 import PropTypes from 'prop-types';
-import { Menu as BaseMenu } from '@base_ui/react/Menu';
+import { Menu as BaseMenu } from '@base-ui-components/react/Menu';
 import classes from './Menu.module.css';
 
 export const Menu = BaseMenu.Root;
diff --git a/docs/data/components/menu/MenuIntroduction/css-modules/Menu.tsx b/docs/data/components/menu/MenuIntroduction/css-modules/Menu.tsx
index 87def4d726..c428148352 100644
--- a/docs/data/components/menu/MenuIntroduction/css-modules/Menu.tsx
+++ b/docs/data/components/menu/MenuIntroduction/css-modules/Menu.tsx
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { Menu as BaseMenu } from '@base_ui/react/Menu';
+import { Menu as BaseMenu } from '@base-ui-components/react/Menu';
 import classes from './Menu.module.css';
 
 export const Menu = BaseMenu.Root;
diff --git a/docs/data/components/menu/MenuIntroduction/system/index.js b/docs/data/components/menu/MenuIntroduction/system/index.js
index 49bdce1cbd..4780210002 100644
--- a/docs/data/components/menu/MenuIntroduction/system/index.js
+++ b/docs/data/components/menu/MenuIntroduction/system/index.js
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { Menu } from '@base_ui/react/Menu';
+import { Menu } from '@base-ui-components/react/Menu';
 import { styled } from '@mui/system';
 
 export default function MenuIntroduction() {
diff --git a/docs/data/components/menu/MenuIntroduction/system/index.tsx b/docs/data/components/menu/MenuIntroduction/system/index.tsx
index fdeaa085b2..f08fac29b2 100644
--- a/docs/data/components/menu/MenuIntroduction/system/index.tsx
+++ b/docs/data/components/menu/MenuIntroduction/system/index.tsx
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { Menu } from '@base_ui/react/Menu';
+import { Menu } from '@base-ui-components/react/Menu';
 import { styled } from '@mui/system';
 
 export default function MenuIntroduction() {
diff --git a/docs/data/components/menu/MenuIntroduction/tailwind/index.js b/docs/data/components/menu/MenuIntroduction/tailwind/index.js
index c6866c1d84..14f65fd805 100644
--- a/docs/data/components/menu/MenuIntroduction/tailwind/index.js
+++ b/docs/data/components/menu/MenuIntroduction/tailwind/index.js
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { Menu } from '@base_ui/react/Menu';
+import { Menu } from '@base-ui-components/react/Menu';
 import { useTheme } from '@mui/system';
 
 function useIsDarkMode() {
diff --git a/docs/data/components/menu/MenuIntroduction/tailwind/index.tsx b/docs/data/components/menu/MenuIntroduction/tailwind/index.tsx
index c1203da2e1..93ef30a4e4 100644
--- a/docs/data/components/menu/MenuIntroduction/tailwind/index.tsx
+++ b/docs/data/components/menu/MenuIntroduction/tailwind/index.tsx
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { Menu } from '@base_ui/react/Menu';
+import { Menu } from '@base-ui-components/react/Menu';
 import { useTheme } from '@mui/system';
 
 function useIsDarkMode() {
@@ -78,7 +78,7 @@ const MenuPositioner = React.forwardRef<HTMLDivElement, Menu.Positioner.Props>(
     return (
       <Menu.Positioner
         ref={ref}
-        className="focus-visible:outline-0 closed:pointer-events-none"
+        className="closed:pointer-events-none focus-visible:outline-0"
         {...props}
       />
     );
@@ -90,7 +90,7 @@ const MenuSeparator = React.forwardRef<HTMLDivElement, Menu.Separator.Props>(
     return (
       <Menu.Separator
         ref={ref}
-        className="border-t border-solid border-slate-200 dark:border-slate-700 my-2"
+        className="my-2 border-t border-solid border-slate-200 dark:border-slate-700"
         {...props}
       />
     );
@@ -102,7 +102,7 @@ const MenuGroupLabel = React.forwardRef<HTMLDivElement, Menu.GroupLabel.Props>(
     return (
       <Menu.GroupLabel
         ref={ref}
-        className="text-xs font-sans font-semibold text-slate-700 dark:text-slate-200 uppercase p-2 select-none"
+        className="p-2 font-sans text-xs font-semibold text-slate-700 uppercase select-none dark:text-slate-200"
         {...props}
       />
     );
diff --git a/docs/data/components/menu/NestedMenu.js b/docs/data/components/menu/NestedMenu.js
index 04b306fb1a..f3db57a658 100644
--- a/docs/data/components/menu/NestedMenu.js
+++ b/docs/data/components/menu/NestedMenu.js
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { Menu } from '@base_ui/react/Menu';
+import { Menu } from '@base-ui-components/react/Menu';
 import { styled } from '@mui/system';
 
 export default function NestedMenu() {
diff --git a/docs/data/components/menu/NestedMenu.tsx b/docs/data/components/menu/NestedMenu.tsx
index 9aa56b8f9e..ee4a9d4f4e 100644
--- a/docs/data/components/menu/NestedMenu.tsx
+++ b/docs/data/components/menu/NestedMenu.tsx
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { Menu } from '@base_ui/react/Menu';
+import { Menu } from '@base-ui-components/react/Menu';
 import { styled } from '@mui/system';
 
 export default function NestedMenu() {
diff --git a/docs/data/components/menu/RadioItems.js b/docs/data/components/menu/RadioItems.js
index ee54e7cb22..e35beca200 100644
--- a/docs/data/components/menu/RadioItems.js
+++ b/docs/data/components/menu/RadioItems.js
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { Menu } from '@base_ui/react/Menu';
+import { Menu } from '@base-ui-components/react/Menu';
 import { styled } from '@mui/system';
 
 export default function RadioItems() {
diff --git a/docs/data/components/menu/RadioItems.tsx b/docs/data/components/menu/RadioItems.tsx
index ee54e7cb22..e35beca200 100644
--- a/docs/data/components/menu/RadioItems.tsx
+++ b/docs/data/components/menu/RadioItems.tsx
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { Menu } from '@base_ui/react/Menu';
+import { Menu } from '@base-ui-components/react/Menu';
 import { styled } from '@mui/system';
 
 export default function RadioItems() {
diff --git a/docs/data/components/no-ssr/FrameDeferring.js b/docs/data/components/no-ssr/FrameDeferring.js
index 4a9b5b5f13..a7843204ce 100644
--- a/docs/data/components/no-ssr/FrameDeferring.js
+++ b/docs/data/components/no-ssr/FrameDeferring.js
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { NoSsr } from '@base_ui/react/NoSsr';
+import { NoSsr } from '@base-ui-components/react/NoSsr';
 import { Box } from '@mui/system';
 
 function LargeTree() {
diff --git a/docs/data/components/no-ssr/FrameDeferring.tsx b/docs/data/components/no-ssr/FrameDeferring.tsx
index 3b1679494c..ba6a2c2862 100644
--- a/docs/data/components/no-ssr/FrameDeferring.tsx
+++ b/docs/data/components/no-ssr/FrameDeferring.tsx
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { NoSsr } from '@base_ui/react/NoSsr';
+import { NoSsr } from '@base-ui-components/react/NoSsr';
 import { Box } from '@mui/system';
 
 function LargeTree(): any {
diff --git a/docs/data/components/no-ssr/SimpleNoSsr.js b/docs/data/components/no-ssr/SimpleNoSsr.js
index 4c3fa6b528..6740bdc7ae 100644
--- a/docs/data/components/no-ssr/SimpleNoSsr.js
+++ b/docs/data/components/no-ssr/SimpleNoSsr.js
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { NoSsr } from '@base_ui/react/NoSsr';
+import { NoSsr } from '@base-ui-components/react/NoSsr';
 import { Box } from '@mui/system';
 
 export default function SimpleNoSsr() {
diff --git a/docs/data/components/no-ssr/SimpleNoSsr.tsx b/docs/data/components/no-ssr/SimpleNoSsr.tsx
index 4c3fa6b528..6740bdc7ae 100644
--- a/docs/data/components/no-ssr/SimpleNoSsr.tsx
+++ b/docs/data/components/no-ssr/SimpleNoSsr.tsx
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { NoSsr } from '@base_ui/react/NoSsr';
+import { NoSsr } from '@base-ui-components/react/NoSsr';
 import { Box } from '@mui/system';
 
 export default function SimpleNoSsr() {
diff --git a/docs/data/components/no-ssr/no-ssr.mdx b/docs/data/components/no-ssr/no-ssr.mdx
index 2b5d587c18..2803b70f8a 100644
--- a/docs/data/components/no-ssr/no-ssr.mdx
+++ b/docs/data/components/no-ssr/no-ssr.mdx
@@ -26,7 +26,7 @@ This component can be useful in a variety of situations:
 ## Component
 
 ```jsx
-import { NoSsr } from '@base_ui/react/NoSsr';
+import { NoSsr } from '@base-ui-components/react/NoSsr';
 ```
 
 At its core, the No-SSR component's purpose is to defer rendering from the server to the client, as shown in the following demo:
diff --git a/docs/data/components/number-field/UnstyledNumberFieldFormat.js b/docs/data/components/number-field/UnstyledNumberFieldFormat.js
index 250b324265..9504aba044 100644
--- a/docs/data/components/number-field/UnstyledNumberFieldFormat.js
+++ b/docs/data/components/number-field/UnstyledNumberFieldFormat.js
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { NumberField as BaseNumberField } from '@base_ui/react/NumberField';
+import { NumberField as BaseNumberField } from '@base-ui-components/react/NumberField';
 import { styled, css } from '@mui/system';
 
 export default function UnstyledNumberFieldFormat() {
diff --git a/docs/data/components/number-field/UnstyledNumberFieldFormat.tsx b/docs/data/components/number-field/UnstyledNumberFieldFormat.tsx
index 250b324265..9504aba044 100644
--- a/docs/data/components/number-field/UnstyledNumberFieldFormat.tsx
+++ b/docs/data/components/number-field/UnstyledNumberFieldFormat.tsx
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { NumberField as BaseNumberField } from '@base_ui/react/NumberField';
+import { NumberField as BaseNumberField } from '@base-ui-components/react/NumberField';
 import { styled, css } from '@mui/system';
 
 export default function UnstyledNumberFieldFormat() {
diff --git a/docs/data/components/number-field/UnstyledNumberFieldIntroduction/css-modules/index.js b/docs/data/components/number-field/UnstyledNumberFieldIntroduction/css-modules/index.js
index 799163407e..faf409c3c8 100644
--- a/docs/data/components/number-field/UnstyledNumberFieldIntroduction/css-modules/index.js
+++ b/docs/data/components/number-field/UnstyledNumberFieldIntroduction/css-modules/index.js
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { NumberField } from '@base_ui/react/NumberField';
+import { NumberField } from '@base-ui-components/react/NumberField';
 import { useTheme } from '@mui/system';
 
 function useIsDarkMode() {
diff --git a/docs/data/components/number-field/UnstyledNumberFieldIntroduction/css-modules/index.tsx b/docs/data/components/number-field/UnstyledNumberFieldIntroduction/css-modules/index.tsx
index 799163407e..faf409c3c8 100644
--- a/docs/data/components/number-field/UnstyledNumberFieldIntroduction/css-modules/index.tsx
+++ b/docs/data/components/number-field/UnstyledNumberFieldIntroduction/css-modules/index.tsx
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { NumberField } from '@base_ui/react/NumberField';
+import { NumberField } from '@base-ui-components/react/NumberField';
 import { useTheme } from '@mui/system';
 
 function useIsDarkMode() {
diff --git a/docs/data/components/number-field/UnstyledNumberFieldIntroduction/system/index.js b/docs/data/components/number-field/UnstyledNumberFieldIntroduction/system/index.js
index d93b97b1fa..7541d3ce3c 100644
--- a/docs/data/components/number-field/UnstyledNumberFieldIntroduction/system/index.js
+++ b/docs/data/components/number-field/UnstyledNumberFieldIntroduction/system/index.js
@@ -1,7 +1,7 @@
 'use client';
 import * as React from 'react';
-import { NumberField as BaseNumberField } from '@base_ui/react/NumberField';
-import { Field } from '@base_ui/react/Field';
+import { NumberField as BaseNumberField } from '@base-ui-components/react/NumberField';
+import { Field } from '@base-ui-components/react/Field';
 import { css, styled, useTheme } from '@mui/system';
 
 function useIsDarkMode() {
diff --git a/docs/data/components/number-field/UnstyledNumberFieldIntroduction/system/index.tsx b/docs/data/components/number-field/UnstyledNumberFieldIntroduction/system/index.tsx
index d93b97b1fa..7541d3ce3c 100644
--- a/docs/data/components/number-field/UnstyledNumberFieldIntroduction/system/index.tsx
+++ b/docs/data/components/number-field/UnstyledNumberFieldIntroduction/system/index.tsx
@@ -1,7 +1,7 @@
 'use client';
 import * as React from 'react';
-import { NumberField as BaseNumberField } from '@base_ui/react/NumberField';
-import { Field } from '@base_ui/react/Field';
+import { NumberField as BaseNumberField } from '@base-ui-components/react/NumberField';
+import { Field } from '@base-ui-components/react/Field';
 import { css, styled, useTheme } from '@mui/system';
 
 function useIsDarkMode() {
diff --git a/docs/data/components/number-field/UnstyledNumberFieldIntroduction/tailwind/index.js b/docs/data/components/number-field/UnstyledNumberFieldIntroduction/tailwind/index.js
index a28f16988a..ebb18aa7f0 100644
--- a/docs/data/components/number-field/UnstyledNumberFieldIntroduction/tailwind/index.js
+++ b/docs/data/components/number-field/UnstyledNumberFieldIntroduction/tailwind/index.js
@@ -1,7 +1,7 @@
 'use client';
 import * as React from 'react';
 import PropTypes from 'prop-types';
-import { NumberField as BaseNumberField } from '@base_ui/react/NumberField';
+import { NumberField as BaseNumberField } from '@base-ui-components/react/NumberField';
 import { useTheme } from '@mui/system';
 
 function classNames(...classes) {
diff --git a/docs/data/components/number-field/UnstyledNumberFieldIntroduction/tailwind/index.tsx b/docs/data/components/number-field/UnstyledNumberFieldIntroduction/tailwind/index.tsx
index 2fddd401f1..81b942a76f 100644
--- a/docs/data/components/number-field/UnstyledNumberFieldIntroduction/tailwind/index.tsx
+++ b/docs/data/components/number-field/UnstyledNumberFieldIntroduction/tailwind/index.tsx
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { NumberField as BaseNumberField } from '@base_ui/react/NumberField';
+import { NumberField as BaseNumberField } from '@base-ui-components/react/NumberField';
 import { useTheme } from '@mui/system';
 
 function classNames(...classes: Array<string | boolean | undefined | null>) {
@@ -74,10 +74,10 @@ const NumberFieldGroup = React.forwardRef(function NumberFieldGroup(
       ref={ref}
       className={(state) =>
         classNames(
-          'flex items-center mt-1 rounded border border-solid border-gray-300 dark:border-gray-700',
+          'mt-1 flex items-center rounded border border-solid border-gray-300 dark:border-gray-700',
           'overflow-hidden',
-          'focus-within:ring-2 focus-within:ring-blue-200 focus-within:border-blue-500 dark:focus-within:ring-blue-500/50 dark:focus-within:border-blue-400/80',
-          state.disabled && 'opacity-40 cursor-not-allowed',
+          'focus-within:border-blue-500 focus-within:ring-2 focus-within:ring-blue-200 dark:focus-within:border-blue-400/80 dark:focus-within:ring-blue-500/50',
+          state.disabled && 'cursor-not-allowed opacity-40',
           typeof props.className === 'function'
             ? props.className(state)
             : props.className,
@@ -143,8 +143,8 @@ const NumberFieldInput = React.forwardRef(function NumberFieldInput(
           'border border-gray-200 dark:border-gray-700',
           'text-gray-800 dark:text-gray-300',
           'shadow',
-          'overflow-hidden max-w-[150px]',
-          'focus:outline-none focus:z-10',
+          'max-w-[150px] overflow-hidden',
+          'focus:z-10 focus:outline-none',
           'focus:border-blue-600 dark:focus:border-blue-400',
           typeof props.className === 'function'
             ? props.className(state)
diff --git a/docs/data/components/number-field/UnstyledNumberFieldScrub.js b/docs/data/components/number-field/UnstyledNumberFieldScrub.js
index e1a458e479..caa512e4f4 100644
--- a/docs/data/components/number-field/UnstyledNumberFieldScrub.js
+++ b/docs/data/components/number-field/UnstyledNumberFieldScrub.js
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { NumberField as BaseNumberField } from '@base_ui/react/NumberField';
+import { NumberField as BaseNumberField } from '@base-ui-components/react/NumberField';
 import { styled } from '@mui/system';
 
 export default function UnstyledNumberFieldScrub() {
diff --git a/docs/data/components/number-field/UnstyledNumberFieldScrub.tsx b/docs/data/components/number-field/UnstyledNumberFieldScrub.tsx
index e1a458e479..caa512e4f4 100644
--- a/docs/data/components/number-field/UnstyledNumberFieldScrub.tsx
+++ b/docs/data/components/number-field/UnstyledNumberFieldScrub.tsx
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { NumberField as BaseNumberField } from '@base_ui/react/NumberField';
+import { NumberField as BaseNumberField } from '@base-ui-components/react/NumberField';
 import { styled } from '@mui/system';
 
 export default function UnstyledNumberFieldScrub() {
diff --git a/docs/data/components/number-field/UnstyledNumberFieldWheelScrub.js b/docs/data/components/number-field/UnstyledNumberFieldWheelScrub.js
index f452ec03a4..bc31b08b23 100644
--- a/docs/data/components/number-field/UnstyledNumberFieldWheelScrub.js
+++ b/docs/data/components/number-field/UnstyledNumberFieldWheelScrub.js
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { NumberField as BaseNumberField } from '@base_ui/react/NumberField';
+import { NumberField as BaseNumberField } from '@base-ui-components/react/NumberField';
 import { styled } from '@mui/system';
 
 export default function UnstyledNumberFieldWheelScrub() {
diff --git a/docs/data/components/number-field/UnstyledNumberFieldWheelScrub.tsx b/docs/data/components/number-field/UnstyledNumberFieldWheelScrub.tsx
index f452ec03a4..bc31b08b23 100644
--- a/docs/data/components/number-field/UnstyledNumberFieldWheelScrub.tsx
+++ b/docs/data/components/number-field/UnstyledNumberFieldWheelScrub.tsx
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { NumberField as BaseNumberField } from '@base_ui/react/NumberField';
+import { NumberField as BaseNumberField } from '@base-ui-components/react/NumberField';
 import { styled } from '@mui/system';
 
 export default function UnstyledNumberFieldWheelScrub() {
diff --git a/docs/data/components/number-field/number-field.mdx b/docs/data/components/number-field/number-field.mdx
index 600b8e0856..64d00c623f 100644
--- a/docs/data/components/number-field/number-field.mdx
+++ b/docs/data/components/number-field/number-field.mdx
@@ -6,7 +6,7 @@ githubLabel: 'component: number-field'
 components: NumberFieldRoot, NumberFieldGroup, NumberFieldInput, NumberFieldIncrement, NumberFieldDecrement, NumberFieldScrubArea, NumberFieldScrubAreaCursor
 hooks: useNumberFieldRoot
 waiAria: https://www.w3.org/WAI/ARIA/apg/patterns/spinbutton/
-packageName: '@base_ui/react'
+packageName: '@base-ui-components/react'
 ---
 
 # Number Field
diff --git a/docs/data/components/popover/UnstyledPopoverIntroduction/system/index.js b/docs/data/components/popover/UnstyledPopoverIntroduction/system/index.js
index 97a02c1339..1c5e538ff9 100644
--- a/docs/data/components/popover/UnstyledPopoverIntroduction/system/index.js
+++ b/docs/data/components/popover/UnstyledPopoverIntroduction/system/index.js
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { Popover } from '@base_ui/react/Popover';
+import { Popover } from '@base-ui-components/react/Popover';
 import { styled } from '@mui/system';
 
 export default function UnstyledPopoverIntroduction() {
diff --git a/docs/data/components/popover/UnstyledPopoverIntroduction/system/index.tsx b/docs/data/components/popover/UnstyledPopoverIntroduction/system/index.tsx
index 97a02c1339..1c5e538ff9 100644
--- a/docs/data/components/popover/UnstyledPopoverIntroduction/system/index.tsx
+++ b/docs/data/components/popover/UnstyledPopoverIntroduction/system/index.tsx
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { Popover } from '@base_ui/react/Popover';
+import { Popover } from '@base-ui-components/react/Popover';
 import { styled } from '@mui/system';
 
 export default function UnstyledPopoverIntroduction() {
diff --git a/docs/data/components/popover/UnstyledPopoverTransition.js b/docs/data/components/popover/UnstyledPopoverTransition.js
index fa0abe43e5..61b8c336b5 100644
--- a/docs/data/components/popover/UnstyledPopoverTransition.js
+++ b/docs/data/components/popover/UnstyledPopoverTransition.js
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { Popover } from '@base_ui/react/Popover';
+import { Popover } from '@base-ui-components/react/Popover';
 import { styled } from '@mui/system';
 
 export default function UnstyledPopoverTransition() {
diff --git a/docs/data/components/popover/UnstyledPopoverTransition.tsx b/docs/data/components/popover/UnstyledPopoverTransition.tsx
index fa0abe43e5..61b8c336b5 100644
--- a/docs/data/components/popover/UnstyledPopoverTransition.tsx
+++ b/docs/data/components/popover/UnstyledPopoverTransition.tsx
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { Popover } from '@base_ui/react/Popover';
+import { Popover } from '@base-ui-components/react/Popover';
 import { styled } from '@mui/system';
 
 export default function UnstyledPopoverTransition() {
diff --git a/docs/data/components/preview-card/UnstyledPreviewCardIntroduction/system/index.js b/docs/data/components/preview-card/UnstyledPreviewCardIntroduction/system/index.js
index 98e97754b0..94d236289e 100644
--- a/docs/data/components/preview-card/UnstyledPreviewCardIntroduction/system/index.js
+++ b/docs/data/components/preview-card/UnstyledPreviewCardIntroduction/system/index.js
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { PreviewCard } from '@base_ui/react/PreviewCard';
+import { PreviewCard } from '@base-ui-components/react/PreviewCard';
 import { styled } from '@mui/system';
 
 export default function UnstyledPreviewCardIntroduction() {
@@ -17,7 +17,10 @@ export default function UnstyledPreviewCardIntroduction() {
             style={{ borderRadius: '50%' }}
           />
           <h2 style={{ fontSize: 20, margin: 0 }}>Base UI</h2>
-          <p>Unstyled React components and hooks (@base_ui/react), by @MUI_hq.</p>
+          <p>
+            Unstyled React components and hooks (@base-ui-components/react), by
+            @MUI_hq.
+          </p>
           <div style={{ display: 'flex', gap: 10 }}>
             <span>
               <strong>1</strong> Following
diff --git a/docs/data/components/preview-card/UnstyledPreviewCardIntroduction/system/index.tsx b/docs/data/components/preview-card/UnstyledPreviewCardIntroduction/system/index.tsx
index 98e97754b0..94d236289e 100644
--- a/docs/data/components/preview-card/UnstyledPreviewCardIntroduction/system/index.tsx
+++ b/docs/data/components/preview-card/UnstyledPreviewCardIntroduction/system/index.tsx
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { PreviewCard } from '@base_ui/react/PreviewCard';
+import { PreviewCard } from '@base-ui-components/react/PreviewCard';
 import { styled } from '@mui/system';
 
 export default function UnstyledPreviewCardIntroduction() {
@@ -17,7 +17,10 @@ export default function UnstyledPreviewCardIntroduction() {
             style={{ borderRadius: '50%' }}
           />
           <h2 style={{ fontSize: 20, margin: 0 }}>Base UI</h2>
-          <p>Unstyled React components and hooks (@base_ui/react), by @MUI_hq.</p>
+          <p>
+            Unstyled React components and hooks (@base-ui-components/react), by
+            @MUI_hq.
+          </p>
           <div style={{ display: 'flex', gap: 10 }}>
             <span>
               <strong>1</strong> Following
diff --git a/docs/data/components/preview-card/UnstyledPreviewCardTransition.js b/docs/data/components/preview-card/UnstyledPreviewCardTransition.js
index ea5f5aad64..c893f3441b 100644
--- a/docs/data/components/preview-card/UnstyledPreviewCardTransition.js
+++ b/docs/data/components/preview-card/UnstyledPreviewCardTransition.js
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { PreviewCard } from '@base_ui/react/PreviewCard';
+import { PreviewCard } from '@base-ui-components/react/PreviewCard';
 import { styled } from '@mui/system';
 
 export default function UnstyledPreviewCardTransition() {
@@ -18,7 +18,10 @@ export default function UnstyledPreviewCardTransition() {
               style={{ borderRadius: '50%' }}
             />
             <h2 style={{ fontSize: 20, margin: 0 }}>Base UI</h2>
-            <p>Unstyled React components and hooks (@base_ui/react), by @MUI_hq.</p>
+            <p>
+              Unstyled React components and hooks (@base-ui-components/react), by
+              @MUI_hq.
+            </p>
             <div style={{ display: 'flex', gap: 10 }}>
               <span>
                 <strong>1</strong> Following
diff --git a/docs/data/components/preview-card/UnstyledPreviewCardTransition.tsx b/docs/data/components/preview-card/UnstyledPreviewCardTransition.tsx
index ea5f5aad64..c893f3441b 100644
--- a/docs/data/components/preview-card/UnstyledPreviewCardTransition.tsx
+++ b/docs/data/components/preview-card/UnstyledPreviewCardTransition.tsx
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { PreviewCard } from '@base_ui/react/PreviewCard';
+import { PreviewCard } from '@base-ui-components/react/PreviewCard';
 import { styled } from '@mui/system';
 
 export default function UnstyledPreviewCardTransition() {
@@ -18,7 +18,10 @@ export default function UnstyledPreviewCardTransition() {
               style={{ borderRadius: '50%' }}
             />
             <h2 style={{ fontSize: 20, margin: 0 }}>Base UI</h2>
-            <p>Unstyled React components and hooks (@base_ui/react), by @MUI_hq.</p>
+            <p>
+              Unstyled React components and hooks (@base-ui-components/react), by
+              @MUI_hq.
+            </p>
             <div style={{ display: 'flex', gap: 10 }}>
               <span>
                 <strong>1</strong> Following
diff --git a/docs/data/components/progress/IndeterminateProgress.js b/docs/data/components/progress/IndeterminateProgress.js
index 2c7dd3a841..cc2ed73518 100644
--- a/docs/data/components/progress/IndeterminateProgress.js
+++ b/docs/data/components/progress/IndeterminateProgress.js
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { Progress as BaseProgress } from '@base_ui/react/Progress';
+import { Progress as BaseProgress } from '@base-ui-components/react/Progress';
 import { Box, styled, keyframes, css } from '@mui/system';
 
 export default function IndeterminateProgress() {
diff --git a/docs/data/components/progress/IndeterminateProgress.tsx b/docs/data/components/progress/IndeterminateProgress.tsx
index 2c7dd3a841..cc2ed73518 100644
--- a/docs/data/components/progress/IndeterminateProgress.tsx
+++ b/docs/data/components/progress/IndeterminateProgress.tsx
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { Progress as BaseProgress } from '@base_ui/react/Progress';
+import { Progress as BaseProgress } from '@base-ui-components/react/Progress';
 import { Box, styled, keyframes, css } from '@mui/system';
 
 export default function IndeterminateProgress() {
diff --git a/docs/data/components/progress/RtlProgress.js b/docs/data/components/progress/RtlProgress.js
index 6654e62b65..798a892796 100644
--- a/docs/data/components/progress/RtlProgress.js
+++ b/docs/data/components/progress/RtlProgress.js
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { Progress as BaseProgress } from '@base_ui/react/Progress';
+import { Progress as BaseProgress } from '@base-ui-components/react/Progress';
 import { Box, styled } from '@mui/system';
 
 export default function RtlProgress() {
diff --git a/docs/data/components/progress/RtlProgress.tsx b/docs/data/components/progress/RtlProgress.tsx
index 6654e62b65..798a892796 100644
--- a/docs/data/components/progress/RtlProgress.tsx
+++ b/docs/data/components/progress/RtlProgress.tsx
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { Progress as BaseProgress } from '@base_ui/react/Progress';
+import { Progress as BaseProgress } from '@base-ui-components/react/Progress';
 import { Box, styled } from '@mui/system';
 
 export default function RtlProgress() {
diff --git a/docs/data/components/progress/UnstyledProgressIntroduction/css-modules/index.js b/docs/data/components/progress/UnstyledProgressIntroduction/css-modules/index.js
index 5a2c23b5a6..034b693cb1 100644
--- a/docs/data/components/progress/UnstyledProgressIntroduction/css-modules/index.js
+++ b/docs/data/components/progress/UnstyledProgressIntroduction/css-modules/index.js
@@ -1,7 +1,7 @@
 'use client';
 import * as React from 'react';
 import { useTheme } from '@mui/system';
-import { Progress } from '@base_ui/react/Progress';
+import { Progress } from '@base-ui-components/react/Progress';
 
 export default function UnstyledProgressIntroduction() {
   return (
diff --git a/docs/data/components/progress/UnstyledProgressIntroduction/css-modules/index.tsx b/docs/data/components/progress/UnstyledProgressIntroduction/css-modules/index.tsx
index 5a2c23b5a6..034b693cb1 100644
--- a/docs/data/components/progress/UnstyledProgressIntroduction/css-modules/index.tsx
+++ b/docs/data/components/progress/UnstyledProgressIntroduction/css-modules/index.tsx
@@ -1,7 +1,7 @@
 'use client';
 import * as React from 'react';
 import { useTheme } from '@mui/system';
-import { Progress } from '@base_ui/react/Progress';
+import { Progress } from '@base-ui-components/react/Progress';
 
 export default function UnstyledProgressIntroduction() {
   return (
diff --git a/docs/data/components/progress/UnstyledProgressIntroduction/system/index.js b/docs/data/components/progress/UnstyledProgressIntroduction/system/index.js
index 435d7d43b1..1bd47d9fea 100644
--- a/docs/data/components/progress/UnstyledProgressIntroduction/system/index.js
+++ b/docs/data/components/progress/UnstyledProgressIntroduction/system/index.js
@@ -1,7 +1,7 @@
 'use client';
 import * as React from 'react';
 import { styled, useTheme, Box } from '@mui/system';
-import { Progress as BaseProgress } from '@base_ui/react/Progress';
+import { Progress as BaseProgress } from '@base-ui-components/react/Progress';
 
 export default function UnstyledProgressIntroduction() {
   // Replace this with your app logic for determining dark mode
diff --git a/docs/data/components/progress/UnstyledProgressIntroduction/system/index.tsx b/docs/data/components/progress/UnstyledProgressIntroduction/system/index.tsx
index 435d7d43b1..1bd47d9fea 100644
--- a/docs/data/components/progress/UnstyledProgressIntroduction/system/index.tsx
+++ b/docs/data/components/progress/UnstyledProgressIntroduction/system/index.tsx
@@ -1,7 +1,7 @@
 'use client';
 import * as React from 'react';
 import { styled, useTheme, Box } from '@mui/system';
-import { Progress as BaseProgress } from '@base_ui/react/Progress';
+import { Progress as BaseProgress } from '@base-ui-components/react/Progress';
 
 export default function UnstyledProgressIntroduction() {
   // Replace this with your app logic for determining dark mode
diff --git a/docs/data/components/progress/UnstyledProgressIntroduction/tailwind/index.js b/docs/data/components/progress/UnstyledProgressIntroduction/tailwind/index.js
index 487134ad41..d5fb0d6256 100644
--- a/docs/data/components/progress/UnstyledProgressIntroduction/tailwind/index.js
+++ b/docs/data/components/progress/UnstyledProgressIntroduction/tailwind/index.js
@@ -2,7 +2,7 @@
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { useTheme } from '@mui/system';
-import { Progress as BaseProgress } from '@base_ui/react/Progress';
+import { Progress as BaseProgress } from '@base-ui-components/react/Progress';
 
 export default function UnstyledProgressIntroduction() {
   // Replace this with your app logic for determining dark mode
diff --git a/docs/data/components/progress/UnstyledProgressIntroduction/tailwind/index.tsx b/docs/data/components/progress/UnstyledProgressIntroduction/tailwind/index.tsx
index 650a4198de..eb2b348e30 100644
--- a/docs/data/components/progress/UnstyledProgressIntroduction/tailwind/index.tsx
+++ b/docs/data/components/progress/UnstyledProgressIntroduction/tailwind/index.tsx
@@ -1,7 +1,7 @@
 'use client';
 import * as React from 'react';
 import { useTheme } from '@mui/system';
-import { Progress as BaseProgress } from '@base_ui/react/Progress';
+import { Progress as BaseProgress } from '@base-ui-components/react/Progress';
 
 export default function UnstyledProgressIntroduction() {
   // Replace this with your app logic for determining dark mode
@@ -48,7 +48,7 @@ const ProgressTrack = React.forwardRef(function ProgressTrack(
       ref={ref}
       className={(state) =>
         classNames(
-          'relative w-full h-1 rounded-full bg-gray-400 flex overflow-hidden',
+          'relative flex h-1 w-full overflow-hidden rounded-full bg-gray-400',
           typeof props.className === 'function'
             ? props.className(state)
             : props.className,
@@ -68,7 +68,7 @@ const ProgressIndicator = React.forwardRef(function ProgressIndicator(
       ref={ref}
       className={(state) =>
         classNames(
-          'bg-blue-500 dark:bg-blue-400 rounded-[inherit]',
+          'rounded-[inherit] bg-blue-500 dark:bg-blue-400',
           typeof props.className === 'function'
             ? props.className(state)
             : props.className,
diff --git a/docs/data/components/progress/progress.mdx b/docs/data/components/progress/progress.mdx
index 0dd3e274d5..c3d5e8ea65 100644
--- a/docs/data/components/progress/progress.mdx
+++ b/docs/data/components/progress/progress.mdx
@@ -6,7 +6,7 @@ components: ProgressRoot, ProgressTrack, ProgressIndicator
 hooks: useProgressRoot, useProgressIndicator
 githubLabel: 'component: progress'
 waiAria: https://www.w3.org/TR/wai-aria-1.2/#progressbar
-packageName: '@base_ui/react'
+packageName: '@base-ui-components/react'
 ---
 
 # Progress
diff --git a/docs/data/components/radio-group/UnstyledRadioGroupIntroduction/system/index.js b/docs/data/components/radio-group/UnstyledRadioGroupIntroduction/system/index.js
index f1e246848f..412781d8e9 100644
--- a/docs/data/components/radio-group/UnstyledRadioGroupIntroduction/system/index.js
+++ b/docs/data/components/radio-group/UnstyledRadioGroupIntroduction/system/index.js
@@ -1,7 +1,7 @@
 'use client';
 import * as React from 'react';
-import { RadioGroup } from '@base_ui/react/RadioGroup';
-import { Radio } from '@base_ui/react/Radio';
+import { RadioGroup } from '@base-ui-components/react/RadioGroup';
+import { Radio } from '@base-ui-components/react/Radio';
 import { styled } from '@mui/system';
 
 export default function UnstyledRadioGroupIntroduction() {
diff --git a/docs/data/components/radio-group/UnstyledRadioGroupIntroduction/system/index.tsx b/docs/data/components/radio-group/UnstyledRadioGroupIntroduction/system/index.tsx
index f1e246848f..412781d8e9 100644
--- a/docs/data/components/radio-group/UnstyledRadioGroupIntroduction/system/index.tsx
+++ b/docs/data/components/radio-group/UnstyledRadioGroupIntroduction/system/index.tsx
@@ -1,7 +1,7 @@
 'use client';
 import * as React from 'react';
-import { RadioGroup } from '@base_ui/react/RadioGroup';
-import { Radio } from '@base_ui/react/Radio';
+import { RadioGroup } from '@base-ui-components/react/RadioGroup';
+import { Radio } from '@base-ui-components/react/Radio';
 import { styled } from '@mui/system';
 
 export default function UnstyledRadioGroupIntroduction() {
diff --git a/docs/data/components/scroll-area/ScrollAreaInset.js b/docs/data/components/scroll-area/ScrollAreaInset.js
index 4325f067ee..01d6502cf4 100644
--- a/docs/data/components/scroll-area/ScrollAreaInset.js
+++ b/docs/data/components/scroll-area/ScrollAreaInset.js
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { ScrollArea } from '@base_ui/react/ScrollArea';
+import { ScrollArea } from '@base-ui-components/react/ScrollArea';
 import { styled } from '@mui/system';
 
 const data = [
diff --git a/docs/data/components/scroll-area/ScrollAreaInset.tsx b/docs/data/components/scroll-area/ScrollAreaInset.tsx
index 4325f067ee..01d6502cf4 100644
--- a/docs/data/components/scroll-area/ScrollAreaInset.tsx
+++ b/docs/data/components/scroll-area/ScrollAreaInset.tsx
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { ScrollArea } from '@base_ui/react/ScrollArea';
+import { ScrollArea } from '@base-ui-components/react/ScrollArea';
 import { styled } from '@mui/system';
 
 const data = [
diff --git a/docs/data/components/scroll-area/ScrollAreaIntroduction/system/index.js b/docs/data/components/scroll-area/ScrollAreaIntroduction/system/index.js
index 958cd97fd3..9abeebc503 100644
--- a/docs/data/components/scroll-area/ScrollAreaIntroduction/system/index.js
+++ b/docs/data/components/scroll-area/ScrollAreaIntroduction/system/index.js
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { ScrollArea } from '@base_ui/react/ScrollArea';
+import { ScrollArea } from '@base-ui-components/react/ScrollArea';
 import { styled } from '@mui/system';
 
 const data = [
diff --git a/docs/data/components/scroll-area/ScrollAreaIntroduction/system/index.tsx b/docs/data/components/scroll-area/ScrollAreaIntroduction/system/index.tsx
index 958cd97fd3..9abeebc503 100644
--- a/docs/data/components/scroll-area/ScrollAreaIntroduction/system/index.tsx
+++ b/docs/data/components/scroll-area/ScrollAreaIntroduction/system/index.tsx
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { ScrollArea } from '@base_ui/react/ScrollArea';
+import { ScrollArea } from '@base-ui-components/react/ScrollArea';
 import { styled } from '@mui/system';
 
 const data = [
diff --git a/docs/data/components/select/SelectAlign.js b/docs/data/components/select/SelectAlign.js
index 51e94317e0..dd8ef8c154 100644
--- a/docs/data/components/select/SelectAlign.js
+++ b/docs/data/components/select/SelectAlign.js
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { Select } from '@base_ui/react/Select';
+import { Select } from '@base-ui-components/react/Select';
 import { css, styled } from '@mui/system';
 
 function AlignOptionToTriggerTrue() {
diff --git a/docs/data/components/select/SelectAlign.tsx b/docs/data/components/select/SelectAlign.tsx
index 526e3e22ab..3f10ac9e05 100644
--- a/docs/data/components/select/SelectAlign.tsx
+++ b/docs/data/components/select/SelectAlign.tsx
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { Select } from '@base_ui/react/Select';
+import { Select } from '@base-ui-components/react/Select';
 import { css, styled } from '@mui/system';
 
 function AlignOptionToTriggerTrue() {
diff --git a/docs/data/components/select/SelectEmpty.js b/docs/data/components/select/SelectEmpty.js
index f7cd3a0ca9..d6f24550b7 100644
--- a/docs/data/components/select/SelectEmpty.js
+++ b/docs/data/components/select/SelectEmpty.js
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { Select } from '@base_ui/react/Select';
+import { Select } from '@base-ui-components/react/Select';
 import { css, styled } from '@mui/system';
 
 export default function SelectEmpty() {
diff --git a/docs/data/components/select/SelectEmpty.tsx b/docs/data/components/select/SelectEmpty.tsx
index 12e3670711..0a3f7ddfb8 100644
--- a/docs/data/components/select/SelectEmpty.tsx
+++ b/docs/data/components/select/SelectEmpty.tsx
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { Select } from '@base_ui/react/Select';
+import { Select } from '@base-ui-components/react/Select';
 import { css, styled } from '@mui/system';
 
 export default function SelectEmpty() {
diff --git a/docs/data/components/select/SelectGroup.js b/docs/data/components/select/SelectGroup.js
index f8c936d43e..6de20cbac0 100644
--- a/docs/data/components/select/SelectGroup.js
+++ b/docs/data/components/select/SelectGroup.js
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { Select } from '@base_ui/react/Select';
+import { Select } from '@base-ui-components/react/Select';
 import { css, styled } from '@mui/system';
 
 function createOptions(items) {
diff --git a/docs/data/components/select/SelectGroup.tsx b/docs/data/components/select/SelectGroup.tsx
index 905e28e517..d28dab22a6 100644
--- a/docs/data/components/select/SelectGroup.tsx
+++ b/docs/data/components/select/SelectGroup.tsx
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { Select } from '@base_ui/react/Select';
+import { Select } from '@base-ui-components/react/Select';
 import { css, styled } from '@mui/system';
 
 function createOptions(items: string[]) {
diff --git a/docs/data/components/select/SelectIntroduction/system/index.js b/docs/data/components/select/SelectIntroduction/system/index.js
index 3874e0299f..ad9b156a52 100644
--- a/docs/data/components/select/SelectIntroduction/system/index.js
+++ b/docs/data/components/select/SelectIntroduction/system/index.js
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { Select } from '@base_ui/react/Select';
+import { Select } from '@base-ui-components/react/Select';
 import { css, styled } from '@mui/system';
 
 export default function SelectIntroduction() {
diff --git a/docs/data/components/select/SelectIntroduction/system/index.tsx b/docs/data/components/select/SelectIntroduction/system/index.tsx
index 14b1f1698b..66bfb42322 100644
--- a/docs/data/components/select/SelectIntroduction/system/index.tsx
+++ b/docs/data/components/select/SelectIntroduction/system/index.tsx
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { Select } from '@base_ui/react/Select';
+import { Select } from '@base-ui-components/react/Select';
 import { css, styled } from '@mui/system';
 
 export default function SelectIntroduction() {
diff --git a/docs/data/components/separator/SeparatorIntroduction.js b/docs/data/components/separator/SeparatorIntroduction.js
index fdacf29656..6f611fa826 100644
--- a/docs/data/components/separator/SeparatorIntroduction.js
+++ b/docs/data/components/separator/SeparatorIntroduction.js
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { Separator } from '@base_ui/react/Separator';
+import { Separator } from '@base-ui-components/react/Separator';
 import { styled } from '@mui/system';
 
 export default function SeparatorIntroduction() {
diff --git a/docs/data/components/separator/SeparatorIntroduction.tsx b/docs/data/components/separator/SeparatorIntroduction.tsx
index fdacf29656..6f611fa826 100644
--- a/docs/data/components/separator/SeparatorIntroduction.tsx
+++ b/docs/data/components/separator/SeparatorIntroduction.tsx
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { Separator } from '@base_ui/react/Separator';
+import { Separator } from '@base-ui-components/react/Separator';
 import { styled } from '@mui/system';
 
 export default function SeparatorIntroduction() {
diff --git a/docs/data/components/slider/RangeSlider.js b/docs/data/components/slider/RangeSlider.js
index d464db388e..4ad36b5a68 100644
--- a/docs/data/components/slider/RangeSlider.js
+++ b/docs/data/components/slider/RangeSlider.js
@@ -1,7 +1,7 @@
 'use client';
 import * as React from 'react';
 import { useTheme } from '@mui/system';
-import { Slider } from '@base_ui/react/Slider';
+import { Slider } from '@base-ui-components/react/Slider';
 import classes from './styles.module.css';
 
 export default function RangeSlider() {
diff --git a/docs/data/components/slider/RangeSlider.tsx b/docs/data/components/slider/RangeSlider.tsx
index e05f50db87..c89b14c48c 100644
--- a/docs/data/components/slider/RangeSlider.tsx
+++ b/docs/data/components/slider/RangeSlider.tsx
@@ -1,7 +1,7 @@
 'use client';
 import * as React from 'react';
 import { useTheme } from '@mui/system';
-import { Slider } from '@base_ui/react/Slider';
+import { Slider } from '@base-ui-components/react/Slider';
 import classes from './styles.module.css';
 
 export default function RangeSlider() {
diff --git a/docs/data/components/slider/RtlSlider.js b/docs/data/components/slider/RtlSlider.js
index 7d3674a823..1babedd1ad 100644
--- a/docs/data/components/slider/RtlSlider.js
+++ b/docs/data/components/slider/RtlSlider.js
@@ -1,7 +1,7 @@
 'use client';
 import * as React from 'react';
 import PropTypes from 'prop-types';
-import { Slider } from '@base_ui/react/Slider';
+import { Slider } from '@base-ui-components/react/Slider';
 import { useTheme } from '@mui/system';
 import classes from './styles.module.css';
 
diff --git a/docs/data/components/slider/RtlSlider.tsx b/docs/data/components/slider/RtlSlider.tsx
index 6571841947..4f99098fae 100644
--- a/docs/data/components/slider/RtlSlider.tsx
+++ b/docs/data/components/slider/RtlSlider.tsx
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { Slider } from '@base_ui/react/Slider';
+import { Slider } from '@base-ui-components/react/Slider';
 import { useTheme } from '@mui/system';
 import classes from './styles.module.css';
 
diff --git a/docs/data/components/slider/UnstyledSliderIntroduction/css-modules/index.js b/docs/data/components/slider/UnstyledSliderIntroduction/css-modules/index.js
index d9913a4dfc..48d44f378b 100644
--- a/docs/data/components/slider/UnstyledSliderIntroduction/css-modules/index.js
+++ b/docs/data/components/slider/UnstyledSliderIntroduction/css-modules/index.js
@@ -2,7 +2,7 @@
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { useTheme } from '@mui/system';
-import { Slider } from '@base_ui/react/Slider';
+import { Slider } from '@base-ui-components/react/Slider';
 import classes from '../../styles.module.css';
 
 export default function UnstyledSliderIntroduction() {
diff --git a/docs/data/components/slider/UnstyledSliderIntroduction/css-modules/index.tsx b/docs/data/components/slider/UnstyledSliderIntroduction/css-modules/index.tsx
index bfde075ee8..36ba54f443 100644
--- a/docs/data/components/slider/UnstyledSliderIntroduction/css-modules/index.tsx
+++ b/docs/data/components/slider/UnstyledSliderIntroduction/css-modules/index.tsx
@@ -1,7 +1,7 @@
 'use client';
 import * as React from 'react';
 import { useTheme } from '@mui/system';
-import { Slider } from '@base_ui/react/Slider';
+import { Slider } from '@base-ui-components/react/Slider';
 import classes from '../../styles.module.css';
 
 export default function UnstyledSliderIntroduction() {
diff --git a/docs/data/components/slider/UnstyledSliderIntroduction/system/index.js b/docs/data/components/slider/UnstyledSliderIntroduction/system/index.js
index 609534c461..5e3705a255 100644
--- a/docs/data/components/slider/UnstyledSliderIntroduction/system/index.js
+++ b/docs/data/components/slider/UnstyledSliderIntroduction/system/index.js
@@ -2,7 +2,7 @@
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { styled, useTheme, Box } from '@mui/system';
-import { Slider as BaseSlider } from '@base_ui/react/Slider';
+import { Slider as BaseSlider } from '@base-ui-components/react/Slider';
 
 export default function UnstyledSliderIntroduction() {
   // Replace this with your app logic for determining dark mode
diff --git a/docs/data/components/slider/UnstyledSliderIntroduction/system/index.tsx b/docs/data/components/slider/UnstyledSliderIntroduction/system/index.tsx
index fe0350fce5..f5aa6ba915 100644
--- a/docs/data/components/slider/UnstyledSliderIntroduction/system/index.tsx
+++ b/docs/data/components/slider/UnstyledSliderIntroduction/system/index.tsx
@@ -1,7 +1,7 @@
 'use client';
 import * as React from 'react';
 import { styled, useTheme, Box } from '@mui/system';
-import { Slider as BaseSlider } from '@base_ui/react/Slider';
+import { Slider as BaseSlider } from '@base-ui-components/react/Slider';
 
 export default function UnstyledSliderIntroduction() {
   // Replace this with your app logic for determining dark mode
diff --git a/docs/data/components/slider/UnstyledSliderIntroduction/tailwind/index.js b/docs/data/components/slider/UnstyledSliderIntroduction/tailwind/index.js
index 46587a381d..fa78fde7f8 100644
--- a/docs/data/components/slider/UnstyledSliderIntroduction/tailwind/index.js
+++ b/docs/data/components/slider/UnstyledSliderIntroduction/tailwind/index.js
@@ -2,7 +2,7 @@
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { useTheme } from '@mui/system';
-import { Slider as BaseSlider } from '@base_ui/react/Slider';
+import { Slider as BaseSlider } from '@base-ui-components/react/Slider';
 
 function classNames(...classes) {
   return classes.filter(Boolean).join(' ');
diff --git a/docs/data/components/slider/UnstyledSliderIntroduction/tailwind/index.tsx b/docs/data/components/slider/UnstyledSliderIntroduction/tailwind/index.tsx
index dd34f204e9..afffa2322b 100644
--- a/docs/data/components/slider/UnstyledSliderIntroduction/tailwind/index.tsx
+++ b/docs/data/components/slider/UnstyledSliderIntroduction/tailwind/index.tsx
@@ -1,7 +1,7 @@
 'use client';
 import * as React from 'react';
 import { useTheme } from '@mui/system';
-import { Slider as BaseSlider } from '@base_ui/react/Slider';
+import { Slider as BaseSlider } from '@base-ui-components/react/Slider';
 
 function classNames(...classes: Array<string | boolean | undefined | null>) {
   return classes.filter(Boolean).join(' ');
@@ -47,7 +47,7 @@ const Slider = React.forwardRef(function Slider(
       ref={ref}
       className={(state) =>
         classNames(
-          'font-sans relative w-full items-center grid grid-cols-2 gap-4',
+          'relative grid w-full grid-cols-2 items-center gap-4 font-sans',
           typeof props.className === 'function'
             ? props.className(state)
             : props.className,
@@ -87,7 +87,7 @@ const SliderControl = React.forwardRef(function SliderControl(
       ref={ref}
       className={(state) =>
         classNames(
-          'col-span-2 relative flex items-center w-full h-4',
+          'relative col-span-2 flex h-4 w-full items-center',
           state.disabled && 'cursor-not-allowed',
           typeof props.className === 'function'
             ? props.className(state)
@@ -108,7 +108,7 @@ const SliderTrack = React.forwardRef(function SliderTrack(
       ref={ref}
       className={(state) =>
         classNames(
-          'w-full h-0.5 rounded-full bg-gray-400 touch-none dark:bg-gray-700',
+          'h-0.5 w-full touch-none rounded-full bg-gray-400 dark:bg-gray-700',
           typeof props.className === 'function'
             ? props.className(state)
             : props.className,
@@ -128,7 +128,7 @@ const SliderThumb = React.forwardRef(function SliderThumb(
       ref={ref}
       className={(state) =>
         classNames(
-          'w-4 h-4 box-border rounded-[50%] bg-black touch-none focus-visible:outline focus-visible:outline-black focus-visible:outline-2 focus-visible:outline-offset-2 dark:bg-gray-100 dark:focus-visible:outline-gray-300 dark:focus-visible:outline-1 dark:focus-visible:outline-offset-[3px]',
+          'box-border h-4 w-4 touch-none rounded-[50%] bg-black focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black dark:bg-gray-100 dark:focus-visible:outline-1 dark:focus-visible:outline-offset-[3px] dark:focus-visible:outline-gray-300',
           state.dragging && 'bg-pink-400',
           state.disabled && 'bg-gray-400',
           typeof props.className === 'function'
diff --git a/docs/data/components/slider/VerticalSlider.js b/docs/data/components/slider/VerticalSlider.js
index 6da07b57c1..24d1beeb38 100644
--- a/docs/data/components/slider/VerticalSlider.js
+++ b/docs/data/components/slider/VerticalSlider.js
@@ -1,7 +1,7 @@
 'use client';
 import * as React from 'react';
 import PropTypes from 'prop-types';
-import { Slider } from '@base_ui/react/Slider';
+import { Slider } from '@base-ui-components/react/Slider';
 import { useTheme } from '@mui/system';
 import classes from './vertical.module.css';
 
diff --git a/docs/data/components/slider/VerticalSlider.tsx b/docs/data/components/slider/VerticalSlider.tsx
index 7ca6ec8a84..3728e36c45 100644
--- a/docs/data/components/slider/VerticalSlider.tsx
+++ b/docs/data/components/slider/VerticalSlider.tsx
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { Slider } from '@base_ui/react/Slider';
+import { Slider } from '@base-ui-components/react/Slider';
 import { useTheme } from '@mui/system';
 import classes from './vertical.module.css';
 
diff --git a/docs/data/components/slider/slider.mdx b/docs/data/components/slider/slider.mdx
index 3d60a072f5..ee579758f7 100644
--- a/docs/data/components/slider/slider.mdx
+++ b/docs/data/components/slider/slider.mdx
@@ -6,7 +6,7 @@ components: SliderRoot, SliderOutput, SliderControl, SliderTrack, SliderThumb, S
 hooks: useSliderRoot, useSliderOutput, useSliderControl, useSliderThumb, useSliderIndicator
 githubLabel: 'component: slider'
 waiAria: https://www.w3.org/WAI/ARIA/apg/patterns/slider-multithumb/
-packageName: '@base_ui/react'
+packageName: '@base-ui-components/react'
 ---
 
 # Slider
diff --git a/docs/data/components/switch/UnstyledSwitchIntroduction/css-modules/index.js b/docs/data/components/switch/UnstyledSwitchIntroduction/css-modules/index.js
index 3ad7b327dc..ef9006fcf2 100644
--- a/docs/data/components/switch/UnstyledSwitchIntroduction/css-modules/index.js
+++ b/docs/data/components/switch/UnstyledSwitchIntroduction/css-modules/index.js
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { Switch } from '@base_ui/react/Switch';
+import { Switch } from '@base-ui-components/react/Switch';
 import classes from './styles.module.css';
 
 export default function UnstyledSwitchIntroduction() {
diff --git a/docs/data/components/switch/UnstyledSwitchIntroduction/css-modules/index.tsx b/docs/data/components/switch/UnstyledSwitchIntroduction/css-modules/index.tsx
index 3ad7b327dc..ef9006fcf2 100644
--- a/docs/data/components/switch/UnstyledSwitchIntroduction/css-modules/index.tsx
+++ b/docs/data/components/switch/UnstyledSwitchIntroduction/css-modules/index.tsx
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { Switch } from '@base_ui/react/Switch';
+import { Switch } from '@base-ui-components/react/Switch';
 import classes from './styles.module.css';
 
 export default function UnstyledSwitchIntroduction() {
diff --git a/docs/data/components/switch/UnstyledSwitchIntroduction/system/index.js b/docs/data/components/switch/UnstyledSwitchIntroduction/system/index.js
index c8ca0841b0..454af16e44 100644
--- a/docs/data/components/switch/UnstyledSwitchIntroduction/system/index.js
+++ b/docs/data/components/switch/UnstyledSwitchIntroduction/system/index.js
@@ -1,7 +1,7 @@
 'use client';
 import * as React from 'react';
 import { styled } from '@mui/system';
-import { Switch as BaseSwitch } from '@base_ui/react/Switch';
+import { Switch as BaseSwitch } from '@base-ui-components/react/Switch';
 
 export default function UnstyledSwitchIntroduction() {
   return (
diff --git a/docs/data/components/switch/UnstyledSwitchIntroduction/system/index.tsx b/docs/data/components/switch/UnstyledSwitchIntroduction/system/index.tsx
index c8ca0841b0..454af16e44 100644
--- a/docs/data/components/switch/UnstyledSwitchIntroduction/system/index.tsx
+++ b/docs/data/components/switch/UnstyledSwitchIntroduction/system/index.tsx
@@ -1,7 +1,7 @@
 'use client';
 import * as React from 'react';
 import { styled } from '@mui/system';
-import { Switch as BaseSwitch } from '@base_ui/react/Switch';
+import { Switch as BaseSwitch } from '@base-ui-components/react/Switch';
 
 export default function UnstyledSwitchIntroduction() {
   return (
diff --git a/docs/data/components/switch/UnstyledSwitchIntroduction/tailwind/index.js b/docs/data/components/switch/UnstyledSwitchIntroduction/tailwind/index.js
index 53e9b4b232..1b703d6d90 100644
--- a/docs/data/components/switch/UnstyledSwitchIntroduction/tailwind/index.js
+++ b/docs/data/components/switch/UnstyledSwitchIntroduction/tailwind/index.js
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { Switch as BaseSwitch } from '@base_ui/react/Switch';
+import { Switch as BaseSwitch } from '@base-ui-components/react/Switch';
 import { useTheme } from '@mui/system';
 
 function useIsDarkMode() {
diff --git a/docs/data/components/switch/UnstyledSwitchIntroduction/tailwind/index.tsx b/docs/data/components/switch/UnstyledSwitchIntroduction/tailwind/index.tsx
index 36874d8928..5dce793099 100644
--- a/docs/data/components/switch/UnstyledSwitchIntroduction/tailwind/index.tsx
+++ b/docs/data/components/switch/UnstyledSwitchIntroduction/tailwind/index.tsx
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { Switch as BaseSwitch } from '@base_ui/react/Switch';
+import { Switch as BaseSwitch } from '@base-ui-components/react/Switch';
 import { useTheme } from '@mui/system';
 
 function useIsDarkMode() {
diff --git a/docs/data/components/switch/switch.mdx b/docs/data/components/switch/switch.mdx
index cad708cce0..a28e31aba7 100644
--- a/docs/data/components/switch/switch.mdx
+++ b/docs/data/components/switch/switch.mdx
@@ -6,7 +6,7 @@ components: SwitchRoot, SwitchThumb
 hooks: useSwitchRoot
 githubLabel: 'component: switch'
 waiAria: https://www.w3.org/WAI/ARIA/apg/patterns/switch/
-packageName: '@base_ui/react'
+packageName: '@base-ui-components/react'
 ---
 
 # Switch
diff --git a/docs/data/components/tabs/IndicatorBubble.js b/docs/data/components/tabs/IndicatorBubble.js
index b915700e59..3d1ac15f20 100644
--- a/docs/data/components/tabs/IndicatorBubble.js
+++ b/docs/data/components/tabs/IndicatorBubble.js
@@ -1,7 +1,7 @@
 'use client';
 import * as React from 'react';
 import { css, styled } from '@mui/system';
-import { Tabs as BaseTabs } from '@base_ui/react/Tabs';
+import { Tabs as BaseTabs } from '@base-ui-components/react/Tabs';
 
 export default function IndicatorBubble() {
   return (
diff --git a/docs/data/components/tabs/IndicatorBubble.tsx b/docs/data/components/tabs/IndicatorBubble.tsx
index b915700e59..3d1ac15f20 100644
--- a/docs/data/components/tabs/IndicatorBubble.tsx
+++ b/docs/data/components/tabs/IndicatorBubble.tsx
@@ -1,7 +1,7 @@
 'use client';
 import * as React from 'react';
 import { css, styled } from '@mui/system';
-import { Tabs as BaseTabs } from '@base_ui/react/Tabs';
+import { Tabs as BaseTabs } from '@base-ui-components/react/Tabs';
 
 export default function IndicatorBubble() {
   return (
diff --git a/docs/data/components/tabs/IndicatorUnderline.js b/docs/data/components/tabs/IndicatorUnderline.js
index 4488e69e6a..53161ea98f 100644
--- a/docs/data/components/tabs/IndicatorUnderline.js
+++ b/docs/data/components/tabs/IndicatorUnderline.js
@@ -1,7 +1,7 @@
 'use client';
 import * as React from 'react';
 import { css, styled } from '@mui/system';
-import { Tabs as BaseTabs } from '@base_ui/react/Tabs';
+import { Tabs as BaseTabs } from '@base-ui-components/react/Tabs';
 
 export default function IndicatorUnderline() {
   return (
diff --git a/docs/data/components/tabs/IndicatorUnderline.tsx b/docs/data/components/tabs/IndicatorUnderline.tsx
index 4488e69e6a..53161ea98f 100644
--- a/docs/data/components/tabs/IndicatorUnderline.tsx
+++ b/docs/data/components/tabs/IndicatorUnderline.tsx
@@ -1,7 +1,7 @@
 'use client';
 import * as React from 'react';
 import { css, styled } from '@mui/system';
-import { Tabs as BaseTabs } from '@base_ui/react/Tabs';
+import { Tabs as BaseTabs } from '@base-ui-components/react/Tabs';
 
 export default function IndicatorUnderline() {
   return (
diff --git a/docs/data/components/tabs/KeyboardNavigation.js b/docs/data/components/tabs/KeyboardNavigation.js
index 0179e9ff39..2c3abc8b34 100644
--- a/docs/data/components/tabs/KeyboardNavigation.js
+++ b/docs/data/components/tabs/KeyboardNavigation.js
@@ -1,7 +1,7 @@
 'use client';
 import * as React from 'react';
 import { styled } from '@mui/system';
-import { Tabs } from '@base_ui/react/Tabs';
+import { Tabs } from '@base-ui-components/react/Tabs';
 
 export default function KeyboardNavigation() {
   return (
diff --git a/docs/data/components/tabs/KeyboardNavigation.tsx b/docs/data/components/tabs/KeyboardNavigation.tsx
index 0179e9ff39..2c3abc8b34 100644
--- a/docs/data/components/tabs/KeyboardNavigation.tsx
+++ b/docs/data/components/tabs/KeyboardNavigation.tsx
@@ -1,7 +1,7 @@
 'use client';
 import * as React from 'react';
 import { styled } from '@mui/system';
-import { Tabs } from '@base_ui/react/Tabs';
+import { Tabs } from '@base-ui-components/react/Tabs';
 
 export default function KeyboardNavigation() {
   return (
diff --git a/docs/data/components/tabs/UnstyledTabsIntroduction/css-modules/index.js b/docs/data/components/tabs/UnstyledTabsIntroduction/css-modules/index.js
index 47c3a3723f..e5a7e76d7e 100644
--- a/docs/data/components/tabs/UnstyledTabsIntroduction/css-modules/index.js
+++ b/docs/data/components/tabs/UnstyledTabsIntroduction/css-modules/index.js
@@ -1,7 +1,7 @@
 'use client';
 import * as React from 'react';
 import { useTheme } from '@mui/system';
-import { Tabs } from '@base_ui/react/Tabs';
+import { Tabs } from '@base-ui-components/react/Tabs';
 
 export default function UnstyledTabsIntroduction() {
   return (
diff --git a/docs/data/components/tabs/UnstyledTabsIntroduction/css-modules/index.tsx b/docs/data/components/tabs/UnstyledTabsIntroduction/css-modules/index.tsx
index 47c3a3723f..e5a7e76d7e 100644
--- a/docs/data/components/tabs/UnstyledTabsIntroduction/css-modules/index.tsx
+++ b/docs/data/components/tabs/UnstyledTabsIntroduction/css-modules/index.tsx
@@ -1,7 +1,7 @@
 'use client';
 import * as React from 'react';
 import { useTheme } from '@mui/system';
-import { Tabs } from '@base_ui/react/Tabs';
+import { Tabs } from '@base-ui-components/react/Tabs';
 
 export default function UnstyledTabsIntroduction() {
   return (
diff --git a/docs/data/components/tabs/UnstyledTabsIntroduction/system/index.js b/docs/data/components/tabs/UnstyledTabsIntroduction/system/index.js
index 547b19f1ec..82ba00a5bb 100644
--- a/docs/data/components/tabs/UnstyledTabsIntroduction/system/index.js
+++ b/docs/data/components/tabs/UnstyledTabsIntroduction/system/index.js
@@ -1,7 +1,7 @@
 'use client';
 import * as React from 'react';
 import { styled } from '@mui/system';
-import { Tabs } from '@base_ui/react/Tabs';
+import { Tabs } from '@base-ui-components/react/Tabs';
 
 export default function UnstyledTabsIntroduction() {
   return (
diff --git a/docs/data/components/tabs/UnstyledTabsIntroduction/system/index.tsx b/docs/data/components/tabs/UnstyledTabsIntroduction/system/index.tsx
index 547b19f1ec..82ba00a5bb 100644
--- a/docs/data/components/tabs/UnstyledTabsIntroduction/system/index.tsx
+++ b/docs/data/components/tabs/UnstyledTabsIntroduction/system/index.tsx
@@ -1,7 +1,7 @@
 'use client';
 import * as React from 'react';
 import { styled } from '@mui/system';
-import { Tabs } from '@base_ui/react/Tabs';
+import { Tabs } from '@base-ui-components/react/Tabs';
 
 export default function UnstyledTabsIntroduction() {
   return (
diff --git a/docs/data/components/tabs/UnstyledTabsIntroduction/tailwind/index.js b/docs/data/components/tabs/UnstyledTabsIntroduction/tailwind/index.js
index a86dd09c3d..117c2c8385 100644
--- a/docs/data/components/tabs/UnstyledTabsIntroduction/tailwind/index.js
+++ b/docs/data/components/tabs/UnstyledTabsIntroduction/tailwind/index.js
@@ -2,7 +2,7 @@
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import { Tabs } from '@base_ui/react/Tabs';
+import { Tabs } from '@base-ui-components/react/Tabs';
 import { useTheme } from '@mui/system';
 
 function useIsDarkMode() {
diff --git a/docs/data/components/tabs/UnstyledTabsIntroduction/tailwind/index.tsx b/docs/data/components/tabs/UnstyledTabsIntroduction/tailwind/index.tsx
index 609491d86d..776ebab5c4 100644
--- a/docs/data/components/tabs/UnstyledTabsIntroduction/tailwind/index.tsx
+++ b/docs/data/components/tabs/UnstyledTabsIntroduction/tailwind/index.tsx
@@ -1,7 +1,7 @@
 'use client';
 import * as React from 'react';
 import clsx from 'clsx';
-import { Tabs } from '@base_ui/react/Tabs';
+import { Tabs } from '@base-ui-components/react/Tabs';
 import { useTheme } from '@mui/system';
 
 function useIsDarkMode() {
@@ -35,7 +35,7 @@ const TabsList = React.forwardRef<HTMLDivElement, Tabs.List.Props>((props, ref)
     <Tabs.List
       ref={ref}
       className={clsx(
-        'mb-4 rounded-xl bg-purple-500 flex font-sans items-center justify-center content-between min-w-tabs-list shadow-lg',
+        'min-w-tabs-list mb-4 flex content-between items-center justify-center rounded-xl bg-purple-500 font-sans shadow-lg',
         className,
       )}
       {...other}
@@ -53,11 +53,11 @@ const Tab = React.forwardRef<HTMLButtonElement, Tabs.Tab.Props>((props, ref) =>
         clsx(
           `font-sans ${
             selected
-              ? 'text-purple-500 bg-white'
-              : 'text-white bg-transparent focus:text-white hover:bg-purple-400'
+              ? 'bg-white text-purple-500'
+              : 'bg-transparent text-white hover:bg-purple-400 focus:text-white'
           } ${
             disabled ? 'cursor-not-allowed opacity-50' : 'cursor-pointer'
-          } text-sm leading-[1.3] font-semibold w-full py-2.5 px-3 m-1.5 border-0 rounded-md flex justify-center focus:outline-0 focus:shadow-outline-purple-light`,
+          } focus:shadow-outline-purple-light m-1.5 flex w-full justify-center rounded-md border-0 px-3 py-2.5 text-sm leading-[1.3] font-semibold focus:outline-0`,
           className,
         )
       }
@@ -71,7 +71,7 @@ const TabPanel = React.forwardRef<HTMLDivElement, Tabs.Panel.Props>((props, ref)
     <Tabs.Panel
       ref={ref}
       className={clsx(
-        'py-5 px-3 bg-white dark:bg-slate-900 border border-solid border-slate-200 dark:border-slate-700 rounded-xl opacity-60 w-full font-sans text-sm',
+        'w-full rounded-xl border border-solid border-slate-200 bg-white px-3 py-5 font-sans text-sm opacity-60 dark:border-slate-700 dark:bg-slate-900',
         className,
       )}
       {...other}
diff --git a/docs/data/components/tabs/UnstyledTabsRouting.js b/docs/data/components/tabs/UnstyledTabsRouting.js
index 0cebf0eb48..5c15a30c36 100644
--- a/docs/data/components/tabs/UnstyledTabsRouting.js
+++ b/docs/data/components/tabs/UnstyledTabsRouting.js
@@ -1,7 +1,7 @@
 'use client';
 import * as React from 'react';
 import PropTypes from 'prop-types';
-import { Tabs } from '@base_ui/react/Tabs';
+import { Tabs } from '@base-ui-components/react/Tabs';
 import {
   MemoryRouter,
   Route,
diff --git a/docs/data/components/tabs/UnstyledTabsRouting.tsx b/docs/data/components/tabs/UnstyledTabsRouting.tsx
index 4310651859..3bd9fa0672 100644
--- a/docs/data/components/tabs/UnstyledTabsRouting.tsx
+++ b/docs/data/components/tabs/UnstyledTabsRouting.tsx
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { Tabs } from '@base_ui/react/Tabs';
+import { Tabs } from '@base-ui-components/react/Tabs';
 import {
   MemoryRouter,
   Route,
diff --git a/docs/data/components/tabs/tabs.mdx b/docs/data/components/tabs/tabs.mdx
index a9710a3c47..d24bd1efa7 100644
--- a/docs/data/components/tabs/tabs.mdx
+++ b/docs/data/components/tabs/tabs.mdx
@@ -6,7 +6,7 @@ components: TabsRoot, TabPanel, Tab, TabsList, TabIndicator
 hooks: useTabsRoot, useTabPanel, useTab, useTabsList, useTabIndicator
 githubLabel: 'component: tabs'
 waiAria: https://www.w3.org/WAI/ARIA/apg/patterns/tabs/
-packageName: '@base_ui/react'
+packageName: '@base-ui-components/react'
 ---
 
 # Tabs
diff --git a/docs/data/components/text-input/TextInputIntroduction/system/index.js b/docs/data/components/text-input/TextInputIntroduction/system/index.js
index 541130bd63..63a9165140 100644
--- a/docs/data/components/text-input/TextInputIntroduction/system/index.js
+++ b/docs/data/components/text-input/TextInputIntroduction/system/index.js
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { TextInput as TextInputPrimitive } from '@base_ui/react/TextInput';
+import { TextInput as TextInputPrimitive } from '@base-ui-components/react/TextInput';
 import { styled } from '@mui/system';
 
 export default function TextFieldIntroduction() {
diff --git a/docs/data/components/text-input/TextInputIntroduction/system/index.tsx b/docs/data/components/text-input/TextInputIntroduction/system/index.tsx
index 541130bd63..63a9165140 100644
--- a/docs/data/components/text-input/TextInputIntroduction/system/index.tsx
+++ b/docs/data/components/text-input/TextInputIntroduction/system/index.tsx
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { TextInput as TextInputPrimitive } from '@base_ui/react/TextInput';
+import { TextInput as TextInputPrimitive } from '@base-ui-components/react/TextInput';
 import { styled } from '@mui/system';
 
 export default function TextFieldIntroduction() {
diff --git a/docs/data/components/text-input/text-input.mdx b/docs/data/components/text-input/text-input.mdx
index 9f22406fe4..e2ebcfe3dc 100644
--- a/docs/data/components/text-input/text-input.mdx
+++ b/docs/data/components/text-input/text-input.mdx
@@ -4,7 +4,7 @@ title: React TextInput component
 description: Text Input is a UI element that lets users input single line text.
 components: TextInput
 githubLabel: 'component: text-input'
-packageName: '@base_ui/react'
+packageName: '@base-ui-components/react'
 ---
 
 # Text Input
diff --git a/docs/data/components/tooltip/UnstyledTooltipDelayGroup.js b/docs/data/components/tooltip/UnstyledTooltipDelayGroup.js
index 2b07bcd787..1cb716de87 100644
--- a/docs/data/components/tooltip/UnstyledTooltipDelayGroup.js
+++ b/docs/data/components/tooltip/UnstyledTooltipDelayGroup.js
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { Tooltip } from '@base_ui/react/Tooltip';
+import { Tooltip } from '@base-ui-components/react/Tooltip';
 import { styled } from '@mui/system';
 
 export default function UnstyledTooltipDelayGroup() {
diff --git a/docs/data/components/tooltip/UnstyledTooltipDelayGroup.tsx b/docs/data/components/tooltip/UnstyledTooltipDelayGroup.tsx
index 2b07bcd787..1cb716de87 100644
--- a/docs/data/components/tooltip/UnstyledTooltipDelayGroup.tsx
+++ b/docs/data/components/tooltip/UnstyledTooltipDelayGroup.tsx
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { Tooltip } from '@base_ui/react/Tooltip';
+import { Tooltip } from '@base-ui-components/react/Tooltip';
 import { styled } from '@mui/system';
 
 export default function UnstyledTooltipDelayGroup() {
diff --git a/docs/data/components/tooltip/UnstyledTooltipFollowCursor.js b/docs/data/components/tooltip/UnstyledTooltipFollowCursor.js
index f162061f2a..928805d4ae 100644
--- a/docs/data/components/tooltip/UnstyledTooltipFollowCursor.js
+++ b/docs/data/components/tooltip/UnstyledTooltipFollowCursor.js
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { Tooltip } from '@base_ui/react/Tooltip';
+import { Tooltip } from '@base-ui-components/react/Tooltip';
 import { styled } from '@mui/system';
 
 export default function UnstyledTooltipFollowCursor() {
diff --git a/docs/data/components/tooltip/UnstyledTooltipFollowCursor.tsx b/docs/data/components/tooltip/UnstyledTooltipFollowCursor.tsx
index f162061f2a..928805d4ae 100644
--- a/docs/data/components/tooltip/UnstyledTooltipFollowCursor.tsx
+++ b/docs/data/components/tooltip/UnstyledTooltipFollowCursor.tsx
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { Tooltip } from '@base_ui/react/Tooltip';
+import { Tooltip } from '@base-ui-components/react/Tooltip';
 import { styled } from '@mui/system';
 
 export default function UnstyledTooltipFollowCursor() {
diff --git a/docs/data/components/tooltip/UnstyledTooltipIntroduction/system/index.js b/docs/data/components/tooltip/UnstyledTooltipIntroduction/system/index.js
index f87518c9f1..93c0857433 100644
--- a/docs/data/components/tooltip/UnstyledTooltipIntroduction/system/index.js
+++ b/docs/data/components/tooltip/UnstyledTooltipIntroduction/system/index.js
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { Tooltip } from '@base_ui/react/Tooltip';
+import { Tooltip } from '@base-ui-components/react/Tooltip';
 import { styled } from '@mui/system';
 
 export default function UnstyledTooltipIntroduction() {
diff --git a/docs/data/components/tooltip/UnstyledTooltipIntroduction/system/index.tsx b/docs/data/components/tooltip/UnstyledTooltipIntroduction/system/index.tsx
index f87518c9f1..93c0857433 100644
--- a/docs/data/components/tooltip/UnstyledTooltipIntroduction/system/index.tsx
+++ b/docs/data/components/tooltip/UnstyledTooltipIntroduction/system/index.tsx
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { Tooltip } from '@base_ui/react/Tooltip';
+import { Tooltip } from '@base-ui-components/react/Tooltip';
 import { styled } from '@mui/system';
 
 export default function UnstyledTooltipIntroduction() {
diff --git a/docs/data/components/tooltip/UnstyledTooltipTransition.js b/docs/data/components/tooltip/UnstyledTooltipTransition.js
index c9f530f54e..37871818ff 100644
--- a/docs/data/components/tooltip/UnstyledTooltipTransition.js
+++ b/docs/data/components/tooltip/UnstyledTooltipTransition.js
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { Tooltip } from '@base_ui/react/Tooltip';
+import { Tooltip } from '@base-ui-components/react/Tooltip';
 import { styled } from '@mui/system';
 
 export default function UnstyledTooltipTransition() {
diff --git a/docs/data/components/tooltip/UnstyledTooltipTransition.tsx b/docs/data/components/tooltip/UnstyledTooltipTransition.tsx
index c9f530f54e..37871818ff 100644
--- a/docs/data/components/tooltip/UnstyledTooltipTransition.tsx
+++ b/docs/data/components/tooltip/UnstyledTooltipTransition.tsx
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { Tooltip } from '@base_ui/react/Tooltip';
+import { Tooltip } from '@base-ui-components/react/Tooltip';
 import { styled } from '@mui/system';
 
 export default function UnstyledTooltipTransition() {
diff --git a/docs/data/getting-started/accessibility/FocusRing.js b/docs/data/getting-started/accessibility/FocusRing.js
index 5e664e1ab5..d9ce7568ec 100644
--- a/docs/data/getting-started/accessibility/FocusRing.js
+++ b/docs/data/getting-started/accessibility/FocusRing.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { styled, alpha, Box } from '@mui/system';
-import { Slider as BaseSlider } from '@base_ui/react/Slider';
+import { Slider as BaseSlider } from '@base-ui-components/react/Slider';
 
 export default function FocusRing() {
   return (
diff --git a/docs/data/getting-started/accessibility/FocusRing.tsx b/docs/data/getting-started/accessibility/FocusRing.tsx
index 5e664e1ab5..d9ce7568ec 100644
--- a/docs/data/getting-started/accessibility/FocusRing.tsx
+++ b/docs/data/getting-started/accessibility/FocusRing.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { styled, alpha, Box } from '@mui/system';
-import { Slider as BaseSlider } from '@base_ui/react/Slider';
+import { Slider as BaseSlider } from '@base-ui-components/react/Slider';
 
 export default function FocusRing() {
   return (
diff --git a/docs/data/getting-started/quick-start/quick-start.mdx b/docs/data/getting-started/quick-start/quick-start.mdx
index 80d089cf71..057b731d38 100644
--- a/docs/data/getting-started/quick-start/quick-start.mdx
+++ b/docs/data/getting-started/quick-start/quick-start.mdx
@@ -14,12 +14,12 @@ description: Get started with Base UI, a library of headless ("unstyled") React
 
 ## Installation
 
-`@base_ui/react` is completely standalone – run one of the following commands to add Base UI to your React project:
+`@base-ui-components/react` is completely standalone – run one of the following commands to add Base UI to your React project:
 
 <PackageManagerSnippet>
-  <Npm>npm install @base_ui/react</Npm>
-  <Pnpm>pnpm add @base_ui/react</Pnpm>
-  <Yarn>yarn add @base_ui/react</Yarn>
+  <Npm>npm install @base-ui-components/react</Npm>
+  <Pnpm>pnpm add @base-ui-components/react</Pnpm>
+  <Yarn>yarn add @base-ui-components/react</Yarn>
 </PackageManagerSnippet>
 
 ### Peer dependencies
diff --git a/docs/package.json b/docs/package.json
index 20bc19280a..41a4b93115 100644
--- a/docs/package.json
+++ b/docs/package.json
@@ -17,7 +17,7 @@
     "@babel/core": "^7.26.0",
     "@babel/runtime": "^7.26.0",
     "@babel/runtime-corejs3": "^7.26.0",
-    "@base_ui/react": "workspace:*",
+    "@base-ui-components/react": "workspace:*",
     "@emotion/cache": "^11.13.1",
     "@emotion/react": "^11.13.3",
     "@emotion/server": "^11.11.0",
diff --git a/docs/src/app/DocsProviders.tsx b/docs/src/app/DocsProviders.tsx
index c964bfa3e7..c5e9958188 100644
--- a/docs/src/app/DocsProviders.tsx
+++ b/docs/src/app/DocsProviders.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Tooltip } from '@base_ui/react/Tooltip';
+import { Tooltip } from '@base-ui-components/react/Tooltip';
 import { DemoVariantSelectorProvider } from 'docs/src/components/demo/DemoVariantSelectorProvider';
 import { PackageManagerSnippetProvider } from 'docs/src/blocks/PackageManagerSnippet/PackageManagerSnippetProvider';
 
diff --git a/docs/src/app/experiments/accordion-animations.tsx b/docs/src/app/experiments/accordion-animations.tsx
index cd36dc227b..a74c4c40ae 100644
--- a/docs/src/app/experiments/accordion-animations.tsx
+++ b/docs/src/app/experiments/accordion-animations.tsx
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { Accordion } from '@base_ui/react/Accordion';
+import { Accordion } from '@base-ui-components/react/Accordion';
 import { ExpandMoreIcon } from './accordion';
 import classes from './accordion.module.css';
 
diff --git a/docs/src/app/experiments/accordion-horizontal.tsx b/docs/src/app/experiments/accordion-horizontal.tsx
index 75ec99bc30..6e2b790751 100644
--- a/docs/src/app/experiments/accordion-horizontal.tsx
+++ b/docs/src/app/experiments/accordion-horizontal.tsx
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { Accordion } from '@base_ui/react/Accordion';
+import { Accordion } from '@base-ui-components/react/Accordion';
 import classes from './accordion.horizontal.module.css';
 
 function classNames(...c: Array<string | undefined | null | false>) {
diff --git a/docs/src/app/experiments/accordion.tsx b/docs/src/app/experiments/accordion.tsx
index b9bd5eb1ca..9fb33005fd 100644
--- a/docs/src/app/experiments/accordion.tsx
+++ b/docs/src/app/experiments/accordion.tsx
@@ -1,7 +1,7 @@
 'use client';
 import * as React from 'react';
-import { Checkbox } from '@base_ui/react/Checkbox';
-import { Accordion } from '@base_ui/react/Accordion';
+import { Checkbox } from '@base-ui-components/react/Checkbox';
+import { Accordion } from '@base-ui-components/react/Accordion';
 
 export default function App() {
   const [openMultiple, setOpenMultiple] = React.useState(true);
diff --git a/docs/src/app/experiments/collapsible-accordion.tsx b/docs/src/app/experiments/collapsible-accordion.tsx
index 626c8769ec..e61a822741 100644
--- a/docs/src/app/experiments/collapsible-accordion.tsx
+++ b/docs/src/app/experiments/collapsible-accordion.tsx
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { Collapsible } from '@base_ui/react/Collapsible';
+import { Collapsible } from '@base-ui-components/react/Collapsible';
 
 const TRANSITION_DURATION = '350ms';
 
diff --git a/docs/src/app/experiments/collapsible-cls.tsx b/docs/src/app/experiments/collapsible-cls.tsx
index 7607f5bc34..871b64b907 100644
--- a/docs/src/app/experiments/collapsible-cls.tsx
+++ b/docs/src/app/experiments/collapsible-cls.tsx
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { Collapsible } from '@base_ui/react/Collapsible';
+import { Collapsible } from '@base-ui-components/react/Collapsible';
 import classes from './collapsible.module.css';
 
 function classNames(...c: Array<string | undefined | null | false>) {
diff --git a/docs/src/app/experiments/collapsible-framer.tsx b/docs/src/app/experiments/collapsible-framer.tsx
index dbfd17c567..eccad54696 100644
--- a/docs/src/app/experiments/collapsible-framer.tsx
+++ b/docs/src/app/experiments/collapsible-framer.tsx
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { Collapsible } from '@base_ui/react/Collapsible';
+import { Collapsible } from '@base-ui-components/react/Collapsible';
 import { motion } from 'framer-motion';
 import classes from './collapsible.module.css';
 
diff --git a/docs/src/app/experiments/collapsible-hidden-until-found.tsx b/docs/src/app/experiments/collapsible-hidden-until-found.tsx
index d42c30c7ea..804099c023 100644
--- a/docs/src/app/experiments/collapsible-hidden-until-found.tsx
+++ b/docs/src/app/experiments/collapsible-hidden-until-found.tsx
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { Collapsible } from '@base_ui/react/Collapsible';
+import { Collapsible } from '@base-ui-components/react/Collapsible';
 import classes from './collapsible.module.css';
 
 function classNames(...c: Array<string | undefined | null | false>) {
diff --git a/docs/src/app/experiments/collapsible.tsx b/docs/src/app/experiments/collapsible.tsx
index 9e4c20b759..ed38c4778e 100644
--- a/docs/src/app/experiments/collapsible.tsx
+++ b/docs/src/app/experiments/collapsible.tsx
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { Collapsible } from '@base_ui/react/Collapsible';
+import { Collapsible } from '@base-ui-components/react/Collapsible';
 
 const DURATION = '350ms';
 
diff --git a/docs/src/app/experiments/dialog.tsx b/docs/src/app/experiments/dialog.tsx
index 5b79fd50de..73ef5552de 100644
--- a/docs/src/app/experiments/dialog.tsx
+++ b/docs/src/app/experiments/dialog.tsx
@@ -1,9 +1,9 @@
 'use client';
 import * as React from 'react';
 import clsx from 'clsx';
-import { Dialog } from '@base_ui/react/Dialog';
+import { Dialog } from '@base-ui-components/react/Dialog';
 // eslint-disable-next-line no-restricted-imports
-import { useTransitionStatus } from '@base_ui/react/utils/useTransitionStatus';
+import { useTransitionStatus } from '@base-ui-components/react/utils/useTransitionStatus';
 import {
   animated as springAnimated,
   useSpring,
diff --git a/docs/src/app/experiments/menu-anchor-el.tsx b/docs/src/app/experiments/menu-anchor-el.tsx
index a82f7e79fe..e3ac722ede 100644
--- a/docs/src/app/experiments/menu-anchor-el.tsx
+++ b/docs/src/app/experiments/menu-anchor-el.tsx
@@ -1,7 +1,7 @@
 'use client';
 
 import * as React from 'react';
-import { Menu } from '@base_ui/react/Menu';
+import { Menu } from '@base-ui-components/react/Menu';
 
 export default function Page() {
   const [anchorEl, setAnchor] = React.useState<HTMLDivElement | null>(null);
diff --git a/docs/src/app/experiments/menu-anchor-ref.tsx b/docs/src/app/experiments/menu-anchor-ref.tsx
index f99677d669..36e6ffdfce 100644
--- a/docs/src/app/experiments/menu-anchor-ref.tsx
+++ b/docs/src/app/experiments/menu-anchor-ref.tsx
@@ -1,7 +1,7 @@
 'use client';
 
 import * as React from 'react';
-import { Menu } from '@base_ui/react/Menu';
+import { Menu } from '@base-ui-components/react/Menu';
 
 export default function Page() {
   const anchor = React.useRef<HTMLDivElement>(null);
diff --git a/docs/src/app/experiments/progress.tsx b/docs/src/app/experiments/progress.tsx
index 3bab4439a2..2316770939 100644
--- a/docs/src/app/experiments/progress.tsx
+++ b/docs/src/app/experiments/progress.tsx
@@ -1,7 +1,7 @@
 'use client';
 import * as React from 'react';
 import { useTheme } from '@mui/system';
-import { Progress } from '@base_ui/react/Progress';
+import { Progress } from '@base-ui-components/react/Progress';
 
 const VAL1 = 33;
 
diff --git a/docs/src/app/experiments/select-perf.tsx b/docs/src/app/experiments/select-perf.tsx
index 045d9fcf06..e4efec64ec 100644
--- a/docs/src/app/experiments/select-perf.tsx
+++ b/docs/src/app/experiments/select-perf.tsx
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { Select as BaseSelect } from '@base_ui/react/Select';
+import { Select as BaseSelect } from '@base-ui-components/react/Select';
 
 const options = [...Array(1000)].map((_, i) => `Item ${i + 1}`);
 
diff --git a/docs/src/app/experiments/slider-change-committed-lag.tsx b/docs/src/app/experiments/slider-change-committed-lag.tsx
index 885b3e9597..d877b9445d 100644
--- a/docs/src/app/experiments/slider-change-committed-lag.tsx
+++ b/docs/src/app/experiments/slider-change-committed-lag.tsx
@@ -2,7 +2,7 @@
 // https://github.com/mui/material-ui/issues/41739
 // to cross check whether this issue would still occur in the new API
 import * as React from 'react';
-import { Slider } from '@base_ui/react/Slider';
+import { Slider } from '@base-ui-components/react/Slider';
 import classes from './slider.module.css';
 
 export default function App() {
diff --git a/docs/src/app/experiments/slider-marks.tsx b/docs/src/app/experiments/slider-marks.tsx
index fc5114d913..50d116a644 100644
--- a/docs/src/app/experiments/slider-marks.tsx
+++ b/docs/src/app/experiments/slider-marks.tsx
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { Slider } from '@base_ui/react/Slider';
+import { Slider } from '@base-ui-components/react/Slider';
 import { useSliderRootContext } from '../../../../packages/mui-base/src/Slider/Root/SliderRootContext';
 
 const STOPS = [
diff --git a/docs/src/app/experiments/slider-tooltip.tsx b/docs/src/app/experiments/slider-tooltip.tsx
index a80a6b50df..0dd32185a8 100644
--- a/docs/src/app/experiments/slider-tooltip.tsx
+++ b/docs/src/app/experiments/slider-tooltip.tsx
@@ -1,8 +1,8 @@
 'use client';
 import * as React from 'react';
 import { useTheme } from '@mui/system';
-import { Slider } from '@base_ui/react/Slider';
-import { Tooltip } from '@base_ui/react/Tooltip';
+import { Slider } from '@base-ui-components/react/Slider';
+import { Tooltip } from '@base-ui-components/react/Tooltip';
 import { useSliderRootContext } from '../../../../packages/mui-base/src/Slider/Root/SliderRootContext';
 
 function useIsDarkMode() {
diff --git a/docs/src/app/experiments/tabs.tsx b/docs/src/app/experiments/tabs.tsx
index a43bf362b5..0568ef979c 100644
--- a/docs/src/app/experiments/tabs.tsx
+++ b/docs/src/app/experiments/tabs.tsx
@@ -2,7 +2,7 @@
 /* eslint-disable react/no-danger */
 import * as React from 'react';
 import { css, styled } from '@mui/system';
-import { Tabs as BaseTabs } from '@base_ui/react/Tabs';
+import { Tabs as BaseTabs } from '@base-ui-components/react/Tabs';
 
 export default function UnstyledTabsIntroduction() {
   const [v, sv] = React.useState<string | number | null>(0);
diff --git a/docs/src/app/experiments/tooltip.tsx b/docs/src/app/experiments/tooltip.tsx
index b7fbf2602e..43ca747a47 100644
--- a/docs/src/app/experiments/tooltip.tsx
+++ b/docs/src/app/experiments/tooltip.tsx
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { Tooltip } from '@base_ui/react/Tooltip';
+import { Tooltip } from '@base-ui-components/react/Tooltip';
 import { styled, keyframes } from '@mui/system';
 import { motion, AnimatePresence } from 'framer-motion';
 
diff --git a/docs/src/app/new/(content)/components/dialog/NestedDialogs.tsx b/docs/src/app/new/(content)/components/dialog/NestedDialogs.tsx
index 32839c7da2..8ce6615ef9 100644
--- a/docs/src/app/new/(content)/components/dialog/NestedDialogs.tsx
+++ b/docs/src/app/new/(content)/components/dialog/NestedDialogs.tsx
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { Dialog as BaseDialog } from '@base_ui/react/Dialog';
+import { Dialog as BaseDialog } from '@base-ui-components/react/Dialog';
 import { styled } from '@mui/system';
 
 export default function NestedDialogs() {
diff --git a/docs/src/app/new/(content)/components/dialog/UnstyledDialogIntroduction/css-modules/index.js b/docs/src/app/new/(content)/components/dialog/UnstyledDialogIntroduction/css-modules/index.js
index e6868505f4..08bf31a1ed 100644
--- a/docs/src/app/new/(content)/components/dialog/UnstyledDialogIntroduction/css-modules/index.js
+++ b/docs/src/app/new/(content)/components/dialog/UnstyledDialogIntroduction/css-modules/index.js
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { Dialog } from '@base_ui/react/Dialog';
+import { Dialog } from '@base-ui-components/react/Dialog';
 import classes from './styles.module.css';
 
 export default function UnstyledDialogIntroduction() {
diff --git a/docs/src/app/new/(content)/components/dialog/UnstyledDialogIntroduction/css-modules/index.tsx b/docs/src/app/new/(content)/components/dialog/UnstyledDialogIntroduction/css-modules/index.tsx
index e6868505f4..08bf31a1ed 100644
--- a/docs/src/app/new/(content)/components/dialog/UnstyledDialogIntroduction/css-modules/index.tsx
+++ b/docs/src/app/new/(content)/components/dialog/UnstyledDialogIntroduction/css-modules/index.tsx
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { Dialog } from '@base_ui/react/Dialog';
+import { Dialog } from '@base-ui-components/react/Dialog';
 import classes from './styles.module.css';
 
 export default function UnstyledDialogIntroduction() {
diff --git a/docs/src/app/new/(content)/components/dialog/UnstyledDialogIntroduction/tailwind/index.js b/docs/src/app/new/(content)/components/dialog/UnstyledDialogIntroduction/tailwind/index.js
index cc71638aa3..4ae8e1de34 100644
--- a/docs/src/app/new/(content)/components/dialog/UnstyledDialogIntroduction/tailwind/index.js
+++ b/docs/src/app/new/(content)/components/dialog/UnstyledDialogIntroduction/tailwind/index.js
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { Dialog } from '@base_ui/react/Dialog';
+import { Dialog } from '@base-ui-components/react/Dialog';
 
 export default function UnstyledDialogIntroduction() {
   return (
@@ -48,7 +48,7 @@ function Controls(props) {
   return (
     <div
       {...props}
-      className="-mx-4 -mb-4 mt-8 flex flex-row-reverse gap-2 bg-slate-100 p-4 dark:bg-slate-800"
+      className="-mx-4 mt-8 -mb-4 flex flex-row-reverse gap-2 bg-slate-100 p-4 dark:bg-slate-800"
     />
   );
 }
diff --git a/docs/src/app/new/(content)/components/dialog/UnstyledDialogIntroduction/tailwind/index.tsx b/docs/src/app/new/(content)/components/dialog/UnstyledDialogIntroduction/tailwind/index.tsx
index 996fe4ab74..ed0b588474 100644
--- a/docs/src/app/new/(content)/components/dialog/UnstyledDialogIntroduction/tailwind/index.tsx
+++ b/docs/src/app/new/(content)/components/dialog/UnstyledDialogIntroduction/tailwind/index.tsx
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { Dialog } from '@base_ui/react/Dialog';
+import { Dialog } from '@base-ui-components/react/Dialog';
 
 export default function UnstyledDialogIntroduction() {
   return (
@@ -48,7 +48,7 @@ function Controls(props: React.ComponentPropsWithoutRef<'div'>) {
   return (
     <div
       {...props}
-      className="-mx-4 -mb-4 mt-8 flex flex-row-reverse gap-2 bg-slate-100 p-4 dark:bg-slate-800"
+      className="-mx-4 mt-8 -mb-4 flex flex-row-reverse gap-2 bg-slate-100 p-4 dark:bg-slate-800"
     />
   );
 }
diff --git a/docs/src/app/new/(content)/components/dialog/page.mdx b/docs/src/app/new/(content)/components/dialog/page.mdx
index ada0497f0d..825be298b3 100644
--- a/docs/src/app/new/(content)/components/dialog/page.mdx
+++ b/docs/src/app/new/(content)/components/dialog/page.mdx
@@ -9,7 +9,7 @@
 Import the component and place its parts the following way:
 
 ```jsx title="Anatomy"
-import { Dialog } from '@base_ui/react/Dialog';
+import { Dialog } from '@base-ui-components/react/Dialog';
 
 <Dialog.Root>
   <Dialog.Trigger />
diff --git a/docs/src/blocks/GoogleAnalytics.tsx b/docs/src/blocks/GoogleAnalytics.tsx
index ce97cdcf26..07a94afa0f 100644
--- a/docs/src/blocks/GoogleAnalytics.tsx
+++ b/docs/src/blocks/GoogleAnalytics.tsx
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { useMediaQuery } from '@base_ui/react/useMediaQuery';
+import { useMediaQuery } from '@base-ui-components/react/useMediaQuery';
 import useEnhancedEffect from '@mui/utils/useEnhancedEffect';
 
 let boundDataGaListener = false;
diff --git a/docs/src/blocks/PackageManagerSnippet/PackageManagerSnippetCode.tsx b/docs/src/blocks/PackageManagerSnippet/PackageManagerSnippetCode.tsx
index 1fd44aa06a..1cefdbcbb0 100644
--- a/docs/src/blocks/PackageManagerSnippet/PackageManagerSnippetCode.tsx
+++ b/docs/src/blocks/PackageManagerSnippet/PackageManagerSnippetCode.tsx
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { Tabs } from '@base_ui/react/Tabs';
+import { Tabs } from '@base-ui-components/react/Tabs';
 
 export function PackageManagerSnippetCode(props: PackageManagerSnippetCode.Props) {
   const { value, children } = props;
diff --git a/docs/src/blocks/PackageManagerSnippet/PackageManagerSnippetProvider.tsx b/docs/src/blocks/PackageManagerSnippet/PackageManagerSnippetProvider.tsx
index 76990fdb65..1225cfb5bb 100644
--- a/docs/src/blocks/PackageManagerSnippet/PackageManagerSnippetProvider.tsx
+++ b/docs/src/blocks/PackageManagerSnippet/PackageManagerSnippetProvider.tsx
@@ -1,6 +1,6 @@
 'use client';
 // eslint-disable-next-line no-restricted-imports
-import { useEnhancedEffect } from '@base_ui/react/utils/useEnhancedEffect';
+import { useEnhancedEffect } from '@base-ui-components/react/utils/useEnhancedEffect';
 import * as React from 'react';
 
 export interface PackageManagerSnippetContext {
diff --git a/docs/src/blocks/PackageManagerSnippet/PackageManagerSnippetRoot.tsx b/docs/src/blocks/PackageManagerSnippet/PackageManagerSnippetRoot.tsx
index cd230bc1cc..5f7c9ba711 100644
--- a/docs/src/blocks/PackageManagerSnippet/PackageManagerSnippetRoot.tsx
+++ b/docs/src/blocks/PackageManagerSnippet/PackageManagerSnippetRoot.tsx
@@ -1,8 +1,8 @@
 'use client';
 import * as React from 'react';
-import { Tabs } from '@base_ui/react/Tabs';
+import { Tabs } from '@base-ui-components/react/Tabs';
 // eslint-disable-next-line no-restricted-imports
-import { useEnhancedEffect } from '@base_ui/react/utils/useEnhancedEffect';
+import { useEnhancedEffect } from '@base-ui-components/react/utils/useEnhancedEffect';
 import { usePackageManagerSnippetContext } from './PackageManagerSnippetProvider';
 
 export function PackageManagerSnippetRoot(props: PackageManagerSnippetRoot.Props) {
diff --git a/docs/src/components/DocsVersionSelector.tsx b/docs/src/components/DocsVersionSelector.tsx
index 6d2a0f7c07..ddd2bb73a6 100644
--- a/docs/src/components/DocsVersionSelector.tsx
+++ b/docs/src/components/DocsVersionSelector.tsx
@@ -1,7 +1,7 @@
 'use client';
 import * as React from 'react';
 import { SelectIcon } from 'docs/src/icons/Select';
-import { Menu } from '@base_ui/react/Menu';
+import { Menu } from '@base-ui-components/react/Menu';
 import classes from './DocsVersionSelector.module.css';
 
 export interface DocumentationVersion {
diff --git a/docs/src/components/content/ComponentLinkHeader.tsx b/docs/src/components/content/ComponentLinkHeader.tsx
index 8e8aaedc91..54f309373f 100644
--- a/docs/src/components/content/ComponentLinkHeader.tsx
+++ b/docs/src/components/content/ComponentLinkHeader.tsx
@@ -38,7 +38,7 @@ export function ComponentLinkHeader(props: ComponentLinkHeaderProps) {
         </a>
       )}
       <a
-        href="https://bundlephobia.com/package/@base_ui/react@latest"
+        href="https://bundlephobia.com/package/@base-ui-components/react@latest"
         className={classes.bundleSize}
         rel="nofollow"
         data-ga-event-category="ComponentLinkHeader"
diff --git a/docs/src/components/content/InstallationInstructions.tsx b/docs/src/components/content/InstallationInstructions.tsx
index c5d30047d5..5389ff517e 100644
--- a/docs/src/components/content/InstallationInstructions.tsx
+++ b/docs/src/components/content/InstallationInstructions.tsx
@@ -21,15 +21,15 @@ export function InstallationInstructions(props: InstallationInstructionsProps) {
     <React.Fragment>
       <p>Base UI components are all available as a single package.</p>
       <PackageManagerSnippet>
-        <Npm>npm install @base_ui/react</Npm>
-        <Pnpm>pnpm add @base_ui/react</Pnpm>
-        <Yarn>yarn add @base_ui/react</Yarn>
+        <Npm>npm install @base-ui-components/react</Npm>
+        <Pnpm>pnpm add @base-ui-components/react</Pnpm>
+        <Yarn>yarn add @base-ui-components/react</Yarn>
       </PackageManagerSnippet>
       <p>Once you have the package installed, import the component.</p>
       <CodeBlock.Root>
         <CodeBlock.Pre>
           {componentNames
-            .map((name) => `import { ${name} } from '@base_ui/react/${name}';`)
+            .map((name) => `import { ${name} } from '@base-ui-components/react/${name}';`)
             .join('\n')}
         </CodeBlock.Pre>
       </CodeBlock.Root>
diff --git a/docs/src/components/demo/CodeSandboxLink.tsx b/docs/src/components/demo/CodeSandboxLink.tsx
index a3f5a2bfc9..be14cc4d17 100644
--- a/docs/src/components/demo/CodeSandboxLink.tsx
+++ b/docs/src/components/demo/CodeSandboxLink.tsx
@@ -77,16 +77,16 @@ export function CodeSandboxLink({ title, description, ...props }: CodeSandboxLin
 
 function resolveDependencies(packageName: string): Record<string, string> {
   switch (packageName) {
-    case '@base_ui/react': {
+    case '@base-ui-components/react': {
       if (COMMIT_REF === undefined || SOURCE_CODE_REPO !== 'https://github.com/mui/base-ui') {
         // #default-branch-switch
         return {
-          '@base_ui/react': 'latest',
+          '@base-ui-components/react': 'latest',
         };
       }
       const shortSha = COMMIT_REF.slice(0, 8);
       return {
-        '@base_ui/react': `https://pkg.csb.dev/mui/base-ui/commit/${shortSha}/@base_ui/react`,
+        '@base-ui-components/react': `https://pkg.csb.dev/mui/base-ui/commit/${shortSha}/@base-ui-components/react`,
       };
     }
 
diff --git a/docs/src/components/demo/Demo.tsx b/docs/src/components/demo/Demo.tsx
index b0135cffdf..68f1671575 100644
--- a/docs/src/components/demo/Demo.tsx
+++ b/docs/src/components/demo/Demo.tsx
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { Collapsible } from '@base_ui/react/Collapsible';
+import { Collapsible } from '@base-ui-components/react/Collapsible';
 import * as BaseDemo from 'docs/src/blocks/Demo';
 import { CopyIcon } from 'docs/src/icons/Copy';
 import clsx from 'clsx';
diff --git a/docs/src/components/demo/DemoFileSelector.tsx b/docs/src/components/demo/DemoFileSelector.tsx
index 2fc67f9484..a9fcf1e9ff 100644
--- a/docs/src/components/demo/DemoFileSelector.tsx
+++ b/docs/src/components/demo/DemoFileSelector.tsx
@@ -1,7 +1,7 @@
 'use client';
 import * as React from 'react';
 import { DemoContext } from 'docs/src/blocks/Demo';
-import { Tabs } from '@base_ui/react/Tabs';
+import { Tabs } from '@base-ui-components/react/Tabs';
 
 interface DemoFileSelectorProps {
   onTabChange?: () => void;
diff --git a/docs/src/components/demo/DemoVariantSelectorProvider.tsx b/docs/src/components/demo/DemoVariantSelectorProvider.tsx
index 7c1e544104..fe88b89606 100644
--- a/docs/src/components/demo/DemoVariantSelectorProvider.tsx
+++ b/docs/src/components/demo/DemoVariantSelectorProvider.tsx
@@ -1,7 +1,7 @@
 'use client';
 import * as React from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { useEnhancedEffect } from '@base_ui/react/utils/useEnhancedEffect';
+import { useEnhancedEffect } from '@base-ui-components/react/utils/useEnhancedEffect';
 
 export interface DemoVariantSelectorContext {
   selectedVariant: string;
diff --git a/docs/src/components/reference/ReferenceTablePopover.tsx b/docs/src/components/reference/ReferenceTablePopover.tsx
index 00c219eac5..abf8f82f67 100644
--- a/docs/src/components/reference/ReferenceTablePopover.tsx
+++ b/docs/src/components/reference/ReferenceTablePopover.tsx
@@ -1,5 +1,5 @@
 'use client';
-import { Popover } from '@base_ui/react/Popover';
+import { Popover } from '@base-ui-components/react/Popover';
 import * as React from 'react';
 import { ToolbarButton } from '../ToolbarButton';
 import { Popup } from '../Popup';
diff --git a/docs/src/design-system/ToggleButtonGroup.tsx b/docs/src/design-system/ToggleButtonGroup.tsx
index 05c86b7957..01f0f98738 100644
--- a/docs/src/design-system/ToggleButtonGroup.tsx
+++ b/docs/src/design-system/ToggleButtonGroup.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import clsx from 'clsx';
 // eslint-disable-next-line no-restricted-imports
-import { useControlled } from '@base_ui/react/utils/useControlled';
+import { useControlled } from '@base-ui-components/react/utils/useControlled';
 import classes from './ToggleButtonGroup.module.css';
 
 export interface ToggleButtonGroupProps<Option extends { value: string; label: string }>
diff --git a/docs/src/design-system/Tooltip.tsx b/docs/src/design-system/Tooltip.tsx
index c887c66de7..0228921701 100644
--- a/docs/src/design-system/Tooltip.tsx
+++ b/docs/src/design-system/Tooltip.tsx
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { Tooltip as BaseTooltip } from '@base_ui/react/Tooltip';
+import { Tooltip as BaseTooltip } from '@base-ui-components/react/Tooltip';
 import classes from './Tooltip.module.css';
 
 export function Tooltip(props: Tooltip.Props) {
diff --git a/packages/mui-base/README.md b/packages/mui-base/README.md
index e7fe267a19..b949b0fd19 100644
--- a/packages/mui-base/README.md
+++ b/packages/mui-base/README.md
@@ -12,7 +12,7 @@ Base UI is a library of headless ("unstyled") React components and low-level ho
 Install the package in your project directory with:
 
 ```bash
-npm install @base_ui/react
+npm install @base-ui-components/react
 ```
 
 ## Documentation
diff --git a/packages/mui-base/package.json b/packages/mui-base/package.json
index 51fc377f9e..eee62790f9 100644
--- a/packages/mui-base/package.json
+++ b/packages/mui-base/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@base_ui/react",
+  "name": "@base-ui-components/react",
   "version": "1.0.0-alpha.3",
   "private": false,
   "author": "MUI Team",
diff --git a/packages/mui-base/src/Accordion/Header/AccordionHeader.test.tsx b/packages/mui-base/src/Accordion/Header/AccordionHeader.test.tsx
index 9d0be264c5..15e53b21a5 100644
--- a/packages/mui-base/src/Accordion/Header/AccordionHeader.test.tsx
+++ b/packages/mui-base/src/Accordion/Header/AccordionHeader.test.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Accordion } from '@base_ui/react/Accordion';
+import { Accordion } from '@base-ui-components/react/Accordion';
 import { describeConformance, createRenderer } from '#test-utils';
 import { NOOP } from '../../utils/noop';
 import { CollapsibleRootContext } from '../../Collapsible/Root/CollapsibleRootContext';
diff --git a/packages/mui-base/src/Accordion/Item/AccordionItem.test.tsx b/packages/mui-base/src/Accordion/Item/AccordionItem.test.tsx
index 725f1b5f3e..c69f9e7cab 100644
--- a/packages/mui-base/src/Accordion/Item/AccordionItem.test.tsx
+++ b/packages/mui-base/src/Accordion/Item/AccordionItem.test.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Accordion } from '@base_ui/react/Accordion';
+import { Accordion } from '@base-ui-components/react/Accordion';
 import { describeConformance, createRenderer } from '#test-utils';
 import { NOOP } from '../../utils/noop';
 import { AccordionRootContext } from '../Root/AccordionRootContext';
diff --git a/packages/mui-base/src/Accordion/Panel/AccordionPanel.test.tsx b/packages/mui-base/src/Accordion/Panel/AccordionPanel.test.tsx
index bf07b284a6..ca1d5bd30d 100644
--- a/packages/mui-base/src/Accordion/Panel/AccordionPanel.test.tsx
+++ b/packages/mui-base/src/Accordion/Panel/AccordionPanel.test.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Accordion } from '@base_ui/react/Accordion';
+import { Accordion } from '@base-ui-components/react/Accordion';
 import { describeConformance, createRenderer } from '#test-utils';
 import { NOOP } from '../../utils/noop';
 import { CollapsibleRootContext } from '../../Collapsible/Root/CollapsibleRootContext';
diff --git a/packages/mui-base/src/Accordion/Root/AccordionRoot.test.tsx b/packages/mui-base/src/Accordion/Root/AccordionRoot.test.tsx
index e8675f9fe7..541dc2177c 100644
--- a/packages/mui-base/src/Accordion/Root/AccordionRoot.test.tsx
+++ b/packages/mui-base/src/Accordion/Root/AccordionRoot.test.tsx
@@ -2,7 +2,7 @@ import * as React from 'react';
 import { expect } from 'chai';
 import { spy } from 'sinon';
 import { describeSkipIf, flushMicrotasks } from '@mui/internal-test-utils';
-import { Accordion } from '@base_ui/react/Accordion';
+import { Accordion } from '@base-ui-components/react/Accordion';
 import { createRenderer, describeConformance } from '#test-utils';
 
 describe('<Accordion.Root />', () => {
diff --git a/packages/mui-base/src/Accordion/Trigger/AccordionTrigger.test.tsx b/packages/mui-base/src/Accordion/Trigger/AccordionTrigger.test.tsx
index c29db1b65a..7e3db157a1 100644
--- a/packages/mui-base/src/Accordion/Trigger/AccordionTrigger.test.tsx
+++ b/packages/mui-base/src/Accordion/Trigger/AccordionTrigger.test.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Accordion } from '@base_ui/react/Accordion';
+import { Accordion } from '@base-ui-components/react/Accordion';
 import { describeConformance, createRenderer } from '#test-utils';
 import { NOOP } from '../../utils/noop';
 import { CollapsibleRootContext } from '../../Collapsible/Root/CollapsibleRootContext';
diff --git a/packages/mui-base/src/AlertDialog/Backdrop/AlertDialogBackdrop.test.tsx b/packages/mui-base/src/AlertDialog/Backdrop/AlertDialogBackdrop.test.tsx
index dc7e7ebc30..63aa7411fa 100644
--- a/packages/mui-base/src/AlertDialog/Backdrop/AlertDialogBackdrop.test.tsx
+++ b/packages/mui-base/src/AlertDialog/Backdrop/AlertDialogBackdrop.test.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { AlertDialog } from '@base_ui/react/AlertDialog';
+import { AlertDialog } from '@base-ui-components/react/AlertDialog';
 import { createRenderer, describeConformance } from '#test-utils';
 
 describe('<AlertDialog.Backdrop />', () => {
diff --git a/packages/mui-base/src/AlertDialog/Close/AlertDialogClose.test.tsx b/packages/mui-base/src/AlertDialog/Close/AlertDialogClose.test.tsx
index 7490ada7a1..7e914bddbf 100644
--- a/packages/mui-base/src/AlertDialog/Close/AlertDialogClose.test.tsx
+++ b/packages/mui-base/src/AlertDialog/Close/AlertDialogClose.test.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { AlertDialog } from '@base_ui/react/AlertDialog';
+import { AlertDialog } from '@base-ui-components/react/AlertDialog';
 import { createRenderer, describeConformance } from '#test-utils';
 
 describe('<AlertDialog.Close />', () => {
diff --git a/packages/mui-base/src/AlertDialog/Description/AlertDialogDescription.test.tsx b/packages/mui-base/src/AlertDialog/Description/AlertDialogDescription.test.tsx
index 802229101a..1537a7fc6d 100644
--- a/packages/mui-base/src/AlertDialog/Description/AlertDialogDescription.test.tsx
+++ b/packages/mui-base/src/AlertDialog/Description/AlertDialogDescription.test.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { AlertDialog } from '@base_ui/react/AlertDialog';
+import { AlertDialog } from '@base-ui-components/react/AlertDialog';
 import { createRenderer, describeConformance } from '#test-utils';
 
 describe('<AlertDialog.Description />', () => {
diff --git a/packages/mui-base/src/AlertDialog/Popup/AlertDialogPopup.test.tsx b/packages/mui-base/src/AlertDialog/Popup/AlertDialogPopup.test.tsx
index 848a670ec8..f151bb604a 100644
--- a/packages/mui-base/src/AlertDialog/Popup/AlertDialogPopup.test.tsx
+++ b/packages/mui-base/src/AlertDialog/Popup/AlertDialogPopup.test.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { expect } from 'chai';
 import { act, waitFor } from '@mui/internal-test-utils';
-import { AlertDialog } from '@base_ui/react/AlertDialog';
+import { AlertDialog } from '@base-ui-components/react/AlertDialog';
 import { createRenderer, describeConformance } from '#test-utils';
 
 describe('<AlertDialog.Popup />', () => {
diff --git a/packages/mui-base/src/AlertDialog/Title/AlertDialogTitle.test.tsx b/packages/mui-base/src/AlertDialog/Title/AlertDialogTitle.test.tsx
index d2711e623e..ec5b8b5d68 100644
--- a/packages/mui-base/src/AlertDialog/Title/AlertDialogTitle.test.tsx
+++ b/packages/mui-base/src/AlertDialog/Title/AlertDialogTitle.test.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { AlertDialog } from '@base_ui/react/AlertDialog';
+import { AlertDialog } from '@base-ui-components/react/AlertDialog';
 import { createRenderer, describeConformance } from '#test-utils';
 
 describe('<AlertDialog.Title />', () => {
diff --git a/packages/mui-base/src/AlertDialog/Trigger/AlertDialogTrigger.test.tsx b/packages/mui-base/src/AlertDialog/Trigger/AlertDialogTrigger.test.tsx
index a4dc6cc128..7f3d09467d 100644
--- a/packages/mui-base/src/AlertDialog/Trigger/AlertDialogTrigger.test.tsx
+++ b/packages/mui-base/src/AlertDialog/Trigger/AlertDialogTrigger.test.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { AlertDialog } from '@base_ui/react/AlertDialog';
+import { AlertDialog } from '@base-ui-components/react/AlertDialog';
 import { createRenderer, describeConformance } from '#test-utils';
 
 describe('<AlertDialog.Trigger />', () => {
diff --git a/packages/mui-base/src/Checkbox/Indicator/CheckboxIndicator.test.tsx b/packages/mui-base/src/Checkbox/Indicator/CheckboxIndicator.test.tsx
index 1bcc780c2e..0d7d5dc0f1 100644
--- a/packages/mui-base/src/Checkbox/Indicator/CheckboxIndicator.test.tsx
+++ b/packages/mui-base/src/Checkbox/Indicator/CheckboxIndicator.test.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { Checkbox } from '@base_ui/react/Checkbox';
+import { Checkbox } from '@base-ui-components/react/Checkbox';
 import { createRenderer, describeConformance } from '#test-utils';
 import { CheckboxRootContext } from '../Root/CheckboxRootContext';
 
diff --git a/packages/mui-base/src/Checkbox/Root/CheckboxRoot.test.tsx b/packages/mui-base/src/Checkbox/Root/CheckboxRoot.test.tsx
index b9155d2b2b..8fe8aeec45 100644
--- a/packages/mui-base/src/Checkbox/Root/CheckboxRoot.test.tsx
+++ b/packages/mui-base/src/Checkbox/Root/CheckboxRoot.test.tsx
@@ -2,7 +2,7 @@ import * as React from 'react';
 import { expect } from 'chai';
 import { spy } from 'sinon';
 import { act, fireEvent } from '@mui/internal-test-utils';
-import { Checkbox } from '@base_ui/react/Checkbox';
+import { Checkbox } from '@base-ui-components/react/Checkbox';
 import { createRenderer, describeConformance } from '#test-utils';
 
 const isJSDOM = /jsdom/.test(window.navigator.userAgent);
diff --git a/packages/mui-base/src/CheckboxGroup/Parent/useCheckboxGroupParent.test.tsx b/packages/mui-base/src/CheckboxGroup/Parent/useCheckboxGroupParent.test.tsx
index f4c7cc65a0..6b209e7be4 100644
--- a/packages/mui-base/src/CheckboxGroup/Parent/useCheckboxGroupParent.test.tsx
+++ b/packages/mui-base/src/CheckboxGroup/Parent/useCheckboxGroupParent.test.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { createRenderer, fireEvent, screen } from '@mui/internal-test-utils';
-import { CheckboxGroup } from '@base_ui/react/CheckboxGroup';
-import { Checkbox } from '@base_ui/react/Checkbox';
+import { CheckboxGroup } from '@base-ui-components/react/CheckboxGroup';
+import { Checkbox } from '@base-ui-components/react/Checkbox';
 import { expect } from 'chai';
 
 describe('useCheckboxGroupParent', () => {
diff --git a/packages/mui-base/src/CheckboxGroup/Root/CheckboxGroupRoot.test.tsx b/packages/mui-base/src/CheckboxGroup/Root/CheckboxGroupRoot.test.tsx
index e7011b524c..9c9dac197e 100644
--- a/packages/mui-base/src/CheckboxGroup/Root/CheckboxGroupRoot.test.tsx
+++ b/packages/mui-base/src/CheckboxGroup/Root/CheckboxGroupRoot.test.tsx
@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { expect } from 'chai';
 import { createRenderer, screen, fireEvent } from '@mui/internal-test-utils';
-import { CheckboxGroup } from '@base_ui/react/CheckboxGroup';
-import { Checkbox } from '@base_ui/react/Checkbox';
+import { CheckboxGroup } from '@base-ui-components/react/CheckboxGroup';
+import { Checkbox } from '@base-ui-components/react/Checkbox';
 import { describeConformance } from '../../../test/describeConformance';
 
 describe('<CheckboxGroup.Root />', () => {
diff --git a/packages/mui-base/src/Collapsible/Panel/CollapsiblePanel.test.tsx b/packages/mui-base/src/Collapsible/Panel/CollapsiblePanel.test.tsx
index 0bea82d66a..a34ca474e2 100644
--- a/packages/mui-base/src/Collapsible/Panel/CollapsiblePanel.test.tsx
+++ b/packages/mui-base/src/Collapsible/Panel/CollapsiblePanel.test.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { createRenderer } from '@mui/internal-test-utils';
-import { Collapsible } from '@base_ui/react/Collapsible';
+import { Collapsible } from '@base-ui-components/react/Collapsible';
 import { describeConformance } from '../../../test/describeConformance';
 import { CollapsibleRootContext } from '../Root/CollapsibleRootContext';
 
diff --git a/packages/mui-base/src/Collapsible/Root/CollapsibleRoot.test.tsx b/packages/mui-base/src/Collapsible/Root/CollapsibleRoot.test.tsx
index 20dfb68172..fb5af2c918 100644
--- a/packages/mui-base/src/Collapsible/Root/CollapsibleRoot.test.tsx
+++ b/packages/mui-base/src/Collapsible/Root/CollapsibleRoot.test.tsx
@@ -3,7 +3,7 @@ import * as React from 'react';
 import { expect } from 'chai';
 import { spy } from 'sinon';
 import { act, describeSkipIf, flushMicrotasks } from '@mui/internal-test-utils';
-import { Collapsible } from '@base_ui/react/Collapsible';
+import { Collapsible } from '@base-ui-components/react/Collapsible';
 import { createRenderer, describeConformance } from '#test-utils';
 
 describe('<Collapsible.Root />', () => {
diff --git a/packages/mui-base/src/Collapsible/Trigger/CollapsibleTrigger.test.tsx b/packages/mui-base/src/Collapsible/Trigger/CollapsibleTrigger.test.tsx
index 289fc2969d..225656f070 100644
--- a/packages/mui-base/src/Collapsible/Trigger/CollapsibleTrigger.test.tsx
+++ b/packages/mui-base/src/Collapsible/Trigger/CollapsibleTrigger.test.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { createRenderer } from '@mui/internal-test-utils';
-import { Collapsible } from '@base_ui/react/Collapsible';
+import { Collapsible } from '@base-ui-components/react/Collapsible';
 import { describeConformance } from '../../../test/describeConformance';
 import { CollapsibleRootContext } from '../Root/CollapsibleRootContext';
 
diff --git a/packages/mui-base/src/Dialog/Backdrop/DialogBackdrop.test.tsx b/packages/mui-base/src/Dialog/Backdrop/DialogBackdrop.test.tsx
index 8dead2426f..94347a7f6a 100644
--- a/packages/mui-base/src/Dialog/Backdrop/DialogBackdrop.test.tsx
+++ b/packages/mui-base/src/Dialog/Backdrop/DialogBackdrop.test.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { Dialog } from '@base_ui/react/Dialog';
+import { Dialog } from '@base-ui-components/react/Dialog';
 import { createRenderer, describeConformance } from '#test-utils';
 
 describe('<Dialog.Backdrop />', () => {
diff --git a/packages/mui-base/src/Dialog/Close/DialogClose.test.tsx b/packages/mui-base/src/Dialog/Close/DialogClose.test.tsx
index 511b620089..341a1ed0fb 100644
--- a/packages/mui-base/src/Dialog/Close/DialogClose.test.tsx
+++ b/packages/mui-base/src/Dialog/Close/DialogClose.test.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Dialog } from '@base_ui/react/Dialog';
+import { Dialog } from '@base-ui-components/react/Dialog';
 import { createRenderer, describeConformance } from '#test-utils';
 
 describe('<Dialog.Close />', () => {
diff --git a/packages/mui-base/src/Dialog/Description/DialogDescription.test.tsx b/packages/mui-base/src/Dialog/Description/DialogDescription.test.tsx
index 3bc0abdb06..f35dfc78e2 100644
--- a/packages/mui-base/src/Dialog/Description/DialogDescription.test.tsx
+++ b/packages/mui-base/src/Dialog/Description/DialogDescription.test.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Dialog } from '@base_ui/react/Dialog';
+import { Dialog } from '@base-ui-components/react/Dialog';
 import { createRenderer, describeConformance } from '#test-utils';
 
 describe('<Dialog.Description />', () => {
diff --git a/packages/mui-base/src/Dialog/Popup/DialogPopup.test.tsx b/packages/mui-base/src/Dialog/Popup/DialogPopup.test.tsx
index a736967b6a..e192b9380e 100644
--- a/packages/mui-base/src/Dialog/Popup/DialogPopup.test.tsx
+++ b/packages/mui-base/src/Dialog/Popup/DialogPopup.test.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { Dialog } from '@base_ui/react/Dialog';
+import { Dialog } from '@base-ui-components/react/Dialog';
 import { act, waitFor } from '@mui/internal-test-utils';
 import { describeConformance, createRenderer } from '#test-utils';
 
diff --git a/packages/mui-base/src/Dialog/Root/DialogRoot.test.tsx b/packages/mui-base/src/Dialog/Root/DialogRoot.test.tsx
index c4b9d8854a..aa1d19efc7 100644
--- a/packages/mui-base/src/Dialog/Root/DialogRoot.test.tsx
+++ b/packages/mui-base/src/Dialog/Root/DialogRoot.test.tsx
@@ -2,7 +2,7 @@ import * as React from 'react';
 import { expect } from 'chai';
 import { spy } from 'sinon';
 import { act, describeSkipIf, fireEvent } from '@mui/internal-test-utils';
-import { Dialog } from '@base_ui/react/Dialog';
+import { Dialog } from '@base-ui-components/react/Dialog';
 import { createRenderer } from '#test-utils';
 
 describe('<Dialog.Root />', () => {
diff --git a/packages/mui-base/src/Dialog/Title/DialogTitle.test.tsx b/packages/mui-base/src/Dialog/Title/DialogTitle.test.tsx
index 92e6f96797..82909147ab 100644
--- a/packages/mui-base/src/Dialog/Title/DialogTitle.test.tsx
+++ b/packages/mui-base/src/Dialog/Title/DialogTitle.test.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Dialog } from '@base_ui/react/Dialog';
+import { Dialog } from '@base-ui-components/react/Dialog';
 import { createRenderer, describeConformance } from '#test-utils';
 
 describe('<Dialog.Title />', () => {
diff --git a/packages/mui-base/src/Dialog/Trigger/DialogTrigger.test.tsx b/packages/mui-base/src/Dialog/Trigger/DialogTrigger.test.tsx
index 14eff99a00..355d82be03 100644
--- a/packages/mui-base/src/Dialog/Trigger/DialogTrigger.test.tsx
+++ b/packages/mui-base/src/Dialog/Trigger/DialogTrigger.test.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Dialog } from '@base_ui/react/Dialog';
+import { Dialog } from '@base-ui-components/react/Dialog';
 import { createRenderer, describeConformance } from '#test-utils';
 
 describe('<Dialog.Trigger />', () => {
diff --git a/packages/mui-base/src/Field/Control/FieldControl.test.tsx b/packages/mui-base/src/Field/Control/FieldControl.test.tsx
index cf6187722a..63d8b7154e 100644
--- a/packages/mui-base/src/Field/Control/FieldControl.test.tsx
+++ b/packages/mui-base/src/Field/Control/FieldControl.test.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { createRenderer } from '@mui/internal-test-utils';
-import { Field } from '@base_ui/react/Field';
+import { Field } from '@base-ui-components/react/Field';
 import { describeConformance } from '../../../test/describeConformance';
 
 describe('<Field.Control />', () => {
diff --git a/packages/mui-base/src/Field/Description/FieldDescription.test.tsx b/packages/mui-base/src/Field/Description/FieldDescription.test.tsx
index c0aa55deca..49fb22d4c3 100644
--- a/packages/mui-base/src/Field/Description/FieldDescription.test.tsx
+++ b/packages/mui-base/src/Field/Description/FieldDescription.test.tsx
@@ -1,11 +1,11 @@
 import * as React from 'react';
-import { Field } from '@base_ui/react/Field';
-import { Checkbox } from '@base_ui/react/Checkbox';
-import { Switch } from '@base_ui/react/Switch';
-import { NumberField } from '@base_ui/react/NumberField';
-import { Slider } from '@base_ui/react/Slider';
-import { RadioGroup } from '@base_ui/react/RadioGroup';
-import { Radio } from '@base_ui/react/Radio';
+import { Field } from '@base-ui-components/react/Field';
+import { Checkbox } from '@base-ui-components/react/Checkbox';
+import { Switch } from '@base-ui-components/react/Switch';
+import { NumberField } from '@base-ui-components/react/NumberField';
+import { Slider } from '@base-ui-components/react/Slider';
+import { RadioGroup } from '@base-ui-components/react/RadioGroup';
+import { Radio } from '@base-ui-components/react/Radio';
 import { createRenderer, screen } from '@mui/internal-test-utils';
 import { expect } from 'chai';
 import { describeConformance } from '../../../test/describeConformance';
diff --git a/packages/mui-base/src/Field/Error/FieldError.test.tsx b/packages/mui-base/src/Field/Error/FieldError.test.tsx
index 1255e35983..8241bd8dba 100644
--- a/packages/mui-base/src/Field/Error/FieldError.test.tsx
+++ b/packages/mui-base/src/Field/Error/FieldError.test.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { createRenderer, fireEvent, screen } from '@mui/internal-test-utils';
 import { expect } from 'chai';
-import { Field } from '@base_ui/react/Field';
+import { Field } from '@base-ui-components/react/Field';
 import { describeConformance } from '../../../test/describeConformance';
 
 describe('<Field.Error />', () => {
diff --git a/packages/mui-base/src/Field/Label/FieldLabel.test.tsx b/packages/mui-base/src/Field/Label/FieldLabel.test.tsx
index 39424f57cb..ce53e969fd 100644
--- a/packages/mui-base/src/Field/Label/FieldLabel.test.tsx
+++ b/packages/mui-base/src/Field/Label/FieldLabel.test.tsx
@@ -1,11 +1,11 @@
 import * as React from 'react';
-import { Field } from '@base_ui/react/Field';
-import { Checkbox } from '@base_ui/react/Checkbox';
-import { Switch } from '@base_ui/react/Switch';
-import { NumberField } from '@base_ui/react/NumberField';
-import { Slider } from '@base_ui/react/Slider';
-import { RadioGroup } from '@base_ui/react/RadioGroup';
-import { Radio } from '@base_ui/react/Radio';
+import { Field } from '@base-ui-components/react/Field';
+import { Checkbox } from '@base-ui-components/react/Checkbox';
+import { Switch } from '@base-ui-components/react/Switch';
+import { NumberField } from '@base-ui-components/react/NumberField';
+import { Slider } from '@base-ui-components/react/Slider';
+import { RadioGroup } from '@base-ui-components/react/RadioGroup';
+import { Radio } from '@base-ui-components/react/Radio';
 import { createRenderer, screen } from '@mui/internal-test-utils';
 import { expect } from 'chai';
 import { describeConformance } from '../../../test/describeConformance';
diff --git a/packages/mui-base/src/Field/Root/FieldRoot.test.tsx b/packages/mui-base/src/Field/Root/FieldRoot.test.tsx
index 429fcf540b..375cbf7eed 100644
--- a/packages/mui-base/src/Field/Root/FieldRoot.test.tsx
+++ b/packages/mui-base/src/Field/Root/FieldRoot.test.tsx
@@ -1,12 +1,12 @@
 import * as React from 'react';
-import { Field } from '@base_ui/react/Field';
-import { Checkbox } from '@base_ui/react/Checkbox';
-import { Switch } from '@base_ui/react/Switch';
-import { NumberField } from '@base_ui/react/NumberField';
-import { Slider } from '@base_ui/react/Slider';
-import { RadioGroup } from '@base_ui/react/RadioGroup';
-import { Radio } from '@base_ui/react/Radio';
-import { Select } from '@base_ui/react/Select';
+import { Field } from '@base-ui-components/react/Field';
+import { Checkbox } from '@base-ui-components/react/Checkbox';
+import { Switch } from '@base-ui-components/react/Switch';
+import { NumberField } from '@base-ui-components/react/NumberField';
+import { Slider } from '@base-ui-components/react/Slider';
+import { RadioGroup } from '@base-ui-components/react/RadioGroup';
+import { Radio } from '@base-ui-components/react/Radio';
+import { Select } from '@base-ui-components/react/Select';
 import userEvent from '@testing-library/user-event';
 import { act, fireEvent, flushMicrotasks, screen, waitFor } from '@mui/internal-test-utils';
 import { expect } from 'chai';
diff --git a/packages/mui-base/src/Field/Validity/FieldValidity.test.tsx b/packages/mui-base/src/Field/Validity/FieldValidity.test.tsx
index 98ba936da0..54d8956ac7 100644
--- a/packages/mui-base/src/Field/Validity/FieldValidity.test.tsx
+++ b/packages/mui-base/src/Field/Validity/FieldValidity.test.tsx
@@ -2,7 +2,7 @@ import * as React from 'react';
 import { createRenderer, fireEvent, screen } from '@mui/internal-test-utils';
 import { expect } from 'chai';
 import { spy } from 'sinon';
-import { Field } from '@base_ui/react/Field';
+import { Field } from '@base-ui-components/react/Field';
 
 describe('<Field.Validity />', () => {
   const { render } = createRenderer();
diff --git a/packages/mui-base/src/Fieldset/Legend/FieldsetLegend.test.tsx b/packages/mui-base/src/Fieldset/Legend/FieldsetLegend.test.tsx
index 44b65dc34a..be3bf8f66c 100644
--- a/packages/mui-base/src/Fieldset/Legend/FieldsetLegend.test.tsx
+++ b/packages/mui-base/src/Fieldset/Legend/FieldsetLegend.test.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { createRenderer, screen } from '@mui/internal-test-utils';
-import { Fieldset } from '@base_ui/react/Fieldset';
+import { Fieldset } from '@base-ui-components/react/Fieldset';
 import { expect } from 'chai';
 import { describeConformance } from '../../../test/describeConformance';
 
diff --git a/packages/mui-base/src/Fieldset/Root/FieldsetRoot.test.tsx b/packages/mui-base/src/Fieldset/Root/FieldsetRoot.test.tsx
index 1172c88a78..f30e7f0f5b 100644
--- a/packages/mui-base/src/Fieldset/Root/FieldsetRoot.test.tsx
+++ b/packages/mui-base/src/Fieldset/Root/FieldsetRoot.test.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { createRenderer } from '@mui/internal-test-utils';
-import { Fieldset } from '@base_ui/react/Fieldset';
+import { Fieldset } from '@base-ui-components/react/Fieldset';
 import { describeConformance } from '../../../test/describeConformance';
 
 describe('<Fieldset.Root />', () => {
diff --git a/packages/mui-base/src/Form/Root/FormRoot.test.tsx b/packages/mui-base/src/Form/Root/FormRoot.test.tsx
index bfaca78d85..d59f06bbdb 100644
--- a/packages/mui-base/src/Form/Root/FormRoot.test.tsx
+++ b/packages/mui-base/src/Form/Root/FormRoot.test.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { Form } from '@base_ui/react/Form';
-import { Field } from '@base_ui/react/Field';
+import { Form } from '@base-ui-components/react/Form';
+import { Field } from '@base-ui-components/react/Field';
 import { expect } from 'chai';
 import { createRenderer, fireEvent, screen } from '@mui/internal-test-utils';
 import { describeConformance } from '../../../test/describeConformance';
diff --git a/packages/mui-base/src/Menu/Arrow/MenuArrow.test.tsx b/packages/mui-base/src/Menu/Arrow/MenuArrow.test.tsx
index ac92bb6332..2f8d30a195 100644
--- a/packages/mui-base/src/Menu/Arrow/MenuArrow.test.tsx
+++ b/packages/mui-base/src/Menu/Arrow/MenuArrow.test.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Menu } from '@base_ui/react/Menu';
+import { Menu } from '@base-ui-components/react/Menu';
 import { createRenderer, describeConformance } from '#test-utils';
 
 describe('<Menu.Arrow />', () => {
diff --git a/packages/mui-base/src/Menu/CheckboxItem/MenuCheckboxItem.test.tsx b/packages/mui-base/src/Menu/CheckboxItem/MenuCheckboxItem.test.tsx
index a8dff9d0a7..0bcdb0c907 100644
--- a/packages/mui-base/src/Menu/CheckboxItem/MenuCheckboxItem.test.tsx
+++ b/packages/mui-base/src/Menu/CheckboxItem/MenuCheckboxItem.test.tsx
@@ -4,7 +4,7 @@ import { spy } from 'sinon';
 import userEvent from '@testing-library/user-event';
 import { fireEvent, act, waitFor } from '@mui/internal-test-utils';
 import { FloatingRootContext, FloatingTree } from '@floating-ui/react';
-import { Menu } from '@base_ui/react/Menu';
+import { Menu } from '@base-ui-components/react/Menu';
 import { describeConformance, createRenderer } from '../../../test';
 import { MenuRootContext } from '../Root/MenuRootContext';
 
diff --git a/packages/mui-base/src/Menu/CheckboxItemIndicator/MenuCheckboxItemIndicator.test.tsx b/packages/mui-base/src/Menu/CheckboxItemIndicator/MenuCheckboxItemIndicator.test.tsx
index 7699225663..39d351dd53 100644
--- a/packages/mui-base/src/Menu/CheckboxItemIndicator/MenuCheckboxItemIndicator.test.tsx
+++ b/packages/mui-base/src/Menu/CheckboxItemIndicator/MenuCheckboxItemIndicator.test.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Menu } from '@base_ui/react/Menu';
+import { Menu } from '@base-ui-components/react/Menu';
 import { createRenderer, describeConformance } from '#test-utils';
 
 describe('<Menu.CheckboxItemIndicator />', () => {
diff --git a/packages/mui-base/src/Menu/Group/MenuGroup.test.tsx b/packages/mui-base/src/Menu/Group/MenuGroup.test.tsx
index d21fa87b86..c6cecf6d20 100644
--- a/packages/mui-base/src/Menu/Group/MenuGroup.test.tsx
+++ b/packages/mui-base/src/Menu/Group/MenuGroup.test.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { Menu } from '@base_ui/react/Menu';
+import { Menu } from '@base-ui-components/react/Menu';
 import { createRenderer, describeConformance } from '#test-utils';
 
 describe('<Menu.Group />', () => {
diff --git a/packages/mui-base/src/Menu/GroupLabel/MenuGroupLabel.test.tsx b/packages/mui-base/src/Menu/GroupLabel/MenuGroupLabel.test.tsx
index 7e5ab9c0f6..9216f28a6b 100644
--- a/packages/mui-base/src/Menu/GroupLabel/MenuGroupLabel.test.tsx
+++ b/packages/mui-base/src/Menu/GroupLabel/MenuGroupLabel.test.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { Menu } from '@base_ui/react/Menu';
+import { Menu } from '@base-ui-components/react/Menu';
 import { createRenderer, describeConformance } from '#test-utils';
 import { MenuGroupContext } from '../Group/MenuGroupContext';
 
diff --git a/packages/mui-base/src/Menu/Item/MenuItem.test.tsx b/packages/mui-base/src/Menu/Item/MenuItem.test.tsx
index d0d9bb7f03..679da15cb1 100644
--- a/packages/mui-base/src/Menu/Item/MenuItem.test.tsx
+++ b/packages/mui-base/src/Menu/Item/MenuItem.test.tsx
@@ -4,7 +4,7 @@ import { spy } from 'sinon';
 import userEvent from '@testing-library/user-event';
 import { act, waitFor } from '@mui/internal-test-utils';
 import { FloatingRootContext, FloatingTree } from '@floating-ui/react';
-import { Menu } from '@base_ui/react/Menu';
+import { Menu } from '@base-ui-components/react/Menu';
 import { describeConformance, createRenderer } from '#test-utils';
 import { MenuRootContext } from '../Root/MenuRootContext';
 
diff --git a/packages/mui-base/src/Menu/Popup/MenuPopup.test.tsx b/packages/mui-base/src/Menu/Popup/MenuPopup.test.tsx
index 4826f4c7ae..e98dbafb46 100644
--- a/packages/mui-base/src/Menu/Popup/MenuPopup.test.tsx
+++ b/packages/mui-base/src/Menu/Popup/MenuPopup.test.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Menu } from '@base_ui/react/Menu';
+import { Menu } from '@base-ui-components/react/Menu';
 import { FloatingRootContext, FloatingTree } from '@floating-ui/react';
 import { createRenderer, describeConformance } from '#test-utils';
 import { MenuPositionerContext } from '../Positioner/MenuPositionerContext';
diff --git a/packages/mui-base/src/Menu/Positioner/MenuPositioner.test.tsx b/packages/mui-base/src/Menu/Positioner/MenuPositioner.test.tsx
index 80e56f43c6..2237be91b8 100644
--- a/packages/mui-base/src/Menu/Positioner/MenuPositioner.test.tsx
+++ b/packages/mui-base/src/Menu/Positioner/MenuPositioner.test.tsx
@@ -3,7 +3,7 @@ import { expect } from 'chai';
 import { FloatingRootContext, FloatingTree } from '@floating-ui/react';
 import userEvent from '@testing-library/user-event';
 import { flushMicrotasks } from '@mui/internal-test-utils';
-import { Menu } from '@base_ui/react/Menu';
+import { Menu } from '@base-ui-components/react/Menu';
 import { describeConformance, createRenderer } from '#test-utils';
 import { MenuRootContext } from '../Root/MenuRootContext';
 
diff --git a/packages/mui-base/src/Menu/RadioGroup/MenuRadioGroup.test.tsx b/packages/mui-base/src/Menu/RadioGroup/MenuRadioGroup.test.tsx
index d3dc7223cf..594d6ea4a6 100644
--- a/packages/mui-base/src/Menu/RadioGroup/MenuRadioGroup.test.tsx
+++ b/packages/mui-base/src/Menu/RadioGroup/MenuRadioGroup.test.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { Menu } from '@base_ui/react/Menu';
+import { Menu } from '@base-ui-components/react/Menu';
 import { createRenderer, describeConformance } from '#test-utils';
 
 describe('<Menu.RadioGroup />', () => {
diff --git a/packages/mui-base/src/Menu/RadioItem/MenuRadioItem.test.tsx b/packages/mui-base/src/Menu/RadioItem/MenuRadioItem.test.tsx
index a50b785dcd..98d13b22cb 100644
--- a/packages/mui-base/src/Menu/RadioItem/MenuRadioItem.test.tsx
+++ b/packages/mui-base/src/Menu/RadioItem/MenuRadioItem.test.tsx
@@ -4,7 +4,7 @@ import { spy } from 'sinon';
 import userEvent from '@testing-library/user-event';
 import { fireEvent, act, waitFor } from '@mui/internal-test-utils';
 import { FloatingRootContext, FloatingTree } from '@floating-ui/react';
-import { Menu } from '@base_ui/react/Menu';
+import { Menu } from '@base-ui-components/react/Menu';
 import { describeConformance, createRenderer } from '#test-utils';
 import { MenuRadioGroupContext } from '../RadioGroup/MenuRadioGroupContext';
 import { MenuRootContext } from '../Root/MenuRootContext';
diff --git a/packages/mui-base/src/Menu/RadioItemIndicator/MenuRadioItemIndicator.test.tsx b/packages/mui-base/src/Menu/RadioItemIndicator/MenuRadioItemIndicator.test.tsx
index 429b7b793b..5b70cac382 100644
--- a/packages/mui-base/src/Menu/RadioItemIndicator/MenuRadioItemIndicator.test.tsx
+++ b/packages/mui-base/src/Menu/RadioItemIndicator/MenuRadioItemIndicator.test.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Menu } from '@base_ui/react/Menu';
+import { Menu } from '@base-ui-components/react/Menu';
 import { createRenderer, describeConformance } from '#test-utils';
 
 describe('<Menu.RadioItemIndicator />', () => {
diff --git a/packages/mui-base/src/Menu/Root/MenuRoot.test.tsx b/packages/mui-base/src/Menu/Root/MenuRoot.test.tsx
index 193ea4f80b..40f2709ff4 100644
--- a/packages/mui-base/src/Menu/Root/MenuRoot.test.tsx
+++ b/packages/mui-base/src/Menu/Root/MenuRoot.test.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { expect } from 'chai';
 import { act, flushMicrotasks, waitFor } from '@mui/internal-test-utils';
-import { Menu } from '@base_ui/react/Menu';
+import { Menu } from '@base-ui-components/react/Menu';
 import userEvent from '@testing-library/user-event';
 import { spy } from 'sinon';
 import { createRenderer } from '#test-utils';
diff --git a/packages/mui-base/src/Menu/Trigger/MenuTrigger.test.tsx b/packages/mui-base/src/Menu/Trigger/MenuTrigger.test.tsx
index 3c199cc104..d7b78008e0 100644
--- a/packages/mui-base/src/Menu/Trigger/MenuTrigger.test.tsx
+++ b/packages/mui-base/src/Menu/Trigger/MenuTrigger.test.tsx
@@ -3,7 +3,7 @@ import { expect } from 'chai';
 import { FloatingRootContext, FloatingTree } from '@floating-ui/react';
 import userEvent from '@testing-library/user-event';
 import { act, screen } from '@mui/internal-test-utils';
-import { Menu } from '@base_ui/react/Menu';
+import { Menu } from '@base-ui-components/react/Menu';
 import { describeConformance, createRenderer } from '#test-utils';
 import { MenuRootContext } from '../Root/MenuRootContext';
 
diff --git a/packages/mui-base/src/NoSsr/NoSsr.test.tsx b/packages/mui-base/src/NoSsr/NoSsr.test.tsx
index 69b2e220ec..32d8b623a8 100644
--- a/packages/mui-base/src/NoSsr/NoSsr.test.tsx
+++ b/packages/mui-base/src/NoSsr/NoSsr.test.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { expect } from 'chai';
 import { createRenderer } from '@mui/internal-test-utils';
-import { NoSsr } from '@base_ui/react/NoSsr';
+import { NoSsr } from '@base-ui-components/react/NoSsr';
 
 describe('<NoSsr />', () => {
   const { render, renderToString } = createRenderer();
diff --git a/packages/mui-base/src/NumberField/Decrement/NumberFieldDecrement.test.tsx b/packages/mui-base/src/NumberField/Decrement/NumberFieldDecrement.test.tsx
index ad08006575..db3bf71461 100644
--- a/packages/mui-base/src/NumberField/Decrement/NumberFieldDecrement.test.tsx
+++ b/packages/mui-base/src/NumberField/Decrement/NumberFieldDecrement.test.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { expect } from 'chai';
 import { screen, fireEvent } from '@mui/internal-test-utils';
-import { NumberField } from '@base_ui/react/NumberField';
+import { NumberField } from '@base-ui-components/react/NumberField';
 import { createRenderer, describeConformance } from '#test-utils';
 import { CHANGE_VALUE_TICK_DELAY, START_AUTO_CHANGE_DELAY } from '../utils/constants';
 import { NumberFieldRootContext } from '../Root/NumberFieldRootContext';
diff --git a/packages/mui-base/src/NumberField/Group/NumberFieldGroup.test.tsx b/packages/mui-base/src/NumberField/Group/NumberFieldGroup.test.tsx
index 167d3c78be..beb0b7ff96 100644
--- a/packages/mui-base/src/NumberField/Group/NumberFieldGroup.test.tsx
+++ b/packages/mui-base/src/NumberField/Group/NumberFieldGroup.test.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { expect } from 'chai';
 import { screen } from '@mui/internal-test-utils';
-import { NumberField } from '@base_ui/react/NumberField';
+import { NumberField } from '@base-ui-components/react/NumberField';
 import { createRenderer, describeConformance } from '#test-utils';
 import { NumberFieldRootContext } from '../Root/NumberFieldRootContext';
 
diff --git a/packages/mui-base/src/NumberField/Increment/NumberFieldIncrement.test.tsx b/packages/mui-base/src/NumberField/Increment/NumberFieldIncrement.test.tsx
index 5b18c69634..bb37164252 100644
--- a/packages/mui-base/src/NumberField/Increment/NumberFieldIncrement.test.tsx
+++ b/packages/mui-base/src/NumberField/Increment/NumberFieldIncrement.test.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { expect } from 'chai';
 import { screen, fireEvent } from '@mui/internal-test-utils';
-import { NumberField } from '@base_ui/react/NumberField';
+import { NumberField } from '@base-ui-components/react/NumberField';
 import { createRenderer, describeConformance } from '#test-utils';
 import { CHANGE_VALUE_TICK_DELAY, START_AUTO_CHANGE_DELAY } from '../utils/constants';
 import { NumberFieldRootContext } from '../Root/NumberFieldRootContext';
diff --git a/packages/mui-base/src/NumberField/Input/NumberFieldInput.test.tsx b/packages/mui-base/src/NumberField/Input/NumberFieldInput.test.tsx
index ffa6e13487..eef9101ab3 100644
--- a/packages/mui-base/src/NumberField/Input/NumberFieldInput.test.tsx
+++ b/packages/mui-base/src/NumberField/Input/NumberFieldInput.test.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { expect } from 'chai';
 import { act, screen, fireEvent } from '@mui/internal-test-utils';
-import { NumberField } from '@base_ui/react/NumberField';
+import { NumberField } from '@base-ui-components/react/NumberField';
 import { createRenderer, describeConformance } from '#test-utils';
 import { NumberFieldRootContext } from '../Root/NumberFieldRootContext';
 
diff --git a/packages/mui-base/src/NumberField/Root/NumberFieldRoot.test.tsx b/packages/mui-base/src/NumberField/Root/NumberFieldRoot.test.tsx
index 35dc8f64a3..2b787e1160 100644
--- a/packages/mui-base/src/NumberField/Root/NumberFieldRoot.test.tsx
+++ b/packages/mui-base/src/NumberField/Root/NumberFieldRoot.test.tsx
@@ -2,7 +2,7 @@ import * as React from 'react';
 import { expect } from 'chai';
 import { spy } from 'sinon';
 import { act, screen, fireEvent, describeSkipIf } from '@mui/internal-test-utils';
-import { NumberField as NumberFieldBase } from '@base_ui/react/NumberField';
+import { NumberField as NumberFieldBase } from '@base-ui-components/react/NumberField';
 import { createRenderer, describeConformance } from '#test-utils';
 
 describe('<NumberField />', () => {
diff --git a/packages/mui-base/src/NumberField/ScrubArea/NumberFieldScrubArea.test.tsx b/packages/mui-base/src/NumberField/ScrubArea/NumberFieldScrubArea.test.tsx
index 8b23e00cf1..8c82bc0161 100644
--- a/packages/mui-base/src/NumberField/ScrubArea/NumberFieldScrubArea.test.tsx
+++ b/packages/mui-base/src/NumberField/ScrubArea/NumberFieldScrubArea.test.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { expect } from 'chai';
 import { screen, waitFor, act } from '@mui/internal-test-utils';
-import { NumberField } from '@base_ui/react/NumberField';
+import { NumberField } from '@base-ui-components/react/NumberField';
 import { createRenderer, describeConformance } from '#test-utils';
 import { isWebKit } from '../../utils/detectBrowser';
 import { NumberFieldRootContext } from '../Root/NumberFieldRootContext';
diff --git a/packages/mui-base/src/NumberField/ScrubAreaCursor/NumberFieldScrubAreaCursor.test.tsx b/packages/mui-base/src/NumberField/ScrubAreaCursor/NumberFieldScrubAreaCursor.test.tsx
index aed91b98c8..26aba0380f 100644
--- a/packages/mui-base/src/NumberField/ScrubAreaCursor/NumberFieldScrubAreaCursor.test.tsx
+++ b/packages/mui-base/src/NumberField/ScrubAreaCursor/NumberFieldScrubAreaCursor.test.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { expect } from 'chai';
 import { screen } from '@mui/internal-test-utils';
-import { NumberField } from '@base_ui/react/NumberField';
+import { NumberField } from '@base-ui-components/react/NumberField';
 import { createRenderer, describeConformance } from '#test-utils';
 import { isWebKit } from '../../utils/detectBrowser';
 import { NumberFieldRootContext } from '../Root/NumberFieldRootContext';
diff --git a/packages/mui-base/src/Popover/Arrow/PopoverArrow.test.tsx b/packages/mui-base/src/Popover/Arrow/PopoverArrow.test.tsx
index 3a4642d492..a6c6a05374 100644
--- a/packages/mui-base/src/Popover/Arrow/PopoverArrow.test.tsx
+++ b/packages/mui-base/src/Popover/Arrow/PopoverArrow.test.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Popover } from '@base_ui/react/Popover';
+import { Popover } from '@base-ui-components/react/Popover';
 import { createRenderer, describeConformance } from '#test-utils';
 
 describe('<Popover.Arrow />', () => {
diff --git a/packages/mui-base/src/Popover/Backdrop/PopoverBackdrop.test.tsx b/packages/mui-base/src/Popover/Backdrop/PopoverBackdrop.test.tsx
index 98dccd1c0d..1e99bc76e8 100644
--- a/packages/mui-base/src/Popover/Backdrop/PopoverBackdrop.test.tsx
+++ b/packages/mui-base/src/Popover/Backdrop/PopoverBackdrop.test.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Popover } from '@base_ui/react/Popover';
+import { Popover } from '@base-ui-components/react/Popover';
 import { createRenderer, describeConformance } from '#test-utils';
 
 describe('<Popover.Backdrop />', () => {
diff --git a/packages/mui-base/src/Popover/Close/PopoverClose.test.tsx b/packages/mui-base/src/Popover/Close/PopoverClose.test.tsx
index c1c5f89d84..3aefdf0c28 100644
--- a/packages/mui-base/src/Popover/Close/PopoverClose.test.tsx
+++ b/packages/mui-base/src/Popover/Close/PopoverClose.test.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Popover } from '@base_ui/react/Popover';
+import { Popover } from '@base-ui-components/react/Popover';
 import { fireEvent, screen } from '@mui/internal-test-utils';
 import { expect } from 'chai';
 import { createRenderer, describeConformance } from '#test-utils';
diff --git a/packages/mui-base/src/Popover/Description/PopoverDescription.test.tsx b/packages/mui-base/src/Popover/Description/PopoverDescription.test.tsx
index 0a50267667..066a17a0c3 100644
--- a/packages/mui-base/src/Popover/Description/PopoverDescription.test.tsx
+++ b/packages/mui-base/src/Popover/Description/PopoverDescription.test.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Popover } from '@base_ui/react/Popover';
+import { Popover } from '@base-ui-components/react/Popover';
 import { screen } from '@mui/internal-test-utils';
 import { expect } from 'chai';
 import { createRenderer, describeConformance } from '#test-utils';
diff --git a/packages/mui-base/src/Popover/Popup/PopoverPopup.test.tsx b/packages/mui-base/src/Popover/Popup/PopoverPopup.test.tsx
index f3f3b6809b..3ddf6473bf 100644
--- a/packages/mui-base/src/Popover/Popup/PopoverPopup.test.tsx
+++ b/packages/mui-base/src/Popover/Popup/PopoverPopup.test.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Popover } from '@base_ui/react/Popover';
+import { Popover } from '@base-ui-components/react/Popover';
 import { screen } from '@mui/internal-test-utils';
 import { expect } from 'chai';
 import { createRenderer, describeConformance } from '#test-utils';
diff --git a/packages/mui-base/src/Popover/Positioner/PopoverPositioner.test.tsx b/packages/mui-base/src/Popover/Positioner/PopoverPositioner.test.tsx
index 82917e3cd1..9844522e5a 100644
--- a/packages/mui-base/src/Popover/Positioner/PopoverPositioner.test.tsx
+++ b/packages/mui-base/src/Popover/Positioner/PopoverPositioner.test.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Popover } from '@base_ui/react/Popover';
+import { Popover } from '@base-ui-components/react/Popover';
 import { createRenderer, describeConformance } from '#test-utils';
 import { screen, act, waitFor } from '@mui/internal-test-utils';
 import { expect } from 'chai';
diff --git a/packages/mui-base/src/Popover/Root/PopoverRoot.test.tsx b/packages/mui-base/src/Popover/Root/PopoverRoot.test.tsx
index 495fc2f1a7..0f47eff5fb 100644
--- a/packages/mui-base/src/Popover/Root/PopoverRoot.test.tsx
+++ b/packages/mui-base/src/Popover/Root/PopoverRoot.test.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Popover } from '@base_ui/react/Popover';
+import { Popover } from '@base-ui-components/react/Popover';
 import { fireEvent, flushMicrotasks, screen, waitFor } from '@mui/internal-test-utils';
 import userEvent from '@testing-library/user-event';
 import { expect } from 'chai';
diff --git a/packages/mui-base/src/Popover/Title/PopoverTitle.test.tsx b/packages/mui-base/src/Popover/Title/PopoverTitle.test.tsx
index 3b039e6c25..0ac6594cbe 100644
--- a/packages/mui-base/src/Popover/Title/PopoverTitle.test.tsx
+++ b/packages/mui-base/src/Popover/Title/PopoverTitle.test.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Popover } from '@base_ui/react/Popover';
+import { Popover } from '@base-ui-components/react/Popover';
 import { screen } from '@mui/internal-test-utils';
 import { expect } from 'chai';
 import { createRenderer, describeConformance } from '#test-utils';
diff --git a/packages/mui-base/src/Popover/Trigger/PopoverTrigger.test.tsx b/packages/mui-base/src/Popover/Trigger/PopoverTrigger.test.tsx
index 53b6e382f0..7010a7a375 100644
--- a/packages/mui-base/src/Popover/Trigger/PopoverTrigger.test.tsx
+++ b/packages/mui-base/src/Popover/Trigger/PopoverTrigger.test.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Popover } from '@base_ui/react/Popover';
+import { Popover } from '@base-ui-components/react/Popover';
 import { createRenderer, describeConformance } from '#test-utils';
 import { expect } from 'chai';
 import { act, screen } from '@mui/internal-test-utils';
diff --git a/packages/mui-base/src/PreviewCard/Arrow/PreviewCardArrow.test.tsx b/packages/mui-base/src/PreviewCard/Arrow/PreviewCardArrow.test.tsx
index 4ba368f3c8..b93991f172 100644
--- a/packages/mui-base/src/PreviewCard/Arrow/PreviewCardArrow.test.tsx
+++ b/packages/mui-base/src/PreviewCard/Arrow/PreviewCardArrow.test.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { PreviewCard } from '@base_ui/react/PreviewCard';
+import { PreviewCard } from '@base-ui-components/react/PreviewCard';
 import { createRenderer, describeConformance } from '#test-utils';
 
 describe('<PreviewCard.Arrow />', () => {
diff --git a/packages/mui-base/src/PreviewCard/Backdrop/PreviewCardBackdrop.test.tsx b/packages/mui-base/src/PreviewCard/Backdrop/PreviewCardBackdrop.test.tsx
index 41bef53f61..87091196a9 100644
--- a/packages/mui-base/src/PreviewCard/Backdrop/PreviewCardBackdrop.test.tsx
+++ b/packages/mui-base/src/PreviewCard/Backdrop/PreviewCardBackdrop.test.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { PreviewCard } from '@base_ui/react/PreviewCard';
+import { PreviewCard } from '@base-ui-components/react/PreviewCard';
 import { createRenderer, describeConformance } from '#test-utils';
 
 describe('<PreviewCard.Backdrop />', () => {
diff --git a/packages/mui-base/src/PreviewCard/Popup/PreviewCardPopup.test.tsx b/packages/mui-base/src/PreviewCard/Popup/PreviewCardPopup.test.tsx
index 9f417277cc..5d8b7ca276 100644
--- a/packages/mui-base/src/PreviewCard/Popup/PreviewCardPopup.test.tsx
+++ b/packages/mui-base/src/PreviewCard/Popup/PreviewCardPopup.test.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { PreviewCard } from '@base_ui/react/PreviewCard';
+import { PreviewCard } from '@base-ui-components/react/PreviewCard';
 import { screen } from '@mui/internal-test-utils';
 import { expect } from 'chai';
 import { createRenderer, describeConformance } from '#test-utils';
diff --git a/packages/mui-base/src/PreviewCard/Positioner/PreviewCardPositioner.test.tsx b/packages/mui-base/src/PreviewCard/Positioner/PreviewCardPositioner.test.tsx
index 1c57cda678..5b68c96886 100644
--- a/packages/mui-base/src/PreviewCard/Positioner/PreviewCardPositioner.test.tsx
+++ b/packages/mui-base/src/PreviewCard/Positioner/PreviewCardPositioner.test.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { PreviewCard } from '@base_ui/react/PreviewCard';
+import { PreviewCard } from '@base-ui-components/react/PreviewCard';
 import { createRenderer, describeConformance } from '#test-utils';
 
 describe('<PreviewCard.Positioner />', () => {
diff --git a/packages/mui-base/src/PreviewCard/Root/PreviewCardRoot.test.tsx b/packages/mui-base/src/PreviewCard/Root/PreviewCardRoot.test.tsx
index 33949b762b..e9c9b13e5d 100644
--- a/packages/mui-base/src/PreviewCard/Root/PreviewCardRoot.test.tsx
+++ b/packages/mui-base/src/PreviewCard/Root/PreviewCardRoot.test.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { PreviewCard } from '@base_ui/react/PreviewCard';
+import { PreviewCard } from '@base-ui-components/react/PreviewCard';
 import { act, fireEvent, screen, flushMicrotasks } from '@mui/internal-test-utils';
 import { expect } from 'chai';
 import { spy } from 'sinon';
diff --git a/packages/mui-base/src/PreviewCard/Trigger/PreviewCardTrigger.test.tsx b/packages/mui-base/src/PreviewCard/Trigger/PreviewCardTrigger.test.tsx
index 6051aafcc2..0b2e7a20ff 100644
--- a/packages/mui-base/src/PreviewCard/Trigger/PreviewCardTrigger.test.tsx
+++ b/packages/mui-base/src/PreviewCard/Trigger/PreviewCardTrigger.test.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { PreviewCard } from '@base_ui/react/PreviewCard';
+import { PreviewCard } from '@base-ui-components/react/PreviewCard';
 import { createRenderer, describeConformance } from '#test-utils';
 
 describe('<PreviewCard.Trigger />', () => {
diff --git a/packages/mui-base/src/Progress/Indicator/ProgressIndicator.test.tsx b/packages/mui-base/src/Progress/Indicator/ProgressIndicator.test.tsx
index 9a8fe202a3..85e5df5d88 100644
--- a/packages/mui-base/src/Progress/Indicator/ProgressIndicator.test.tsx
+++ b/packages/mui-base/src/Progress/Indicator/ProgressIndicator.test.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { Progress } from '@base_ui/react/Progress';
+import { Progress } from '@base-ui-components/react/Progress';
 import { createRenderer, describeConformance } from '#test-utils';
 import { ProgressRootContext } from '../Root/ProgressRootContext';
 
diff --git a/packages/mui-base/src/Progress/Root/ProgressRoot.test.tsx b/packages/mui-base/src/Progress/Root/ProgressRoot.test.tsx
index 344f4d9819..173f1b7159 100644
--- a/packages/mui-base/src/Progress/Root/ProgressRoot.test.tsx
+++ b/packages/mui-base/src/Progress/Root/ProgressRoot.test.tsx
@@ -1,6 +1,6 @@
 import { expect } from 'chai';
 import * as React from 'react';
-import { Progress } from '@base_ui/react/Progress';
+import { Progress } from '@base-ui-components/react/Progress';
 import { createRenderer, describeConformance } from '#test-utils';
 import type { ProgressRoot } from './ProgressRoot';
 
diff --git a/packages/mui-base/src/Progress/Track/ProgressTrack.test.tsx b/packages/mui-base/src/Progress/Track/ProgressTrack.test.tsx
index a643ac732f..0d8e52266c 100644
--- a/packages/mui-base/src/Progress/Track/ProgressTrack.test.tsx
+++ b/packages/mui-base/src/Progress/Track/ProgressTrack.test.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Progress } from '@base_ui/react/Progress';
+import { Progress } from '@base-ui-components/react/Progress';
 import { createRenderer, describeConformance } from '#test-utils';
 import { ProgressRootContext } from '../Root/ProgressRootContext';
 
diff --git a/packages/mui-base/src/Radio/Indicator/RadioIndicator.test.tsx b/packages/mui-base/src/Radio/Indicator/RadioIndicator.test.tsx
index 9250c941fa..617dfeb2b8 100644
--- a/packages/mui-base/src/Radio/Indicator/RadioIndicator.test.tsx
+++ b/packages/mui-base/src/Radio/Indicator/RadioIndicator.test.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { createRenderer } from '@mui/internal-test-utils';
-import { Radio } from '@base_ui/react/Radio';
+import { Radio } from '@base-ui-components/react/Radio';
 import { describeConformance } from '../../../test/describeConformance';
 
 describe('<Radio.Indicator />', () => {
diff --git a/packages/mui-base/src/Radio/Root/RadioRoot.test.tsx b/packages/mui-base/src/Radio/Root/RadioRoot.test.tsx
index 75fac1a111..d8246fe956 100644
--- a/packages/mui-base/src/Radio/Root/RadioRoot.test.tsx
+++ b/packages/mui-base/src/Radio/Root/RadioRoot.test.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { createRenderer } from '@mui/internal-test-utils';
-import { Radio } from '@base_ui/react/Radio';
+import { Radio } from '@base-ui-components/react/Radio';
 import { describeConformance } from '../../../test/describeConformance';
 
 describe('<Radio.Root />', () => {
diff --git a/packages/mui-base/src/RadioGroup/Root/RadioGroupRoot.test.tsx b/packages/mui-base/src/RadioGroup/Root/RadioGroupRoot.test.tsx
index 2a2c38e33a..e01167f675 100644
--- a/packages/mui-base/src/RadioGroup/Root/RadioGroupRoot.test.tsx
+++ b/packages/mui-base/src/RadioGroup/Root/RadioGroupRoot.test.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { RadioGroup } from '@base_ui/react/RadioGroup';
-import { Radio } from '@base_ui/react/Radio';
+import { RadioGroup } from '@base-ui-components/react/RadioGroup';
+import { Radio } from '@base-ui-components/react/Radio';
 import { expect } from 'chai';
 import { spy } from 'sinon';
 import { createRenderer, act, screen, fireEvent } from '@mui/internal-test-utils';
diff --git a/packages/mui-base/src/ScrollArea/Corner/ScrollAreaCorner.test.tsx b/packages/mui-base/src/ScrollArea/Corner/ScrollAreaCorner.test.tsx
index dd185c84b3..3c12ce8f05 100644
--- a/packages/mui-base/src/ScrollArea/Corner/ScrollAreaCorner.test.tsx
+++ b/packages/mui-base/src/ScrollArea/Corner/ScrollAreaCorner.test.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { ScrollArea } from '@base_ui/react/ScrollArea';
+import { ScrollArea } from '@base-ui-components/react/ScrollArea';
 import { expect } from 'chai';
 import { screen, describeSkipIf } from '@mui/internal-test-utils';
 import { createRenderer } from '#test-utils';
diff --git a/packages/mui-base/src/ScrollArea/Root/ScrollAreaRoot.test.tsx b/packages/mui-base/src/ScrollArea/Root/ScrollAreaRoot.test.tsx
index 85c0b95d0c..edff14b7ed 100644
--- a/packages/mui-base/src/ScrollArea/Root/ScrollAreaRoot.test.tsx
+++ b/packages/mui-base/src/ScrollArea/Root/ScrollAreaRoot.test.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { ScrollArea } from '@base_ui/react/ScrollArea';
+import { ScrollArea } from '@base-ui-components/react/ScrollArea';
 import { screen, describeSkipIf } from '@mui/internal-test-utils';
 import { createRenderer } from '#test-utils';
 import { expect } from 'chai';
diff --git a/packages/mui-base/src/ScrollArea/Scrollbar/ScrollAreaScrollbar.test.tsx b/packages/mui-base/src/ScrollArea/Scrollbar/ScrollAreaScrollbar.test.tsx
index 0eb2297c52..d763734818 100644
--- a/packages/mui-base/src/ScrollArea/Scrollbar/ScrollAreaScrollbar.test.tsx
+++ b/packages/mui-base/src/ScrollArea/Scrollbar/ScrollAreaScrollbar.test.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { ScrollArea } from '@base_ui/react/ScrollArea';
+import { ScrollArea } from '@base-ui-components/react/ScrollArea';
 import { screen, fireEvent } from '@mui/internal-test-utils';
 import { createRenderer } from '#test-utils';
 import { expect } from 'chai';
diff --git a/packages/mui-base/src/ScrollArea/Thumb/ScrollAreaThumb.test.tsx b/packages/mui-base/src/ScrollArea/Thumb/ScrollAreaThumb.test.tsx
index 2d17485e26..496d0b4807 100644
--- a/packages/mui-base/src/ScrollArea/Thumb/ScrollAreaThumb.test.tsx
+++ b/packages/mui-base/src/ScrollArea/Thumb/ScrollAreaThumb.test.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { createRenderer } from '#test-utils';
-import { ScrollArea } from '@base_ui/react/ScrollArea';
+import { ScrollArea } from '@base-ui-components/react/ScrollArea';
 import { describeConformance } from '../../../test/describeConformance';
 
 describe('<ScrollArea.Thumb />', () => {
diff --git a/packages/mui-base/src/ScrollArea/Viewport/ScrollAreaViewport.test.tsx b/packages/mui-base/src/ScrollArea/Viewport/ScrollAreaViewport.test.tsx
index 16a15c03ea..bdbf679b61 100644
--- a/packages/mui-base/src/ScrollArea/Viewport/ScrollAreaViewport.test.tsx
+++ b/packages/mui-base/src/ScrollArea/Viewport/ScrollAreaViewport.test.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { ScrollArea } from '@base_ui/react/ScrollArea';
+import { ScrollArea } from '@base-ui-components/react/ScrollArea';
 import { createRenderer } from '#test-utils';
 import { describeConformance } from '../../../test/describeConformance';
 
diff --git a/packages/mui-base/src/Select/Arrow/SelectArrow.test.tsx b/packages/mui-base/src/Select/Arrow/SelectArrow.test.tsx
index e1da705726..dee3e7420a 100644
--- a/packages/mui-base/src/Select/Arrow/SelectArrow.test.tsx
+++ b/packages/mui-base/src/Select/Arrow/SelectArrow.test.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Select } from '@base_ui/react/Select';
+import { Select } from '@base-ui-components/react/Select';
 import { createRenderer, describeConformance } from '#test-utils';
 
 describe('<Select.Arrow />', () => {
diff --git a/packages/mui-base/src/Select/Backdrop/SelectBackdrop.test.tsx b/packages/mui-base/src/Select/Backdrop/SelectBackdrop.test.tsx
index 3d8251c77b..7fbe782e48 100644
--- a/packages/mui-base/src/Select/Backdrop/SelectBackdrop.test.tsx
+++ b/packages/mui-base/src/Select/Backdrop/SelectBackdrop.test.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Select } from '@base_ui/react/Select';
+import { Select } from '@base-ui-components/react/Select';
 import { createRenderer, describeConformance } from '#test-utils';
 
 describe('<Select.Backdrop />', () => {
diff --git a/packages/mui-base/src/Select/Group/SelectGroup.test.tsx b/packages/mui-base/src/Select/Group/SelectGroup.test.tsx
index a9a6738705..313a359a7a 100644
--- a/packages/mui-base/src/Select/Group/SelectGroup.test.tsx
+++ b/packages/mui-base/src/Select/Group/SelectGroup.test.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Select } from '@base_ui/react/Select';
+import { Select } from '@base-ui-components/react/Select';
 import { createRenderer, describeConformance } from '#test-utils';
 import { screen } from '@mui/internal-test-utils';
 import { expect } from 'chai';
diff --git a/packages/mui-base/src/Select/GroupLabel/SelectGroupLabel.test.tsx b/packages/mui-base/src/Select/GroupLabel/SelectGroupLabel.test.tsx
index 85f8387865..ccdb4d36b8 100644
--- a/packages/mui-base/src/Select/GroupLabel/SelectGroupLabel.test.tsx
+++ b/packages/mui-base/src/Select/GroupLabel/SelectGroupLabel.test.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Select } from '@base_ui/react/Select';
+import { Select } from '@base-ui-components/react/Select';
 import { createRenderer, describeConformance } from '#test-utils';
 
 describe('<Select.GroupLabel />', () => {
diff --git a/packages/mui-base/src/Select/Icon/SelectIcon.test.tsx b/packages/mui-base/src/Select/Icon/SelectIcon.test.tsx
index 1ab6b6f44b..9acd12b568 100644
--- a/packages/mui-base/src/Select/Icon/SelectIcon.test.tsx
+++ b/packages/mui-base/src/Select/Icon/SelectIcon.test.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Select } from '@base_ui/react/Select';
+import { Select } from '@base-ui-components/react/Select';
 import { createRenderer, describeConformance } from '#test-utils';
 
 describe('<Select.Icon />', () => {
diff --git a/packages/mui-base/src/Select/Option/SelectOption.test.tsx b/packages/mui-base/src/Select/Option/SelectOption.test.tsx
index 1bcf609215..4660ed420b 100644
--- a/packages/mui-base/src/Select/Option/SelectOption.test.tsx
+++ b/packages/mui-base/src/Select/Option/SelectOption.test.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Select } from '@base_ui/react/Select';
+import { Select } from '@base-ui-components/react/Select';
 import { fireEvent, flushMicrotasks, screen, waitFor } from '@mui/internal-test-utils';
 import { createRenderer, describeConformance } from '#test-utils';
 import { expect } from 'chai';
diff --git a/packages/mui-base/src/Select/OptionIndicator/SelectOptionIndicator.test.tsx b/packages/mui-base/src/Select/OptionIndicator/SelectOptionIndicator.test.tsx
index 4b478ccf27..8707ace12f 100644
--- a/packages/mui-base/src/Select/OptionIndicator/SelectOptionIndicator.test.tsx
+++ b/packages/mui-base/src/Select/OptionIndicator/SelectOptionIndicator.test.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Select } from '@base_ui/react/Select';
+import { Select } from '@base-ui-components/react/Select';
 import { createRenderer, describeConformance } from '#test-utils';
 
 describe('<Select.OptionIndicator />', () => {
diff --git a/packages/mui-base/src/Select/OptionText/SelectOptionText.test.tsx b/packages/mui-base/src/Select/OptionText/SelectOptionText.test.tsx
index 34d5e12be2..85d2336e7f 100644
--- a/packages/mui-base/src/Select/OptionText/SelectOptionText.test.tsx
+++ b/packages/mui-base/src/Select/OptionText/SelectOptionText.test.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Select } from '@base_ui/react/Select';
+import { Select } from '@base-ui-components/react/Select';
 import { createRenderer, describeConformance } from '#test-utils';
 
 describe('<Select.OptionText />', () => {
diff --git a/packages/mui-base/src/Select/Popup/SelectPopup.test.tsx b/packages/mui-base/src/Select/Popup/SelectPopup.test.tsx
index c3a0002c37..31e06e4239 100644
--- a/packages/mui-base/src/Select/Popup/SelectPopup.test.tsx
+++ b/packages/mui-base/src/Select/Popup/SelectPopup.test.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Select } from '@base_ui/react/Select';
+import { Select } from '@base-ui-components/react/Select';
 import { createRenderer, describeConformance } from '#test-utils';
 
 describe('<Select.Popup />', () => {
diff --git a/packages/mui-base/src/Select/Positioner/SelectPositioner.test.tsx b/packages/mui-base/src/Select/Positioner/SelectPositioner.test.tsx
index 362d51288d..6def69a5f6 100644
--- a/packages/mui-base/src/Select/Positioner/SelectPositioner.test.tsx
+++ b/packages/mui-base/src/Select/Positioner/SelectPositioner.test.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Select } from '@base_ui/react/Select';
+import { Select } from '@base-ui-components/react/Select';
 import { createRenderer, describeConformance } from '#test-utils';
 
 describe('<Select.Positioner />', () => {
diff --git a/packages/mui-base/src/Select/Root/SelectRoot.test.tsx b/packages/mui-base/src/Select/Root/SelectRoot.test.tsx
index 44b1a3117f..2d7e9c0205 100644
--- a/packages/mui-base/src/Select/Root/SelectRoot.test.tsx
+++ b/packages/mui-base/src/Select/Root/SelectRoot.test.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Select } from '@base_ui/react/Select';
+import { Select } from '@base-ui-components/react/Select';
 import { fireEvent, flushMicrotasks, screen } from '@mui/internal-test-utils';
 import { createRenderer } from '#test-utils';
 import { expect } from 'chai';
diff --git a/packages/mui-base/src/Select/ScrollDownArrow/SelectScrollDownArrow.test.tsx b/packages/mui-base/src/Select/ScrollDownArrow/SelectScrollDownArrow.test.tsx
index 4caea6b87f..dbdab852f9 100644
--- a/packages/mui-base/src/Select/ScrollDownArrow/SelectScrollDownArrow.test.tsx
+++ b/packages/mui-base/src/Select/ScrollDownArrow/SelectScrollDownArrow.test.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Select } from '@base_ui/react/Select';
+import { Select } from '@base-ui-components/react/Select';
 import { createRenderer, describeConformance } from '#test-utils';
 
 describe('<Select.ScrollUpArrow />', () => {
diff --git a/packages/mui-base/src/Select/ScrollUpArrow/SelectScrollUpArrow.test.tsx b/packages/mui-base/src/Select/ScrollUpArrow/SelectScrollUpArrow.test.tsx
index 4caea6b87f..dbdab852f9 100644
--- a/packages/mui-base/src/Select/ScrollUpArrow/SelectScrollUpArrow.test.tsx
+++ b/packages/mui-base/src/Select/ScrollUpArrow/SelectScrollUpArrow.test.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Select } from '@base_ui/react/Select';
+import { Select } from '@base-ui-components/react/Select';
 import { createRenderer, describeConformance } from '#test-utils';
 
 describe('<Select.ScrollUpArrow />', () => {
diff --git a/packages/mui-base/src/Select/Trigger/SelectTrigger.test.tsx b/packages/mui-base/src/Select/Trigger/SelectTrigger.test.tsx
index f4c0b1e8c9..fa82f611ee 100644
--- a/packages/mui-base/src/Select/Trigger/SelectTrigger.test.tsx
+++ b/packages/mui-base/src/Select/Trigger/SelectTrigger.test.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Select } from '@base_ui/react/Select';
+import { Select } from '@base-ui-components/react/Select';
 import { createRenderer, describeConformance } from '#test-utils';
 import { expect } from 'chai';
 import { act, screen } from '@mui/internal-test-utils';
diff --git a/packages/mui-base/src/Separator/Root/SeparatorRoot.test.tsx b/packages/mui-base/src/Separator/Root/SeparatorRoot.test.tsx
index 9edbcbd325..260c158138 100644
--- a/packages/mui-base/src/Separator/Root/SeparatorRoot.test.tsx
+++ b/packages/mui-base/src/Separator/Root/SeparatorRoot.test.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { Separator } from '@base_ui/react/Separator';
+import { Separator } from '@base-ui-components/react/Separator';
 import { createRenderer, describeConformance } from '#test-utils';
 
 describe('<Separator.Root />', () => {
diff --git a/packages/mui-base/src/Slider/Control/SliderControl.test.tsx b/packages/mui-base/src/Slider/Control/SliderControl.test.tsx
index 14c3b7981a..8e41a885e7 100644
--- a/packages/mui-base/src/Slider/Control/SliderControl.test.tsx
+++ b/packages/mui-base/src/Slider/Control/SliderControl.test.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Slider } from '@base_ui/react/Slider';
+import { Slider } from '@base-ui-components/react/Slider';
 import { createRenderer, describeConformance } from '#test-utils';
 import { SliderRootContext } from '../Root/SliderRootContext';
 import { NOOP } from '../../utils/noop';
diff --git a/packages/mui-base/src/Slider/Indicator/SliderIndicator.test.tsx b/packages/mui-base/src/Slider/Indicator/SliderIndicator.test.tsx
index 842d83fd73..d079dc9d08 100644
--- a/packages/mui-base/src/Slider/Indicator/SliderIndicator.test.tsx
+++ b/packages/mui-base/src/Slider/Indicator/SliderIndicator.test.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Slider } from '@base_ui/react/Slider';
+import { Slider } from '@base-ui-components/react/Slider';
 import { createRenderer, describeConformance } from '#test-utils';
 import { SliderRootContext } from '../Root/SliderRootContext';
 import { NOOP } from '../../utils/noop';
diff --git a/packages/mui-base/src/Slider/Output/SliderOutput.test.tsx b/packages/mui-base/src/Slider/Output/SliderOutput.test.tsx
index a223875a01..2cba078374 100644
--- a/packages/mui-base/src/Slider/Output/SliderOutput.test.tsx
+++ b/packages/mui-base/src/Slider/Output/SliderOutput.test.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { Slider } from '@base_ui/react/Slider';
+import { Slider } from '@base-ui-components/react/Slider';
 import { createRenderer, describeConformance } from '#test-utils';
 import { SliderRootContext } from '../Root/SliderRootContext';
 import { NOOP } from '../../utils/noop';
diff --git a/packages/mui-base/src/Slider/Root/SliderRoot.test.tsx b/packages/mui-base/src/Slider/Root/SliderRoot.test.tsx
index 7aee6437ca..a7e78914d4 100644
--- a/packages/mui-base/src/Slider/Root/SliderRoot.test.tsx
+++ b/packages/mui-base/src/Slider/Root/SliderRoot.test.tsx
@@ -2,7 +2,7 @@ import { expect } from 'chai';
 import * as React from 'react';
 import { spy, stub } from 'sinon';
 import { act, describeSkipIf, fireEvent, screen } from '@mui/internal-test-utils';
-import { Slider } from '@base_ui/react/Slider';
+import { Slider } from '@base-ui-components/react/Slider';
 import { createRenderer, describeConformance } from '#test-utils';
 import type { SliderRoot } from './SliderRoot';
 
diff --git a/packages/mui-base/src/Slider/Thumb/SliderThumb.test.tsx b/packages/mui-base/src/Slider/Thumb/SliderThumb.test.tsx
index c6d8a78e32..28f6705150 100644
--- a/packages/mui-base/src/Slider/Thumb/SliderThumb.test.tsx
+++ b/packages/mui-base/src/Slider/Thumb/SliderThumb.test.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Slider } from '@base_ui/react/Slider';
+import { Slider } from '@base-ui-components/react/Slider';
 import { createRenderer, describeConformance } from '#test-utils';
 import { SliderRootContext } from '../Root/SliderRootContext';
 import { NOOP } from '../../utils/noop';
diff --git a/packages/mui-base/src/Slider/Track/SliderTrack.test.tsx b/packages/mui-base/src/Slider/Track/SliderTrack.test.tsx
index bfbda12629..d9ae72165e 100644
--- a/packages/mui-base/src/Slider/Track/SliderTrack.test.tsx
+++ b/packages/mui-base/src/Slider/Track/SliderTrack.test.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Slider } from '@base_ui/react/Slider';
+import { Slider } from '@base-ui-components/react/Slider';
 import { createRenderer, describeConformance } from '#test-utils';
 import { SliderRootContext } from '../Root/SliderRootContext';
 import { NOOP } from '../../utils/noop';
diff --git a/packages/mui-base/src/Switch/Root/SwitchRoot.test.tsx b/packages/mui-base/src/Switch/Root/SwitchRoot.test.tsx
index e352c16bbb..9d1a1c4a39 100644
--- a/packages/mui-base/src/Switch/Root/SwitchRoot.test.tsx
+++ b/packages/mui-base/src/Switch/Root/SwitchRoot.test.tsx
@@ -2,7 +2,7 @@ import * as React from 'react';
 import { expect } from 'chai';
 import { spy } from 'sinon';
 import { act, fireEvent, screen } from '@mui/internal-test-utils';
-import { Switch } from '@base_ui/react/Switch';
+import { Switch } from '@base-ui-components/react/Switch';
 import { userEvent } from '@testing-library/user-event';
 import { describeConformance, createRenderer } from '#test-utils';
 
diff --git a/packages/mui-base/src/Switch/Thumb/SwitchThumb.test.tsx b/packages/mui-base/src/Switch/Thumb/SwitchThumb.test.tsx
index 8f002d66b7..2e6178b417 100644
--- a/packages/mui-base/src/Switch/Thumb/SwitchThumb.test.tsx
+++ b/packages/mui-base/src/Switch/Thumb/SwitchThumb.test.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Switch } from '@base_ui/react/Switch';
+import { Switch } from '@base-ui-components/react/Switch';
 import { createRenderer, describeConformance } from '#test-utils';
 import { SwitchRootContext } from '../Root/SwitchRootContext';
 
diff --git a/packages/mui-base/src/Tabs/Root/TabsRoot.test.tsx b/packages/mui-base/src/Tabs/Root/TabsRoot.test.tsx
index 3b553b9422..09fc8e808a 100644
--- a/packages/mui-base/src/Tabs/Root/TabsRoot.test.tsx
+++ b/packages/mui-base/src/Tabs/Root/TabsRoot.test.tsx
@@ -2,7 +2,7 @@ import * as React from 'react';
 import { expect } from 'chai';
 import { spy } from 'sinon';
 import { act, describeSkipIf, fireEvent, screen } from '@mui/internal-test-utils';
-import { Tabs } from '@base_ui/react/Tabs';
+import { Tabs } from '@base-ui-components/react/Tabs';
 import { createRenderer, describeConformance } from '#test-utils';
 
 describe('<Tabs.Root />', () => {
diff --git a/packages/mui-base/src/Tabs/Tab/Tab.test.tsx b/packages/mui-base/src/Tabs/Tab/Tab.test.tsx
index 5a899d1fb5..257e289b41 100644
--- a/packages/mui-base/src/Tabs/Tab/Tab.test.tsx
+++ b/packages/mui-base/src/Tabs/Tab/Tab.test.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Tabs } from '@base_ui/react/Tabs';
+import { Tabs } from '@base-ui-components/react/Tabs';
 import { createRenderer, describeConformance } from '#test-utils';
 import { TabsListProviderValue, TabsListProvider } from '../TabsList/TabsListProvider';
 import { TabsRootContext } from '../Root/TabsRootContext';
diff --git a/packages/mui-base/src/Tabs/Tab/useTab.test.tsx b/packages/mui-base/src/Tabs/Tab/useTab.test.tsx
index 7d7e5a3041..13feef62a9 100644
--- a/packages/mui-base/src/Tabs/Tab/useTab.test.tsx
+++ b/packages/mui-base/src/Tabs/Tab/useTab.test.tsx
@@ -2,7 +2,7 @@ import * as React from 'react';
 import { expect } from 'chai';
 import { spy } from 'sinon';
 import { createRenderer, screen, fireEvent } from '@mui/internal-test-utils';
-import { Tabs } from '@base_ui/react/Tabs';
+import { Tabs } from '@base-ui-components/react/Tabs';
 import { useTab } from './useTab';
 
 describe('useTab', () => {
diff --git a/packages/mui-base/src/Tabs/TabIndicator/TabIndicator.test.tsx b/packages/mui-base/src/Tabs/TabIndicator/TabIndicator.test.tsx
index 77a742cc26..fb1ae53f23 100644
--- a/packages/mui-base/src/Tabs/TabIndicator/TabIndicator.test.tsx
+++ b/packages/mui-base/src/Tabs/TabIndicator/TabIndicator.test.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { Tabs } from '@base_ui/react/Tabs';
+import { Tabs } from '@base-ui-components/react/Tabs';
 import { describeSkipIf, waitFor } from '@mui/internal-test-utils';
 import { createRenderer, describeConformance } from '#test-utils';
 
diff --git a/packages/mui-base/src/Tabs/TabPanel/TabPanel.test.tsx b/packages/mui-base/src/Tabs/TabPanel/TabPanel.test.tsx
index 727044873a..376fafdabd 100644
--- a/packages/mui-base/src/Tabs/TabPanel/TabPanel.test.tsx
+++ b/packages/mui-base/src/Tabs/TabPanel/TabPanel.test.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Tabs } from '@base_ui/react/Tabs';
+import { Tabs } from '@base-ui-components/react/Tabs';
 import { createRenderer, describeConformance } from '#test-utils';
 import { TabsProvider, TabsProviderValue } from '../Root/TabsProvider';
 
diff --git a/packages/mui-base/src/Tabs/TabPanel/useTabPanel.test.tsx b/packages/mui-base/src/Tabs/TabPanel/useTabPanel.test.tsx
index bbbe3ba408..5927463ad6 100644
--- a/packages/mui-base/src/Tabs/TabPanel/useTabPanel.test.tsx
+++ b/packages/mui-base/src/Tabs/TabPanel/useTabPanel.test.tsx
@@ -2,7 +2,7 @@ import * as React from 'react';
 import { expect } from 'chai';
 import { spy } from 'sinon';
 import { createRenderer, screen, fireEvent } from '@mui/internal-test-utils';
-import { Tabs } from '@base_ui/react/Tabs';
+import { Tabs } from '@base-ui-components/react/Tabs';
 import { useTabPanel } from './useTabPanel';
 
 describe('useTabPanel', () => {
diff --git a/packages/mui-base/src/Tabs/TabsList/TabsList.test.tsx b/packages/mui-base/src/Tabs/TabsList/TabsList.test.tsx
index 9f040541c5..397f4db803 100644
--- a/packages/mui-base/src/Tabs/TabsList/TabsList.test.tsx
+++ b/packages/mui-base/src/Tabs/TabsList/TabsList.test.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { expect } from 'chai';
 import { act } from '@mui/internal-test-utils';
-import { Tabs } from '@base_ui/react/Tabs';
+import { Tabs } from '@base-ui-components/react/Tabs';
 import { createRenderer, describeConformance } from '#test-utils';
 import { TabsRootContext } from '../Root/TabsRootContext';
 
diff --git a/packages/mui-base/src/Tabs/TabsList/useTabsList.test.tsx b/packages/mui-base/src/Tabs/TabsList/useTabsList.test.tsx
index 7a89c7d6df..5f808d8fbc 100644
--- a/packages/mui-base/src/Tabs/TabsList/useTabsList.test.tsx
+++ b/packages/mui-base/src/Tabs/TabsList/useTabsList.test.tsx
@@ -2,7 +2,7 @@ import * as React from 'react';
 import { expect } from 'chai';
 import { spy } from 'sinon';
 import { createRenderer, screen, fireEvent } from '@mui/internal-test-utils';
-import { Tabs } from '@base_ui/react/Tabs';
+import { Tabs } from '@base-ui-components/react/Tabs';
 import { useTabsList } from './useTabsList';
 
 describe('useTabsList', () => {
diff --git a/packages/mui-base/src/TextInput/TextInput.test.tsx b/packages/mui-base/src/TextInput/TextInput.test.tsx
index cd487f933b..79a3a0a5f7 100644
--- a/packages/mui-base/src/TextInput/TextInput.test.tsx
+++ b/packages/mui-base/src/TextInput/TextInput.test.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { TextInput } from '@base_ui/react/TextInput';
+import { TextInput } from '@base-ui-components/react/TextInput';
 import { createRenderer } from '@mui/internal-test-utils';
 import { describeConformance } from '../../test/describeConformance';
 
diff --git a/packages/mui-base/src/Tooltip/Arrow/TooltipArrow.test.tsx b/packages/mui-base/src/Tooltip/Arrow/TooltipArrow.test.tsx
index f7311dd8d6..86744ad809 100644
--- a/packages/mui-base/src/Tooltip/Arrow/TooltipArrow.test.tsx
+++ b/packages/mui-base/src/Tooltip/Arrow/TooltipArrow.test.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Tooltip } from '@base_ui/react/Tooltip';
+import { Tooltip } from '@base-ui-components/react/Tooltip';
 import { createRenderer, describeConformance } from '#test-utils';
 
 describe('<Tooltip.Arrow />', () => {
diff --git a/packages/mui-base/src/Tooltip/Popup/TooltipPopup.test.tsx b/packages/mui-base/src/Tooltip/Popup/TooltipPopup.test.tsx
index b0fa70b6cb..a3134e4166 100644
--- a/packages/mui-base/src/Tooltip/Popup/TooltipPopup.test.tsx
+++ b/packages/mui-base/src/Tooltip/Popup/TooltipPopup.test.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Tooltip } from '@base_ui/react/Tooltip';
+import { Tooltip } from '@base-ui-components/react/Tooltip';
 import { screen } from '@mui/internal-test-utils';
 import { expect } from 'chai';
 import { createRenderer, describeConformance } from '#test-utils';
diff --git a/packages/mui-base/src/Tooltip/Positioner/TooltipPositioner.test.tsx b/packages/mui-base/src/Tooltip/Positioner/TooltipPositioner.test.tsx
index eba09c7535..fd982b7d26 100644
--- a/packages/mui-base/src/Tooltip/Positioner/TooltipPositioner.test.tsx
+++ b/packages/mui-base/src/Tooltip/Positioner/TooltipPositioner.test.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Tooltip } from '@base_ui/react/Tooltip';
+import { Tooltip } from '@base-ui-components/react/Tooltip';
 import { createRenderer, describeConformance } from '#test-utils';
 
 describe('<Tooltip.Positioner />', () => {
diff --git a/packages/mui-base/src/Tooltip/Provider/TooltipProvider.test.tsx b/packages/mui-base/src/Tooltip/Provider/TooltipProvider.test.tsx
index 503541aff9..9443edea6a 100644
--- a/packages/mui-base/src/Tooltip/Provider/TooltipProvider.test.tsx
+++ b/packages/mui-base/src/Tooltip/Provider/TooltipProvider.test.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Tooltip } from '@base_ui/react/Tooltip';
+import { Tooltip } from '@base-ui-components/react/Tooltip';
 import { screen, fireEvent, flushMicrotasks } from '@mui/internal-test-utils';
 import { expect } from 'chai';
 import { createRenderer } from '#test-utils';
diff --git a/packages/mui-base/src/Tooltip/Root/TooltipRoot.test.tsx b/packages/mui-base/src/Tooltip/Root/TooltipRoot.test.tsx
index e95ceb6330..4672b40cf8 100644
--- a/packages/mui-base/src/Tooltip/Root/TooltipRoot.test.tsx
+++ b/packages/mui-base/src/Tooltip/Root/TooltipRoot.test.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Tooltip } from '@base_ui/react/Tooltip';
+import { Tooltip } from '@base-ui-components/react/Tooltip';
 import { act, fireEvent, flushMicrotasks, screen } from '@mui/internal-test-utils';
 import { expect } from 'chai';
 import { spy } from 'sinon';
diff --git a/packages/mui-base/src/Tooltip/Trigger/TooltipTrigger.test.tsx b/packages/mui-base/src/Tooltip/Trigger/TooltipTrigger.test.tsx
index c3406649dd..ce6e1782b5 100644
--- a/packages/mui-base/src/Tooltip/Trigger/TooltipTrigger.test.tsx
+++ b/packages/mui-base/src/Tooltip/Trigger/TooltipTrigger.test.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Tooltip } from '@base_ui/react/Tooltip';
+import { Tooltip } from '@base-ui-components/react/Tooltip';
 import { createRenderer, describeConformance } from '#test-utils';
 
 describe('<Tooltip.Trigger />', () => {
diff --git a/packages/mui-base/src/index.test.js b/packages/mui-base/src/index.test.js
index 9c58e4534d..91819582bc 100644
--- a/packages/mui-base/src/index.test.js
+++ b/packages/mui-base/src/index.test.js
@@ -6,7 +6,7 @@
 import { expect } from 'chai';
 import * as BaseUI from './index';
 
-describe('@base_ui/react', () => {
+describe('@base-ui-components/react', () => {
   it('should have exports', () => {
     expect(typeof BaseUI).to.equal('object');
   });
diff --git a/packages/mui-base/src/useButton/useButton.test.tsx b/packages/mui-base/src/useButton/useButton.test.tsx
index 26e4554a4a..fd8c956041 100644
--- a/packages/mui-base/src/useButton/useButton.test.tsx
+++ b/packages/mui-base/src/useButton/useButton.test.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { createRenderer } from '@mui/internal-test-utils';
 import { expect } from 'chai';
-import { useButton } from '@base_ui/react/useButton';
+import { useButton } from '@base-ui-components/react/useButton';
 
 describe('useButton', () => {
   const { render } = createRenderer();
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 87e8178c81..c6dcc3f8b6 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -367,7 +367,7 @@ importers:
       '@babel/runtime-corejs3':
         specifier: ^7.26.0
         version: 7.26.0
-      '@base_ui/react':
+      '@base-ui-components/react':
         specifier: workspace:*
         version: link:../packages/mui-base/build
       '@emotion/cache':
@@ -700,7 +700,7 @@ importers:
       '@babel/runtime':
         specifier: ^7.26.0
         version: 7.26.0
-      '@base_ui/react':
+      '@base-ui-components/react':
         specifier: workspace:*
         version: link:../packages/mui-base/build
       '@emotion/cache':
diff --git a/scripts/buildApiDocs/config/getComponentImports.ts b/scripts/buildApiDocs/config/getComponentImports.ts
index 0e88f6fcc0..bdcfeccc3d 100644
--- a/scripts/buildApiDocs/config/getComponentImports.ts
+++ b/scripts/buildApiDocs/config/getComponentImports.ts
@@ -22,12 +22,12 @@ export function getComponentImports(name: string, filename: string) {
 
   const componentDirectory = directories[3];
   if (componentDirectory === name) {
-    return [`import { ${name} } from '@base_ui/react/${name}';`];
+    return [`import { ${name} } from '@base-ui-components/react/${name}';`];
   }
 
   if (Object.keys(componentExportExceptions).includes(name)) {
     return [
-      `import { ${componentDirectory} } from '@base_ui/react/${componentDirectory}';\nconst ${name} = ${componentDirectory}.${componentExportExceptions[name]};`,
+      `import { ${componentDirectory} } from '@base-ui-components/react/${componentDirectory}';\nconst ${name} = ${componentDirectory}.${componentExportExceptions[name]};`,
     ];
   }
 
@@ -35,9 +35,9 @@ export function getComponentImports(name: string, filename: string) {
     // cases like Switch/SwitchTrack.tsx
     const childName = name.slice(componentDirectory.length);
     return [
-      `import { ${componentDirectory} } from '@base_ui/react/${componentDirectory}';\nconst ${name} = ${componentDirectory}.${childName};`,
+      `import { ${componentDirectory} } from '@base-ui-components/react/${componentDirectory}';\nconst ${name} = ${componentDirectory}.${childName};`,
     ];
   }
 
-  return [`import { ${name} } from '@base_ui/react/${componentDirectory}';`];
+  return [`import { ${name} } from '@base-ui-components/react/${componentDirectory}';`];
 }
diff --git a/scripts/sizeSnapshot/webpack.config.js b/scripts/sizeSnapshot/webpack.config.js
index 7531667d71..983137142c 100644
--- a/scripts/sizeSnapshot/webpack.config.js
+++ b/scripts/sizeSnapshot/webpack.config.js
@@ -22,7 +22,7 @@ async function getWebpackEntries() {
   return [
     ...baseUiComponents,
     {
-      id: '@base_ui/react',
+      id: '@base-ui-components/react',
       path: path.join(path.relative(workspaceRoot, baseUiPackagePath), 'index.js'),
     },
   ];
@@ -72,7 +72,7 @@ function createWebpackConfig(entry, environment) {
     ],
     resolve: {
       alias: {
-        '@base_ui/react': path.join(workspaceRoot, 'packages/mui-base/build'),
+        '@base-ui-components/react': path.join(workspaceRoot, 'packages/mui-base/build'),
       },
     },
     entry: { [entry.id]: path.join(workspaceRoot, entry.path) },
diff --git a/test/package.json b/test/package.json
index 69d3927f1a..d7f018960c 100644
--- a/test/package.json
+++ b/test/package.json
@@ -7,7 +7,7 @@
   },
   "devDependencies": {
     "@babel/runtime": "^7.26.0",
-    "@base_ui/react": "workspace:*",
+    "@base-ui-components/react": "workspace:*",
     "@emotion/cache": "^11.13.1",
     "@emotion/react": "^11.13.3",
     "@mui/internal-test-utils": "https://pkg.csb.dev/mui/material-ui/commit/92c23999/@mui/internal-test-utils",
diff --git a/tsconfig.base.json b/tsconfig.base.json
index e5a9ccaee4..ff43b3dd64 100644
--- a/tsconfig.base.json
+++ b/tsconfig.base.json
@@ -15,8 +15,8 @@
     "allowJs": true,
     "skipLibCheck": true,
     "paths": {
-      "@base_ui/react": ["./packages/mui-base/src"],
-      "@base_ui/react/*": ["./packages/mui-base/src/*"],
+      "@base-ui-components/react": ["./packages/mui-base/src"],
+      "@base-ui-components/react/*": ["./packages/mui-base/src/*"],
       "@mui-internal/api-docs-builder": ["./node_modules/@mui/monorepo/packages/api-docs-builder"],
       "@mui-internal/api-docs-builder/*": [
         "./node_modules/@mui/monorepo/packages/api-docs-builder/*"
diff --git a/vitest.shared.ts b/vitest.shared.ts
index 1dd85c66ac..d108ef7c8c 100644
--- a/vitest.shared.ts
+++ b/vitest.shared.ts
@@ -40,7 +40,7 @@ const config: UserWorkspaceConfig = {
   },
   resolve: {
     alias: {
-      '@base_ui/react': path.resolve(WORKSPACE_ROOT, './packages/mui-base/src'),
+      '@base-ui-components/react': path.resolve(WORKSPACE_ROOT, './packages/mui-base/src'),
       docs: path.resolve(WORKSPACE_ROOT, './docs'),
     },
   },
diff --git a/webpackBaseConfig.js b/webpackBaseConfig.js
index b515e049b5..0609551e2f 100644
--- a/webpackBaseConfig.js
+++ b/webpackBaseConfig.js
@@ -9,7 +9,7 @@ module.exports = {
   resolve: {
     modules: [__dirname, 'node_modules'],
     alias: {
-      '@base_ui/react': path.resolve(__dirname, './packages/mui-base/src'),
+      '@base-ui-components/react': path.resolve(__dirname, './packages/mui-base/src'),
       '@mui-internal/api-docs-builder': path.resolve(
         __dirname,
         './node_modules/@mui/monorepo/packages/api-docs-builder',