[core] Rename the package to @base-ui-components/react

.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

.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",

.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,
   },
 ];

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)

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(

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,

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,

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,

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,

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,

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,

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,

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,

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,

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,

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,

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,

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,

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,

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,

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,

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,

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,

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,

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,

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,

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,

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,

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,

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,

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,

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,

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,

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,

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,

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,

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,

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,

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,

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,

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,

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,