Migrate new exports

docs/data/api/select-arrow.json

@@ -5,9 +5,7 @@
     "render": { "type": { "name": "union", "description": "element<br>&#124;&nbsp;func" } }
   },
   "name": "SelectArrow",
-  "imports": [
-    "import * as Select from '@base_ui/react/Select';\nconst SelectArrow = Select.Arrow;"
-  ],
+  "imports": ["import { Select } from '@base_ui/react/Select';\nconst SelectArrow = Select.Arrow;"],
   "classes": [],
   "spread": true,
   "themeDefaultProps": true,

docs/data/api/select-backdrop.json

@@ -10,7 +10,7 @@
   },
   "name": "SelectBackdrop",
   "imports": [
-    "import * as Select from '@base_ui/react/Select';\nconst SelectBackdrop = Select.Backdrop;"
+    "import { Select } from '@base_ui/react/Select';\nconst SelectBackdrop = Select.Backdrop;"
   ],
   "classes": [],
   "spread": true,

docs/data/api/select-group-label.json

@@ -5,7 +5,7 @@
   },
   "name": "SelectGroupLabel",
   "imports": [
-    "import * as Select from '@base_ui/react/Select';\nconst SelectGroupLabel = Select.GroupLabel;"
+    "import { Select } from '@base_ui/react/Select';\nconst SelectGroupLabel = Select.GroupLabel;"
   ],
   "classes": [],
   "spread": true,

docs/data/api/select-group.json

@@ -4,9 +4,7 @@
     "render": { "type": { "name": "union", "description": "element<br>&#124;&nbsp;func" } }
   },
   "name": "SelectGroup",
-  "imports": [
-    "import * as Select from '@base_ui/react/Select';\nconst SelectGroup = Select.Group;"
-  ],
+  "imports": ["import { Select } from '@base_ui/react/Select';\nconst SelectGroup = Select.Group;"],
   "classes": [],
   "spread": true,
   "themeDefaultProps": true,

docs/data/api/select-icon.json

@@ -4,7 +4,7 @@
     "render": { "type": { "name": "union", "description": "element<br>&#124;&nbsp;func" } }
   },
   "name": "SelectIcon",
-  "imports": ["import * as Select from '@base_ui/react/Select';\nconst SelectIcon = Select.Icon;"],
+  "imports": ["import { Select } from '@base_ui/react/Select';\nconst SelectIcon = Select.Icon;"],
   "classes": [],
   "spread": true,
   "themeDefaultProps": true,

docs/data/api/select-option-group-label.json

@@ -5,7 +5,7 @@
   },
   "name": "SelectOptionGroupLabel",
   "imports": [
-    "import * as Select from '@base_ui/react/Select';\nconst SelectOptionGroupLabel = Select.OptionGroupLabel;"
+    "import { Select } from '@base_ui/react/Select';\nconst SelectOptionGroupLabel = Select.OptionGroupLabel;"
   ],
   "classes": [],
   "spread": true,

docs/data/api/select-option-group.json

@@ -5,7 +5,7 @@
   },
   "name": "SelectOptionGroup",
   "imports": [
-    "import * as Select from '@base_ui/react/Select';\nconst SelectOptionGroup = Select.OptionGroup;"
+    "import { Select } from '@base_ui/react/Select';\nconst SelectOptionGroup = Select.OptionGroup;"
   ],
   "classes": [],
   "spread": true,

docs/data/api/select-option-indicator.json

@@ -6,7 +6,7 @@
   },
   "name": "SelectOptionIndicator",
   "imports": [
-    "import * as Select from '@base_ui/react/Select';\nconst SelectOptionIndicator = Select.OptionIndicator;"
+    "import { Select } from '@base_ui/react/Select';\nconst SelectOptionIndicator = Select.OptionIndicator;"
   ],
   "classes": [],
   "spread": true,

docs/data/api/select-option-text.json

@@ -5,7 +5,7 @@
   },
   "name": "SelectOptionText",
   "imports": [
-    "import * as Select from '@base_ui/react/Select';\nconst SelectOptionText = Select.OptionText;"
+    "import { Select } from '@base_ui/react/Select';\nconst SelectOptionText = Select.OptionText;"
   ],
   "classes": [],
   "spread": true,

