Merge branch 'master' into esm-build-no-extensions

.circleci/config.yml

@@ -240,7 +240,7 @@ jobs:
           key: typescript-declaration-files-{{ .Branch }}-{{ .Revision }}
           paths:
             # packages with generated declaration files
-            - packages/mui-base/build
+            - packages/react/build
   test_types_next:
     <<: *default-job
     resource_class: 'medium+'
@@ -272,7 +272,7 @@ jobs:
       - run:
           name: Diff declaration files
           command: |
-            git add -f packages/mui-base/build || echo '/base declarations do not exist'
+            git add -f packages/react/build || echo 'Base UI declarations do not exist'
             pnpm -r build:types
             git --no-pager diff
       - run:

.codesandbox/ci.json

@@ -2,9 +2,9 @@
   "buildCommand": "build:codesandbox",
   "installCommand": "install:codesandbox",
   "node": "18",
-  "packages": ["packages/mui-base"],
+  "packages": ["packages/react"],
   "publishDirectory": {
-    "@base_ui/react": "packages/mui-base/build"
+    "@base-ui-components/react": "packages/react/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",

.eslintignore

@@ -2,7 +2,7 @@
 /coverage
 /docs/export
 /docs/pages/playground/
-/packages/mui-base/**/*.min.*
+/packages/react/**/*.min.*
 /packages/mui-utils/macros/__fixtures__/
 # Ignore fixtures
 /test/bundling/fixtures/**/*.fixture.js

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

.github/CODEOWNERS

@@ -1,4 +1,4 @@
 * @atomiks @michaldudak
 /docs/data/ @atomiks @colmtuite @michaldudak
-/packages/mui-base/ @atomiks @colmtuite @michaldudak
+/packages/react/ @atomiks @colmtuite @michaldudak
 /scripts/ @michaldudak

.mocharc.js

@@ -13,7 +13,7 @@ module.exports = {
   require: [
     '@mui/internal-test-utils/setupBabel',
     '@mui/internal-test-utils/setupJSDOM',
-    './packages/mui-base/test/setup.ts',
+    './packages/react/test/setup.ts',
   ],
   'watch-ignore': [
     // default

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

@@ -12,7 +12,7 @@ module.exports = function getBabelConfig(api) {
   const useESModules = !api.env(['node']);
 
   const defaultAlias = {
-    '@base_ui/react': resolveAliasPath('./packages/mui-base/src'),
+    '@base-ui-components/react': resolveAliasPath('./packages/react/src'),
     docs: resolveAliasPath('./docs'),
     test: resolveAliasPath('./test'),
     '@mui-internal/api-docs-builder': resolveAliasPath(

docs/data/api/accordion-header.json

@@ -5,14 +5,14 @@
   },
   "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,
   "themeDefaultProps": true,
   "muiName": "AccordionHeader",
   "forwardsRefTo": "HTMLHeadingElement",
-  "filename": "/packages/mui-base/src/Accordion/Header/AccordionHeader.tsx",
+  "filename": "/packages/react/src/Accordion/Header/AccordionHeader.tsx",
   "inheritance": null,
   "demos": "<ul><li><a href=\"/components/react-accordion/\">Accordion</a></li></ul>",
   "cssComponent": false

docs/data/api/accordion-item.json

@@ -7,14 +7,14 @@
   },
   "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,
   "themeDefaultProps": true,
   "muiName": "AccordionItem",
   "forwardsRefTo": "HTMLDivElement",
-  "filename": "/packages/mui-base/src/Accordion/Item/AccordionItem.tsx",
+  "filename": "/packages/react/src/Accordion/Item/AccordionItem.tsx",
   "inheritance": null,
   "demos": "<ul><li><a href=\"/components/react-accordion/\">Accordion</a></li></ul>",
   "cssComponent": false

docs/data/api/accordion-panel.json

@@ -6,14 +6,14 @@
   },
   "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,
   "themeDefaultProps": true,
   "muiName": "AccordionPanel",
   "forwardsRefTo": "HTMLDivElement",
-  "filename": "/packages/mui-base/src/Accordion/Panel/AccordionPanel.tsx",
+  "filename": "/packages/react/src/Accordion/Panel/AccordionPanel.tsx",
   "inheritance": null,
   "demos": "<ul><li><a href=\"/components/react-accordion/\">Accordion</a></li></ul>",
   "cssComponent": false

docs/data/api/accordion-root.json

@@ -17,14 +17,14 @@
   },
   "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,
   "themeDefaultProps": true,
   "muiName": "AccordionRoot",
   "forwardsRefTo": "HTMLDivElement",
-  "filename": "/packages/mui-base/src/Accordion/Root/AccordionRoot.tsx",
+  "filename": "/packages/react/src/Accordion/Root/AccordionRoot.tsx",
   "inheritance": null,
   "demos": "<ul><li><a href=\"/components/react-accordion/\">Accordion</a></li></ul>",
   "cssComponent": false

docs/data/api/accordion-trigger.json

@@ -5,14 +5,14 @@
   },
   "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,
   "themeDefaultProps": true,
   "muiName": "AccordionTrigger",
   "forwardsRefTo": "HTMLButtonElement",
-  "filename": "/packages/mui-base/src/Accordion/Trigger/AccordionTrigger.tsx",
+  "filename": "/packages/react/src/Accordion/Trigger/AccordionTrigger.tsx",
   "inheritance": null,
   "demos": "<ul><li><a href=\"/components/react-accordion/\">Accordion</a></li></ul>",
   "cssComponent": false

docs/data/api/alert-dialog-backdrop.json

@@ -6,14 +6,14 @@
   },
   "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,
   "themeDefaultProps": true,
   "muiName": "AlertDialogBackdrop",
   "forwardsRefTo": "HTMLDivElement",
