@mui/material 5.0.4 → 5.1.1

package/node/Pagination/Pagination.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 _utils = require("@mui/utils");
 
@@ -48,7 +48,7 @@ const useUtilityClasses = ownerState => {
     root: ['root', variant],
     ul: ['ul']
   };
-  return (0, _core.unstable_composeClasses)(slots, _paginationClasses.getPaginationUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _paginationClasses.getPaginationUtilityClass, classes);
 };
 
 const PaginationRoot = (0, _styled.default)('nav', {
@@ -281,7 +281,7 @@ process.env.NODE_ENV !== "production" ? Pagination.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _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/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.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.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.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

@@ -9,254 +9,53 @@ exports.default = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-
 var React = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _core = require("@popperjs/core");
+var _PopperUnstyled = _interopRequireDefault(require("@mui/base/PopperUnstyled"));
 
 var _utils = require("@mui/utils");
 
 var _system = require("@mui/system");
 
-var _Portal = _interopRequireDefault(require("../Portal"));
-
-var _ownerDocument = _interopRequireDefault(require("../utils/ownerDocument"));
-
-var _useForkRef = _interopRequireDefault(require("../utils/useForkRef"));
-
-var _useEnhancedEffect = _interopRequireDefault(require("../utils/useEnhancedEffect"));
-
 var _jsxRuntime = require("react/jsx-runtime");
 
-const _excluded = ["anchorEl", "children", "disablePortal", "modifiers", "open", "placement", "popperOptions", "popperRef", "TransitionProps"],
-      _excluded2 = ["anchorEl", "children", "container", "disablePortal", "keepMounted", "modifiers", "open", "placement", "popperOptions", "popperRef", "style", "transition"];
-
 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; }
 
-function flipPlacement(placement, theme) {
-  const direction = theme && theme.direction || 'ltr';
-
-  if (direction === 'ltr') {
-    return placement;
-  }
-
-  switch (placement) {
-    case 'bottom-end':
-      return 'bottom-start';
-
-    case 'bottom-start':
-      return 'bottom-end';
-
-    case 'top-end':
-      return 'top-start';
-
-    case 'top-start':
-      return 'top-end';
-
-    default:
-      return placement;
-  }
-}
-
-function resolveAnchorEl(anchorEl) {
-  return typeof anchorEl === 'function' ? anchorEl() : anchorEl;
-}
-
-const defaultPopperOptions = {};
-/* eslint-disable react/prop-types */
-
-const PopperTooltip = /*#__PURE__*/React.forwardRef(function PopperTooltip(props, ref) {
-  const {
-    anchorEl,
-    children,
-    disablePortal,
-    modifiers,
-    open,
-    placement: initialPlacement,
-    popperOptions,
-    popperRef: popperRefProp,
-    TransitionProps
-  } = props,
-        other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  const tooltipRef = React.useRef(null);
-  const ownRef = (0, _useForkRef.default)(tooltipRef, ref);
-  const popperRef = React.useRef(null);
-  const handlePopperRef = (0, _useForkRef.default)(popperRef, popperRefProp);
-  const handlePopperRefRef = React.useRef(handlePopperRef);
-  (0, _useEnhancedEffect.default)(() => {
-    handlePopperRefRef.current = handlePopperRef;
-  }, [handlePopperRef]);
-  React.useImperativeHandle(popperRefProp, () => popperRef.current, []);
-  const theme = (0, _system.useThemeWithoutDefault)();
-  const rtlPlacement = flipPlacement(initialPlacement, theme);
-  /**
-   * placement initialized from prop but can change during lifetime if modifiers.flip.
-   * modifiers.flip is essentially a flip for controlled/uncontrolled behavior
-   */
-
-  const [placement, setPlacement] = React.useState(rtlPlacement);
-  React.useEffect(() => {
-    if (popperRef.current) {
-      popperRef.current.forceUpdate();
-    }
-  });
-  (0, _useEnhancedEffect.default)(() => {
-    if (!anchorEl || !open) {
-      return undefined;
-    }
-
-    const handlePopperUpdate = data => {
-      setPlacement(data.placement);
-    };
-
-    const resolvedAnchorEl = resolveAnchorEl(anchorEl);
-
-    if (process.env.NODE_ENV !== 'production') {
-      if (resolvedAnchorEl && resolvedAnchorEl.nodeType === 1) {
-        const box = resolvedAnchorEl.getBoundingClientRect();
-
-        if (process.env.NODE_ENV !== 'test' && box.top === 0 && box.left === 0 && box.right === 0 && box.bottom === 0) {
-          console.warn(['MUI: The `anchorEl` prop provided to the component is invalid.', 'The anchor element should be part of the document layout.', "Make sure the element is present in the document or that it's not display none."].join('\n'));
-        }
-      }
-    }
-
-    let popperModifiers = [{
-      name: 'preventOverflow',
-      options: {
-        altBoundary: disablePortal
-      }
-    }, {
-      name: 'flip',
-      options: {
-        altBoundary: disablePortal
-      }
-    }, {
-      name: 'onUpdate',
-      enabled: true,
-      phase: 'afterWrite',
-      fn: ({
-        state
-      }) => {
-        handlePopperUpdate(state);
-      }
-    }];
-
-    if (modifiers != null) {
-      popperModifiers = popperModifiers.concat(modifiers);
-    }
-
-    if (popperOptions && popperOptions.modifiers != null) {
-      popperModifiers = popperModifiers.concat(popperOptions.modifiers);
-    }
-
-    const popper = (0, _core.createPopper)(resolveAnchorEl(anchorEl), tooltipRef.current, (0, _extends2.default)({
-      placement: rtlPlacement
-    }, popperOptions, {
-      modifiers: popperModifiers
-    }));
-    handlePopperRefRef.current(popper);
-    return () => {
-      popper.destroy();
-      handlePopperRefRef.current(null);
-    };
-  }, [anchorEl, disablePortal, modifiers, open, popperOptions, rtlPlacement]);
-  const childProps = {
-    placement
-  };
-
-  if (TransitionProps !== null) {
-    childProps.TransitionProps = TransitionProps;
-  }
-
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", (0, _extends2.default)({
-    ref: ownRef,
-    role: "tooltip"
-  }, other, {
-    children: typeof children === 'function' ? children(childProps) : children
-  }));
-});
-/* eslint-enable react/prop-types */
-
 /**
- * Poppers rely on the 3rd party library [Popper.js](https://popper.js.org/docs/v2/) for positioning.
+ *
+ * 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 {
-    anchorEl,
-    children,
-    container: containerProp,
-    disablePortal = false,
-    keepMounted = false,
-    modifiers,
-    open,
-    placement = 'bottom',
-    popperOptions = defaultPopperOptions,
-    popperRef,
-    style,
-    transition = false
-  } = props,
-        other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded2);
-  const [exited, setExited] = React.useState(true);
-
-  const handleEnter = () => {
-    setExited(false);
-  };
-
-  const handleExited = () => {
-    setExited(true);
-  };
-
-  if (!keepMounted && !open && (!transition || exited)) {
-    return null;
-  } // If the container prop is provided, use that
-  // If the anchorEl prop is provided, use its parent body element as the container
-  // If neither are provided let the Modal take care of choosing the container
+  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
+  }));
+});
 
+function resolveAnchorEl(anchorEl) {
+  return typeof anchorEl === 'function' ? anchorEl() : anchorEl;
+}
 
-  const container = containerProp || (anchorEl ? (0, _ownerDocument.default)(resolveAnchorEl(anchorEl)).body : undefined);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Portal.default, {
-    disablePortal: disablePortal,
-    container: container,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(PopperTooltip, (0, _extends2.default)({
-      anchorEl: anchorEl,
-      disablePortal: disablePortal,
-      modifiers: modifiers,
-      ref: ref,
-      open: transition ? !exited : open,
-      placement: placement,
-      popperOptions: popperOptions,
-      popperRef: popperRef
-    }, other, {
-      style: (0, _extends2.default)({
-        // Prevents scroll issue, waiting for Popper.js to add this style once initiated.
-        position: 'fixed',
-        // Fix Popper.js display issue
-        top: 0,
-        left: 0,
-        display: !open && keepMounted && !transition ? 'none' : null
-      }, style),
-      TransitionProps: transition ? {
-        in: open,
-        onEnter: handleEnter,
-        onExited: handleExited
-      } : null,
-      children: children
-    }))
-  });
-});
 process.env.NODE_ENV !== "production" ? Popper.propTypes
 /* remove-proptypes */
 = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit the d.ts file and run "yarn proptypes"     |
+  // |     To update them edit TypeScript types and run "yarn proptypes"  |
   // ----------------------------------------------------------------------
 
   /**
@@ -363,11 +162,6 @@ process.env.NODE_ENV !== "production" ? Popper.propTypes
    */
   popperRef: _utils.refType,
 
-  /**
-   * @ignore
-   */
-  style: _propTypes.default.object,
-
   /**
    * Help supporting a react-transition-group/Transition component.
    * @default false

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.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', {
@@ -555,7 +555,6 @@ const Rating = /*#__PURE__*/React.forwardRef(function Rating(inProps, ref) {
                 style: items.length - 1 === indexDecimal ? {} : {
                   width: itemDecimalValue === value ? `${(indexDecimal + 1) * precision * 100}%` : '0%',
                   overflow: 'hidden',
-                  zIndex: 1,
                   position: 'absolute'
                 }
               }
@@ -730,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.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;