@mui/material 5.0.3 → 5.1.0

package/node/Badge/Badge.js

@@ -321,7 +321,7 @@ process.env.NODE_ENV !== "production" ? Badge.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/BottomNavigation/BottomNavigation.js

@@ -150,7 +150,7 @@ process.env.NODE_ENV !== "production" ? BottomNavigation.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 currently selected `BottomNavigationAction`.

package/node/BottomNavigation/bottomNavigationClasses.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getBottomNavigationUtilityClass = getBottomNavigationUtilityClass;
 exports.default = void 0;
+exports.getBottomNavigationUtilityClass = getBottomNavigationUtilityClass;
 
 var _core = require("@mui/core");
 

package/node/BottomNavigation/index.js

@@ -8,16 +8,16 @@ Object.defineProperty(exports, "__esModule", {
 var _exportNames = {
   bottomNavigationClasses: true
 };
-Object.defineProperty(exports, "default", {
+Object.defineProperty(exports, "bottomNavigationClasses", {
   enumerable: true,
   get: function () {
-    return _BottomNavigation.default;
+    return _bottomNavigationClasses.default;
   }
 });
-Object.defineProperty(exports, "bottomNavigationClasses", {
+Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
-    return _bottomNavigationClasses.default;
+    return _BottomNavigation.default;
   }
 });
 

package/node/BottomNavigationAction/BottomNavigationAction.js

@@ -198,7 +198,7 @@ process.env.NODE_ENV !== "production" ? BottomNavigationAction.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]),
 
   /**
    * You can provide your own value. Otherwise, we fallback to the child position index.

package/node/BottomNavigationAction/bottomNavigationActionClasses.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getBottomNavigationActionUtilityClass = getBottomNavigationActionUtilityClass;
 exports.default = void 0;
+exports.getBottomNavigationActionUtilityClass = getBottomNavigationActionUtilityClass;
 
 var _core = require("@mui/core");
 

package/node/BottomNavigationAction/index.js

@@ -8,16 +8,16 @@ Object.defineProperty(exports, "__esModule", {
 var _exportNames = {
   bottomNavigationActionClasses: true
 };
-Object.defineProperty(exports, "default", {
+Object.defineProperty(exports, "bottomNavigationActionClasses", {
   enumerable: true,
   get: function () {
-    return _BottomNavigationAction.default;
+    return _bottomNavigationActionClasses.default;
   }
 });
-Object.defineProperty(exports, "bottomNavigationActionClasses", {
+Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
-    return _bottomNavigationActionClasses.default;
+    return _BottomNavigationAction.default;
   }
 });
 

package/node/Box/Box.js

@@ -7,6 +7,8 @@ exports.default = void 0;
 
 var _system = require("@mui/system");
 
+var _utils = require("../utils");
+
 var _styles = require("../styles");
 
 const defaultTheme = (0, _styles.createTheme)();
@@ -15,7 +17,9 @@ const defaultTheme = (0, _styles.createTheme)();
  */
 
 const Box = (0, _system.createBox)({
-  defaultTheme
+  defaultTheme,
+  defaultClassName: 'MuiBox-root',
+  generateClassName: _utils.unstable_ClassNameGenerator.generate
 });
 var _default = Box;
 exports.default = _default;

package/node/Breadcrumbs/Breadcrumbs.js

@@ -255,7 +255,7 @@ process.env.NODE_ENV !== "production" ? Breadcrumbs.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])
 } : void 0;
 var _default = Breadcrumbs;
 exports.default = _default;

package/node/Breadcrumbs/breadcrumbsClasses.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getBreadcrumbsUtilityClass = getBreadcrumbsUtilityClass;
 exports.default = void 0;
+exports.getBreadcrumbsUtilityClass = getBreadcrumbsUtilityClass;
 
 var _core = require("@mui/core");
 

package/node/Breadcrumbs/index.js