-  "filename": "/packages/mui-base/src/AlertDialog/Backdrop/AlertDialogBackdrop.tsx",
+  "filename": "/packages/react/src/AlertDialog/Backdrop/AlertDialogBackdrop.tsx",
   "inheritance": null,
   "demos": "<ul><li><a href=\"/components/react-alert-dialog/\">Alert Dialog</a></li></ul>",
   "cssComponent": false

docs/data/api/alert-dialog-close.json

@@ -5,14 +5,14 @@
   },
   "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,
   "themeDefaultProps": true,
   "muiName": "AlertDialogClose",
   "forwardsRefTo": "HTMLButtonElement",
-  "filename": "/packages/mui-base/src/AlertDialog/Close/AlertDialogClose.tsx",
+  "filename": "/packages/react/src/AlertDialog/Close/AlertDialogClose.tsx",
   "inheritance": null,
   "demos": "<ul><li><a href=\"/components/react-alert-dialog/\">Alert Dialog</a></li></ul>",
   "cssComponent": false

docs/data/api/alert-dialog-description.json

@@ -5,14 +5,14 @@
   },
   "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,
   "themeDefaultProps": true,
   "muiName": "AlertDialogDescription",
   "forwardsRefTo": "HTMLParagraphElement",
-  "filename": "/packages/mui-base/src/AlertDialog/Description/AlertDialogDescription.tsx",
+  "filename": "/packages/react/src/AlertDialog/Description/AlertDialogDescription.tsx",
   "inheritance": null,
   "demos": "<ul><li><a href=\"/components/react-alert-dialog/\">Alert Dialog</a></li></ul>",
   "cssComponent": false

docs/data/api/alert-dialog-popup.json

@@ -9,14 +9,14 @@
   },
   "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,
   "themeDefaultProps": true,
   "muiName": "AlertDialogPopup",
   "forwardsRefTo": "HTMLDivElement",
-  "filename": "/packages/mui-base/src/AlertDialog/Popup/AlertDialogPopup.tsx",
+  "filename": "/packages/react/src/AlertDialog/Popup/AlertDialogPopup.tsx",
   "inheritance": null,
   "demos": "<ul><li><a href=\"/components/react-alert-dialog/\">Alert Dialog</a></li></ul>",
   "cssComponent": false

