@mui/material 5.0.6 → 5.2.1

package/node/Pagination/paginationClasses.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.getPaginationUtilityClass = getPaginationUtilityClass;
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 function getPaginationUtilityClass(slot) {
-  return (0, _core.generateUtilityClass)('MuiPagination', slot);
+  return (0, _base.generateUtilityClass)('MuiPagination', slot);
 }
 
-const paginationClasses = (0, _core.generateUtilityClasses)('MuiPagination', ['root', 'ul', 'outlined', 'text']);
+const paginationClasses = (0, _base.generateUtilityClasses)('MuiPagination', ['root', 'ul', 'outlined', 'text']);
 var _default = paginationClasses;
 exports.default = _default;

package/node/PaginationItem/PaginationItem.js

@@ -17,7 +17,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 var _system = require("@mui/system");
 
@@ -43,7 +43,7 @@ var _styled = _interopRequireDefault(require("../styles/styled"));
 
 var _jsxRuntime = require("react/jsx-runtime");
 
-const _excluded = ["className", "color", "component", "disabled", "page", "selected", "shape", "size", "type", "variant"];
+const _excluded = ["className", "color", "component", "components", "disabled", "page", "selected", "shape", "size", "type", "variant"];
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -79,7 +79,7 @@ const useUtilityClasses = ownerState => {
     }[type]],
     icon: ['icon']
   };