@@ -8,16 +8,16 @@ Object.defineProperty(exports, "__esModule", {
 var _exportNames = {
   breadcrumbsClasses: true
 };
-Object.defineProperty(exports, "default", {
+Object.defineProperty(exports, "breadcrumbsClasses", {
   enumerable: true,
   get: function () {
-    return _Breadcrumbs.default;
+    return _breadcrumbsClasses.default;
   }
 });
-Object.defineProperty(exports, "breadcrumbsClasses", {
+Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
-    return _breadcrumbsClasses.default;
+    return _Breadcrumbs.default;
   }
 });
 

package/node/Button/Button.js

@@ -31,9 +31,11 @@ var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
 
 var _buttonClasses = _interopRequireWildcard(require("./buttonClasses"));
 
+var _ButtonGroupContext = _interopRequireDefault(require("../ButtonGroup/ButtonGroupContext"));
+
 var _jsxRuntime = require("react/jsx-runtime");
 
-const _excluded = ["children", "color", "component", "disabled", "disableElevation", "disableFocusRipple", "endIcon", "focusVisibleClassName", "fullWidth", "size", "startIcon", "type", "variant"];
+const _excluded = ["children", "className", "color", "component", "disabled", "disableElevation", "disableFocusRipple", "disableRipple", "endIcon", "focusVisibleClassName", "fullWidth", "size", "startIcon", "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); }
 
@@ -242,22 +244,44 @@ const Button = /*#__PURE__*/React.forwardRef(function Button(inProps, ref) {
     props: inProps,
     name: 'MuiButton'
   });
+  const {
+    className: classNameContext,
+    color: colorContext,
+    disabled: disabledContext,
+    disableElevation: disableElevationContext,
+    disableFocusRipple: disableFocusRippleContext,
+    disableRipple: disableRippleContext,
+    fullWidth: fullWidthContext,
+    size: sizeContext,
+    variant: variantContext
+  } = React.useContext(_ButtonGroupContext.default);
   const {
     children,
-    color = 'primary',
+    className,
+    color: colorProp,
     component = 'button',
-    disabled = false,
-    disableElevation = false,
-    disableFocusRipple = false,
+    disabled: disabledProp,
+    disableElevation: disableElevationProp,
+    disableFocusRipple: disableFocusRippleProp,
+    disableRipple: disableRippleProp,
     endIcon: endIconProp,
     focusVisibleClassName,
-    fullWidth = false,
-    size = 'medium',
+    fullWidth: fullWidthProp,
+    size: sizeProp,
     startIcon: startIconProp,
     type,
-    variant = 'text'
+    variant: variantProp
   } = props,
         other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  const color = colorProp || colorContext || 'primary'; // TODO v6: Use nullish coalescing (??) instead of OR operator for these boolean props so that these boolean props for Button with ButtonGroup context take priority. See conversation from https://github.com/mui-org/material-ui/pull/28645#discussion_r738380902.
+
+  const disabled = disabledProp || disabledContext || false;
+  const disableElevation = disableElevationProp || disableElevationContext || false;
+  const disableFocusRipple = disableFocusRippleProp || disableFocusRippleContext || false;
+  const fullWidth = fullWidthProp || fullWidthContext || false;
+  const size = sizeProp || sizeContext || 'medium';
+  const variant = variantProp || variantContext || 'text';
+  const disableRipple = disableRippleProp || disableRippleContext || false;
   const ownerState = (0, _extends2.default)({}, props, {
     color,
     component,
@@ -282,8 +306,10 @@ const Button = /*#__PURE__*/React.forwardRef(function Button(inProps, ref) {
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(ButtonRoot, (0, _extends2.default)({
     ownerState: ownerState,
+    className: (0, _clsx.default)(className, classNameContext),
     component: component,
     disabled: disabled,
+    disableRipple: disableRipple,
     focusRipple: !disableFocusRipple,
     focusVisibleClassName: (0, _clsx.default)(classes.focusVisible, focusVisibleClassName),
     ref: ref,
@@ -311,6 +337,11 @@ process.env.NODE_ENV !== "production" ? Button.propTypes
    */
   classes: _propTypes.default.object,
 
+  /**
+   * @ignore
+   */
+  className: _propTypes.default.string,
+
   /**
    * The color of the component. It supports those theme colors that make sense for this component.
    * @default 'primary'
@@ -391,7 +422,7 @@ process.env.NODE_ENV !== "production" ? Button.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]),
 
   /**
    * @ignore

package/node/Button/buttonClasses.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getButtonUtilityClass = getButtonUtilityClass;
 exports.default = void 0;
+exports.getButtonUtilityClass = getButtonUtilityClass;
 
 var _core = require("@mui/core");
 

package/node/Button/index.js

@@ -8,16 +8,16 @@ Object.defineProperty(exports, "__esModule", {
 var _exportNames = {
   buttonClasses: true
 };
-Object.defineProperty(exports, "default", {
+Object.defineProperty(exports, "buttonClasses", {
   enumerable: true,
   get: function () {
-    return _Button.default;
+    return _buttonClasses.default;
   }
 });
-Object.defineProperty(exports, "buttonClasses", {
+Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
-    return _buttonClasses.default;
+    return _Button.default;
   }
 });
 

package/node/ButtonBase/ButtonBase.js

@@ -539,7 +539,7 @@ process.env.NODE_ENV !== "production" ? ButtonBase.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]),
 
   /**
    * @default 0

package/node/ButtonBase/TouchRipple.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.TouchRippleRipple = exports.TouchRippleRoot = exports.DELAY_RIPPLE = void 0;
+exports.default = exports.TouchRippleRoot = exports.TouchRippleRipple = exports.DELAY_RIPPLE = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 

package/node/ButtonBase/buttonBaseClasses.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getButtonBaseUtilityClass = getButtonBaseUtilityClass;
 exports.default = void 0;
+exports.getButtonBaseUtilityClass = getButtonBaseUtilityClass;
 
 var _core = require("@mui/core");
 

package/node/ButtonBase/index.js

@@ -9,16 +9,16 @@ var _exportNames = {
   buttonBaseClasses: true,
   touchRippleClasses: true
 };
-Object.defineProperty(exports, "default", {
+Object.defineProperty(exports, "buttonBaseClasses", {
   enumerable: true,
   get: function () {
-    return _ButtonBase.default;
+    return _buttonBaseClasses.default;
   }
 });
-Object.defineProperty(exports, "buttonBaseClasses", {
+Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
-    return _buttonBaseClasses.default;
+    return _ButtonBase.default;
   }
 });
 Object.defineProperty(exports, "touchRippleClasses", {

package/node/ButtonBase/touchRippleClasses.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getTouchRippleUtilityClass = getTouchRippleUtilityClass;
 exports.default = void 0;
+exports.getTouchRippleUtilityClass = getTouchRippleUtilityClass;
 
 var _core = require("@mui/core");
 

package/node/ButtonGroup/ButtonGroup.js

@@ -13,8 +13,6 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var React = _interopRequireWildcard(require("react"));
 
-var _reactIs = require("react-is");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _clsx = _interopRequireDefault(require("clsx"));
@@ -31,6 +29,8 @@ var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 
 var _buttonGroupClasses = _interopRequireWildcard(require("./buttonGroupClasses"));
 
+var _ButtonGroupContext = _interopRequireDefault(require("./ButtonGroupContext"));
+
 var _jsxRuntime = require("react/jsx-runtime");
 
 const _excluded = ["children", "className", "color", "component", "disabled", "disableElevation", "disableFocusRipple", "disableRipple", "fullWidth", "orientation", "size", "variant"];
@@ -133,10 +133,14 @@ const ButtonGroupRoot = (0, _styled.default)('div', {
       }
     }, ownerState.variant === 'contained' && ownerState.color !== 'inherit' && {
       borderColor: theme.palette[ownerState.color].dark
+    }, {
+      '&:hover': (0, _extends2.default)({}, ownerState.variant === 'outlined' && ownerState.orientation === 'horizontal' && {
+        borderRightColor: 'currentColor'
+      }, ownerState.variant === 'outlined' && ownerState.orientation === 'vertical' && {
+        borderBottomColor: 'currentColor'
+      })
     }),
-    '&:hover': (0, _extends2.default)({}, ownerState.variant === 'outlined' && ownerState.color !== 'inherit' && {
-      borderColor: theme.palette[ownerState.color].main
-    }, ownerState.variant === 'contained' && {
+    '&:hover': (0, _extends2.default)({}, ownerState.variant === 'contained' && {
       boxShadow: 'none'
     })
   }, ownerState.variant === 'contained' && {
@@ -176,6 +180,17 @@ const ButtonGroup = /*#__PURE__*/React.forwardRef(function ButtonGroup(inProps,
     variant
   });
   const classes = useUtilityClasses(ownerState);
+  const context = React.useMemo(() => ({
+    className: classes.grouped,
+    color,
+    disabled,
+    disableElevation,
+    disableFocusRipple,
+    disableRipple,
+    fullWidth,
+    size,
+    variant
+  }), [color, disabled, disableElevation, disableFocusRipple, disableRipple, fullWidth, size, variant, classes.grouped]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(ButtonGroupRoot, (0, _extends2.default)({
     as: component,
     role: "group",
@@ -183,28 +198,9 @@ const ButtonGroup = /*#__PURE__*/React.forwardRef(function ButtonGroup(inProps,
     ref: ref,
     ownerState: ownerState
   }, other, {
-    children: React.Children.map(children, child => {
-      if (! /*#__PURE__*/React.isValidElement(child)) {
-        return null;
-      }
-
-      if (process.env.NODE_ENV !== 'production') {
-        if ((0, _reactIs.isFragment)(child)) {
-          console.error(["MUI: The ButtonGroup component doesn't accept a Fragment as a child.", 'Consider providing an array instead.'].join('\n'));
-        }
-      }
-
-      return /*#__PURE__*/React.cloneElement(child, {
-        className: (0, _clsx.default)(classes.grouped, child.props.className),
-        color: child.props.color || color,
-        disabled: child.props.disabled || disabled,
-        disableElevation: child.props.disableElevation || disableElevation,
-        disableFocusRipple,
-        disableRipple,
-        fullWidth,
-        size: child.props.size || size,
-        variant: child.props.variant || variant
-      });
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonGroupContext.default.Provider, {
+      value: context,
+      children: children
     })
   }));
 });
@@ -293,7 +289,7 @@ process.env.NODE_ENV !== "production" ? ButtonGroup.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/ButtonGroup/ButtonGroupContext.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+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; }
+
+/**
+ * @ignore - internal component.
+ */
+const ButtonGroupContext = /*#__PURE__*/React.createContext({});
+
+if (process.env.NODE_ENV !== 'production') {
+  ButtonGroupContext.displayName = 'ButtonGroupContext';
+}
+
+var _default = ButtonGroupContext;
+exports.default = _default;

package/node/ButtonGroup/buttonGroupClasses.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getButtonGroupUtilityClass = getButtonGroupUtilityClass;
 exports.default = void 0;
+exports.getButtonGroupUtilityClass = getButtonGroupUtilityClass;
 
 var _core = require("@mui/core");
 

package/node/ButtonGroup/index.js

@@ -8,16 +8,16 @@ Object.defineProperty(exports, "__esModule", {
 var _exportNames = {
   buttonGroupClasses: true
 };
-Object.defineProperty(exports, "default", {
+Object.defineProperty(exports, "buttonGroupClasses", {
   enumerable: true,
   get: function () {
-    return _ButtonGroup.default;
+    return _buttonGroupClasses.default;
   }
 });
-Object.defineProperty(exports, "buttonGroupClasses", {
+Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
-    return _buttonGroupClasses.default;
+    return _ButtonGroup.default;
   }
 });
 

package/node/Card/Card.js

@@ -115,7 +115,7 @@ process.env.NODE_ENV !== "production" ? Card.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])
 } : void 0;
 var _default = Card;
 exports.default = _default;

package/node/Card/cardClasses.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getCardUtilityClass = getCardUtilityClass;
 exports.default = void 0;
+exports.getCardUtilityClass = getCardUtilityClass;
 
 var _core = require("@mui/core");
 

package/node/Card/index.js

@@ -8,16 +8,16 @@ Object.defineProperty(exports, "__esModule", {
 var _exportNames = {
   cardClasses: true
 };
-Object.defineProperty(exports, "default", {
+Object.defineProperty(exports, "cardClasses", {
   enumerable: true,
   get: function () {
-    return _Card.default;
+    return _cardClasses.default;
   }
 });
-Object.defineProperty(exports, "cardClasses", {
+Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
-    return _cardClasses.default;
+    return _Card.default;
   }
 });
 

package/node/CardActionArea/CardActionArea.js

@@ -143,7 +143,7 @@ process.env.NODE_ENV !== "production" ? CardActionArea.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])
 } : void 0;
 var _default = CardActionArea;
 exports.default = _default;

package/node/CardActionArea/cardActionAreaClasses.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getCardActionAreaUtilityClass = getCardActionAreaUtilityClass;
 exports.default = void 0;
+exports.getCardActionAreaUtilityClass = getCardActionAreaUtilityClass;
 
 var _core = require("@mui/core");
 

package/node/CardActionArea/index.js

@@ -8,16 +8,16 @@ Object.defineProperty(exports, "__esModule", {
 var _exportNames = {
   cardActionAreaClasses: true
 };
-Object.defineProperty(exports, "default", {
+Object.defineProperty(exports, "cardActionAreaClasses", {
   enumerable: true,
   get: function () {
-    return _CardActionArea.default;
+    return _cardActionAreaClasses.default;
   }
 });
-Object.defineProperty(exports, "cardActionAreaClasses", {
+Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
-    return _cardActionAreaClasses.default;
+    return _CardActionArea.default;
   }
 });
 

package/node/CardActions/CardActions.js

@@ -116,7 +116,7 @@ process.env.NODE_ENV !== "production" ? CardActions.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])
 } : void 0;
 var _default = CardActions;
 exports.default = _default;

package/node/CardActions/cardActionsClasses.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getCardActionsUtilityClass = getCardActionsUtilityClass;
 exports.default = void 0;
+exports.getCardActionsUtilityClass = getCardActionsUtilityClass;
 
 var _core = require("@mui/core");
 

package/node/CardActions/index.js

@@ -8,16 +8,16 @@ Object.defineProperty(exports, "__esModule", {
 var _exportNames = {
   cardActionsClasses: true
 };
-Object.defineProperty(exports, "default", {
+Object.defineProperty(exports, "cardActionsClasses", {
   enumerable: true,
   get: function () {
-    return _CardActions.default;
+    return _cardActionsClasses.default;
   }
 });
-Object.defineProperty(exports, "cardActionsClasses", {
+Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
-    return _cardActionsClasses.default;
+    return _CardActions.default;
   }
 });
 

package/node/CardContent/CardContent.js

@@ -108,7 +108,7 @@ process.env.NODE_ENV !== "production" ? CardContent.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])
 } : void 0;
 var _default = CardContent;
 exports.default = _default;