docs/data/api/select-option.json

@@ -7,7 +7,7 @@
   },
   "name": "SelectOption",
   "imports": [
-    "import * as Select from '@base_ui/react/Select';\nconst SelectOption = Select.Option;"
+    "import { Select } from '@base_ui/react/Select';\nconst SelectOption = Select.Option;"
   ],
   "classes": [],
   "spread": true,

docs/data/api/select-popup.json

@@ -5,9 +5,7 @@
     "render": { "type": { "name": "union", "description": "element<br>&#124;&nbsp;func" } }
   },
   "name": "SelectPopup",
-  "imports": [
-    "import * as Select from '@base_ui/react/Select';\nconst SelectPopup = Select.Popup;"
-  ],
+  "imports": ["import { Select } from '@base_ui/react/Select';\nconst SelectPopup = Select.Popup;"],
   "classes": [],
   "spread": true,
   "themeDefaultProps": true,

docs/data/api/select-positioner.json

@@ -50,7 +50,7 @@
   },
   "name": "SelectPositioner",
   "imports": [
-    "import * as Select from '@base_ui/react/Select';\nconst SelectPositioner = Select.Positioner;"
+    "import { Select } from '@base_ui/react/Select';\nconst SelectPositioner = Select.Positioner;"
   ],
   "classes": [],
   "spread": true,

docs/data/api/select-root.json

@@ -16,7 +16,7 @@
     "value": { "type": { "name": "any" } }
   },
   "name": "SelectRoot",
-  "imports": ["import * as Select from '@base_ui/react/Select';\nconst SelectRoot = Select.Root;"],
+  "imports": ["import { Select } from '@base_ui/react/Select';\nconst SelectRoot = Select.Root;"],
   "classes": [],
   "spread": true,
   "themeDefaultProps": null,

docs/data/api/select-scroll-down-arrow.json

@@ -2,7 +2,7 @@
   "props": { "keepMounted": { "type": { "name": "bool" }, "default": "false" } },
   "name": "SelectScrollDownArrow",
   "imports": [
-    "import * as Select from '@base_ui/react/Select';\nconst SelectScrollDownArrow = Select.ScrollDownArrow;"
+    "import { Select } from '@base_ui/react/Select';\nconst SelectScrollDownArrow = Select.ScrollDownArrow;"
   ],
   "classes": [],
   "spread": true,

docs/data/api/select-scroll-up-arrow.json

@@ -2,7 +2,7 @@
   "props": { "keepMounted": { "type": { "name": "bool" }, "default": "false" } },
   "name": "SelectScrollUpArrow",
   "imports": [
-    "import * as Select from '@base_ui/react/Select';\nconst SelectScrollUpArrow = Select.ScrollUpArrow;"
+    "import { Select } from '@base_ui/react/Select';\nconst SelectScrollUpArrow = Select.ScrollUpArrow;"
   ],
   "classes": [],
   "spread": true,

docs/data/api/select-separator.json

@@ -5,7 +5,7 @@
   },
   "name": "SelectSeparator",
   "imports": [
-    "import * as Select from '@base_ui/react/Select';\nconst SelectSeparator = Select.Separator;"
+    "import { Select } from '@base_ui/react/Select';\nconst SelectSeparator = Select.Separator;"
   ],
   "classes": [],
   "spread": true,

docs/data/api/select-trigger.json

@@ -8,7 +8,7 @@
   },
   "name": "SelectTrigger",
   "imports": [
-    "import * as Select from '@base_ui/react/Select';\nconst SelectTrigger = Select.Trigger;"
+    "import { Select } from '@base_ui/react/Select';\nconst SelectTrigger = Select.Trigger;"
   ],
   "classes": [],
   "spread": true,

docs/data/api/select-value.json

@@ -5,9 +5,7 @@
     "render": { "type": { "name": "union", "description": "element<br>&#124;&nbsp;func" } }
   },
   "name": "SelectValue",
-  "imports": [
-    "import * as Select from '@base_ui/react/Select';\nconst SelectValue = Select.Value;"
-  ],
+  "imports": ["import { Select } from '@base_ui/react/Select';\nconst SelectValue = Select.Value;"],
   "classes": [],
   "spread": true,
   "themeDefaultProps": true,