-  return (0, _core.unstable_composeClasses)(slots, _paginationItemClasses.getPaginationItemUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _paginationItemClasses.getPaginationItemUtilityClass, classes);
 };
 
 const PaginationItemEllipsis = (0, _styled.default)('div', {
@@ -245,6 +245,12 @@ const PaginationItem = /*#__PURE__*/React.forwardRef(function PaginationItem(inP
     className,
     color = 'standard',
     component,
+    components = {
+      first: _FirstPage.default,
+      last: _LastPage.default,
+      next: _NavigateNext.default,
+      previous: _NavigateBefore.default
+    },
     disabled = false,
     page,
     selected = false,
@@ -266,15 +272,15 @@ const PaginationItem = /*#__PURE__*/React.forwardRef(function PaginationItem(inP
   const theme = (0, _useTheme.default)();
   const classes = useUtilityClasses(ownerState);
   const normalizedIcons = theme.direction === 'rtl' ? {
-    previous: _NavigateNext.default,
-    next: _NavigateBefore.default,
-    last: _FirstPage.default,
-    first: _LastPage.default
+    previous: components.next || _NavigateNext.default,
+    next: components.previous || _NavigateBefore.default,
+    last: components.first || _FirstPage.default,
+    first: components.last || _LastPage.default
   } : {
-    previous: _NavigateBefore.default,
-    next: _NavigateNext.default,
-    first: _FirstPage.default,
-    last: _LastPage.default
+    previous: components.previous || _NavigateBefore.default,
+    next: components.next || _NavigateNext.default,
+    first: components.first || _FirstPage.default,
+    last: components.last || _LastPage.default
   };
   const Icon = normalizedIcons[type];
   return type === 'start-ellipsis' || type === 'end-ellipsis' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(PaginationItemEllipsis, {
@@ -333,6 +339,22 @@ process.env.NODE_ENV !== "production" ? PaginationItem.propTypes
    */
   component: _propTypes.default.elementType,
 
+  /**
+   * The components used for first, last, next & previous item type
+   * @default {
+   *   first: FirstPageIcon,
+   *   last: LastPageIcon,
+   *   next: NavigateNextIcon,
+   *   previous: NavigateBeforeIcon,
+   * }
+   */
+  components: _propTypes.default.shape({
+    first: _propTypes.default.elementType,
+    last: _propTypes.default.elementType,
+    next: _propTypes.default.elementType,
+    previous: _propTypes.default.elementType
+  }),
+
   /**
    * If `true`, the component is disabled.
    * @default false
@@ -367,7 +389,7 @@ process.env.NODE_ENV !== "production" ? PaginationItem.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object]),
 
   /**
    * The type of pagination item.

package/node/PaginationItem/paginationItemClasses.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.getPaginationItemUtilityClass = getPaginationItemUtilityClass;
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 function getPaginationItemUtilityClass(slot) {
-  return (0, _core.generateUtilityClass)('MuiPaginationItem', slot);
+  return (0, _base.generateUtilityClass)('MuiPaginationItem', slot);
 }
 
-const paginationItemClasses = (0, _core.generateUtilityClasses)('MuiPaginationItem', ['root', 'page', 'sizeSmall', 'sizeLarge', 'text', 'textPrimary', 'textSecondary', 'outlined', 'outlinedPrimary', 'outlinedSecondary', 'rounded', 'ellipsis', 'firstLast', 'previousNext', 'focusVisible', 'disabled', 'selected', 'icon']);
+const paginationItemClasses = (0, _base.generateUtilityClasses)('MuiPaginationItem', ['root', 'page', 'sizeSmall', 'sizeLarge', 'text', 'textPrimary', 'textSecondary', 'outlined', 'outlinedPrimary', 'outlinedSecondary', 'rounded', 'ellipsis', 'firstLast', 'previousNext', 'focusVisible', 'disabled', 'selected', 'icon']);
 var _default = paginationItemClasses;
 exports.default = _default;

package/node/Paper/Paper.js

@@ -19,7 +19,7 @@ var _clsx = _interopRequireDefault(require("clsx"));
 
 var _utils = require("@mui/utils");
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 var _system = require("@mui/system");
 
@@ -62,7 +62,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', variant, !square && 'rounded', variant === 'elevation' && `elevation${elevation}`]
   };
-  return (0, _core.unstable_composeClasses)(slots, _paperClasses.getPaperUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _paperClasses.getPaperUtilityClass, classes);
 };
 
 const PaperRoot = (0, _styled.default)('div', {
@@ -183,7 +183,7 @@ process.env.NODE_ENV !== "production" ? Paper.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object]),
 
   /**
    * The variant to use.

package/node/Paper/paperClasses.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.getPaperUtilityClass = getPaperUtilityClass;
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 function getPaperUtilityClass(slot) {
-  return (0, _core.generateUtilityClass)('MuiPaper', slot);
+  return (0, _base.generateUtilityClass)('MuiPaper', slot);
 }
 
-const paperClasses = (0, _core.generateUtilityClasses)('MuiPaper', ['root', 'rounded', 'outlined', 'elevation', 'elevation0', 'elevation1', 'elevation2', 'elevation3', 'elevation4', 'elevation5', 'elevation6', 'elevation7', 'elevation8', 'elevation9', 'elevation10', 'elevation11', 'elevation12', 'elevation13', 'elevation14', 'elevation15', 'elevation16', 'elevation17', 'elevation18', 'elevation19', 'elevation20', 'elevation21', 'elevation22', 'elevation23', 'elevation24']);
+const paperClasses = (0, _base.generateUtilityClasses)('MuiPaper', ['root', 'rounded', 'outlined', 'elevation', 'elevation0', 'elevation1', 'elevation2', 'elevation3', 'elevation4', 'elevation5', 'elevation6', 'elevation7', 'elevation8', 'elevation9', 'elevation10', 'elevation11', 'elevation12', 'elevation13', 'elevation14', 'elevation15', 'elevation16', 'elevation17', 'elevation18', 'elevation19', 'elevation20', 'elevation21', 'elevation22', 'elevation23', 'elevation24']);
 var _default = paperClasses;
 exports.default = _default;

package/node/Popover/Popover.js

@@ -19,7 +19,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 var _utils = require("@mui/utils");
 
@@ -96,7 +96,7 @@ const useUtilityClasses = ownerState => {
     root: ['root'],
     paper: ['paper']
   };
-  return (0, _core.unstable_composeClasses)(slots, _popoverClasses.getPopoverUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _popoverClasses.getPopoverUtilityClass, classes);
 };
 
 const PopoverRoot = (0, _styled.default)(_Modal.default, {
@@ -489,7 +489,7 @@ process.env.NODE_ENV !== "production" ? Popover.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object]),
 
   /**
    * This is the point on the popover which

package/node/Popover/popoverClasses.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.getPopoverUtilityClass = getPopoverUtilityClass;
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 function getPopoverUtilityClass(slot) {
-  return (0, _core.generateUtilityClass)('MuiPopover', slot);
+  return (0, _base.generateUtilityClass)('MuiPopover', slot);
 }
 
-const popoverClasses = (0, _core.generateUtilityClasses)('MuiPopover', ['root', 'paper']);
+const popoverClasses = (0, _base.generateUtilityClasses)('MuiPopover', ['root', 'paper']);
 var _default = popoverClasses;
 exports.default = _default;

package/node/Popper/Popper.js

@@ -0,0 +1,153 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var React = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _PopperUnstyled = _interopRequireDefault(require("@mui/base/PopperUnstyled"));
+
+var _utils = require("@mui/utils");
+
+var _system = require("@mui/system");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+/**
+ *
+ * Demos:
+ *
+ * - [Autocomplete](https://mui.com/components/autocomplete/)
+ * - [Menus](https://mui.com/components/menus/)
+ * - [Popper](https://mui.com/components/popper/)
+ *
+ * API:
+ *
+ * - [Popper API](https://mui.com/api/popper/)
+ */
+const Popper = /*#__PURE__*/React.forwardRef(function Popper(props, ref) {
+  const theme = (0, _system.useThemeWithoutDefault)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_PopperUnstyled.default, (0, _extends2.default)({
+    direction: theme == null ? void 0 : theme.direction
+  }, props, {
+    ref: ref
+  }));
+});
+process.env.NODE_ENV !== "production" ? Popper.propTypes
+/* remove-proptypes */
+= {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit TypeScript types and run "yarn proptypes"  |
+  // ----------------------------------------------------------------------
+
+  /**
+   * An HTML element, [virtualElement](https://popper.js.org/docs/v2/virtual-elements/),
+   * or a function that returns either.
+   * It's used to set the position of the popper.
+   * The return value will passed as the reference object of the Popper instance.
+   */
+  anchorEl: _propTypes.default
+  /* @typescript-to-proptypes-ignore */
+  .oneOfType([_utils.HTMLElementType, _propTypes.default.object, _propTypes.default.func]),
+
+  /**
+   * Popper render function or node.
+   */
+  children: _propTypes.default
+  /* @typescript-to-proptypes-ignore */
+  .oneOfType([_propTypes.default.node, _propTypes.default.func]),
+
+  /**
+   * An HTML element or function that returns one.
+   * The `container` will have the portal children appended to it.
+   *
+   * By default, it uses the body of the top-level document object,
+   * so it's simply `document.body` most of the time.
+   */
+  container: _propTypes.default
+  /* @typescript-to-proptypes-ignore */
+  .oneOfType([_utils.HTMLElementType, _propTypes.default.func]),
+
+  /**
+   * The `children` will be under the DOM hierarchy of the parent component.
+   * @default false
+   */
+  disablePortal: _propTypes.default.bool,
+
+  /**
+   * Always keep the children in the DOM.
+   * This prop can be useful in SEO situation or
+   * when you want to maximize the responsiveness of the Popper.
+   * @default false
+   */
+  keepMounted: _propTypes.default.bool,
+
+  /**
+   * Popper.js is based on a "plugin-like" architecture,
+   * most of its features are fully encapsulated "modifiers".
+   *
+   * A modifier is a function that is called each time Popper.js needs to
+   * compute the position of the popper.
+   * For this reason, modifiers should be very performant to avoid bottlenecks.
+   * To learn how to create a modifier, [read the modifiers documentation](https://popper.js.org/docs/v2/modifiers/).
+   */
+  modifiers: _propTypes.default.arrayOf(_propTypes.default.shape({
+    data: _propTypes.default.object,
+    effect: _propTypes.default.func,
+    enabled: _propTypes.default.bool,
+    fn: _propTypes.default.func,
+    name: _propTypes.default.any.isRequired,
+    options: _propTypes.default.object,
+    phase: _propTypes.default.oneOf(['afterMain', 'afterRead', 'afterWrite', 'beforeMain', 'beforeRead', 'beforeWrite', 'main', 'read', 'write']),
+    requires: _propTypes.default.arrayOf(_propTypes.default.string),
+    requiresIfExists: _propTypes.default.arrayOf(_propTypes.default.string)
+  })),
+
+  /**
+   * If `true`, the component is shown.
+   */
+  open: _propTypes.default.bool.isRequired,
+
+  /**
+   * Popper placement.
+   * @default 'bottom'
+   */
+  placement: _propTypes.default.oneOf(['auto-end', 'auto-start', 'auto', 'bottom-end', 'bottom-start', 'bottom', 'left-end', 'left-start', 'left', 'right-end', 'right-start', 'right', 'top-end', 'top-start', 'top']),
+
+  /**
+   * Options provided to the [`Popper.js`](https://popper.js.org/docs/v2/constructors/#options) instance.
+   * @default {}
+   */
+  popperOptions: _propTypes.default.shape({
+    modifiers: _propTypes.default.array,
+    onFirstUpdate: _propTypes.default.func,
+    placement: _propTypes.default.oneOf(['auto-end', 'auto-start', 'auto', 'bottom-end', 'bottom-start', 'bottom', 'left-end', 'left-start', 'left', 'right-end', 'right-start', 'right', 'top-end', 'top-start', 'top']),
+    strategy: _propTypes.default.oneOf(['absolute', 'fixed'])
+  }),
+
+  /**
+   * A ref that points to the used popper instance.
+   */
+  popperRef: _utils.refType,
+
+  /**
+   * Help supporting a react-transition-group/Transition component.
+   * @default false
+   */
+  transition: _propTypes.default.bool
+} : void 0;
+var _default = Popper;
+exports.default = _default;

package/node/Popper/index.js

@@ -12,4 +12,4 @@ Object.defineProperty(exports, "default", {
   }
 });
 
-var _Popper = _interopRequireDefault(require("@mui/core/Popper"));
+var _Popper = _interopRequireDefault(require("./Popper"));

package/node/Portal/index.js

@@ -12,4 +12,4 @@ Object.defineProperty(exports, "default", {
   }
 });
 
-var _Portal = _interopRequireDefault(require("@mui/core/Portal"));
+var _Portal = _interopRequireDefault(require("@mui/base/Portal"));

package/node/Radio/Radio.js

@@ -17,7 +17,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _utils = require("@mui/utils");
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 var _system = require("@mui/system");
 
@@ -53,7 +53,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', `color${(0, _capitalize.default)(color)}`]
   };
-  return (0, _extends2.default)({}, classes, (0, _core.unstable_composeClasses)(slots, _radioClasses.getRadioUtilityClass, classes));
+  return (0, _extends2.default)({}, classes, (0, _base.unstable_composeClasses)(slots, _radioClasses.getRadioUtilityClass, classes));
 };
 
 const RadioRoot = (0, _styled.default)(_SwitchBase.default, {
@@ -248,7 +248,7 @@ process.env.NODE_ENV !== "production" ? Radio.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object]),
 
   /**
    * The value of the component. The DOM API casts this to a string.

package/node/Radio/radioClasses.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.getRadioUtilityClass = getRadioUtilityClass;
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 function getRadioUtilityClass(slot) {
-  return (0, _core.generateUtilityClass)('MuiRadio', slot);
+  return (0, _base.generateUtilityClass)('MuiRadio', slot);
 }
 
-const radioClasses = (0, _core.generateUtilityClasses)('MuiRadio', ['root', 'checked', 'disabled', 'colorPrimary', 'colorSecondary']);
+const radioClasses = (0, _base.generateUtilityClasses)('MuiRadio', ['root', 'checked', 'disabled', 'colorPrimary', 'colorSecondary']);
 var _default = radioClasses;
 exports.default = _default;

package/node/RadioGroup/RadioGroupContext.js

@@ -14,7 +14,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 /**
  * @ignore - internal component.
  */
-const RadioGroupContext = /*#__PURE__*/React.createContext();
+const RadioGroupContext = /*#__PURE__*/React.createContext(undefined);
 
 if (process.env.NODE_ENV !== 'production') {
   RadioGroupContext.displayName = 'RadioGroupContext';

package/node/Rating/Rating.js

@@ -19,7 +19,7 @@ var _clsx = _interopRequireDefault(require("clsx"));
 
 var _utils = require("@mui/utils");
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 var _useTheme = _interopRequireDefault(require("../styles/useTheme"));
 
@@ -92,7 +92,7 @@ const useUtilityClasses = ownerState => {
     decimal: ['decimal'],
     visuallyHidden: ['visuallyHidden']
   };
-  return (0, _core.unstable_composeClasses)(slots, _ratingClasses.getRatingUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _ratingClasses.getRatingUtilityClass, classes);
 };
 
 const RatingRoot = (0, _styled.default)('span', {
@@ -729,7 +729,7 @@ process.env.NODE_ENV !== "production" ? Rating.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object]),
 
   /**
    * The rating value.

package/node/Rating/ratingClasses.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.getRatingUtilityClass = getRatingUtilityClass;
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 function getRatingUtilityClass(slot) {
-  return (0, _core.generateUtilityClass)('MuiRating', slot);
+  return (0, _base.generateUtilityClass)('MuiRating', slot);
 }
 
-const ratingClasses = (0, _core.generateUtilityClasses)('MuiRating', ['root', 'sizeSmall', 'sizeMedium', 'sizeLarge', 'readOnly', 'disabled', 'focusVisible', 'visuallyHidden', 'pristine', 'label', 'labelEmptyValueActive', 'icon', 'iconEmpty', 'iconFilled', 'iconHover', 'iconFocus', 'iconActive', 'decimal']);
+const ratingClasses = (0, _base.generateUtilityClasses)('MuiRating', ['root', 'sizeSmall', 'sizeMedium', 'sizeLarge', 'readOnly', 'disabled', 'focusVisible', 'visuallyHidden', 'pristine', 'label', 'labelEmptyValueActive', 'icon', 'iconEmpty', 'iconFilled', 'iconHover', 'iconFocus', 'iconActive', 'decimal']);
 var _default = ratingClasses;
 exports.default = _default;

package/node/ScopedCssBaseline/ScopedCssBaseline.js

@@ -17,7 +17,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 
@@ -29,7 +29,7 @@ var _scopedCssBaselineClasses = require("./scopedCssBaselineClasses");
 
 var _jsxRuntime = require("react/jsx-runtime");
 
-const _excluded = ["className", "component"];
+const _excluded = ["className", "component", "enableColorScheme"];
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -42,7 +42,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root']
   };
-  return (0, _core.unstable_composeClasses)(slots, _scopedCssBaselineClasses.getScopedCssBaselineUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _scopedCssBaselineClasses.getScopedCssBaselineUtilityClass, classes);
 };
 
 const ScopedCssBaselineRoot = (0, _styled.default)('div', {
@@ -50,15 +50,18 @@ const ScopedCssBaselineRoot = (0, _styled.default)('div', {
   slot: 'Root',
   overridesResolver: (props, styles) => styles.root
 })(({
-  theme
-}) => (0, _extends2.default)({}, _CssBaseline.html, (0, _CssBaseline.body)(theme), {
-  '& *, & *::before, & *::after': {
-    boxSizing: 'inherit'
-  },
-  '& strong, & b': {
-    fontWeight: theme.typography.fontWeightBold
-  }
-}));
+  theme,
+  ownerState
+}) => {
+  return (0, _extends2.default)({}, (0, _CssBaseline.html)(theme, ownerState.enableColorScheme), (0, _CssBaseline.body)(theme), {
+    '& *, & *::before, & *::after': {
+      boxSizing: 'inherit'
+    },
+    '& strong, & b': {
+      fontWeight: theme.typography.fontWeightBold
+    }
+  });
+});
 const ScopedCssBaseline = /*#__PURE__*/React.forwardRef(function ScopedCssBaseline(inProps, ref) {
   const props = (0, _useThemeProps.default)({
     props: inProps,
@@ -107,7 +110,14 @@ process.env.NODE_ENV !== "production" ? ScopedCssBaseline.propTypes
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
-  component: _propTypes.default.elementType
+  component: _propTypes.default.elementType,
+
+  /**
+   * Enable `color-scheme` css property to use `theme.palette.mode`.
+   * For more details, check out https://developer.mozilla.org/en-US/docs/Web/CSS/color-scheme
+   * For browser support, check out https://caniuse.com/?search=color-scheme
+   */
+  enableColorScheme: _propTypes.default.bool
 } : void 0;
 var _default = ScopedCssBaseline;
 exports.default = _default;

package/node/ScopedCssBaseline/scopedCssBaselineClasses.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.getScopedCssBaselineUtilityClass = getScopedCssBaselineUtilityClass;
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 function getScopedCssBaselineUtilityClass(slot) {
-  return (0, _core.generateUtilityClass)('MuiScopedCssBaseline', slot);
+  return (0, _base.generateUtilityClass)('MuiScopedCssBaseline', slot);
 }
 
-const scopedCssBaselineClasses = (0, _core.generateUtilityClasses)('MuiScopedCssBaseline', ['root']);
+const scopedCssBaselineClasses = (0, _base.generateUtilityClasses)('MuiScopedCssBaseline', ['root']);
 var _default = scopedCssBaselineClasses;
 exports.default = _default;

package/node/Select/Select.js

@@ -19,8 +19,6 @@ var _clsx = _interopRequireDefault(require("clsx"));
 
 var _utils = require("@mui/utils");
 
-var _core = require("@mui/core");
-
 var _SelectInput = _interopRequireDefault(require("./SelectInput"));
 
 var _formControlState = _interopRequireDefault(require("../FormControl/formControlState"));
@@ -41,14 +39,11 @@ var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 
 var _useForkRef = _interopRequireDefault(require("../utils/useForkRef"));
 
-var _selectClasses = require("./selectClasses");
-
 var _jsxRuntime = require("react/jsx-runtime");
 
 var _Input, _FilledInput;
 
-const _excluded = ["autoWidth", "children", "classes", "className", "displayEmpty", "IconComponent", "id", "input", "inputProps", "label", "labelId", "MenuProps", "multiple", "native", "onClose", "onOpen", "open", "renderValue", "SelectDisplayProps", "variant"],
-      _excluded2 = ["root"];
+const _excluded = ["autoWidth", "children", "classes", "className", "displayEmpty", "IconComponent", "id", "input", "inputProps", "label", "labelId", "MenuProps", "multiple", "native", "onClose", "onOpen", "open", "renderValue", "SelectDisplayProps", "variant"];
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -58,10 +53,7 @@ const useUtilityClasses = ownerState => {
   const {
     classes
   } = ownerState;
-  const slots = {
-    root: ['root']
-  };
-  return (0, _core.unstable_composeClasses)(slots, _selectClasses.getSelectUtilityClasses, classes);
+  return classes;
 };
 
 const Select = /*#__PURE__*/React.forwardRef(function Select(inProps, ref) {
@@ -111,7 +103,6 @@ const Select = /*#__PURE__*/React.forwardRef(function Select(inProps, ref) {
     classes: classesProp
   });
   const classes = useUtilityClasses(ownerState);
-  const otherClasses = (0, _objectWithoutPropertiesLoose2.default)(classesProp, _excluded2);
   const inputComponentRef = (0, _useForkRef.default)(ref, InputComponent.ref);
   return /*#__PURE__*/React.cloneElement(InputComponent, (0, _extends2.default)({
     // Most of the logic is implemented in `SelectInput`.
@@ -139,13 +130,13 @@ const Select = /*#__PURE__*/React.forwardRef(function Select(inProps, ref) {
         id
       }, SelectDisplayProps)
     }, inputProps, {
-      classes: inputProps ? (0, _utils.deepmerge)(otherClasses, inputProps.classes) : otherClasses
+      classes: inputProps ? (0, _utils.deepmerge)(classes, inputProps.classes) : classes
     }, input ? input.props.inputProps : {})
   }, multiple && native && variant === 'outlined' ? {
     notched: true
   } : {}, {
     ref: inputComponentRef,
-    className: (0, _clsx.default)(classes.root, InputComponent.props.className, className)
+    className: (0, _clsx.default)(InputComponent.props.className, className)
   }, other));
 });
 process.env.NODE_ENV !== "production" ? Select.propTypes
@@ -298,7 +289,7 @@ process.env.NODE_ENV !== "production" ? Select.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object]),
 
   /**
    * The `input` value. Providing an empty string will select no options.