From d40b500ed36ab82f5ff6bf7f39c4ffa88386bcc7 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Micha=C5=82=20Dudak?= Date: Tue, 11 Jun 2024 13:43:12 +0200 Subject: [PATCH] [core] Move legacy components to a subdirectory (#410) Co-authored-by: Albert Yu --- .circleci/config.yml | 2 +- .eslintrc.js | 25 +++++++ .../AutocompleteIntroduction/css/index.js | 8 +-- .../AutocompleteIntroduction/css/index.tsx | 8 +-- .../AutocompleteIntroduction/system/index.js | 6 +- .../AutocompleteIntroduction/system/index.tsx | 6 +- .../tailwind/index.js | 6 +- .../tailwind/index.tsx | 6 +- .../autocomplete/ControlledStates.js | 2 +- .../autocomplete/ControlledStates.tsx | 2 +- .../autocomplete/UseAutocomplete.js | 2 +- .../autocomplete/UseAutocomplete.tsx | 2 +- .../autocomplete/UseAutocompletePopper.js | 4 +- .../autocomplete/UseAutocompletePopper.tsx | 4 +- .../components/autocomplete/autocomplete.md | 6 +- .../base/components/badge/AccessibleBadges.js | 2 +- .../components/badge/AccessibleBadges.tsx | 2 +- docs/data/base/components/badge/BadgeMax.js | 2 +- docs/data/base/components/badge/BadgeMax.tsx | 2 +- .../base/components/badge/BadgeVisibility.js | 4 +- .../base/components/badge/BadgeVisibility.tsx | 4 +- .../base/components/badge/ShowZeroBadge.js | 2 +- .../base/components/badge/ShowZeroBadge.tsx | 2 +- .../badge/UnstyledBadge/css/index.js | 2 +- .../badge/UnstyledBadge/css/index.tsx | 2 +- .../badge/UnstyledBadge/system/index.js | 2 +- .../badge/UnstyledBadge/system/index.tsx | 2 +- .../badge/UnstyledBadge/tailwind/index.js | 2 +- .../badge/UnstyledBadge/tailwind/index.tsx | 2 +- .../UnstyledBadgeIntroduction/css/index.js | 2 +- .../UnstyledBadgeIntroduction/css/index.tsx | 2 +- .../UnstyledBadgeIntroduction/system/index.js | 2 +- .../system/index.tsx | 2 +- .../tailwind/index.js | 2 +- .../tailwind/index.tsx | 2 +- docs/data/base/components/badge/badge.md | 4 +- .../components/button/UnstyledButtonCustom.js | 2 +- .../button/UnstyledButtonCustom.tsx | 2 +- .../UnstyledButtonIntroduction/css/index.js | 2 +- .../UnstyledButtonIntroduction/css/index.tsx | 2 +- .../system/index.js | 2 +- .../system/index.tsx | 2 +- .../tailwind/index.js | 2 +- .../tailwind/index.tsx | 2 +- .../button/UnstyledButtonsDisabledFocus.js | 2 +- .../button/UnstyledButtonsDisabledFocus.tsx | 2 +- .../UnstyledButtonsDisabledFocusCustom.js | 2 +- .../UnstyledButtonsDisabledFocusCustom.tsx | 4 +- .../button/UnstyledButtonsSimple.js | 2 +- .../button/UnstyledButtonsSimple.tsx | 2 +- .../components/button/UnstyledButtonsSpan.js | 2 +- .../components/button/UnstyledButtonsSpan.tsx | 2 +- .../components/button/UnstyledLinkButton.js | 2 +- .../components/button/UnstyledLinkButton.tsx | 2 +- .../data/base/components/button/UseButton.tsx | 2 +- docs/data/base/components/button/button.md | 2 +- .../click-away-listener/ClickAway.js | 2 +- .../click-away-listener/ClickAway.tsx | 2 +- .../click-away-listener/LeadingClickAway.js | 2 +- .../click-away-listener/LeadingClickAway.tsx | 2 +- .../click-away-listener/PortalClickAway.js | 4 +- .../click-away-listener/PortalClickAway.tsx | 4 +- .../click-away-listener.md | 2 +- .../components/focus-trap/BasicFocusTrap.js | 2 +- .../components/focus-trap/BasicFocusTrap.tsx | 2 +- .../focus-trap/ContainedToggleTrappedFocus.js | 2 +- .../ContainedToggleTrappedFocus.tsx | 2 +- .../focus-trap/DisableEnforceFocus.js | 2 +- .../focus-trap/DisableEnforceFocus.tsx | 2 +- .../components/focus-trap/LazyFocusTrap.js | 2 +- .../components/focus-trap/LazyFocusTrap.tsx | 2 +- .../components/focus-trap/PortalFocusTrap.js | 4 +- .../components/focus-trap/PortalFocusTrap.tsx | 4 +- .../base/components/focus-trap/focus-trap.md | 2 +- .../BasicFormControl/css/index.js | 7 +- .../BasicFormControl/css/index.tsx | 7 +- .../BasicFormControl/system/index.js | 7 +- .../BasicFormControl/system/index.tsx | 7 +- .../BasicFormControl/tailwind/index.js | 7 +- .../BasicFormControl/tailwind/index.tsx | 7 +- .../form-control/FormControlFunctionChild.js | 4 +- .../form-control/FormControlFunctionChild.tsx | 4 +- .../components/form-control/UseFormControl.js | 5 +- .../form-control/UseFormControl.tsx | 5 +- .../components/form-control/form-control.md | 4 +- .../base/components/input/InputAdornments.js | 4 +- .../base/components/input/InputAdornments.tsx | 8 ++- .../base/components/input/InputMultiline.js | 2 +- .../base/components/input/InputMultiline.tsx | 2 +- .../input/InputMultilineAutosize.js | 4 +- .../input/InputMultilineAutosize.tsx | 4 +- docs/data/base/components/input/OTPInput.js | 2 +- docs/data/base/components/input/OTPInput.tsx | 2 +- .../input/UnstyledInputBasic/css/index.js | 2 +- .../input/UnstyledInputBasic/css/index.tsx | 2 +- .../input/UnstyledInputBasic/system/index.js | 2 +- .../input/UnstyledInputBasic/system/index.tsx | 2 +- .../UnstyledInputBasic/tailwind/index.js | 2 +- .../UnstyledInputBasic/tailwind/index.tsx | 2 +- .../UnstyledInputIntroduction/css/index.js | 2 +- .../UnstyledInputIntroduction/css/index.tsx | 2 +- .../UnstyledInputIntroduction/system/index.js | 2 +- .../system/index.tsx | 2 +- .../tailwind/index.js | 2 +- .../tailwind/index.tsx | 2 +- docs/data/base/components/input/UseInput.js | 2 +- docs/data/base/components/input/UseInput.tsx | 2 +- docs/data/base/components/input/input.md | 4 +- .../menu/MenuIntroduction/css/index.js | 12 ++-- .../menu/MenuIntroduction/css/index.tsx | 12 ++-- .../menu/MenuIntroduction/system/index.js | 15 ++-- .../menu/MenuIntroduction/system/index.tsx | 15 ++-- .../menu/MenuIntroduction/tailwind/index.js | 12 ++-- .../menu/MenuIntroduction/tailwind/index.tsx | 15 ++-- .../components/menu/MenuSimple/css/index.js | 8 +-- .../components/menu/MenuSimple/css/index.tsx | 8 +-- .../menu/MenuSimple/system/index.js | 11 +-- .../menu/MenuSimple/system/index.tsx | 11 +-- .../menu/MenuSimple/tailwind/index.js | 8 +-- .../menu/MenuSimple/tailwind/index.tsx | 11 +-- .../base/components/menu/MenuTransitions.js | 15 ++-- .../base/components/menu/MenuTransitions.tsx | 15 ++-- docs/data/base/components/menu/UseMenu.js | 10 +-- docs/data/base/components/menu/UseMenu.tsx | 10 +-- .../base/components/menu/WrappedMenuItems.js | 11 +-- .../base/components/menu/WrappedMenuItems.tsx | 11 +-- docs/data/base/components/menu/menu.md | 16 ++--- .../base/components/modal/KeepMountedModal.js | 2 +- .../components/modal/KeepMountedModal.tsx | 2 +- .../base/components/modal/ModalUnstyled.js | 2 +- .../base/components/modal/ModalUnstyled.tsx | 2 +- .../data/base/components/modal/NestedModal.js | 4 +- .../base/components/modal/NestedModal.tsx | 4 +- .../data/base/components/modal/ServerModal.js | 2 +- .../base/components/modal/ServerModal.tsx | 2 +- .../data/base/components/modal/SpringModal.js | 4 +- .../base/components/modal/SpringModal.tsx | 4 +- .../base/components/modal/TransitionsModal.js | 4 +- .../components/modal/TransitionsModal.tsx | 4 +- docs/data/base/components/modal/UseModal.js | 8 +-- docs/data/base/components/modal/UseModal.tsx | 8 +-- docs/data/base/components/modal/modal.md | 2 +- .../base/components/no-ssr/FrameDeferring.js | 2 +- .../base/components/no-ssr/FrameDeferring.tsx | 2 +- .../base/components/no-ssr/SimpleNoSsr.js | 2 +- .../base/components/no-ssr/SimpleNoSsr.tsx | 2 +- docs/data/base/components/no-ssr/no-ssr.md | 2 +- .../base/components/popper/PlacementPopper.js | 2 +- .../components/popper/PlacementPopper.tsx | 2 +- .../base/components/popper/SimplePopper.js | 2 +- .../base/components/popper/SimplePopper.tsx | 2 +- .../popper/UnstyledPopperBasic/css/index.js | 2 +- .../popper/UnstyledPopperBasic/css/index.tsx | 2 +- .../UnstyledPopperBasic/system/index.js | 2 +- .../UnstyledPopperBasic/system/index.tsx | 2 +- .../UnstyledPopperBasic/tailwind/index.js | 2 +- .../UnstyledPopperBasic/tailwind/index.tsx | 2 +- docs/data/base/components/popper/popper.md | 2 +- .../base/components/popup/AnimatedPopup.js | 4 +- .../base/components/popup/AnimatedPopup.tsx | 4 +- .../components/popup/DisabledPortalPopup.js | 2 +- .../components/popup/DisabledPortalPopup.tsx | 2 +- docs/data/base/components/popup/Placement.js | 2 +- docs/data/base/components/popup/Placement.tsx | 2 +- .../data/base/components/popup/SimplePopup.js | 2 +- .../base/components/popup/SimplePopup.tsx | 2 +- .../UnstyledPopupIntroduction/css/index.js | 2 +- .../UnstyledPopupIntroduction/css/index.tsx | 2 +- .../UnstyledPopupIntroduction/system/index.js | 2 +- .../system/index.tsx | 2 +- .../tailwind/index.js | 2 +- .../tailwind/index.tsx | 2 +- docs/data/base/components/popup/popup.md | 2 +- .../base/components/portal/SimplePortal.js | 2 +- .../base/components/portal/SimplePortal.tsx | 2 +- .../select/UnstyledSelectBasic/css/index.js | 4 +- .../select/UnstyledSelectBasic/css/index.tsx | 8 ++- .../UnstyledSelectBasic/system/index.js | 4 +- .../UnstyledSelectBasic/system/index.tsx | 4 +- .../UnstyledSelectBasic/tailwind/index.js | 4 +- .../UnstyledSelectBasic/tailwind/index.tsx | 4 +- .../select/UnstyledSelectControlled.js | 4 +- .../select/UnstyledSelectControlled.tsx | 4 +- .../select/UnstyledSelectCustomRenderValue.js | 4 +- .../UnstyledSelectCustomRenderValue.tsx | 6 +- .../components/select/UnstyledSelectForm.js | 4 +- .../components/select/UnstyledSelectForm.tsx | 4 +- .../select/UnstyledSelectGrouping.js | 6 +- .../select/UnstyledSelectGrouping.tsx | 6 +- .../UnstyledSelectIntroduction/css/index.js | 8 +-- .../UnstyledSelectIntroduction/css/index.tsx | 8 +-- .../system/index.js | 8 +-- .../system/index.tsx | 8 +-- .../tailwind/index.js | 8 +-- .../tailwind/index.tsx | 8 +-- .../select/UnstyledSelectMultiple.js | 4 +- .../select/UnstyledSelectMultiple.tsx | 4 +- .../select/UnstyledSelectObjectValues.js | 4 +- .../select/UnstyledSelectObjectValues.tsx | 4 +- .../select/UnstyledSelectObjectValuesForm.js | 4 +- .../select/UnstyledSelectObjectValuesForm.tsx | 6 +- .../select/UnstyledSelectRichOptions.js | 4 +- .../select/UnstyledSelectRichOptions.tsx | 4 +- .../select/UnstyledSelectTransitions.js | 8 +-- .../select/UnstyledSelectTransitions.tsx | 8 +-- docs/data/base/components/select/UseSelect.js | 4 +- .../data/base/components/select/UseSelect.tsx | 4 +- docs/data/base/components/select/select.md | 8 +-- .../UnstyledSliderIntroduction/css/index.js | 2 +- .../UnstyledSliderIntroduction/css/index.tsx | 2 +- .../system/index.js | 4 +- .../system/index.tsx | 4 +- .../base/components/slider/VerticalSlider.js | 2 +- .../base/components/slider/VerticalSlider.tsx | 2 +- .../snackbar/TransitionComponentSnackbar.js | 2 +- .../snackbar/TransitionComponentSnackbar.tsx | 4 +- .../snackbar/UnstyledSnackbar/css/index.js | 4 +- .../snackbar/UnstyledSnackbar/css/index.tsx | 4 +- .../snackbar/UnstyledSnackbar/system/index.js | 4 +- .../UnstyledSnackbar/system/index.tsx | 4 +- .../UnstyledSnackbar/tailwind/index.js | 4 +- .../UnstyledSnackbar/tailwind/index.tsx | 4 +- .../UnstyledSnackbarIntroduction/css/index.js | 2 +- .../css/index.tsx | 4 +- .../system/index.js | 2 +- .../system/index.tsx | 4 +- .../tailwind/index.js | 2 +- .../tailwind/index.tsx | 4 +- .../base/components/snackbar/UseSnackbar.js | 4 +- .../base/components/snackbar/UseSnackbar.tsx | 4 +- .../data/base/components/snackbar/snackbar.md | 4 +- .../table-pagination/TableCustomized.js | 4 +- .../table-pagination/TableCustomized.tsx | 4 +- .../table-pagination/TableUnstyled.js | 2 +- .../table-pagination/TableUnstyled.tsx | 2 +- .../css/index.js | 2 +- .../css/index.tsx | 2 +- .../system/index.js | 2 +- .../system/index.tsx | 2 +- .../tailwind/index.js | 2 +- .../tailwind/index.tsx | 2 +- .../table-pagination/table-pagination.md | 2 +- .../textarea-autosize/EmptyTextarea.js | 2 +- .../textarea-autosize/EmptyTextarea.tsx | 2 +- .../textarea-autosize/MaxHeightTextarea.js | 2 +- .../textarea-autosize/MaxHeightTextarea.tsx | 2 +- .../textarea-autosize/MinHeightTextarea.js | 2 +- .../textarea-autosize/MinHeightTextarea.tsx | 2 +- .../UnstyledTextarea/css/index.js | 2 +- .../UnstyledTextarea/css/index.tsx | 2 +- .../UnstyledTextarea/system/index.js | 2 +- .../UnstyledTextarea/system/index.tsx | 2 +- .../UnstyledTextarea/tailwind/index.js | 2 +- .../UnstyledTextarea/tailwind/index.tsx | 2 +- .../UnstyledTextareaIntroduction/css/index.js | 2 +- .../css/index.tsx | 2 +- .../system/index.js | 2 +- .../system/index.tsx | 2 +- .../tailwind/index.js | 2 +- .../tailwind/index.tsx | 2 +- .../textarea-autosize/textarea-autosize.md | 2 +- .../transitions/CssAnimationComponent.js | 6 +- .../transitions/CssAnimationComponent.tsx | 6 +- .../transitions/CssTransitionComponent.js | 6 +- .../transitions/CssTransitionComponent.tsx | 6 +- .../components/transitions/ReactSpring.js | 6 +- .../components/transitions/ReactSpring.tsx | 6 +- .../transitions/ReactTransitionGroup.js | 6 +- .../transitions/ReactTransitionGroup.tsx | 6 +- .../components/transitions/TransitionHooks.js | 2 +- .../transitions/TransitionHooks.tsx | 2 +- .../accessibility/ColorContrast.js | 2 +- .../accessibility/ColorContrast.tsx | 2 +- .../accessibility/KeyboardNavigation.js | 15 ++-- .../accessibility/KeyboardNavigation.tsx | 15 ++-- .../getting-started/quickstart/BaseButton.js | 2 +- .../getting-started/quickstart/BaseButton.tsx | 2 +- .../quickstart/BaseButtonMuiSystem.js | 2 +- .../quickstart/BaseButtonMuiSystem.tsx | 2 +- .../quickstart/BaseButtonPlainCss.js | 2 +- .../quickstart/BaseButtonPlainCss.tsx | 2 +- .../getting-started/quickstart/Tutorial.js | 2 +- .../getting-started/quickstart/Tutorial.tsx | 2 +- .../OverridingInternalSlot.js | 4 +- .../OverridingInternalSlot.tsx | 4 +- .../OverridingRootSlot.js | 2 +- .../OverridingRootSlot.tsx | 2 +- .../working-with-tailwind-css.md | 2 +- docs/pages/base-ui/api/badge.json | 4 +- docs/pages/base-ui/api/button.json | 4 +- .../base-ui/api/click-away-listener.json | 4 +- docs/pages/base-ui/api/css-animation.json | 4 +- docs/pages/base-ui/api/css-transition.json | 4 +- docs/pages/base-ui/api/dropdown.json | 4 +- docs/pages/base-ui/api/focus-trap.json | 4 +- docs/pages/base-ui/api/form-control.json | 4 +- docs/pages/base-ui/api/input.json | 4 +- docs/pages/base-ui/api/menu-button.json | 4 +- docs/pages/base-ui/api/menu-item.json | 4 +- docs/pages/base-ui/api/menu.json | 4 +- docs/pages/base-ui/api/modal.json | 4 +- docs/pages/base-ui/api/no-ssr.json | 4 +- docs/pages/base-ui/api/option-group.json | 4 +- docs/pages/base-ui/api/option.json | 4 +- docs/pages/base-ui/api/popper.json | 4 +- docs/pages/base-ui/api/popup.json | 4 +- docs/pages/base-ui/api/portal.json | 4 +- docs/pages/base-ui/api/select.json | 4 +- docs/pages/base-ui/api/snackbar.json | 4 +- docs/pages/base-ui/api/table-pagination.json | 4 +- docs/pages/base-ui/api/textarea-autosize.json | 4 +- docs/pages/base-ui/api/use-autocomplete.json | 4 +- docs/pages/base-ui/api/use-badge.json | 4 +- docs/pages/base-ui/api/use-dropdown.json | 4 +- .../base-ui/api/use-form-control-context.json | 4 +- docs/pages/base-ui/api/use-input.json | 4 +- docs/pages/base-ui/api/use-menu-button.json | 4 +- .../api/use-menu-item-context-stabilizer.json | 4 +- docs/pages/base-ui/api/use-menu-item.json | 4 +- docs/pages/base-ui/api/use-menu.json | 4 +- docs/pages/base-ui/api/use-modal.json | 4 +- .../api/use-option-context-stabilizer.json | 4 +- docs/pages/base-ui/api/use-option.json | 4 +- docs/pages/base-ui/api/use-select.json | 4 +- docs/pages/base-ui/api/use-snackbar.json | 4 +- .../api/use-transition-state-manager.json | 4 +- .../base-ui/api/use-transition-trigger.json | 4 +- packages/mui-base/.npmignore | 3 + packages/mui-base/package.json | 43 +----------- .../scripts/testModuleAugmentation.js | 65 ------------------ .../Indicator/CheckboxIndicator.types.ts | 2 +- .../src/Checkbox/Root/CheckboxRoot.types.ts | 2 +- .../Decrement/NumberFieldDecrement.types.ts | 2 +- .../Group/NumberFieldGroup.types.ts | 2 +- .../Increment/NumberFieldIncrement.types.ts | 2 +- .../Input/NumberFieldInput.types.ts | 2 +- .../NumberField/Root/NumberFieldRoot.types.ts | 2 +- .../ScrubArea/NumberFieldScrubArea.types.ts | 2 +- .../NumberFieldScrubAreaCursor.types.ts | 2 +- packages/mui-base/src/Slider/Slider.tsx | 10 +-- packages/mui-base/src/Slider/Slider.types.ts | 3 +- packages/mui-base/src/Slider/sliderClasses.ts | 4 +- .../src/Switch/Root/SwitchRoot.test.tsx | 8 ++- .../src/Switch/Root/SwitchRoot.types.ts | 2 +- .../src/Switch/Thumb/SwitchThumb.types.ts | 2 +- .../mui-base/src/Tabs/Root/TabsRoot.types.ts | 2 +- packages/mui-base/src/Tabs/Tab/Tab.types.ts | 2 +- packages/mui-base/src/Tabs/Tab/useTab.ts | 6 +- .../Tabs/TabIndicator/TabIndicator.types.ts | 2 +- .../src/Tabs/TabPanel/TabPanel.types.ts | 2 +- .../src/Tabs/TabsList/TabsList.types.ts | 2 +- .../src/Tooltip/Arrow/TooltipArrow.types.ts | 2 +- .../src/Tooltip/Popup/TooltipPopup.types.ts | 2 +- .../Tooltip/Positioner/TooltipPositioner.tsx | 2 +- .../Positioner/TooltipPositioner.types.ts | 2 +- .../Positioner/useTooltipPositioner.types.ts | 2 +- .../Tooltip/Trigger/TooltipTrigger.types.ts | 2 +- .../src/{ => legacy}/Badge/Badge.spec.tsx | 2 +- .../src/{ => legacy}/Badge/Badge.test.tsx | 4 +- .../mui-base/src/{ => legacy}/Badge/Badge.tsx | 3 +- .../src/{ => legacy}/Badge/Badge.types.ts | 2 +- .../src/{ => legacy}/Badge/badgeClasses.ts | 0 .../mui-base/src/{ => legacy}/Badge/index.ts | 0 .../src/{ => legacy}/Button/Button.spec.tsx | 2 +- .../src/{ => legacy}/Button/Button.test.tsx | 4 +- .../src/{ => legacy}/Button/Button.tsx | 4 +- .../src/{ => legacy}/Button/Button.types.ts | 4 +- .../src/{ => legacy}/Button/buttonClasses.ts | 0 .../mui-base/src/{ => legacy}/Button/index.ts | 0 .../{ => legacy}/ClassNameGenerator/index.ts | 0 .../ClickAwayListener.test.js | 4 +- .../ClickAwayListener/ClickAwayListener.tsx | 0 .../{ => legacy}/ClickAwayListener/index.ts | 0 .../{ => legacy}/Dropdown/Dropdown.test.tsx | 14 ++-- .../src/{ => legacy}/Dropdown/Dropdown.tsx | 0 .../{ => legacy}/Dropdown/Dropdown.types.ts | 0 .../src/{ => legacy}/Dropdown/index.ts | 0 .../{ => legacy}/FocusTrap/FocusTrap.test.tsx | 4 +- .../src/{ => legacy}/FocusTrap/FocusTrap.tsx | 0 .../{ => legacy}/FocusTrap/FocusTrap.types.ts | 0 .../src/{ => legacy}/FocusTrap/index.ts | 0 .../FormControl/FormControl.spec.tsx | 2 +- .../FormControl/FormControl.test.tsx | 8 ++- .../{ => legacy}/FormControl/FormControl.tsx | 3 +- .../FormControl/FormControl.types.ts | 3 +- .../FormControl/FormControlContext.ts | 0 .../FormControl/formControlClasses.ts | 0 .../src/{ => legacy}/FormControl/index.ts | 0 .../FormControl/useFormControlContext.ts | 0 .../src/{ => legacy}/Input/Input.spec.tsx | 2 +- .../src/{ => legacy}/Input/Input.test.tsx | 4 +- .../mui-base/src/{ => legacy}/Input/Input.tsx | 6 +- .../src/{ => legacy}/Input/Input.types.ts | 3 +- .../mui-base/src/{ => legacy}/Input/index.ts | 0 .../src/{ => legacy}/Input/inputClasses.ts | 0 .../src/{ => legacy}/Menu/Menu.spec.tsx | 2 +- .../src/{ => legacy}/Menu/Menu.test.tsx | 12 ++-- .../mui-base/src/{ => legacy}/Menu/Menu.tsx | 4 +- .../src/{ => legacy}/Menu/Menu.types.ts | 5 +- .../mui-base/src/{ => legacy}/Menu/index.tsx | 0 .../src/{ => legacy}/Menu/menuClasses.ts | 0 .../MenuButton/MenuButton.test.tsx | 6 +- .../{ => legacy}/MenuButton/MenuButton.tsx | 2 +- .../MenuButton/MenuButton.types.ts | 0 .../src/{ => legacy}/MenuButton/index.ts | 0 .../MenuButton/menuButtonClasses.ts | 0 .../{ => legacy}/MenuItem/MenuItem.spec.tsx | 2 +- .../{ => legacy}/MenuItem/MenuItem.test.tsx | 6 +- .../src/{ => legacy}/MenuItem/MenuItem.tsx | 4 +- .../{ => legacy}/MenuItem/MenuItem.types.ts | 3 +- .../src/{ => legacy}/MenuItem/index.ts | 0 .../{ => legacy}/MenuItem/menuItemClasses.ts | 0 .../src/{ => legacy}/Modal/Modal.spec.tsx | 2 +- .../src/{ => legacy}/Modal/Modal.test.tsx | 4 +- .../mui-base/src/{ => legacy}/Modal/Modal.tsx | 3 +- .../src/{ => legacy}/Modal/Modal.types.ts | 3 +- .../mui-base/src/{ => legacy}/Modal/index.ts | 0 .../src/{ => legacy}/Modal/modalClasses.ts | 0 .../{ => legacy}/MultiSelect/MultiSelect.tsx | 0 .../src/{ => legacy}/MultiSelect/index.ts | 0 .../src/{ => legacy}/NoSsr/NoSsr.test.tsx | 2 +- .../mui-base/src/{ => legacy}/NoSsr/NoSsr.tsx | 0 .../src/{ => legacy}/NoSsr/NoSsr.types.ts | 0 .../mui-base/src/{ => legacy}/NoSsr/index.ts | 0 .../src/{ => legacy}/Option/Option.spec.tsx | 2 +- .../src/{ => legacy}/Option/Option.test.tsx | 4 +- .../src/{ => legacy}/Option/Option.tsx | 5 +- .../src/{ => legacy}/Option/Option.types.ts | 3 +- .../mui-base/src/{ => legacy}/Option/index.ts | 0 .../src/{ => legacy}/Option/optionClasses.tsx | 0 .../OptionGroup/OptionGroup.spec.tsx | 2 +- .../OptionGroup/OptionGroup.test.tsx | 4 +- .../{ => legacy}/OptionGroup/OptionGroup.tsx | 3 +- .../OptionGroup/OptionGroup.types.ts | 3 +- .../src/{ => legacy}/OptionGroup/index.ts | 0 .../OptionGroup/optionGroupClasses.ts | 0 .../src/{ => legacy}/Popper/Popper.spec.tsx | 2 +- .../src/{ => legacy}/Popper/Popper.test.tsx | 4 +- .../src/{ => legacy}/Popper/Popper.tsx | 4 +- .../src/{ => legacy}/Popper/Popper.types.ts | 3 +- .../mui-base/src/{ => legacy}/Popper/index.ts | 0 .../src/{ => legacy}/Popper/popperClasses.ts | 0 .../src/{ => legacy}/Portal/Portal.test.tsx | 2 +- .../src/{ => legacy}/Portal/Portal.tsx | 0 .../src/{ => legacy}/Portal/Portal.types.ts | 0 .../mui-base/src/{ => legacy}/Portal/index.ts | 0 packages/mui-base/src/legacy/README.md | 7 ++ .../src/{ => legacy}/Select/Select.spec.tsx | 2 +- .../src/{ => legacy}/Select/Select.test.tsx | 15 ++-- .../src/{ => legacy}/Select/Select.tsx | 3 +- .../src/{ => legacy}/Select/Select.types.ts | 3 +- .../mui-base/src/{ => legacy}/Select/index.ts | 0 .../src/{ => legacy}/Select/selectClasses.ts | 0 .../{ => legacy}/Snackbar/Snackbar.spec.tsx | 2 +- .../{ => legacy}/Snackbar/Snackbar.test.tsx | 4 +- .../src/{ => legacy}/Snackbar/Snackbar.tsx | 4 +- .../{ => legacy}/Snackbar/Snackbar.types.ts | 3 +- .../src/{ => legacy}/Snackbar/index.ts | 0 .../{ => legacy}/Snackbar/snackbarClasses.ts | 0 .../TablePagination/TablePagination.spec.tsx | 2 +- .../TablePagination/TablePagination.test.tsx | 4 +- .../TablePagination/TablePagination.tsx | 6 +- .../TablePagination/TablePagination.types.ts | 3 +- .../TablePaginationActions.spec.tsx | 2 +- .../TablePaginationActions.tsx | 4 +- .../TablePaginationActions.types.ts | 3 +- .../TablePagination/common.types.ts | 0 .../src/{ => legacy}/TablePagination/index.ts | 0 .../TablePagination/tablePaginationClasses.ts | 0 .../TextareaAutosize.test.tsx | 4 +- .../TextareaAutosize/TextareaAutosize.tsx | 0 .../TextareaAutosize.types.ts | 0 .../{ => legacy}/TextareaAutosize/index.ts | 0 .../Transitions/CssAnimation.test.tsx | 0 .../{ => legacy}/Transitions/CssAnimation.tsx | 0 .../Transitions/CssTransition.test.tsx | 0 .../Transitions/CssTransition.tsx | 0 .../src/{ => legacy}/Transitions/index.ts | 0 .../Unstable_Popup/Popup.test.tsx | 8 ++- .../src/{ => legacy}/Unstable_Popup/Popup.tsx | 3 +- .../Unstable_Popup/Popup.types.ts | 3 +- .../Unstable_Popup/PopupContext.ts | 0 .../src/{ => legacy}/Unstable_Popup/index.ts | 0 .../Unstable_Popup/popupClasses.ts | 0 .../src/{ => legacy}/composeClasses/index.ts | 0 .../generateUtilityClass/index.ts | 0 .../generateUtilityClasses/index.ts | 0 .../unstable_useModal/ModalManager.test.ts | 0 .../unstable_useModal/ModalManager.ts | 0 .../{ => legacy}/unstable_useModal/index.ts | 0 .../unstable_useModal/useModal.ts | 3 +- .../unstable_useModal/useModal.types.ts | 2 +- .../src/{ => legacy}/useAutocomplete/index.ts | 0 .../useAutocomplete/useAutocomplete.spec.ts | 2 +- .../useAutocomplete/useAutocomplete.test.js | 2 +- .../useAutocomplete/useAutocomplete.ts | 0 .../useAutocomplete/useAutocomplete.types.ts | 0 .../src/{ => legacy}/useBadge/index.ts | 0 .../src/{ => legacy}/useBadge/useBadge.ts | 0 .../{ => legacy}/useBadge/useBadge.types.ts | 0 .../useDropdown/DropdownContext.ts | 0 .../useDropdown/dropdownReducer.ts | 0 .../src/{ => legacy}/useDropdown/index.ts | 0 .../{ => legacy}/useDropdown/useDropdown.ts | 4 +- .../useDropdown/useDropdown.types.ts | 0 .../src/{ => legacy}/useInput/index.ts | 0 .../{ => legacy}/useInput/useInput.test.tsx | 0 .../src/{ => legacy}/useInput/useInput.ts | 2 +- .../{ => legacy}/useInput/useInput.types.ts | 0 .../src/{ => legacy}/useMenu/MenuProvider.tsx | 4 +- .../src/{ => legacy}/useMenu/index.ts | 0 .../src/{ => legacy}/useMenu/menuReducer.ts | 4 +- .../src/{ => legacy}/useMenu/useMenu.test.js | 0 .../src/{ => legacy}/useMenu/useMenu.ts | 10 +-- .../src/{ => legacy}/useMenu/useMenu.types.ts | 2 +- .../src/{ => legacy}/useMenuButton/index.ts | 0 .../useMenuButton/useMenuButton.test.tsx | 2 +- .../useMenuButton/useMenuButton.ts | 8 +-- .../useMenuButton/useMenuButton.types.ts | 0 .../src/{ => legacy}/useMenuItem/index.ts | 0 .../useMenuItem/useMenuItem.test.tsx | 0 .../{ => legacy}/useMenuItem/useMenuItem.ts | 12 ++-- .../useMenuItem/useMenuItem.types.ts | 4 +- .../useMenuItemContextStabilizer.ts | 2 +- .../src/{ => legacy}/useOption/index.ts | 0 .../src/{ => legacy}/useOption/useOption.ts | 12 ++-- .../{ => legacy}/useOption/useOption.types.ts | 2 +- .../useOption/useOptionContextStabilizer.ts | 2 +- .../{ => legacy}/useSelect/SelectProvider.tsx | 4 +- .../useSelect/defaultOptionStringifier.ts | 0 .../src/{ => legacy}/useSelect/index.ts | 0 .../useSelect/selectReducer.test.ts | 4 +- .../{ => legacy}/useSelect/selectReducer.ts | 4 +- .../{ => legacy}/useSelect/useSelect.test.tsx | 0 .../src/{ => legacy}/useSelect/useSelect.ts | 12 ++-- .../{ => legacy}/useSelect/useSelect.types.ts | 6 +- .../src/{ => legacy}/useSnackbar/index.ts | 0 .../useSnackbar/useSnackbar.test.tsx | 2 +- .../{ => legacy}/useSnackbar/useSnackbar.ts | 4 +- .../useSnackbar/useSnackbar.types.ts | 0 .../useTransition/TransitionContext.ts | 0 .../src/{ => legacy}/useTransition/index.ts | 0 .../useTransitionStateManager.ts | 0 .../useTransitionTrigger.test.ts | 0 .../useTransition/useTransitionTrigger.ts | 0 .../utils/ClassNameConfigurator.tsx | 0 .../utils/PolymorphicComponent.ts | 0 .../utils/appendOwnerState.spec.tsx | 0 .../utils/appendOwnerState.test.ts | 0 .../{ => legacy}/utils/appendOwnerState.ts | 2 +- .../utils/combineHooksSlotProps.test.ts | 2 +- .../utils/combineHooksSlotProps.ts | 2 +- .../{ => legacy}/utils/mergeSlotProps.test.ts | 2 +- .../src/{ => legacy}/utils/mergeSlotProps.ts | 4 +- .../utils/omitEventHandlers.test.ts | 0 .../{ => legacy}/utils/omitEventHandlers.ts | 0 .../utils/resolveComponentProps.ts | 0 packages/mui-base/src/legacy/utils/types.ts | 25 +++++++ .../{ => legacy}/utils/useSlotProps.test.tsx | 2 +- .../src/{ => legacy}/utils/useSlotProps.ts | 2 +- packages/mui-base/src/useSlider/useSlider.ts | 4 +- packages/mui-base/src/utils/BaseUI.types.ts | 49 ------------- .../mui-base/src/utils/evaluateRenderProp.ts | 2 +- packages/mui-base/src/utils/index.ts | 19 ++---- .../mui-base/src/utils/mergeReactProps.ts | 2 +- .../src/utils/prepareForSlot.test.tsx | 2 +- packages/mui-base/src/utils/proptypes.ts | 1 + packages/mui-base/src/utils/types.ts | 68 ++++++++++++------- .../src/utils/useComponentRenderer.ts | 2 +- .../mui-base/src/utils/useMessageBus.test.ts | 49 ------------- packages/mui-base/src/utils/useMessageBus.ts | 49 ------------- .../src/utils/useRenderPropForkRef.ts | 2 +- .../test/describeConformanceUnstyled.tsx | 2 +- .../selectComponentsProps.spec.tsx | 13 ---- .../selectComponentsProps.tsconfig.json | 4 -- .../sliderComponentsProps.spec.tsx | 13 ---- .../sliderComponentsProps.tsconfig.json | 4 -- .../config/getComponentImports.ts | 4 ++ scripts/copyFiles.mjs | 29 ++++---- scripts/copyFilesUtils.mjs | 12 +++- .../fixtures/FocusTrap/ClosedFocusTrap.tsx | 2 +- .../FocusTrap/DefaultOpenLazyFocusTrap.tsx | 2 +- .../DisableEnforceFocusFocusTrap.tsx | 2 +- test/e2e/fixtures/FocusTrap/OpenFocusTrap.tsx | 2 +- .../BasicTextareaAutosize.tsx | 2 +- .../TextareaAutosizeSuspense.tsx | 2 +- 586 files changed, 1079 insertions(+), 1158 deletions(-) create mode 100644 packages/mui-base/.npmignore delete mode 100644 packages/mui-base/scripts/testModuleAugmentation.js rename packages/mui-base/src/{ => legacy}/Badge/Badge.spec.tsx (98%) rename packages/mui-base/src/{ => legacy}/Badge/Badge.test.tsx (79%) rename packages/mui-base/src/{ => legacy}/Badge/Badge.tsx (97%) rename packages/mui-base/src/{ => legacy}/Badge/Badge.types.ts (97%) rename packages/mui-base/src/{ => legacy}/Badge/badgeClasses.ts (100%) rename packages/mui-base/src/{ => legacy}/Badge/index.ts (100%) rename packages/mui-base/src/{ => legacy}/Button/Button.spec.tsx (98%) rename packages/mui-base/src/{ => legacy}/Button/Button.test.tsx (98%) rename packages/mui-base/src/{ => legacy}/Button/Button.tsx (98%) rename packages/mui-base/src/{ => legacy}/Button/Button.types.ts (96%) rename packages/mui-base/src/{ => legacy}/Button/buttonClasses.ts (100%) rename packages/mui-base/src/{ => legacy}/Button/index.ts (100%) rename packages/mui-base/src/{ => legacy}/ClassNameGenerator/index.ts (100%) rename packages/mui-base/src/{ => legacy}/ClickAwayListener/ClickAwayListener.test.js (99%) rename packages/mui-base/src/{ => legacy}/ClickAwayListener/ClickAwayListener.tsx (100%) rename packages/mui-base/src/{ => legacy}/ClickAwayListener/index.ts (100%) rename packages/mui-base/src/{ => legacy}/Dropdown/Dropdown.test.tsx (90%) rename packages/mui-base/src/{ => legacy}/Dropdown/Dropdown.tsx (100%) rename packages/mui-base/src/{ => legacy}/Dropdown/Dropdown.types.ts (100%) rename packages/mui-base/src/{ => legacy}/Dropdown/index.ts (100%) rename packages/mui-base/src/{ => legacy}/FocusTrap/FocusTrap.test.tsx (99%) rename packages/mui-base/src/{ => legacy}/FocusTrap/FocusTrap.tsx (100%) rename packages/mui-base/src/{ => legacy}/FocusTrap/FocusTrap.types.ts (100%) rename packages/mui-base/src/{ => legacy}/FocusTrap/index.ts (100%) rename packages/mui-base/src/{ => legacy}/FormControl/FormControl.spec.tsx (96%) rename packages/mui-base/src/{ => legacy}/FormControl/FormControl.test.tsx (96%) rename packages/mui-base/src/{ => legacy}/FormControl/FormControl.tsx (98%) rename packages/mui-base/src/{ => legacy}/FormControl/FormControl.types.ts (96%) rename packages/mui-base/src/{ => legacy}/FormControl/FormControlContext.ts (100%) rename packages/mui-base/src/{ => legacy}/FormControl/formControlClasses.ts (100%) rename packages/mui-base/src/{ => legacy}/FormControl/index.ts (100%) rename packages/mui-base/src/{ => legacy}/FormControl/useFormControlContext.ts (100%) rename packages/mui-base/src/{ => legacy}/Input/Input.spec.tsx (98%) rename packages/mui-base/src/{ => legacy}/Input/Input.test.tsx (98%) rename packages/mui-base/src/{ => legacy}/Input/Input.tsx (97%) rename packages/mui-base/src/{ => legacy}/Input/Input.types.ts (98%) rename packages/mui-base/src/{ => legacy}/Input/index.ts (100%) rename packages/mui-base/src/{ => legacy}/Input/inputClasses.ts (100%) rename packages/mui-base/src/{ => legacy}/Menu/Menu.spec.tsx (96%) rename packages/mui-base/src/{ => legacy}/Menu/Menu.test.tsx (98%) rename packages/mui-base/src/{ => legacy}/Menu/Menu.tsx (97%) rename packages/mui-base/src/{ => legacy}/Menu/Menu.types.ts (93%) rename packages/mui-base/src/{ => legacy}/Menu/index.tsx (100%) rename packages/mui-base/src/{ => legacy}/Menu/menuClasses.ts (100%) rename packages/mui-base/src/{ => legacy}/MenuButton/MenuButton.test.tsx (97%) rename packages/mui-base/src/{ => legacy}/MenuButton/MenuButton.tsx (98%) rename packages/mui-base/src/{ => legacy}/MenuButton/MenuButton.types.ts (100%) rename packages/mui-base/src/{ => legacy}/MenuButton/index.ts (100%) rename packages/mui-base/src/{ => legacy}/MenuButton/menuButtonClasses.ts (100%) rename packages/mui-base/src/{ => legacy}/MenuItem/MenuItem.spec.tsx (95%) rename packages/mui-base/src/{ => legacy}/MenuItem/MenuItem.test.tsx (84%) rename packages/mui-base/src/{ => legacy}/MenuItem/MenuItem.tsx (97%) rename packages/mui-base/src/{ => legacy}/MenuItem/MenuItem.types.ts (94%) rename packages/mui-base/src/{ => legacy}/MenuItem/index.ts (100%) rename packages/mui-base/src/{ => legacy}/MenuItem/menuItemClasses.ts (100%) rename packages/mui-base/src/{ => legacy}/Modal/Modal.spec.tsx (98%) rename packages/mui-base/src/{ => legacy}/Modal/Modal.test.tsx (96%) rename packages/mui-base/src/{ => legacy}/Modal/Modal.tsx (98%) rename packages/mui-base/src/{ => legacy}/Modal/Modal.types.ts (97%) rename packages/mui-base/src/{ => legacy}/Modal/index.ts (100%) rename packages/mui-base/src/{ => legacy}/Modal/modalClasses.ts (100%) rename packages/mui-base/src/{ => legacy}/MultiSelect/MultiSelect.tsx (100%) rename packages/mui-base/src/{ => legacy}/MultiSelect/index.ts (100%) rename packages/mui-base/src/{ => legacy}/NoSsr/NoSsr.test.tsx (96%) rename packages/mui-base/src/{ => legacy}/NoSsr/NoSsr.tsx (100%) rename packages/mui-base/src/{ => legacy}/NoSsr/NoSsr.types.ts (100%) rename packages/mui-base/src/{ => legacy}/NoSsr/index.ts (100%) rename packages/mui-base/src/{ => legacy}/Option/Option.spec.tsx (95%) rename packages/mui-base/src/{ => legacy}/Option/Option.test.tsx (90%) rename packages/mui-base/src/{ => legacy}/Option/Option.tsx (96%) rename packages/mui-base/src/{ => legacy}/Option/Option.types.ts (94%) rename packages/mui-base/src/{ => legacy}/Option/index.ts (100%) rename packages/mui-base/src/{ => legacy}/Option/optionClasses.tsx (100%) rename packages/mui-base/src/{ => legacy}/OptionGroup/OptionGroup.spec.tsx (97%) rename packages/mui-base/src/{ => legacy}/OptionGroup/OptionGroup.test.tsx (88%) rename packages/mui-base/src/{ => legacy}/OptionGroup/OptionGroup.tsx (97%) rename packages/mui-base/src/{ => legacy}/OptionGroup/OptionGroup.types.ts (95%) rename packages/mui-base/src/{ => legacy}/OptionGroup/index.ts (100%) rename packages/mui-base/src/{ => legacy}/OptionGroup/optionGroupClasses.ts (100%) rename packages/mui-base/src/{ => legacy}/Popper/Popper.spec.tsx (95%) rename packages/mui-base/src/{ => legacy}/Popper/Popper.test.tsx (89%) rename packages/mui-base/src/{ => legacy}/Popper/Popper.tsx (98%) rename packages/mui-base/src/{ => legacy}/Popper/Popper.types.ts (97%) rename packages/mui-base/src/{ => legacy}/Popper/index.ts (100%) rename packages/mui-base/src/{ => legacy}/Popper/popperClasses.ts (100%) rename packages/mui-base/src/{ => legacy}/Portal/Portal.test.tsx (98%) rename packages/mui-base/src/{ => legacy}/Portal/Portal.tsx (100%) rename packages/mui-base/src/{ => legacy}/Portal/Portal.types.ts (100%) rename packages/mui-base/src/{ => legacy}/Portal/index.ts (100%) create mode 100644 packages/mui-base/src/legacy/README.md rename packages/mui-base/src/{ => legacy}/Select/Select.spec.tsx (98%) rename packages/mui-base/src/{ => legacy}/Select/Select.test.tsx (99%) rename packages/mui-base/src/{ => legacy}/Select/Select.tsx (98%) rename packages/mui-base/src/{ => legacy}/Select/Select.types.ts (98%) rename packages/mui-base/src/{ => legacy}/Select/index.ts (100%) rename packages/mui-base/src/{ => legacy}/Select/selectClasses.ts (100%) rename packages/mui-base/src/{ => legacy}/Snackbar/Snackbar.spec.tsx (93%) rename packages/mui-base/src/{ => legacy}/Snackbar/Snackbar.test.tsx (99%) rename packages/mui-base/src/{ => legacy}/Snackbar/Snackbar.tsx (97%) rename packages/mui-base/src/{ => legacy}/Snackbar/Snackbar.types.ts (94%) rename packages/mui-base/src/{ => legacy}/Snackbar/index.ts (100%) rename packages/mui-base/src/{ => legacy}/Snackbar/snackbarClasses.ts (100%) rename packages/mui-base/src/{ => legacy}/TablePagination/TablePagination.spec.tsx (98%) rename packages/mui-base/src/{ => legacy}/TablePagination/TablePagination.test.tsx (98%) rename packages/mui-base/src/{ => legacy}/TablePagination/TablePagination.tsx (98%) rename packages/mui-base/src/{ => legacy}/TablePagination/TablePagination.types.ts (98%) rename packages/mui-base/src/{ => legacy}/TablePagination/TablePaginationActions.spec.tsx (98%) rename packages/mui-base/src/{ => legacy}/TablePagination/TablePaginationActions.tsx (97%) rename packages/mui-base/src/{ => legacy}/TablePagination/TablePaginationActions.types.ts (97%) rename packages/mui-base/src/{ => legacy}/TablePagination/common.types.ts (100%) rename packages/mui-base/src/{ => legacy}/TablePagination/index.ts (100%) rename packages/mui-base/src/{ => legacy}/TablePagination/tablePaginationClasses.ts (100%) rename packages/mui-base/src/{ => legacy}/TextareaAutosize/TextareaAutosize.test.tsx (98%) rename packages/mui-base/src/{ => legacy}/TextareaAutosize/TextareaAutosize.tsx (100%) rename packages/mui-base/src/{ => legacy}/TextareaAutosize/TextareaAutosize.types.ts (100%) rename packages/mui-base/src/{ => legacy}/TextareaAutosize/index.ts (100%) rename packages/mui-base/src/{ => legacy}/Transitions/CssAnimation.test.tsx (100%) rename packages/mui-base/src/{ => legacy}/Transitions/CssAnimation.tsx (100%) rename packages/mui-base/src/{ => legacy}/Transitions/CssTransition.test.tsx (100%) rename packages/mui-base/src/{ => legacy}/Transitions/CssTransition.tsx (100%) rename packages/mui-base/src/{ => legacy}/Transitions/index.ts (100%) rename packages/mui-base/src/{ => legacy}/Unstable_Popup/Popup.test.tsx (98%) rename packages/mui-base/src/{ => legacy}/Unstable_Popup/Popup.tsx (98%) rename packages/mui-base/src/{ => legacy}/Unstable_Popup/Popup.types.ts (97%) rename packages/mui-base/src/{ => legacy}/Unstable_Popup/PopupContext.ts (100%) rename packages/mui-base/src/{ => legacy}/Unstable_Popup/index.ts (100%) rename packages/mui-base/src/{ => legacy}/Unstable_Popup/popupClasses.ts (100%) rename packages/mui-base/src/{ => legacy}/composeClasses/index.ts (100%) rename packages/mui-base/src/{ => legacy}/generateUtilityClass/index.ts (100%) rename packages/mui-base/src/{ => legacy}/generateUtilityClasses/index.ts (100%) rename packages/mui-base/src/{ => legacy}/unstable_useModal/ModalManager.test.ts (100%) rename packages/mui-base/src/{ => legacy}/unstable_useModal/ModalManager.ts (100%) rename packages/mui-base/src/{ => legacy}/unstable_useModal/index.ts (100%) rename packages/mui-base/src/{ => legacy}/unstable_useModal/useModal.ts (98%) rename packages/mui-base/src/{ => legacy}/unstable_useModal/useModal.types.ts (98%) rename packages/mui-base/src/{ => legacy}/useAutocomplete/index.ts (100%) rename packages/mui-base/src/{ => legacy}/useAutocomplete/useAutocomplete.spec.ts (99%) rename packages/mui-base/src/{ => legacy}/useAutocomplete/useAutocomplete.test.js (99%) rename packages/mui-base/src/{ => legacy}/useAutocomplete/useAutocomplete.ts (100%) rename packages/mui-base/src/{ => legacy}/useAutocomplete/useAutocomplete.types.ts (100%) rename packages/mui-base/src/{ => legacy}/useBadge/index.ts (100%) rename packages/mui-base/src/{ => legacy}/useBadge/useBadge.ts (100%) rename packages/mui-base/src/{ => legacy}/useBadge/useBadge.types.ts (100%) rename packages/mui-base/src/{ => legacy}/useDropdown/DropdownContext.ts (100%) rename packages/mui-base/src/{ => legacy}/useDropdown/dropdownReducer.ts (100%) rename packages/mui-base/src/{ => legacy}/useDropdown/index.ts (100%) rename packages/mui-base/src/{ => legacy}/useDropdown/useDropdown.ts (92%) rename packages/mui-base/src/{ => legacy}/useDropdown/useDropdown.types.ts (100%) rename packages/mui-base/src/{ => legacy}/useInput/index.ts (100%) rename packages/mui-base/src/{ => legacy}/useInput/useInput.test.tsx (100%) rename packages/mui-base/src/{ => legacy}/useInput/useInput.ts (98%) rename packages/mui-base/src/{ => legacy}/useInput/useInput.types.ts (100%) rename packages/mui-base/src/{ => legacy}/useMenu/MenuProvider.tsx (92%) rename packages/mui-base/src/{ => legacy}/useMenu/index.ts (100%) rename packages/mui-base/src/{ => legacy}/useMenu/menuReducer.ts (93%) rename packages/mui-base/src/{ => legacy}/useMenu/useMenu.test.js (100%) rename packages/mui-base/src/{ => legacy}/useMenu/useMenu.ts (95%) rename packages/mui-base/src/{ => legacy}/useMenu/useMenu.types.ts (99%) rename packages/mui-base/src/{ => legacy}/useMenuButton/index.ts (100%) rename packages/mui-base/src/{ => legacy}/useMenuButton/useMenuButton.test.tsx (98%) rename packages/mui-base/src/{ => legacy}/useMenuButton/useMenuButton.ts (92%) rename packages/mui-base/src/{ => legacy}/useMenuButton/useMenuButton.types.ts (100%) rename packages/mui-base/src/{ => legacy}/useMenuItem/index.ts (100%) rename packages/mui-base/src/{ => legacy}/useMenuItem/useMenuItem.test.tsx (100%) rename packages/mui-base/src/{ => legacy}/useMenuItem/useMenuItem.ts (91%) rename packages/mui-base/src/{ => legacy}/useMenuItem/useMenuItem.types.ts (92%) rename packages/mui-base/src/{ => legacy}/useMenuItem/useMenuItemContextStabilizer.ts (99%) rename packages/mui-base/src/{ => legacy}/useOption/index.ts (100%) rename packages/mui-base/src/{ => legacy}/useOption/useOption.ts (88%) rename packages/mui-base/src/{ => legacy}/useOption/useOption.types.ts (95%) rename packages/mui-base/src/{ => legacy}/useOption/useOptionContextStabilizer.ts (96%) rename packages/mui-base/src/{ => legacy}/useSelect/SelectProvider.tsx (93%) rename packages/mui-base/src/{ => legacy}/useSelect/defaultOptionStringifier.ts (100%) rename packages/mui-base/src/{ => legacy}/useSelect/index.ts (100%) rename packages/mui-base/src/{ => legacy}/useSelect/selectReducer.test.ts (96%) rename packages/mui-base/src/{ => legacy}/useSelect/selectReducer.ts (95%) rename packages/mui-base/src/{ => legacy}/useSelect/useSelect.test.tsx (100%) rename packages/mui-base/src/{ => legacy}/useSelect/useSelect.ts (97%) rename packages/mui-base/src/{ => legacy}/useSelect/useSelect.types.ts (98%) rename packages/mui-base/src/{ => legacy}/useSnackbar/index.ts (100%) rename packages/mui-base/src/{ => legacy}/useSnackbar/useSnackbar.test.tsx (98%) rename packages/mui-base/src/{ => legacy}/useSnackbar/useSnackbar.ts (97%) rename packages/mui-base/src/{ => legacy}/useSnackbar/useSnackbar.types.ts (100%) rename packages/mui-base/src/{ => legacy}/useTransition/TransitionContext.ts (100%) rename packages/mui-base/src/{ => legacy}/useTransition/index.ts (100%) rename packages/mui-base/src/{ => legacy}/useTransition/useTransitionStateManager.ts (100%) rename packages/mui-base/src/{ => legacy}/useTransition/useTransitionTrigger.test.ts (100%) rename packages/mui-base/src/{ => legacy}/useTransition/useTransitionTrigger.ts (100%) rename packages/mui-base/src/{ => legacy}/utils/ClassNameConfigurator.tsx (100%) rename packages/mui-base/src/{ => legacy}/utils/PolymorphicComponent.ts (100%) rename packages/mui-base/src/{ => legacy}/utils/appendOwnerState.spec.tsx (100%) rename packages/mui-base/src/{ => legacy}/utils/appendOwnerState.test.ts (100%) rename packages/mui-base/src/{ => legacy}/utils/appendOwnerState.ts (96%) rename packages/mui-base/src/{ => legacy}/utils/combineHooksSlotProps.test.ts (98%) rename packages/mui-base/src/{ => legacy}/utils/combineHooksSlotProps.ts (96%) rename packages/mui-base/src/{ => legacy}/utils/mergeSlotProps.test.ts (98%) rename packages/mui-base/src/{ => legacy}/utils/mergeSlotProps.ts (97%) rename packages/mui-base/src/{ => legacy}/utils/omitEventHandlers.test.ts (100%) rename packages/mui-base/src/{ => legacy}/utils/omitEventHandlers.ts (100%) rename packages/mui-base/src/{ => legacy}/utils/resolveComponentProps.ts (100%) create mode 100644 packages/mui-base/src/legacy/utils/types.ts rename packages/mui-base/src/{ => legacy}/utils/useSlotProps.test.tsx (99%) rename packages/mui-base/src/{ => legacy}/utils/useSlotProps.ts (98%) delete mode 100644 packages/mui-base/src/utils/BaseUI.types.ts delete mode 100644 packages/mui-base/src/utils/useMessageBus.test.ts delete mode 100644 packages/mui-base/src/utils/useMessageBus.ts delete mode 100644 packages/mui-base/test/typescript/moduleAugmentation/selectComponentsProps.spec.tsx delete mode 100644 packages/mui-base/test/typescript/moduleAugmentation/selectComponentsProps.tsconfig.json delete mode 100644 packages/mui-base/test/typescript/moduleAugmentation/sliderComponentsProps.spec.tsx delete mode 100644 packages/mui-base/test/typescript/moduleAugmentation/sliderComponentsProps.tsconfig.json diff --git a/.circleci/config.yml b/.circleci/config.yml index 98e3d657ae..226767fd8b 100644 --- a/.circleci/config.yml +++ b/.circleci/config.yml @@ -43,7 +43,7 @@ default-job: &default-job REACT_VERSION: << parameters.react-version >> TEST_GATE: << parameters.test-gate >> AWS_REGION_ARTIFACTS: eu-central-1 - working_directory: /tmp/material-ui + working_directory: /tmp/base-ui docker: - image: cimg/node:18.20 diff --git a/.eslintrc.js b/.eslintrc.js index 2244d79083..6994817c0f 100644 --- a/.eslintrc.js +++ b/.eslintrc.js @@ -1,6 +1,11 @@ const baseline = require('@mui/monorepo/.eslintrc'); const path = require('path'); +const OneLevelImportMessage = [ + 'Prefer one level nested imports to avoid bundling everything in dev mode or breaking CJS/ESM split.', + 'See https://github.com/mui/material-ui/pull/24147 for the kind of win it can unlock.', +].join('\n'); + module.exports = { ...baseline, settings: { @@ -18,6 +23,26 @@ module.exports = { ...baseline.rules, // TODO move to @mui/monorepo, codebase is moving away from default exports 'import/prefer-default-export': 'off', + 'no-restricted-imports': [ + 'error', + { + patterns: [ + { + group: [ + '@mui/*/*/*', + '@pigment-css/*/*/*', + '@base_ui/react/*/*', + '!@base_ui/react/legacy/*', + // Allow any import depth with any internal packages + '!@mui/internal-*/**', + // TODO delete, @mui/docs should be @mui/internal-docs + '!@mui/docs/**', + ], + message: OneLevelImportMessage, + }, + ], + }, + ], }, overrides: [ ...baseline.overrides, diff --git a/docs/data/base/components/autocomplete/AutocompleteIntroduction/css/index.js b/docs/data/base/components/autocomplete/AutocompleteIntroduction/css/index.js index a3ba522c34..0a18f7816f 100644 --- a/docs/data/base/components/autocomplete/AutocompleteIntroduction/css/index.js +++ b/docs/data/base/components/autocomplete/AutocompleteIntroduction/css/index.js @@ -1,9 +1,9 @@ import * as React from 'react'; import PropTypes from 'prop-types'; -import { useAutocomplete } from '@base_ui/react/useAutocomplete'; -import { Button } from '@base_ui/react/Button'; -import { Input } from '@base_ui/react/Input'; -import { Popper } from '@base_ui/react/Popper'; +import { useAutocomplete } from '@base_ui/react/legacy/useAutocomplete'; +import { Button } from '@base_ui/react/legacy/Button'; +import { Input } from '@base_ui/react/legacy/Input'; +import { Popper } from '@base_ui/react/legacy/Popper'; import { useTheme } from '@mui/system'; import { unstable_useForkRef as useForkRef } from '@mui/utils'; import ArrowDropDownIcon from '@mui/icons-material/ArrowDropDown'; diff --git a/docs/data/base/components/autocomplete/AutocompleteIntroduction/css/index.tsx b/docs/data/base/components/autocomplete/AutocompleteIntroduction/css/index.tsx index 7eaa986e77..ad972605f4 100644 --- a/docs/data/base/components/autocomplete/AutocompleteIntroduction/css/index.tsx +++ b/docs/data/base/components/autocomplete/AutocompleteIntroduction/css/index.tsx @@ -2,10 +2,10 @@ import * as React from 'react'; import { useAutocomplete, UseAutocompleteProps, -} from '@base_ui/react/useAutocomplete'; -import { Button } from '@base_ui/react/Button'; -import { Input } from '@base_ui/react/Input'; -import { Popper } from '@base_ui/react/Popper'; +} from '@base_ui/react/legacy/useAutocomplete'; +import { Button } from '@base_ui/react/legacy/Button'; +import { Input } from '@base_ui/react/legacy/Input'; +import { Popper } from '@base_ui/react/legacy/Popper'; import { useTheme } from '@mui/system'; import { unstable_useForkRef as useForkRef } from '@mui/utils'; import ArrowDropDownIcon from '@mui/icons-material/ArrowDropDown'; diff --git a/docs/data/base/components/autocomplete/AutocompleteIntroduction/system/index.js b/docs/data/base/components/autocomplete/AutocompleteIntroduction/system/index.js index bf7209a57b..4c50cf634f 100644 --- a/docs/data/base/components/autocomplete/AutocompleteIntroduction/system/index.js +++ b/docs/data/base/components/autocomplete/AutocompleteIntroduction/system/index.js @@ -1,8 +1,8 @@ import * as React from 'react'; import PropTypes from 'prop-types'; -import { useAutocomplete } from '@base_ui/react/useAutocomplete'; -import { Button } from '@base_ui/react/Button'; -import { Popper } from '@base_ui/react/Popper'; +import { useAutocomplete } from '@base_ui/react/legacy/useAutocomplete'; +import { Button } from '@base_ui/react/legacy/Button'; +import { Popper } from '@base_ui/react/legacy/Popper'; import { styled } from '@mui/system'; import { unstable_useForkRef as useForkRef } from '@mui/utils'; import ArrowDropDownIcon from '@mui/icons-material/ArrowDropDown'; diff --git a/docs/data/base/components/autocomplete/AutocompleteIntroduction/system/index.tsx b/docs/data/base/components/autocomplete/AutocompleteIntroduction/system/index.tsx index 20e90175eb..19b12bf0d9 100644 --- a/docs/data/base/components/autocomplete/AutocompleteIntroduction/system/index.tsx +++ b/docs/data/base/components/autocomplete/AutocompleteIntroduction/system/index.tsx @@ -2,9 +2,9 @@ import * as React from 'react'; import { useAutocomplete, UseAutocompleteProps, -} from '@base_ui/react/useAutocomplete'; -import { Button } from '@base_ui/react/Button'; -import { Popper } from '@base_ui/react/Popper'; +} from '@base_ui/react/legacy/useAutocomplete'; +import { Button } from '@base_ui/react/legacy/Button'; +import { Popper } from '@base_ui/react/legacy/Popper'; import { styled } from '@mui/system'; import { unstable_useForkRef as useForkRef } from '@mui/utils'; import ArrowDropDownIcon from '@mui/icons-material/ArrowDropDown'; diff --git a/docs/data/base/components/autocomplete/AutocompleteIntroduction/tailwind/index.js b/docs/data/base/components/autocomplete/AutocompleteIntroduction/tailwind/index.js index 1aabb6cffa..d36fe4aaf5 100644 --- a/docs/data/base/components/autocomplete/AutocompleteIntroduction/tailwind/index.js +++ b/docs/data/base/components/autocomplete/AutocompleteIntroduction/tailwind/index.js @@ -1,8 +1,8 @@ import * as React from 'react'; import PropTypes from 'prop-types'; -import { useAutocomplete } from '@base_ui/react/useAutocomplete'; -import { Button } from '@base_ui/react/Button'; -import { Popper } from '@base_ui/react/Popper'; +import { useAutocomplete } from '@base_ui/react/legacy/useAutocomplete'; +import { Button } from '@base_ui/react/legacy/Button'; +import { Popper } from '@base_ui/react/legacy/Popper'; import { unstable_useForkRef as useForkRef } from '@mui/utils'; import ArrowDropDownIcon from '@mui/icons-material/ArrowDropDown'; import ClearIcon from '@mui/icons-material/Clear'; diff --git a/docs/data/base/components/autocomplete/AutocompleteIntroduction/tailwind/index.tsx b/docs/data/base/components/autocomplete/AutocompleteIntroduction/tailwind/index.tsx index cf1dfe2391..a1e058eab3 100644 --- a/docs/data/base/components/autocomplete/AutocompleteIntroduction/tailwind/index.tsx +++ b/docs/data/base/components/autocomplete/AutocompleteIntroduction/tailwind/index.tsx @@ -2,9 +2,9 @@ import * as React from 'react'; import { useAutocomplete, UseAutocompleteProps, -} from '@base_ui/react/useAutocomplete'; -import { Button } from '@base_ui/react/Button'; -import { Popper } from '@base_ui/react/Popper'; +} from '@base_ui/react/legacy/useAutocomplete'; +import { Button } from '@base_ui/react/legacy/Button'; +import { Popper } from '@base_ui/react/legacy/Popper'; import { unstable_useForkRef as useForkRef } from '@mui/utils'; import ArrowDropDownIcon from '@mui/icons-material/ArrowDropDown'; import ClearIcon from '@mui/icons-material/Clear'; diff --git a/docs/data/base/components/autocomplete/ControlledStates.js b/docs/data/base/components/autocomplete/ControlledStates.js index e2225cae00..7ed2205344 100644 --- a/docs/data/base/components/autocomplete/ControlledStates.js +++ b/docs/data/base/components/autocomplete/ControlledStates.js @@ -1,5 +1,5 @@ import * as React from 'react'; -import { useAutocomplete } from '@base_ui/react/useAutocomplete'; +import { useAutocomplete } from '@base_ui/react/legacy/useAutocomplete'; import { styled } from '@mui/system'; const options = ['Firefox', 'Google Chrome', 'Microsoft Edge', 'Safari', 'Opera']; diff --git a/docs/data/base/components/autocomplete/ControlledStates.tsx b/docs/data/base/components/autocomplete/ControlledStates.tsx index ad1d32572b..e8d6488467 100644 --- a/docs/data/base/components/autocomplete/ControlledStates.tsx +++ b/docs/data/base/components/autocomplete/ControlledStates.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { useAutocomplete } from '@base_ui/react/useAutocomplete'; +import { useAutocomplete } from '@base_ui/react/legacy/useAutocomplete'; import { styled } from '@mui/system'; const options = ['Firefox', 'Google Chrome', 'Microsoft Edge', 'Safari', 'Opera']; diff --git a/docs/data/base/components/autocomplete/UseAutocomplete.js b/docs/data/base/components/autocomplete/UseAutocomplete.js index 53e6a9eb56..33b6dbebbf 100644 --- a/docs/data/base/components/autocomplete/UseAutocomplete.js +++ b/docs/data/base/components/autocomplete/UseAutocomplete.js @@ -1,5 +1,5 @@ import * as React from 'react'; -import { useAutocomplete } from '@base_ui/react/useAutocomplete'; +import { useAutocomplete } from '@base_ui/react/legacy/useAutocomplete'; import { styled } from '@mui/system'; export default function UseAutocomplete() { diff --git a/docs/data/base/components/autocomplete/UseAutocomplete.tsx b/docs/data/base/components/autocomplete/UseAutocomplete.tsx index 9a7458d03c..2be434de02 100644 --- a/docs/data/base/components/autocomplete/UseAutocomplete.tsx +++ b/docs/data/base/components/autocomplete/UseAutocomplete.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { useAutocomplete } from '@base_ui/react/useAutocomplete'; +import { useAutocomplete } from '@base_ui/react/legacy/useAutocomplete'; import { styled } from '@mui/system'; export default function UseAutocomplete() { diff --git a/docs/data/base/components/autocomplete/UseAutocompletePopper.js b/docs/data/base/components/autocomplete/UseAutocompletePopper.js index bea14f9d7a..7273f5ab12 100644 --- a/docs/data/base/components/autocomplete/UseAutocompletePopper.js +++ b/docs/data/base/components/autocomplete/UseAutocompletePopper.js @@ -1,6 +1,6 @@ import * as React from 'react'; -import { useAutocomplete } from '@base_ui/react/useAutocomplete'; -import { Popper } from '@base_ui/react/Popper'; +import { useAutocomplete } from '@base_ui/react/legacy/useAutocomplete'; +import { Popper } from '@base_ui/react/legacy/Popper'; import { styled } from '@mui/system'; import useForkRef from '@mui/utils/useForkRef'; diff --git a/docs/data/base/components/autocomplete/UseAutocompletePopper.tsx b/docs/data/base/components/autocomplete/UseAutocompletePopper.tsx index a2d5efbbb2..e83eefdace 100644 --- a/docs/data/base/components/autocomplete/UseAutocompletePopper.tsx +++ b/docs/data/base/components/autocomplete/UseAutocompletePopper.tsx @@ -2,8 +2,8 @@ import * as React from 'react'; import { useAutocomplete, UseAutocompleteProps, -} from '@base_ui/react/useAutocomplete'; -import { Popper } from '@base_ui/react/Popper'; +} from '@base_ui/react/legacy/useAutocomplete'; +import { Popper } from '@base_ui/react/legacy/Popper'; import { styled } from '@mui/system'; import useForkRef from '@mui/utils/useForkRef'; diff --git a/docs/data/base/components/autocomplete/autocomplete.md b/docs/data/base/components/autocomplete/autocomplete.md index 0bce06e3a9..c7cad54cd0 100644 --- a/docs/data/base/components/autocomplete/autocomplete.md +++ b/docs/data/base/components/autocomplete/autocomplete.md @@ -36,7 +36,7 @@ To learn more about implementing a custom Autocomplete, you can explore the [`us ## Hook ```jsx -import { useAutocomplete } from '@base_ui/react/useAutocomplete'; +import { useAutocomplete } from '@base_ui/react/legacy/useAutocomplete'; ``` The `useAutocomplete` hook requires a list of `options` to be displayed when the textbox receives focus. @@ -107,8 +107,8 @@ Base UI provides a [Popper](/base-ui/react-popper/) component built around Reac To render the listbox in Base UI's Popper, the `ref`s must be merged as follows: ```jsx -import { useAutocomplete } from '@base_ui/react/useAutocomplete'; -import { Popper } from '@base_ui/react/Popper'; +import { useAutocomplete } from '@base_ui/react/legacy/useAutocomplete'; +import { Popper } from '@base_ui/react/legacy/Popper'; import { unstable_useForkRef as useForkRef } from '@mui/utils'; export default function App(props) { diff --git a/docs/data/base/components/badge/AccessibleBadges.js b/docs/data/base/components/badge/AccessibleBadges.js index caedd2ef1e..490fd01230 100644 --- a/docs/data/base/components/badge/AccessibleBadges.js +++ b/docs/data/base/components/badge/AccessibleBadges.js @@ -1,6 +1,6 @@ import * as React from 'react'; import { styled } from '@mui/system'; -import { Badge as BaseBadge, badgeClasses } from '@base_ui/react/Badge'; +import { Badge as BaseBadge, badgeClasses } from '@base_ui/react/legacy/Badge'; import MailIcon from '@mui/icons-material/Mail'; function notificationsLabel(count) { diff --git a/docs/data/base/components/badge/AccessibleBadges.tsx b/docs/data/base/components/badge/AccessibleBadges.tsx index caf8866453..c3e42ef872 100644 --- a/docs/data/base/components/badge/AccessibleBadges.tsx +++ b/docs/data/base/components/badge/AccessibleBadges.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; import { styled } from '@mui/system'; -import { Badge as BaseBadge, badgeClasses } from '@base_ui/react/Badge'; +import { Badge as BaseBadge, badgeClasses } from '@base_ui/react/legacy/Badge'; import MailIcon from '@mui/icons-material/Mail'; function notificationsLabel(count: number) { diff --git a/docs/data/base/components/badge/BadgeMax.js b/docs/data/base/components/badge/BadgeMax.js index e883b2437a..623747832a 100644 --- a/docs/data/base/components/badge/BadgeMax.js +++ b/docs/data/base/components/badge/BadgeMax.js @@ -1,7 +1,7 @@ import * as React from 'react'; import Stack from '@mui/material/Stack'; import { styled } from '@mui/system'; -import { Badge as BaseBadge, badgeClasses } from '@base_ui/react/Badge'; +import { Badge as BaseBadge, badgeClasses } from '@base_ui/react/legacy/Badge'; import MailIcon from '@mui/icons-material/Mail'; export default function BadgeMax() { diff --git a/docs/data/base/components/badge/BadgeMax.tsx b/docs/data/base/components/badge/BadgeMax.tsx index e883b2437a..623747832a 100644 --- a/docs/data/base/components/badge/BadgeMax.tsx +++ b/docs/data/base/components/badge/BadgeMax.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import Stack from '@mui/material/Stack'; import { styled } from '@mui/system'; -import { Badge as BaseBadge, badgeClasses } from '@base_ui/react/Badge'; +import { Badge as BaseBadge, badgeClasses } from '@base_ui/react/legacy/Badge'; import MailIcon from '@mui/icons-material/Mail'; export default function BadgeMax() { diff --git a/docs/data/base/components/badge/BadgeVisibility.js b/docs/data/base/components/badge/BadgeVisibility.js index 2aca401dd3..c734f38eec 100644 --- a/docs/data/base/components/badge/BadgeVisibility.js +++ b/docs/data/base/components/badge/BadgeVisibility.js @@ -1,8 +1,8 @@ import * as React from 'react'; -import { Badge as BaseBadge, badgeClasses } from '@base_ui/react/Badge'; +import { Badge as BaseBadge, badgeClasses } from '@base_ui/react/legacy/Badge'; // Auxiliary demo components import { styled, Stack } from '@mui/system'; -import { Button, buttonClasses } from '@base_ui/react/Button'; +import { Button, buttonClasses } from '@base_ui/react/legacy/Button'; import * as BaseSwitch from '@base_ui/react/Switch'; import Divider from '@mui/material/Divider'; // Icons diff --git a/docs/data/base/components/badge/BadgeVisibility.tsx b/docs/data/base/components/badge/BadgeVisibility.tsx index 2aca401dd3..c734f38eec 100644 --- a/docs/data/base/components/badge/BadgeVisibility.tsx +++ b/docs/data/base/components/badge/BadgeVisibility.tsx @@ -1,8 +1,8 @@ import * as React from 'react'; -import { Badge as BaseBadge, badgeClasses } from '@base_ui/react/Badge'; +import { Badge as BaseBadge, badgeClasses } from '@base_ui/react/legacy/Badge'; // Auxiliary demo components import { styled, Stack } from '@mui/system'; -import { Button, buttonClasses } from '@base_ui/react/Button'; +import { Button, buttonClasses } from '@base_ui/react/legacy/Button'; import * as BaseSwitch from '@base_ui/react/Switch'; import Divider from '@mui/material/Divider'; // Icons diff --git a/docs/data/base/components/badge/ShowZeroBadge.js b/docs/data/base/components/badge/ShowZeroBadge.js index 88616ba976..67596e4da8 100644 --- a/docs/data/base/components/badge/ShowZeroBadge.js +++ b/docs/data/base/components/badge/ShowZeroBadge.js @@ -1,7 +1,7 @@ import * as React from 'react'; import Stack from '@mui/material/Stack'; import { styled } from '@mui/system'; -import { Badge as BaseBadge, badgeClasses } from '@base_ui/react/Badge'; +import { Badge as BaseBadge, badgeClasses } from '@base_ui/react/legacy/Badge'; import MailIcon from '@mui/icons-material/Mail'; export default function ShowZeroBadge() { diff --git a/docs/data/base/components/badge/ShowZeroBadge.tsx b/docs/data/base/components/badge/ShowZeroBadge.tsx index 88616ba976..67596e4da8 100644 --- a/docs/data/base/components/badge/ShowZeroBadge.tsx +++ b/docs/data/base/components/badge/ShowZeroBadge.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import Stack from '@mui/material/Stack'; import { styled } from '@mui/system'; -import { Badge as BaseBadge, badgeClasses } from '@base_ui/react/Badge'; +import { Badge as BaseBadge, badgeClasses } from '@base_ui/react/legacy/Badge'; import MailIcon from '@mui/icons-material/Mail'; export default function ShowZeroBadge() { diff --git a/docs/data/base/components/badge/UnstyledBadge/css/index.js b/docs/data/base/components/badge/UnstyledBadge/css/index.js index e9f5d7f84f..0e04869cc0 100644 --- a/docs/data/base/components/badge/UnstyledBadge/css/index.js +++ b/docs/data/base/components/badge/UnstyledBadge/css/index.js @@ -1,5 +1,5 @@ import * as React from 'react'; -import { Badge } from '@base_ui/react/Badge'; +import { Badge } from '@base_ui/react/legacy/Badge'; import { useTheme } from '@mui/system'; export default function UnstyledBadge() { diff --git a/docs/data/base/components/badge/UnstyledBadge/css/index.tsx b/docs/data/base/components/badge/UnstyledBadge/css/index.tsx index e9f5d7f84f..0e04869cc0 100644 --- a/docs/data/base/components/badge/UnstyledBadge/css/index.tsx +++ b/docs/data/base/components/badge/UnstyledBadge/css/index.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { Badge } from '@base_ui/react/Badge'; +import { Badge } from '@base_ui/react/legacy/Badge'; import { useTheme } from '@mui/system'; export default function UnstyledBadge() { diff --git a/docs/data/base/components/badge/UnstyledBadge/system/index.js b/docs/data/base/components/badge/UnstyledBadge/system/index.js index 7787f48046..1fe0c7dcf2 100644 --- a/docs/data/base/components/badge/UnstyledBadge/system/index.js +++ b/docs/data/base/components/badge/UnstyledBadge/system/index.js @@ -1,6 +1,6 @@ import * as React from 'react'; import { styled, Box } from '@mui/system'; -import { Badge as BaseBadge, badgeClasses } from '@base_ui/react/Badge'; +import { Badge as BaseBadge, badgeClasses } from '@base_ui/react/legacy/Badge'; function BadgeContent() { return ( diff --git a/docs/data/base/components/badge/UnstyledBadge/system/index.tsx b/docs/data/base/components/badge/UnstyledBadge/system/index.tsx index 7787f48046..1fe0c7dcf2 100644 --- a/docs/data/base/components/badge/UnstyledBadge/system/index.tsx +++ b/docs/data/base/components/badge/UnstyledBadge/system/index.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; import { styled, Box } from '@mui/system'; -import { Badge as BaseBadge, badgeClasses } from '@base_ui/react/Badge'; +import { Badge as BaseBadge, badgeClasses } from '@base_ui/react/legacy/Badge'; function BadgeContent() { return ( diff --git a/docs/data/base/components/badge/UnstyledBadge/tailwind/index.js b/docs/data/base/components/badge/UnstyledBadge/tailwind/index.js index d478d261bc..dd7d1f9eab 100644 --- a/docs/data/base/components/badge/UnstyledBadge/tailwind/index.js +++ b/docs/data/base/components/badge/UnstyledBadge/tailwind/index.js @@ -1,7 +1,7 @@ import * as React from 'react'; import PropTypes from 'prop-types'; import clsx from 'clsx'; -import { Badge as BaseBadge } from '@base_ui/react/Badge'; +import { Badge as BaseBadge } from '@base_ui/react/legacy/Badge'; import { useTheme } from '@mui/system'; function useIsDarkMode() { diff --git a/docs/data/base/components/badge/UnstyledBadge/tailwind/index.tsx b/docs/data/base/components/badge/UnstyledBadge/tailwind/index.tsx index 3d9bcd670b..4dbe3d813d 100644 --- a/docs/data/base/components/badge/UnstyledBadge/tailwind/index.tsx +++ b/docs/data/base/components/badge/UnstyledBadge/tailwind/index.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; import clsx from 'clsx'; -import { Badge as BaseBadge, BadgeProps } from '@base_ui/react/Badge'; +import { Badge as BaseBadge, BadgeProps } from '@base_ui/react/legacy/Badge'; import { useTheme } from '@mui/system'; function useIsDarkMode() { diff --git a/docs/data/base/components/badge/UnstyledBadgeIntroduction/css/index.js b/docs/data/base/components/badge/UnstyledBadgeIntroduction/css/index.js index a27d5caf20..b05319bf5f 100644 --- a/docs/data/base/components/badge/UnstyledBadgeIntroduction/css/index.js +++ b/docs/data/base/components/badge/UnstyledBadgeIntroduction/css/index.js @@ -1,5 +1,5 @@ import * as React from 'react'; -import { Badge } from '@base_ui/react/Badge'; +import { Badge } from '@base_ui/react/legacy/Badge'; import { useTheme } from '@mui/system'; export default function UnstyledBadgeIntroduction() { diff --git a/docs/data/base/components/badge/UnstyledBadgeIntroduction/css/index.tsx b/docs/data/base/components/badge/UnstyledBadgeIntroduction/css/index.tsx index a27d5caf20..b05319bf5f 100644 --- a/docs/data/base/components/badge/UnstyledBadgeIntroduction/css/index.tsx +++ b/docs/data/base/components/badge/UnstyledBadgeIntroduction/css/index.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { Badge } from '@base_ui/react/Badge'; +import { Badge } from '@base_ui/react/legacy/Badge'; import { useTheme } from '@mui/system'; export default function UnstyledBadgeIntroduction() { diff --git a/docs/data/base/components/badge/UnstyledBadgeIntroduction/system/index.js b/docs/data/base/components/badge/UnstyledBadgeIntroduction/system/index.js index e8998cecda..c33a8ddc78 100644 --- a/docs/data/base/components/badge/UnstyledBadgeIntroduction/system/index.js +++ b/docs/data/base/components/badge/UnstyledBadgeIntroduction/system/index.js @@ -1,6 +1,6 @@ import * as React from 'react'; import { styled, Box } from '@mui/system'; -import { Badge as BaseBadge, badgeClasses } from '@base_ui/react/Badge'; +import { Badge as BaseBadge, badgeClasses } from '@base_ui/react/legacy/Badge'; const blue = { 100: '#DAECFF', diff --git a/docs/data/base/components/badge/UnstyledBadgeIntroduction/system/index.tsx b/docs/data/base/components/badge/UnstyledBadgeIntroduction/system/index.tsx index e8998cecda..c33a8ddc78 100644 --- a/docs/data/base/components/badge/UnstyledBadgeIntroduction/system/index.tsx +++ b/docs/data/base/components/badge/UnstyledBadgeIntroduction/system/index.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; import { styled, Box } from '@mui/system'; -import { Badge as BaseBadge, badgeClasses } from '@base_ui/react/Badge'; +import { Badge as BaseBadge, badgeClasses } from '@base_ui/react/legacy/Badge'; const blue = { 100: '#DAECFF', diff --git a/docs/data/base/components/badge/UnstyledBadgeIntroduction/tailwind/index.js b/docs/data/base/components/badge/UnstyledBadgeIntroduction/tailwind/index.js index 2c6377cf2f..a94ef49f40 100644 --- a/docs/data/base/components/badge/UnstyledBadgeIntroduction/tailwind/index.js +++ b/docs/data/base/components/badge/UnstyledBadgeIntroduction/tailwind/index.js @@ -1,7 +1,7 @@ import * as React from 'react'; import PropTypes from 'prop-types'; import clsx from 'clsx'; -import { Badge as BaseBadge } from '@base_ui/react/Badge'; +import { Badge as BaseBadge } from '@base_ui/react/legacy/Badge'; import { useTheme } from '@mui/system'; function useIsDarkMode() { diff --git a/docs/data/base/components/badge/UnstyledBadgeIntroduction/tailwind/index.tsx b/docs/data/base/components/badge/UnstyledBadgeIntroduction/tailwind/index.tsx index 5134735353..6dfcd3561f 100644 --- a/docs/data/base/components/badge/UnstyledBadgeIntroduction/tailwind/index.tsx +++ b/docs/data/base/components/badge/UnstyledBadgeIntroduction/tailwind/index.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; import clsx from 'clsx'; -import { Badge as BaseBadge, BadgeProps } from '@base_ui/react/Badge'; +import { Badge as BaseBadge, BadgeProps } from '@base_ui/react/legacy/Badge'; import { useTheme } from '@mui/system'; function useIsDarkMode() { diff --git a/docs/data/base/components/badge/badge.md b/docs/data/base/components/badge/badge.md index fc9e7139eb..cea362c02d 100644 --- a/docs/data/base/components/badge/badge.md +++ b/docs/data/base/components/badge/badge.md @@ -26,7 +26,7 @@ The Badge component creates a badge that is applied to its child element. ## Component ```jsx -import { Badge } from '@base_ui/react/Badge'; +import { Badge } from '@base_ui/react/legacy/Badge'; ``` The Badge wraps around the UI element that it's attached to. @@ -80,7 +80,7 @@ The same applies for props specific to custom primitive elements: ## Hook ```jsx -import { useBadge } from '@base_ui/react/useBadge'; +import { useBadge } from '@base_ui/react/legacy/useBadge'; ``` The `useBadge` hook lets you apply the functionality of a Badge to a fully custom component. diff --git a/docs/data/base/components/button/UnstyledButtonCustom.js b/docs/data/base/components/button/UnstyledButtonCustom.js index 225eeda467..be3d92060c 100644 --- a/docs/data/base/components/button/UnstyledButtonCustom.js +++ b/docs/data/base/components/button/UnstyledButtonCustom.js @@ -1,6 +1,6 @@ import * as React from 'react'; import PropTypes from 'prop-types'; -import { Button, buttonClasses } from '@base_ui/react/Button'; +import { Button, buttonClasses } from '@base_ui/react/legacy/Button'; import { styled } from '@mui/system'; const ButtonRoot = React.forwardRef(function ButtonRoot(props, ref) { diff --git a/docs/data/base/components/button/UnstyledButtonCustom.tsx b/docs/data/base/components/button/UnstyledButtonCustom.tsx index 3df425acad..f28bcba479 100644 --- a/docs/data/base/components/button/UnstyledButtonCustom.tsx +++ b/docs/data/base/components/button/UnstyledButtonCustom.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { Button, ButtonProps, buttonClasses } from '@base_ui/react/Button'; +import { Button, ButtonProps, buttonClasses } from '@base_ui/react/legacy/Button'; import { styled, Theme } from '@mui/system'; const ButtonRoot = React.forwardRef(function ButtonRoot( diff --git a/docs/data/base/components/button/UnstyledButtonIntroduction/css/index.js b/docs/data/base/components/button/UnstyledButtonIntroduction/css/index.js index b36ce05b76..13b0fd54e2 100644 --- a/docs/data/base/components/button/UnstyledButtonIntroduction/css/index.js +++ b/docs/data/base/components/button/UnstyledButtonIntroduction/css/index.js @@ -1,5 +1,5 @@ import * as React from 'react'; -import { Button } from '@base_ui/react/Button'; +import { Button } from '@base_ui/react/legacy/Button'; import { useTheme } from '@mui/system'; import Stack from '@mui/material/Stack'; diff --git a/docs/data/base/components/button/UnstyledButtonIntroduction/css/index.tsx b/docs/data/base/components/button/UnstyledButtonIntroduction/css/index.tsx index b36ce05b76..13b0fd54e2 100644 --- a/docs/data/base/components/button/UnstyledButtonIntroduction/css/index.tsx +++ b/docs/data/base/components/button/UnstyledButtonIntroduction/css/index.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { Button } from '@base_ui/react/Button'; +import { Button } from '@base_ui/react/legacy/Button'; import { useTheme } from '@mui/system'; import Stack from '@mui/material/Stack'; diff --git a/docs/data/base/components/button/UnstyledButtonIntroduction/system/index.js b/docs/data/base/components/button/UnstyledButtonIntroduction/system/index.js index 3a17beb8a2..6eee00a8ee 100644 --- a/docs/data/base/components/button/UnstyledButtonIntroduction/system/index.js +++ b/docs/data/base/components/button/UnstyledButtonIntroduction/system/index.js @@ -1,5 +1,5 @@ import * as React from 'react'; -import { Button as BaseButton, buttonClasses } from '@base_ui/react/Button'; +import { Button as BaseButton, buttonClasses } from '@base_ui/react/legacy/Button'; import { styled } from '@mui/system'; import Stack from '@mui/material/Stack'; diff --git a/docs/data/base/components/button/UnstyledButtonIntroduction/system/index.tsx b/docs/data/base/components/button/UnstyledButtonIntroduction/system/index.tsx index 3a17beb8a2..6eee00a8ee 100644 --- a/docs/data/base/components/button/UnstyledButtonIntroduction/system/index.tsx +++ b/docs/data/base/components/button/UnstyledButtonIntroduction/system/index.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { Button as BaseButton, buttonClasses } from '@base_ui/react/Button'; +import { Button as BaseButton, buttonClasses } from '@base_ui/react/legacy/Button'; import { styled } from '@mui/system'; import Stack from '@mui/material/Stack'; diff --git a/docs/data/base/components/button/UnstyledButtonIntroduction/tailwind/index.js b/docs/data/base/components/button/UnstyledButtonIntroduction/tailwind/index.js index 1af53ada6b..3147dc8014 100644 --- a/docs/data/base/components/button/UnstyledButtonIntroduction/tailwind/index.js +++ b/docs/data/base/components/button/UnstyledButtonIntroduction/tailwind/index.js @@ -1,6 +1,6 @@ import * as React from 'react'; import PropTypes from 'prop-types'; -import { Button as BaseButton } from '@base_ui/react/Button'; +import { Button as BaseButton } from '@base_ui/react/legacy/Button'; import Stack from '@mui/material/Stack'; import clsx from 'clsx'; import { useTheme } from '@mui/system'; diff --git a/docs/data/base/components/button/UnstyledButtonIntroduction/tailwind/index.tsx b/docs/data/base/components/button/UnstyledButtonIntroduction/tailwind/index.tsx index a8b9ee179f..7b7030462a 100644 --- a/docs/data/base/components/button/UnstyledButtonIntroduction/tailwind/index.tsx +++ b/docs/data/base/components/button/UnstyledButtonIntroduction/tailwind/index.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { Button as BaseButton, ButtonProps } from '@base_ui/react/Button'; +import { Button as BaseButton, ButtonProps } from '@base_ui/react/legacy/Button'; import Stack from '@mui/material/Stack'; import clsx from 'clsx'; import { useTheme } from '@mui/system'; diff --git a/docs/data/base/components/button/UnstyledButtonsDisabledFocus.js b/docs/data/base/components/button/UnstyledButtonsDisabledFocus.js index db4f511e8f..4613186890 100644 --- a/docs/data/base/components/button/UnstyledButtonsDisabledFocus.js +++ b/docs/data/base/components/button/UnstyledButtonsDisabledFocus.js @@ -1,5 +1,5 @@ import * as React from 'react'; -import { Button as BaseButton, buttonClasses } from '@base_ui/react/Button'; +import { Button as BaseButton, buttonClasses } from '@base_ui/react/legacy/Button'; import { styled } from '@mui/system'; import Stack from '@mui/material/Stack'; diff --git a/docs/data/base/components/button/UnstyledButtonsDisabledFocus.tsx b/docs/data/base/components/button/UnstyledButtonsDisabledFocus.tsx index db4f511e8f..4613186890 100644 --- a/docs/data/base/components/button/UnstyledButtonsDisabledFocus.tsx +++ b/docs/data/base/components/button/UnstyledButtonsDisabledFocus.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { Button as BaseButton, buttonClasses } from '@base_ui/react/Button'; +import { Button as BaseButton, buttonClasses } from '@base_ui/react/legacy/Button'; import { styled } from '@mui/system'; import Stack from '@mui/material/Stack'; diff --git a/docs/data/base/components/button/UnstyledButtonsDisabledFocusCustom.js b/docs/data/base/components/button/UnstyledButtonsDisabledFocusCustom.js index 9c39abc808..18902eee8e 100644 --- a/docs/data/base/components/button/UnstyledButtonsDisabledFocusCustom.js +++ b/docs/data/base/components/button/UnstyledButtonsDisabledFocusCustom.js @@ -1,5 +1,5 @@ import * as React from 'react'; -import { Button as BaseButton, buttonClasses } from '@base_ui/react/Button'; +import { Button as BaseButton, buttonClasses } from '@base_ui/react/legacy/Button'; import { styled } from '@mui/system'; import Stack from '@mui/material/Stack'; diff --git a/docs/data/base/components/button/UnstyledButtonsDisabledFocusCustom.tsx b/docs/data/base/components/button/UnstyledButtonsDisabledFocusCustom.tsx index c12b05e26c..775a83b5f2 100644 --- a/docs/data/base/components/button/UnstyledButtonsDisabledFocusCustom.tsx +++ b/docs/data/base/components/button/UnstyledButtonsDisabledFocusCustom.tsx @@ -3,10 +3,10 @@ import { Button as BaseButton, buttonClasses, ButtonTypeMap, -} from '@base_ui/react/Button'; +} from '@base_ui/react/legacy/Button'; import { styled } from '@mui/system'; import Stack from '@mui/material/Stack'; -import { PolymorphicComponent } from '@base_ui/react/utils'; +import { PolymorphicComponent } from '@base_ui/react/legacy/utils/PolymorphicComponent'; export default function UnstyledButtonsDisabledFocusCustom() { return ( diff --git a/docs/data/base/components/button/UnstyledButtonsSimple.js b/docs/data/base/components/button/UnstyledButtonsSimple.js index 28c2022603..eefdf90c7d 100644 --- a/docs/data/base/components/button/UnstyledButtonsSimple.js +++ b/docs/data/base/components/button/UnstyledButtonsSimple.js @@ -1,5 +1,5 @@ import * as React from 'react'; -import { Button as BaseButton } from '@base_ui/react/Button'; +import { Button as BaseButton } from '@base_ui/react/legacy/Button'; import { styled } from '@mui/system'; import Stack from '@mui/material/Stack'; diff --git a/docs/data/base/components/button/UnstyledButtonsSimple.tsx b/docs/data/base/components/button/UnstyledButtonsSimple.tsx index 28c2022603..eefdf90c7d 100644 --- a/docs/data/base/components/button/UnstyledButtonsSimple.tsx +++ b/docs/data/base/components/button/UnstyledButtonsSimple.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { Button as BaseButton } from '@base_ui/react/Button'; +import { Button as BaseButton } from '@base_ui/react/legacy/Button'; import { styled } from '@mui/system'; import Stack from '@mui/material/Stack'; diff --git a/docs/data/base/components/button/UnstyledButtonsSpan.js b/docs/data/base/components/button/UnstyledButtonsSpan.js index 5157fb7ce1..9d39186ab3 100644 --- a/docs/data/base/components/button/UnstyledButtonsSpan.js +++ b/docs/data/base/components/button/UnstyledButtonsSpan.js @@ -1,5 +1,5 @@ import * as React from 'react'; -import { Button as BaseButton, buttonClasses } from '@base_ui/react/Button'; +import { Button as BaseButton, buttonClasses } from '@base_ui/react/legacy/Button'; import { styled } from '@mui/system'; import Stack from '@mui/material/Stack'; diff --git a/docs/data/base/components/button/UnstyledButtonsSpan.tsx b/docs/data/base/components/button/UnstyledButtonsSpan.tsx index 5157fb7ce1..9d39186ab3 100644 --- a/docs/data/base/components/button/UnstyledButtonsSpan.tsx +++ b/docs/data/base/components/button/UnstyledButtonsSpan.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { Button as BaseButton, buttonClasses } from '@base_ui/react/Button'; +import { Button as BaseButton, buttonClasses } from '@base_ui/react/legacy/Button'; import { styled } from '@mui/system'; import Stack from '@mui/material/Stack'; diff --git a/docs/data/base/components/button/UnstyledLinkButton.js b/docs/data/base/components/button/UnstyledLinkButton.js index 3064feff34..f1d379179e 100644 --- a/docs/data/base/components/button/UnstyledLinkButton.js +++ b/docs/data/base/components/button/UnstyledLinkButton.js @@ -1,5 +1,5 @@ import * as React from 'react'; -import { Button as BaseButton, buttonClasses } from '@base_ui/react/Button'; +import { Button as BaseButton, buttonClasses } from '@base_ui/react/legacy/Button'; import { prepareForSlot } from '@base_ui/react/utils'; import { styled } from '@mui/system'; import Stack from '@mui/material/Stack'; diff --git a/docs/data/base/components/button/UnstyledLinkButton.tsx b/docs/data/base/components/button/UnstyledLinkButton.tsx index 3064feff34..f1d379179e 100644 --- a/docs/data/base/components/button/UnstyledLinkButton.tsx +++ b/docs/data/base/components/button/UnstyledLinkButton.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { Button as BaseButton, buttonClasses } from '@base_ui/react/Button'; +import { Button as BaseButton, buttonClasses } from '@base_ui/react/legacy/Button'; import { prepareForSlot } from '@base_ui/react/utils'; import { styled } from '@mui/system'; import Stack from '@mui/material/Stack'; diff --git a/docs/data/base/components/button/UseButton.tsx b/docs/data/base/components/button/UseButton.tsx index 05fd30523e..bd4b461f89 100644 --- a/docs/data/base/components/button/UseButton.tsx +++ b/docs/data/base/components/button/UseButton.tsx @@ -3,7 +3,7 @@ import clsx from 'clsx'; import { styled } from '@mui/system'; import Stack from '@mui/material/Stack'; import { useButton } from '@base_ui/react/useButton'; -import { ButtonProps } from '@base_ui/react/Button'; +import { ButtonProps } from '@base_ui/react/legacy/Button'; const CustomButton = React.forwardRef(function CustomButton( props: ButtonProps, diff --git a/docs/data/base/components/button/button.md b/docs/data/base/components/button/button.md index ad72ea436e..73865a4c0c 100644 --- a/docs/data/base/components/button/button.md +++ b/docs/data/base/components/button/button.md @@ -24,7 +24,7 @@ The Button component replaces the native HTML `