docs/data/api/alert-dialog-root.json

@@ -1,19 +1,19 @@
 {
   "props": {
     "animated": { "type": { "name": "bool" }, "default": "true" },
-    "defaultOpen": { "type": { "name": "bool" } },
+    "defaultOpen": { "type": { "name": "bool" }, "default": "false" },
     "onOpenChange": { "type": { "name": "func" } },
     "open": { "type": { "name": "bool" } }
   },
   "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,
   "themeDefaultProps": null,
   "muiName": "AlertDialogRoot",
-  "filename": "/packages/mui-base/src/AlertDialog/Root/AlertDialogRoot.tsx",
+  "filename": "/packages/react/src/AlertDialog/Root/AlertDialogRoot.tsx",
   "inheritance": null,
   "demos": "<ul><li><a href=\"/components/react-alert-dialog/\">Alert Dialog</a></li></ul>",
   "cssComponent": false

docs/data/api/alert-dialog-title.json

@@ -5,14 +5,14 @@
   },
   "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,
   "themeDefaultProps": true,
   "muiName": "AlertDialogTitle",
   "forwardsRefTo": "HTMLHeadingElement",
-  "filename": "/packages/mui-base/src/AlertDialog/Title/AlertDialogTitle.tsx",
+  "filename": "/packages/react/src/AlertDialog/Title/AlertDialogTitle.tsx",
   "inheritance": null,
   "demos": "<ul><li><a href=\"/components/react-alert-dialog/\">Alert Dialog</a></li></ul>",
   "cssComponent": false

docs/data/api/alert-dialog-trigger.json

@@ -5,14 +5,14 @@
   },
   "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,
   "themeDefaultProps": true,
   "muiName": "AlertDialogTrigger",
   "forwardsRefTo": "HTMLButtonElement",
-  "filename": "/packages/mui-base/src/AlertDialog/Trigger/AlertDialogTrigger.tsx",
+  "filename": "/packages/react/src/AlertDialog/Trigger/AlertDialogTrigger.tsx",
   "inheritance": null,
   "demos": "<ul><li><a href=\"/components/react-alert-dialog/\">Alert Dialog</a></li></ul>",
   "cssComponent": false

docs/data/api/checkbox-group-root.json

@@ -11,14 +11,14 @@
   },
   "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,
   "themeDefaultProps": true,
   "muiName": "CheckboxGroupRoot",
   "forwardsRefTo": "HTMLDivElement",
-  "filename": "/packages/mui-base/src/CheckboxGroup/Root/CheckboxGroupRoot.tsx",
+  "filename": "/packages/react/src/CheckboxGroup/Root/CheckboxGroupRoot.tsx",
   "inheritance": null,
   "demos": "<ul><li><a href=\"/components/react-checkbox-group/\">Checkbox Group</a></li></ul>",
   "cssComponent": false

docs/data/api/checkbox-indicator.json

@@ -6,14 +6,14 @@
   },
   "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,
   "themeDefaultProps": true,
   "muiName": "CheckboxIndicator",
   "forwardsRefTo": "HTMLSpanElement",
-  "filename": "/packages/mui-base/src/Checkbox/Indicator/CheckboxIndicator.tsx",
+  "filename": "/packages/react/src/Checkbox/Indicator/CheckboxIndicator.tsx",
   "inheritance": null,
   "demos": "<ul><li><a href=\"/components/react-checkbox/\">Checkbox</a></li></ul>",
   "cssComponent": false

docs/data/api/checkbox-root.json

@@ -23,14 +23,14 @@
   },
   "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,
   "themeDefaultProps": true,
   "muiName": "CheckboxRoot",
   "forwardsRefTo": "HTMLButtonElement",
-  "filename": "/packages/mui-base/src/Checkbox/Root/CheckboxRoot.tsx",
+  "filename": "/packages/react/src/Checkbox/Root/CheckboxRoot.tsx",
   "inheritance": null,
   "demos": "<ul><li><a href=\"/components/react-checkbox/\">Checkbox</a></li></ul>",
   "cssComponent": false