docs/data/components/select/SelectAlign.js

@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import * as Select from '@base_ui/react/Select';
+import { Select } from '@base_ui/react/Select';
 import { css, styled } from '@mui/system';
 
 function AlignOptionToTriggerTrue() {

docs/data/components/select/SelectAlign.tsx

@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import * as Select from '@base_ui/react/Select';
+import { Select } from '@base_ui/react/Select';
 import { css, styled } from '@mui/system';
 
 function AlignOptionToTriggerTrue() {

docs/data/components/select/SelectEmpty.js

@@ -1,7 +1,7 @@
 'use client';
 
 import * as React from 'react';
-import * as Select from '@base_ui/react/Select';
+import { Select } from '@base_ui/react/Select';
 import { css, styled } from '@mui/system';
 
 export default function SelectEmpty() {

docs/data/components/select/SelectEmpty.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import * as React from 'react';
-import * as Select from '@base_ui/react/Select';
+import { Select } from '@base_ui/react/Select';
 import { css, styled } from '@mui/system';
 
 export default function SelectEmpty() {

docs/data/components/select/SelectGroup.js

@@ -1,7 +1,7 @@
 'use client';
 
 import * as React from 'react';
-import * as Select from '@base_ui/react/Select';
+import { Select } from '@base_ui/react/Select';
 import { css, styled } from '@mui/system';
 
 function createOptions(items) {

docs/data/components/select/SelectGroup.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import * as React from 'react';
-import * as Select from '@base_ui/react/Select';
+import { Select } from '@base_ui/react/Select';
 import { css, styled } from '@mui/system';
 
 function createOptions(items: string[]) {

docs/data/components/select/SelectIntroduction/system/index.js

@@ -1,7 +1,7 @@
 'use client';
 
 import * as React from 'react';
-import * as Select from '@base_ui/react/Select';
+import { Select } from '@base_ui/react/Select';
 import { css, styled } from '@mui/system';
 
 export default function SelectIntroduction() {

docs/data/components/select/SelectIntroduction/system/index.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import * as React from 'react';
-import * as Select from '@base_ui/react/Select';
+import { Select } from '@base_ui/react/Select';
 import { css, styled } from '@mui/system';
 
 export default function SelectIntroduction() {

packages/mui-base/src/Field/Root/FieldRoot.test.tsx

@@ -6,7 +6,7 @@ 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 * as Select from '@base_ui/react/Select';
+import { Select } from '@base_ui/react/Select';
 import userEvent from '@testing-library/user-event';
 import { act, fireEvent, flushMicrotasks, screen, waitFor } from '@mui/internal-test-utils';
 import { expect } from 'chai';

packages/mui-base/src/Select/Arrow/SelectArrow.test.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import * as Select from '@base_ui/react/Select';
+import { Select } from '@base_ui/react/Select';
 import { createRenderer, describeConformance } from '#test-utils';
 
 describe('<Select.Arrow />', () => {

packages/mui-base/src/Select/Arrow/SelectArrow.tsx

@@ -8,6 +8,7 @@ import { useForkRef } from '../../utils/useForkRef';
 import { mergeReactProps } from '../../utils/mergeReactProps';
 import type { BaseUIComponentProps } from '../../utils/types';
 import { commonStyleHooks } from '../utils/commonStyleHooks';
+
 /**
  *
  * Demos:

packages/mui-base/src/Select/Backdrop/SelectBackdrop.test.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import * as Select from '@base_ui/react/Select';
+import { Select } from '@base_ui/react/Select';
 import { createRenderer, describeConformance } from '#test-utils';
 
 describe('<Select.Backdrop />', () => {

packages/mui-base/src/Select/Backdrop/SelectBackdrop.tsx

@@ -12,6 +12,7 @@ import { commonStyleHooks } from '../utils/commonStyleHooks';
 import type { CustomStyleHookMapping } from '../../utils/getStyleHookProps';
 
 const customStyleHookMapping: CustomStyleHookMapping<SelectBackdrop.OwnerState> = commonStyleHooks;
+
 /**
  *
  * Demos:

packages/mui-base/src/Select/Group/SelectGroup.test.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import * as Select from '@base_ui/react/Select';
+import { Select } from '@base_ui/react/Select';
 import { createRenderer, describeConformance } from '#test-utils';
 import { screen } from '@mui/internal-test-utils';
 import { expect } from 'chai';

packages/mui-base/src/Select/GroupLabel/SelectGroupLabel.test.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import * as Select from '@base_ui/react/Select';
+import { Select } from '@base_ui/react/Select';
 import { createRenderer, describeConformance } from '#test-utils';
 
 describe('<Select.GroupLabel />', () => {

packages/mui-base/src/Select/Icon/SelectIcon.test.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import * as Select from '@base_ui/react/Select';
+import { Select } from '@base_ui/react/Select';
 import { createRenderer, describeConformance } from '#test-utils';
 
 describe('<Select.Icon />', () => {

packages/mui-base/src/Select/Option/SelectOption.test.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import * as Select from '@base_ui/react/Select';
+import { Select } from '@base_ui/react/Select';
 import { fireEvent, flushMicrotasks, screen, waitFor } from '@mui/internal-test-utils';
 import { createRenderer, describeConformance } from '#test-utils';
 import { expect } from 'chai';

packages/mui-base/src/Select/OptionIndicator/SelectOptionIndicator.test.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import * as Select from '@base_ui/react/Select';
+import { Select } from '@base_ui/react/Select';
 import { createRenderer, describeConformance } from '#test-utils';
 import { SelectOptionContext } from '../Option/SelectOptionContext';
 

packages/mui-base/src/Select/OptionIndicator/SelectOptionIndicator.tsx

@@ -11,6 +11,7 @@ import { mergeReactProps } from '../../utils/mergeReactProps';
 
 const customStyleHookMapping: CustomStyleHookMapping<SelectOptionIndicator.OwnerState> =
   commonStyleHooks;
+
 /**
  *
  * Demos:

packages/mui-base/src/Select/OptionText/SelectOptionText.test.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import * as Select from '@base_ui/react/Select';
+import { Select } from '@base_ui/react/Select';
 import { createRenderer, describeConformance } from '#test-utils';
 
 describe('<Select.OptionText />', () => {

packages/mui-base/src/Select/Popup/SelectPopup.test.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import * as Select from '@base_ui/react/Select';
+import { Select } from '@base_ui/react/Select';
 import { createRenderer, describeConformance } from '#test-utils';
 
 describe('<Select.Popup />', () => {

packages/mui-base/src/Select/Positioner/SelectPositioner.test.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import * as Select from '@base_ui/react/Select';
+import { Select } from '@base_ui/react/Select';
 import { createRenderer, describeConformance } from '#test-utils';
 
 describe('<Select.Positioner />', () => {

packages/mui-base/src/Select/Root/SelectRoot.test.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import * as Select from '@base_ui/react/Select';
+import { Select } from '@base_ui/react/Select';
 import { fireEvent, flushMicrotasks, screen } from '@mui/internal-test-utils';
 import { createRenderer } from '#test-utils';
 import { expect } from 'chai';

packages/mui-base/src/Select/ScrollDownArrow/SelectScrollDownArrow.test.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import * as Select from '@base_ui/react/Select';
+import { Select } from '@base_ui/react/Select';
 import { createRenderer, describeConformance } from '#test-utils';
 
 describe('<Select.ScrollUpArrow />', () => {

packages/mui-base/src/Select/ScrollUpArrow/SelectScrollUpArrow.test.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import * as Select from '@base_ui/react/Select';
+import { Select } from '@base_ui/react/Select';
 import { createRenderer, describeConformance } from '#test-utils';
 
 describe('<Select.ScrollDownArrow />', () => {

packages/mui-base/src/Select/Trigger/SelectTrigger.test.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import * as Select from '@base_ui/react/Select';
+import { Select } from '@base_ui/react/Select';
 import { createRenderer, describeConformance } from '#test-utils';
 
 describe('<Select.Trigger />', () => {

packages/mui-base/src/Select/Value/SelectValue.test.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import * as Select from '@base_ui/react/Select';
+import { Select } from '@base_ui/react/Select';
 import { screen } from '@mui/internal-test-utils';
 import { createRenderer, describeConformance } from '#test-utils';
 import { expect } from 'chai';