From 89987053e734b3025e16cc631f3a6d6b24149ea3 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Micha=C5=82=20Dudak?= Date: Mon, 8 Apr 2024 15:13:50 +0200 Subject: [PATCH 1/5] Rename package --- .codesandbox/ci.json | 2 +- README.md | 4 +-- babel.config.js | 2 +- .../AutocompleteIntroduction/css/index.js | 8 ++--- .../AutocompleteIntroduction/css/index.tsx | 11 ++++--- .../AutocompleteIntroduction/system/index.js | 6 ++-- .../AutocompleteIntroduction/system/index.tsx | 9 ++++-- .../tailwind/index.js | 6 ++-- .../tailwind/index.tsx | 9 ++++-- .../autocomplete/ControlledStates.js | 2 +- .../autocomplete/ControlledStates.tsx | 2 +- .../autocomplete/UseAutocomplete.js | 2 +- .../autocomplete/UseAutocomplete.tsx | 2 +- .../autocomplete/UseAutocompletePopper.js | 4 +-- .../autocomplete/UseAutocompletePopper.tsx | 7 ++-- .../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 | 6 ++-- .../base/components/badge/BadgeVisibility.tsx | 6 ++-- .../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 | 4 +-- .../components/button/UnstyledLinkButton.tsx | 4 +-- docs/data/base/components/button/UseButton.js | 2 +- .../data/base/components/button/UseButton.tsx | 4 +-- docs/data/base/components/button/button.md | 4 +-- .../checkbox/UnstyledCheckboxIndeterminate.js | 2 +- .../UnstyledCheckboxIndeterminate.tsx | 2 +- .../UnstyledCheckboxIndeterminateGroup.js | 2 +- .../UnstyledCheckboxIndeterminateGroup.tsx | 2 +- .../UnstyledCheckboxIntroduction/css/index.js | 2 +- .../css/index.tsx | 2 +- .../system/index.js | 2 +- .../system/index.tsx | 2 +- .../tailwind/index.js | 2 +- .../tailwind/index.tsx | 2 +- .../data/base/components/checkbox/checkbox.md | 4 +-- .../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 | 4 +-- .../BasicFormControl/css/index.tsx | 4 +-- .../BasicFormControl/system/index.js | 4 +-- .../BasicFormControl/system/index.tsx | 4 +-- .../BasicFormControl/tailwind/index.js | 4 +-- .../BasicFormControl/tailwind/index.tsx | 4 +-- .../form-control/FormControlFunctionChild.js | 4 +-- .../form-control/FormControlFunctionChild.tsx | 4 +-- .../components/form-control/UseFormControl.js | 2 +- .../form-control/UseFormControl.tsx | 2 +- .../components/form-control/form-control.md | 4 +-- .../base/components/input/InputAdornments.js | 4 +-- .../base/components/input/InputAdornments.tsx | 4 +-- .../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 | 18 +++++------ .../menu/MenuIntroduction/css/index.tsx | 12 +++---- .../menu/MenuIntroduction/system/index.js | 14 ++++---- .../menu/MenuIntroduction/system/index.tsx | 12 +++---- .../menu/MenuIntroduction/tailwind/index.js | 12 +++---- .../menu/MenuIntroduction/tailwind/index.tsx | 19 +++++++---- .../components/menu/MenuSimple/css/index.js | 8 ++--- .../components/menu/MenuSimple/css/index.tsx | 8 ++--- .../menu/MenuSimple/system/index.js | 8 ++--- .../menu/MenuSimple/system/index.tsx | 8 ++--- .../menu/MenuSimple/tailwind/index.js | 8 ++--- .../menu/MenuSimple/tailwind/index.tsx | 11 ++++--- .../base/components/menu/MenuTransitions.js | 14 ++++---- .../base/components/menu/MenuTransitions.tsx | 12 +++---- docs/data/base/components/menu/UseMenu.js | 10 +++--- docs/data/base/components/menu/UseMenu.tsx | 10 +++--- .../base/components/menu/WrappedMenuItems.js | 8 ++--- .../base/components/menu/WrappedMenuItems.tsx | 8 ++--- 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 | 6 ++-- .../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 +- .../number-input/NumberInputAdornments.js | 2 +- .../number-input/NumberInputAdornments.tsx | 2 +- .../NumberInputBasic/css/index.js | 2 +- .../NumberInputBasic/css/index.tsx | 2 +- .../NumberInputBasic/system/index.js | 2 +- .../NumberInputBasic/system/index.tsx | 2 +- .../NumberInputBasic/tailwind/index.js | 2 +- .../NumberInputBasic/tailwind/index.tsx | 2 +- .../NumberInputIntroduction/css/index.js | 2 +- .../NumberInputIntroduction/css/index.tsx | 2 +- .../NumberInputIntroduction/system/index.js | 2 +- .../NumberInputIntroduction/system/index.tsx | 2 +- .../NumberInputIntroduction/tailwind/index.js | 2 +- .../tailwind/index.tsx | 2 +- .../components/number-input/QuantityInput.js | 2 +- .../components/number-input/QuantityInput.tsx | 2 +- .../components/number-input/UseNumberInput.js | 2 +- .../number-input/UseNumberInput.tsx | 2 +- .../number-input/UseNumberInputCompact.js | 2 +- .../number-input/UseNumberInputCompact.tsx | 2 +- .../components/number-input/number-input.md | 4 +-- .../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 | 5 ++- 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 +- docs/data/base/components/portal/portal.md | 2 +- .../select/UnstyledSelectBasic/css/index.js | 4 +-- .../select/UnstyledSelectBasic/css/index.tsx | 4 +-- .../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 | 14 ++++---- .../UnstyledSelectIntroduction/css/index.tsx | 8 ++--- .../system/index.js | 14 ++++---- .../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 | 14 ++++---- .../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 ++--- .../base/components/slider/DiscreteSlider.js | 2 +- .../base/components/slider/DiscreteSlider.tsx | 2 +- .../components/slider/DiscreteSliderMarks.js | 2 +- .../components/slider/DiscreteSliderMarks.tsx | 2 +- .../components/slider/DiscreteSliderValues.js | 4 +-- .../slider/DiscreteSliderValues.tsx | 2 +- .../components/slider/LabeledValuesSlider.js | 2 +- .../components/slider/LabeledValuesSlider.tsx | 2 +- .../base/components/slider/RangeSlider.js | 2 +- .../base/components/slider/RangeSlider.tsx | 2 +- .../UnstyledSliderIntroduction/css/index.js | 4 +-- .../UnstyledSliderIntroduction/css/index.tsx | 2 +- .../system/index.js | 6 ++-- .../system/index.tsx | 2 +- .../tailwind/index.js | 2 +- .../tailwind/index.tsx | 2 +- .../base/components/slider/VerticalSlider.js | 4 +-- .../base/components/slider/VerticalSlider.tsx | 2 +- docs/data/base/components/slider/slider.md | 4 +-- .../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 +-- .../UnstyledSwitchIntroduction/css/index.js | 8 ++--- .../UnstyledSwitchIntroduction/css/index.tsx | 2 +- .../system/index.js | 2 +- .../system/index.tsx | 2 +- .../tailwind/index.js | 2 +- .../tailwind/index.tsx | 2 +- docs/data/base/components/switch/switch.md | 4 +-- .../table-pagination/TableCustomized.js | 4 +-- .../table-pagination/TableCustomized.tsx | 2 +- .../table-pagination/TableUnstyled.js | 2 +- .../table-pagination/TableUnstyled.tsx | 2 +- .../css/index.js | 2 +- .../css/index.tsx | 2 +- .../system/index.js | 6 ++-- .../system/index.tsx | 2 +- .../tailwind/index.js | 2 +- .../tailwind/index.tsx | 5 ++- .../table-pagination/table-pagination.md | 2 +- .../components/tabs/KeyboardNavigation.js | 8 ++--- .../components/tabs/KeyboardNavigation.tsx | 8 ++--- .../base/components/tabs/UnstyledTabsBasic.js | 8 ++--- .../components/tabs/UnstyledTabsBasic.tsx | 8 ++--- .../tabs/UnstyledTabsCustomized/css/index.js | 10 +++--- .../tabs/UnstyledTabsCustomized/css/index.tsx | 10 +++--- .../UnstyledTabsCustomized/system/index.js | 10 +++--- .../UnstyledTabsCustomized/system/index.tsx | 10 +++--- .../UnstyledTabsCustomized/tailwind/index.js | 8 ++--- .../UnstyledTabsCustomized/tailwind/index.tsx | 8 ++--- .../UnstyledTabsIntroduction/css/index.js | 10 +++--- .../UnstyledTabsIntroduction/css/index.tsx | 10 +++--- .../UnstyledTabsIntroduction/system/index.js | 10 +++--- .../UnstyledTabsIntroduction/system/index.tsx | 10 +++--- .../tailwind/index.js | 8 ++--- .../tailwind/index.tsx | 8 ++--- .../components/tabs/UnstyledTabsRouting.js | 6 ++-- .../components/tabs/UnstyledTabsRouting.tsx | 6 ++-- .../components/tabs/UnstyledTabsVertical.js | 10 +++--- .../components/tabs/UnstyledTabsVertical.tsx | 10 +++--- docs/data/base/components/tabs/tabs.md | 8 ++--- .../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 | 9 ++++-- .../transitions/CssTransitionComponent.js | 6 ++-- .../transitions/CssTransitionComponent.tsx | 9 ++++-- .../components/transitions/ReactSpring.js | 6 ++-- .../components/transitions/ReactSpring.tsx | 9 ++++-- .../transitions/ReactTransitionGroup.js | 6 ++-- .../transitions/ReactTransitionGroup.tsx | 9 ++++-- .../components/transitions/TransitionHooks.js | 2 +- .../transitions/TransitionHooks.tsx | 2 +- .../accessibility/ColorContrast.js | 2 +- .../accessibility/ColorContrast.tsx | 2 +- .../accessibility/FocusRing.js | 2 +- .../accessibility/FocusRing.tsx | 2 +- .../accessibility/KeyboardNavigation.js | 12 +++---- .../accessibility/KeyboardNavigation.tsx | 12 +++---- .../getting-started/quickstart/BaseButton.js | 4 +-- .../getting-started/quickstart/BaseButton.tsx | 4 +-- .../quickstart/BaseButtonMuiSystem.js | 4 +-- .../quickstart/BaseButtonMuiSystem.tsx | 4 +-- .../quickstart/BaseButtonPlainCss.js | 4 +-- .../quickstart/BaseButtonPlainCss.tsx | 4 +-- .../getting-started/quickstart/Tutorial.js | 2 +- .../getting-started/quickstart/Tutorial.tsx | 2 +- .../getting-started/quickstart/quickstart.md | 18 +++++------ .../OverridingInternalSlot.js | 4 +-- .../OverridingInternalSlot.tsx | 4 +-- .../OverridingRootSlot.js | 2 +- .../OverridingRootSlot.tsx | 2 +- .../working-with-tailwind-css.md | 10 +++--- docs/package.json | 2 +- .../components/header/HeaderNavDropdown.tsx | 2 +- .../productBaseUI/BaseUICustomization.tsx | 8 ++--- .../components/productBaseUI/BaseUIEnd.tsx | 2 +- .../components/productBaseUI/BaseUIHero.tsx | 2 +- .../productBaseUI/BaseUIThemesDemo.tsx | 30 ++++++++--------- .../components/BaseButtonDemo.tsx | 8 ++--- .../components/BaseInputDemo.tsx | 8 ++--- .../productBaseUI/components/BaseMenuDemo.tsx | 32 +++++++++---------- .../components/BaseSliderDemo.tsx | 8 ++--- .../productBaseUI/components/BaseTabsDemo.tsx | 32 +++++++++---------- .../productBaseUI/themed-controls/Switch.tsx | 2 +- .../modules/components/ComponentLinkHeader.js | 2 +- docs/src/modules/components/DemoEditor.tsx | 2 +- .../src/modules/components/HighlightedCode.js | 2 +- .../components/HighlightedCodeWithTabs.tsx | 8 ++--- docs/src/modules/components/Notifications.js | 2 +- docs/src/modules/sandbox/Dependencies.test.js | 10 +++--- docs/src/modules/sandbox/Dependencies.ts | 2 +- examples/base-ui-cra-ts/package.json | 2 +- examples/base-ui-cra/package.json | 2 +- .../base-ui-nextjs-tailwind-ts/package.json | 2 +- .../src/app/components.tsx | 6 ++-- .../src/app/page.tsx | 2 +- .../base-ui-vite-tailwind-ts/package.json | 2 +- examples/base-ui-vite-tailwind/package.json | 2 +- netlify.toml | 2 +- packages/mui-base/README.md | 2 +- packages/mui-base/package.json | 2 +- packages/mui-base/src/Badge/Badge.spec.tsx | 2 +- packages/mui-base/src/Badge/Badge.test.tsx | 2 +- packages/mui-base/src/Button/Button.spec.tsx | 2 +- packages/mui-base/src/Button/Button.test.tsx | 2 +- .../ClickAwayListener.test.js | 4 +-- .../mui-base/src/Dropdown/Dropdown.test.tsx | 14 ++++---- .../mui-base/src/FocusTrap/FocusTrap.test.tsx | 4 +-- .../src/FormControl/FormControl.spec.tsx | 2 +- .../src/FormControl/FormControl.test.tsx | 2 +- packages/mui-base/src/Input/Input.spec.tsx | 2 +- packages/mui-base/src/Input/Input.test.tsx | 2 +- packages/mui-base/src/Menu/Menu.spec.tsx | 2 +- packages/mui-base/src/Menu/Menu.test.tsx | 10 +++--- .../src/MenuButton/MenuButton.test.tsx | 8 +++-- .../mui-base/src/MenuItem/MenuItem.spec.tsx | 2 +- .../mui-base/src/MenuItem/MenuItem.test.tsx | 4 +-- packages/mui-base/src/Modal/Modal.spec.tsx | 2 +- packages/mui-base/src/Modal/Modal.test.tsx | 2 +- packages/mui-base/src/NoSsr/NoSsr.test.tsx | 2 +- packages/mui-base/src/Option/Option.spec.tsx | 2 +- packages/mui-base/src/Option/Option.test.tsx | 2 +- .../src/OptionGroup/OptionGroup.spec.tsx | 2 +- .../src/OptionGroup/OptionGroup.test.tsx | 2 +- packages/mui-base/src/Popper/Popper.spec.tsx | 2 +- packages/mui-base/src/Popper/Popper.test.tsx | 2 +- packages/mui-base/src/Portal/Portal.test.tsx | 2 +- packages/mui-base/src/Select/Select.spec.tsx | 2 +- packages/mui-base/src/Select/Select.test.tsx | 8 ++--- packages/mui-base/src/Slider/Slider.spec.tsx | 2 +- packages/mui-base/src/Slider/Slider.test.tsx | 2 +- .../mui-base/src/Snackbar/Snackbar.spec.tsx | 2 +- .../mui-base/src/Snackbar/Snackbar.test.tsx | 2 +- packages/mui-base/src/Switch/Switch.test.tsx | 2 +- .../mui-base/src/Switch/SwitchThumb.test.tsx | 2 +- packages/mui-base/src/Tab/Tab.spec.tsx | 2 +- packages/mui-base/src/Tab/Tab.test.tsx | 2 +- .../mui-base/src/TabPanel/TabPanel.spec.tsx | 2 +- .../mui-base/src/TabPanel/TabPanel.test.tsx | 2 +- .../TablePagination/TablePagination.spec.tsx | 2 +- .../TablePagination/TablePagination.test.tsx | 2 +- .../TablePaginationActions.spec.tsx | 2 +- packages/mui-base/src/Tabs/Tabs.spec.tsx | 2 +- packages/mui-base/src/Tabs/Tabs.test.tsx | 8 ++--- .../mui-base/src/TabsList/TabsList.spec.tsx | 2 +- .../mui-base/src/TabsList/TabsList.test.tsx | 6 ++-- .../TextareaAutosize.test.tsx | 2 +- .../Unstable_NumberInput/NumberInput.spec.tsx | 2 +- .../Unstable_NumberInput/NumberInput.test.tsx | 2 +- .../src/Unstable_Popup/Popup.test.tsx | 2 +- packages/mui-base/src/index.test.js | 2 +- .../useNumberInput.test.tsx | 2 +- .../useAutocomplete/useAutocomplete.spec.ts | 2 +- .../useAutocomplete/useAutocomplete.test.js | 2 +- .../mui-base/src/useButton/useButton.test.tsx | 2 +- .../src/useMenuButton/useMenuButton.test.tsx | 2 +- .../src/useSnackbar/useSnackbar.test.tsx | 2 +- .../src/utils/prepareForSlot.test.tsx | 2 +- .../mui-base/src/utils/useSlotProps.test.tsx | 2 +- .../test/describeConformanceUnstyled.tsx | 2 +- .../selectComponentsProps.spec.tsx | 4 +-- .../sliderComponentsProps.spec.tsx | 4 +-- pnpm-lock.yaml | 12 +++---- .../config/baseUi/projectSettings.ts | 2 +- scripts/buildApiDocs/tsconfig.json | 4 +-- scripts/sizeSnapshot/webpack.config.js | 2 +- test/package.json | 2 +- tsconfig.json | 4 +-- webpackBaseConfig.js | 2 +- 464 files changed, 960 insertions(+), 916 deletions(-) diff --git a/.codesandbox/ci.json b/.codesandbox/ci.json index 1abc84447a..247caf9a4a 100644 --- a/.codesandbox/ci.json +++ b/.codesandbox/ci.json @@ -4,7 +4,7 @@ "node": "18", "packages": ["packages/mui-base"], "publishDirectory": { - "@mui/base": "packages/mui-base/build" + "@base_ui/react": "packages/mui-base/build" }, "sandboxes": ["/examples/base-ui-cra-ts"], "silent": true diff --git a/README.md b/README.md index f9f0a4e44d..ec3c87be03 100644 --- a/README.md +++ b/README.md @@ -7,8 +7,8 @@
[![License](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/mui/base-ui/blob/HEAD/LICENSE) -[![npm latest package](https://img.shields.io/npm/v/@mui/base/latest.svg)](https://www.npmjs.com/package/@mui/base) -[![npm downloads](https://img.shields.io/npm/dm/@mui/base.svg)](https://www.npmjs.com/package/@mui/base) +[![npm latest package](https://img.shields.io/npm/v/@base_ui/react/latest.svg)](https://www.npmjs.com/package/@base_ui/react) +[![npm downloads](https://img.shields.io/npm/dm/@base_ui/react.svg)](https://www.npmjs.com/package/@base_ui/react) [![CircleCI](https://circleci.com/gh/mui/base-ui/tree/master.svg?style=shield)](https://app.circleci.com/pipelines/github/mui/base-ui?branch=master) [![Coverage status](https://img.shields.io/codecov/c/github/mui/base-ui/master.svg)](https://codecov.io/gh/mui/base-ui/branch/master) [![Follow on X](https://img.shields.io/twitter/follow/MUI_hq.svg?label=follow+MUI)](https://twitter.com/MUI_hq) diff --git a/babel.config.js b/babel.config.js index 18ce38f762..dd30505339 100644 --- a/babel.config.js +++ b/babel.config.js @@ -16,7 +16,7 @@ module.exports = function getBabelConfig(api) { const useESModules = api.env(['regressions', 'stable', 'rollup']); const defaultAlias = { - '@mui/base': resolveAliasPath('./packages/mui-base/src'), + '@base_ui/react': resolveAliasPath('./packages/mui-base/src'), docs: resolveAliasPath('./docs'), test: resolveAliasPath('./test'), '@mui-internal/api-docs-builder': resolveAliasPath( diff --git a/docs/data/base/components/autocomplete/AutocompleteIntroduction/css/index.js b/docs/data/base/components/autocomplete/AutocompleteIntroduction/css/index.js index 588d75658c..34965307b9 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 '@mui/base/useAutocomplete'; -import { Button } from '@mui/base/Button'; -import { Input } from '@mui/base/Input'; -import { Popper } from '@mui/base/Popper'; +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 { 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 35183255be..2399689329 100644 --- a/docs/data/base/components/autocomplete/AutocompleteIntroduction/css/index.tsx +++ b/docs/data/base/components/autocomplete/AutocompleteIntroduction/css/index.tsx @@ -1,8 +1,11 @@ import * as React from 'react'; -import { useAutocomplete, UseAutocompleteProps } from '@mui/base/useAutocomplete'; -import { Button } from '@mui/base/Button'; -import { Input } from '@mui/base/Input'; -import { Popper } from '@mui/base/Popper'; +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'; 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 851e5555d1..3a8d047c21 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 '@mui/base/useAutocomplete'; -import { Button } from '@mui/base/Button'; -import { Popper } from '@mui/base/Popper'; +import { useAutocomplete } from '@base_ui/react/useAutocomplete'; +import { Button } from '@base_ui/react/Button'; +import { Popper } from '@base_ui/react/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 31414d1694..00d8c19d76 100644 --- a/docs/data/base/components/autocomplete/AutocompleteIntroduction/system/index.tsx +++ b/docs/data/base/components/autocomplete/AutocompleteIntroduction/system/index.tsx @@ -1,7 +1,10 @@ import * as React from 'react'; -import { useAutocomplete, UseAutocompleteProps } from '@mui/base/useAutocomplete'; -import { Button } from '@mui/base/Button'; -import { Popper } from '@mui/base/Popper'; +import { + useAutocomplete, + UseAutocompleteProps, +} from '@base_ui/react/useAutocomplete'; +import { Button } from '@base_ui/react/Button'; +import { Popper } from '@base_ui/react/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 2418c1d75e..1aabb6cffa 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 '@mui/base/useAutocomplete'; -import { Button } from '@mui/base/Button'; -import { Popper } from '@mui/base/Popper'; +import { useAutocomplete } from '@base_ui/react/useAutocomplete'; +import { Button } from '@base_ui/react/Button'; +import { Popper } from '@base_ui/react/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 2d07631632..cf1dfe2391 100644 --- a/docs/data/base/components/autocomplete/AutocompleteIntroduction/tailwind/index.tsx +++ b/docs/data/base/components/autocomplete/AutocompleteIntroduction/tailwind/index.tsx @@ -1,7 +1,10 @@ import * as React from 'react'; -import { useAutocomplete, UseAutocompleteProps } from '@mui/base/useAutocomplete'; -import { Button } from '@mui/base/Button'; -import { Popper } from '@mui/base/Popper'; +import { + useAutocomplete, + UseAutocompleteProps, +} from '@base_ui/react/useAutocomplete'; +import { Button } from '@base_ui/react/Button'; +import { Popper } from '@base_ui/react/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 feaaf24ecc..039291df3e 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 '@mui/base/useAutocomplete'; +import { useAutocomplete } from '@base_ui/react/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 2e241a1142..b5044424e0 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 '@mui/base/useAutocomplete'; +import { useAutocomplete } from '@base_ui/react/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 710c7ac50c..7ca9074295 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 '@mui/base/useAutocomplete'; +import { useAutocomplete } from '@base_ui/react/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 6f038a7051..d0b212c1cf 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 '@mui/base/useAutocomplete'; +import { useAutocomplete } from '@base_ui/react/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 12ebf73cc6..0c5385b8bd 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 '@mui/base/useAutocomplete'; -import { Popper } from '@mui/base/Popper'; +import { useAutocomplete } from '@base_ui/react/useAutocomplete'; +import { Popper } from '@base_ui/react/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 74c6e77555..7b9333884a 100644 --- a/docs/data/base/components/autocomplete/UseAutocompletePopper.tsx +++ b/docs/data/base/components/autocomplete/UseAutocompletePopper.tsx @@ -1,6 +1,9 @@ import * as React from 'react'; -import { useAutocomplete, UseAutocompleteProps } from '@mui/base/useAutocomplete'; -import { Popper } from '@mui/base/Popper'; +import { + useAutocomplete, + UseAutocompleteProps, +} from '@base_ui/react/useAutocomplete'; +import { Popper } from '@base_ui/react/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 7d1034b82f..906e0a10aa 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 '@mui/base/useAutocomplete'; +import { useAutocomplete } from '@base_ui/react/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 '@mui/base/useAutocomplete'; -import { Popper } from '@mui/base/Popper'; +import { useAutocomplete } from '@base_ui/react/useAutocomplete'; +import { Popper } from '@base_ui/react/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 6b4573d7e8..caedd2ef1e 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 '@mui/base/Badge'; +import { Badge as BaseBadge, badgeClasses } from '@base_ui/react/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 fb1aca023f..caf8866453 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 '@mui/base/Badge'; +import { Badge as BaseBadge, badgeClasses } from '@base_ui/react/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 c6a11d32f4..e883b2437a 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 '@mui/base/Badge'; +import { Badge as BaseBadge, badgeClasses } from '@base_ui/react/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 c6a11d32f4..e883b2437a 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 '@mui/base/Badge'; +import { Badge as BaseBadge, badgeClasses } from '@base_ui/react/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 8eddfdf2b3..eeb6004be5 100644 --- a/docs/data/base/components/badge/BadgeVisibility.js +++ b/docs/data/base/components/badge/BadgeVisibility.js @@ -1,9 +1,9 @@ import * as React from 'react'; -import { Badge as BaseBadge, badgeClasses } from '@mui/base/Badge'; +import { Badge as BaseBadge, badgeClasses } from '@base_ui/react/Badge'; // Auxiliary demo components import { styled, Stack } from '@mui/system'; -import { Button, buttonClasses } from '@mui/base/Button'; -import { Switch as BaseSwitch } from '@mui/base/Switch'; +import { Button, buttonClasses } from '@base_ui/react/Button'; +import { Switch as BaseSwitch } from '@base_ui/react/Switch'; import Divider from '@mui/material/Divider'; // Icons import AddIcon from '@mui/icons-material/Add'; diff --git a/docs/data/base/components/badge/BadgeVisibility.tsx b/docs/data/base/components/badge/BadgeVisibility.tsx index 8eddfdf2b3..eeb6004be5 100644 --- a/docs/data/base/components/badge/BadgeVisibility.tsx +++ b/docs/data/base/components/badge/BadgeVisibility.tsx @@ -1,9 +1,9 @@ import * as React from 'react'; -import { Badge as BaseBadge, badgeClasses } from '@mui/base/Badge'; +import { Badge as BaseBadge, badgeClasses } from '@base_ui/react/Badge'; // Auxiliary demo components import { styled, Stack } from '@mui/system'; -import { Button, buttonClasses } from '@mui/base/Button'; -import { Switch as BaseSwitch } from '@mui/base/Switch'; +import { Button, buttonClasses } from '@base_ui/react/Button'; +import { Switch as BaseSwitch } from '@base_ui/react/Switch'; import Divider from '@mui/material/Divider'; // Icons import AddIcon from '@mui/icons-material/Add'; diff --git a/docs/data/base/components/badge/ShowZeroBadge.js b/docs/data/base/components/badge/ShowZeroBadge.js index 79178504f0..88616ba976 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 '@mui/base/Badge'; +import { Badge as BaseBadge, badgeClasses } from '@base_ui/react/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 79178504f0..88616ba976 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 '@mui/base/Badge'; +import { Badge as BaseBadge, badgeClasses } from '@base_ui/react/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 5f60553084..e9f5d7f84f 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 '@mui/base/Badge'; +import { Badge } from '@base_ui/react/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 5f60553084..e9f5d7f84f 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 '@mui/base/Badge'; +import { Badge } from '@base_ui/react/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 fe2f6ee2d1..7787f48046 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 '@mui/base/Badge'; +import { Badge as BaseBadge, badgeClasses } from '@base_ui/react/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 fe2f6ee2d1..7787f48046 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 '@mui/base/Badge'; +import { Badge as BaseBadge, badgeClasses } from '@base_ui/react/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 917bc867dc..d478d261bc 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 '@mui/base/Badge'; +import { Badge as BaseBadge } from '@base_ui/react/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 837644d21d..3d9bcd670b 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 '@mui/base/Badge'; +import { Badge as BaseBadge, BadgeProps } from '@base_ui/react/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 36079a78be..a27d5caf20 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 '@mui/base/Badge'; +import { Badge } from '@base_ui/react/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 36079a78be..a27d5caf20 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 '@mui/base/Badge'; +import { Badge } from '@base_ui/react/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 220d05649d..e8998cecda 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 '@mui/base/Badge'; +import { Badge as BaseBadge, badgeClasses } from '@base_ui/react/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 220d05649d..e8998cecda 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 '@mui/base/Badge'; +import { Badge as BaseBadge, badgeClasses } from '@base_ui/react/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 070d1e6cdb..2c6377cf2f 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 '@mui/base/Badge'; +import { Badge as BaseBadge } from '@base_ui/react/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 2724498fae..5134735353 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 '@mui/base/Badge'; +import { Badge as BaseBadge, BadgeProps } from '@base_ui/react/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 e5c11fd702..cfe26460db 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 '@mui/base/Badge'; +import { Badge } from '@base_ui/react/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 '@mui/base/useBadge'; +import { useBadge } from '@base_ui/react/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 80b112845c..225eeda467 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 '@mui/base/Button'; +import { Button, buttonClasses } from '@base_ui/react/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 2697a535ac..3df425acad 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 '@mui/base/Button'; +import { Button, ButtonProps, buttonClasses } from '@base_ui/react/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 dc963f1d6d..b36ce05b76 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 '@mui/base/Button'; +import { Button } from '@base_ui/react/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 dc963f1d6d..b36ce05b76 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 '@mui/base/Button'; +import { Button } from '@base_ui/react/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 a9ea39a2ed..3a17beb8a2 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 '@mui/base/Button'; +import { Button as BaseButton, buttonClasses } from '@base_ui/react/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 a9ea39a2ed..3a17beb8a2 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 '@mui/base/Button'; +import { Button as BaseButton, buttonClasses } from '@base_ui/react/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 6b5aa4107e..1af53ada6b 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 '@mui/base/Button'; +import { Button as BaseButton } from '@base_ui/react/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 5562d64b7f..a8b9ee179f 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 '@mui/base/Button'; +import { Button as BaseButton, ButtonProps } from '@base_ui/react/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 017f4cd751..db4f511e8f 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 '@mui/base/Button'; +import { Button as BaseButton, buttonClasses } from '@base_ui/react/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 017f4cd751..db4f511e8f 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 '@mui/base/Button'; +import { Button as BaseButton, buttonClasses } from '@base_ui/react/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 fac334a2fb..9c39abc808 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 '@mui/base/Button'; +import { Button as BaseButton, buttonClasses } from '@base_ui/react/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 8b2dd51856..c12b05e26c 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 '@mui/base/Button'; +} from '@base_ui/react/Button'; import { styled } from '@mui/system'; import Stack from '@mui/material/Stack'; -import { PolymorphicComponent } from '@mui/base/utils'; +import { PolymorphicComponent } from '@base_ui/react/utils'; export default function UnstyledButtonsDisabledFocusCustom() { return ( diff --git a/docs/data/base/components/button/UnstyledButtonsSimple.js b/docs/data/base/components/button/UnstyledButtonsSimple.js index c231847c73..28c2022603 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 '@mui/base/Button'; +import { Button as BaseButton } from '@base_ui/react/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 c231847c73..28c2022603 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 '@mui/base/Button'; +import { Button as BaseButton } from '@base_ui/react/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 411ac7b003..5157fb7ce1 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 '@mui/base/Button'; +import { Button as BaseButton, buttonClasses } from '@base_ui/react/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 411ac7b003..5157fb7ce1 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 '@mui/base/Button'; +import { Button as BaseButton, buttonClasses } from '@base_ui/react/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 066ea73721..3064feff34 100644 --- a/docs/data/base/components/button/UnstyledLinkButton.js +++ b/docs/data/base/components/button/UnstyledLinkButton.js @@ -1,6 +1,6 @@ import * as React from 'react'; -import { Button as BaseButton, buttonClasses } from '@mui/base/Button'; -import { prepareForSlot } from '@mui/base/utils'; +import { Button as BaseButton, buttonClasses } from '@base_ui/react/Button'; +import { prepareForSlot } from '@base_ui/react/utils'; import { styled } from '@mui/system'; import Stack from '@mui/material/Stack'; import Link from 'next/link'; diff --git a/docs/data/base/components/button/UnstyledLinkButton.tsx b/docs/data/base/components/button/UnstyledLinkButton.tsx index 066ea73721..3064feff34 100644 --- a/docs/data/base/components/button/UnstyledLinkButton.tsx +++ b/docs/data/base/components/button/UnstyledLinkButton.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; -import { Button as BaseButton, buttonClasses } from '@mui/base/Button'; -import { prepareForSlot } from '@mui/base/utils'; +import { Button as BaseButton, buttonClasses } from '@base_ui/react/Button'; +import { prepareForSlot } from '@base_ui/react/utils'; import { styled } from '@mui/system'; import Stack from '@mui/material/Stack'; import Link from 'next/link'; diff --git a/docs/data/base/components/button/UseButton.js b/docs/data/base/components/button/UseButton.js index 75416cb585..af2a0f1cc5 100644 --- a/docs/data/base/components/button/UseButton.js +++ b/docs/data/base/components/button/UseButton.js @@ -3,7 +3,7 @@ import PropTypes from 'prop-types'; import clsx from 'clsx'; import { styled } from '@mui/system'; import Stack from '@mui/material/Stack'; -import { useButton } from '@mui/base/useButton'; +import { useButton } from '@base_ui/react/useButton'; const CustomButton = React.forwardRef(function CustomButton(props, ref) { const { children, disabled } = props; diff --git a/docs/data/base/components/button/UseButton.tsx b/docs/data/base/components/button/UseButton.tsx index 9891894a0d..05fd30523e 100644 --- a/docs/data/base/components/button/UseButton.tsx +++ b/docs/data/base/components/button/UseButton.tsx @@ -2,8 +2,8 @@ import * as React from 'react'; import clsx from 'clsx'; import { styled } from '@mui/system'; import Stack from '@mui/material/Stack'; -import { useButton } from '@mui/base/useButton'; -import { ButtonProps } from '@mui/base/Button'; +import { useButton } from '@base_ui/react/useButton'; +import { ButtonProps } from '@base_ui/react/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 33482d138f..e1da7bdf5c 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 `