@mui/material 5.13.0 → 5.13.1

package/node/IconButton/IconButton.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
@@ -19,7 +17,6 @@ var _ButtonBase = _interopRequireDefault(require("../ButtonBase"));
 var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
 var _iconButtonClasses = _interopRequireWildcard(require("./iconButtonClasses"));
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["edge", "children", "className", "color", "disabled", "disableFocusRipple", "size"];
 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; }
 const useUtilityClasses = ownerState => {
@@ -47,7 +44,7 @@ const IconButtonRoot = (0, _styled.default)(_ButtonBase.default, {
 })(({
   theme,
   ownerState
-}) => (0, _extends2.default)({
+}) => ({
   textAlign: 'center',
   flex: '0 0 auto',
   fontSize: theme.typography.pxToRem(24),
@@ -58,50 +55,59 @@ const IconButtonRoot = (0, _styled.default)(_ButtonBase.default, {
   color: (theme.vars || theme).palette.action.active,
   transition: theme.transitions.create('background-color', {
     duration: theme.transitions.duration.shortest
-  })
-}, !ownerState.disableRipple && {
-  '&:hover': {
-    backgroundColor: theme.vars ? `rgba(${theme.vars.palette.action.activeChannel} / ${theme.vars.palette.action.hoverOpacity})` : (0, _system.alpha)(theme.palette.action.active, theme.palette.action.hoverOpacity),
-    // Reset on touch devices, it doesn't add specificity
-    '@media (hover: none)': {
-      backgroundColor: 'transparent'
+  }),
+  ...(!ownerState.disableRipple && {
+    '&:hover': {
+      backgroundColor: theme.vars ? `rgba(${theme.vars.palette.action.activeChannel} / ${theme.vars.palette.action.hoverOpacity})` : (0, _system.alpha)(theme.palette.action.active, theme.palette.action.hoverOpacity),
+      // Reset on touch devices, it doesn't add specificity
+      '@media (hover: none)': {
+        backgroundColor: 'transparent'
+      }
     }
-  }
-}, ownerState.edge === 'start' && {
-  marginLeft: ownerState.size === 'small' ? -3 : -12
-}, ownerState.edge === 'end' && {
-  marginRight: ownerState.size === 'small' ? -3 : -12
+  }),
+  ...(ownerState.edge === 'start' && {
+    marginLeft: ownerState.size === 'small' ? -3 : -12
+  }),
+  ...(ownerState.edge === 'end' && {
+    marginRight: ownerState.size === 'small' ? -3 : -12
+  })
 }), ({
   theme,
   ownerState
 }) => {
   var _palette;
   const palette = (_palette = (theme.vars || theme).palette) == null ? void 0 : _palette[ownerState.color];
-  return (0, _extends2.default)({}, ownerState.color === 'inherit' && {
-    color: 'inherit'
-  }, ownerState.color !== 'inherit' && ownerState.color !== 'default' && (0, _extends2.default)({
-    color: palette == null ? void 0 : palette.main
-  }, !ownerState.disableRipple && {
-    '&:hover': (0, _extends2.default)({}, palette && {
-      backgroundColor: theme.vars ? `rgba(${palette.mainChannel} / ${theme.vars.palette.action.hoverOpacity})` : (0, _system.alpha)(palette.main, theme.palette.action.hoverOpacity)
-    }, {
-      // Reset on touch devices, it doesn't add specificity
-      '@media (hover: none)': {
-        backgroundColor: 'transparent'
-      }
-    })
-  }), ownerState.size === 'small' && {
-    padding: 5,
-    fontSize: theme.typography.pxToRem(18)
-  }, ownerState.size === 'large' && {
-    padding: 12,
-    fontSize: theme.typography.pxToRem(28)
-  }, {
+  return {
+    ...(ownerState.color === 'inherit' && {
+      color: 'inherit'
+    }),
+    ...(ownerState.color !== 'inherit' && ownerState.color !== 'default' && {
+      color: palette == null ? void 0 : palette.main,
+      ...(!ownerState.disableRipple && {
+        '&:hover': {
+          ...(palette && {
+            backgroundColor: theme.vars ? `rgba(${palette.mainChannel} / ${theme.vars.palette.action.hoverOpacity})` : (0, _system.alpha)(palette.main, theme.palette.action.hoverOpacity)
+          }),
+          // Reset on touch devices, it doesn't add specificity
+          '@media (hover: none)': {
+            backgroundColor: 'transparent'
+          }
+        }
+      })
+    }),
+    ...(ownerState.size === 'small' && {
+      padding: 5,
+      fontSize: theme.typography.pxToRem(18)
+    }),
+    ...(ownerState.size === 'large' && {
+      padding: 12,
+      fontSize: theme.typography.pxToRem(28)
+    }),
     [`&.${_iconButtonClasses.default.disabled}`]: {
       backgroundColor: 'transparent',
       color: (theme.vars || theme).palette.action.disabled
     }
-  });
+  };
 });
 
 /**
@@ -114,33 +120,34 @@ const IconButton = /*#__PURE__*/React.forwardRef(function IconButton(inProps, re
     name: 'MuiIconButton'
   });
   const {
-      edge = false,
-      children,
-      className,
-      color = 'default',
-      disabled = false,
-      disableFocusRipple = false,
-      size = 'medium'
-    } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  const ownerState = (0, _extends2.default)({}, props, {
+    edge = false,
+    children,
+    className,
+    color = 'default',
+    disabled = false,
+    disableFocusRipple = false,
+    size = 'medium',
+    ...other
+  } = props;
+  const ownerState = {
+    ...props,
     edge,
     color,
     disabled,
     disableFocusRipple,
     size
-  });
+  };
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(IconButtonRoot, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(IconButtonRoot, {
     className: (0, _clsx.default)(classes.root, className),
     centerRipple: true,
     focusRipple: !disableFocusRipple,
     disabled: disabled,
     ref: ref,
-    ownerState: ownerState
-  }, other, {
+    ownerState: ownerState,
+    ...other,
     children: children
-  }));
+  });
 });
 process.env.NODE_ENV !== "production" ? IconButton.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------

package/node/ImageList/ImageList.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _base = require("@mui/base");
 var _utils = require("@mui/utils");
 var _clsx = _interopRequireDefault(require("clsx"));
@@ -17,7 +15,6 @@ var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 var _imageListClasses = require("./imageListClasses");
 var _ImageListContext = _interopRequireDefault(require("./ImageListContext"));
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["children", "className", "cols", "component", "rowHeight", "gap", "style", "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); }
 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; }
 const useUtilityClasses = ownerState => {
@@ -42,16 +39,17 @@ const ImageListRoot = (0, _styled.default)('ul', {
 })(({
   ownerState
 }) => {
-  return (0, _extends2.default)({
+  return {
     display: 'grid',
     overflowY: 'auto',
     listStyle: 'none',
     padding: 0,
     // Add iOS momentum scrolling for iOS < 13.0
-    WebkitOverflowScrolling: 'touch'
-  }, ownerState.variant === 'masonry' && {
-    display: 'block'
-  });
+    WebkitOverflowScrolling: 'touch',
+    ...(ownerState.variant === 'masonry' && {
+      display: 'block'
+    })
+  };
 });
 const ImageList = /*#__PURE__*/React.forwardRef(function ImageList(inProps, ref) {
   const props = (0, _useThemeProps.default)({
@@ -59,16 +57,16 @@ const ImageList = /*#__PURE__*/React.forwardRef(function ImageList(inProps, ref)
     name: 'MuiImageList'
   });
   const {
-      children,
-      className,
-      cols = 2,
-      component = 'ul',
-      rowHeight = 'auto',
-      gap = 4,
-      style: styleProp,
-      variant = 'standard'
-    } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+    children,
+    className,
+    cols = 2,
+    component = 'ul',
+    rowHeight = 'auto',
+    gap = 4,
+    style: styleProp,
+    variant = 'standard',
+    ...other
+  } = props;
   const contextValue = React.useMemo(() => ({
     rowHeight,
     gap,
@@ -82,32 +80,35 @@ const ImageList = /*#__PURE__*/React.forwardRef(function ImageList(inProps, ref)
       }
     }
   }, []);
-  const style = variant === 'masonry' ? (0, _extends2.default)({
+  const style = variant === 'masonry' ? {
     columnCount: cols,
-    columnGap: gap
-  }, styleProp) : (0, _extends2.default)({
+    columnGap: gap,
+    ...styleProp
+  } : {
     gridTemplateColumns: `repeat(${cols}, 1fr)`,
-    gap
-  }, styleProp);
-  const ownerState = (0, _extends2.default)({}, props, {
+    gap,
+    ...styleProp
+  };
+  const ownerState = {
+    ...props,
     component,
     gap,
     rowHeight,
     variant
-  });
+  };
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ImageListRoot, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ImageListRoot, {
     as: component,
     className: (0, _clsx.default)(classes.root, classes[variant], className),
     ref: ref,
     style: style,
-    ownerState: ownerState
-  }, other, {
+    ownerState: ownerState,
+    ...other,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImageListContext.default.Provider, {
       value: contextValue,
       children: children
     })
-  }));
+  });
 });
 process.env.NODE_ENV !== "production" ? ImageList.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------

package/node/ImageListItem/ImageListItem.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _base = require("@mui/base");
 var _utils = require("@mui/utils");
 var _clsx = _interopRequireDefault(require("clsx"));
@@ -19,7 +17,6 @@ var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 var _isMuiElement = _interopRequireDefault(require("../utils/isMuiElement"));
 var _imageListItemClasses = _interopRequireWildcard(require("./imageListItemClasses"));
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["children", "className", "cols", "component", "rows", "style"];
 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; }
 const useUtilityClasses = ownerState => {
@@ -46,29 +43,31 @@ const ImageListItemRoot = (0, _styled.default)('li', {
   }
 })(({
   ownerState
-}) => (0, _extends2.default)({
+}) => ({
   display: 'block',
-  position: 'relative'
-}, ownerState.variant === 'standard' && {
-  // For titlebar under list item
-  display: 'flex',
-  flexDirection: 'column'
-}, ownerState.variant === 'woven' && {
-  height: '100%',
-  alignSelf: 'center',
-  '&:nth-of-type(even)': {
-    height: '70%'
-  }
-}, {
-  [`& .${_imageListItemClasses.default.img}`]: (0, _extends2.default)({
+  position: 'relative',
+  ...(ownerState.variant === 'standard' && {
+    // For titlebar under list item
+    display: 'flex',
+    flexDirection: 'column'
+  }),
+  ...(ownerState.variant === 'woven' && {
+    height: '100%',
+    alignSelf: 'center',
+    '&:nth-of-type(even)': {
+      height: '70%'
+    }
+  }),
+  [`& .${_imageListItemClasses.default.img}`]: {
     objectFit: 'cover',
     width: '100%',
     height: '100%',
-    display: 'block'
-  }, ownerState.variant === 'standard' && {
-    height: 'auto',
-    flexGrow: 1
-  })
+    display: 'block',
+    ...(ownerState.variant === 'standard' && {
+      height: 'auto',
+      flexGrow: 1
+    })
+  }
 }));
 const ImageListItem = /*#__PURE__*/React.forwardRef(function ImageListItem(inProps, ref) {
   const props = (0, _useThemeProps.default)({
@@ -78,14 +77,14 @@ const ImageListItem = /*#__PURE__*/React.forwardRef(function ImageListItem(inPro
 
   // TODO: - Use jsdoc @default?: "cols rows default values are for docs only"
   const {
-      children,
-      className,
-      cols = 1,
-      component = 'li',
-      rows = 1,
-      style
-    } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+    children,
+    className,
+    cols = 1,
+    component = 'li',
+    rows = 1,
+    style,
+    ...other
+  } = props;
   const {
     rowHeight = 'auto',
     gap,
@@ -97,27 +96,29 @@ const ImageListItem = /*#__PURE__*/React.forwardRef(function ImageListItem(inPro
   } else if (rowHeight !== 'auto') {
     height = rowHeight * rows + gap * (rows - 1);
   }
-  const ownerState = (0, _extends2.default)({}, props, {
+  const ownerState = {
+    ...props,
     cols,
     component,
     gap,
     rowHeight,
     rows,
     variant
-  });
+  };
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ImageListItemRoot, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ImageListItemRoot, {
     as: component,
     className: (0, _clsx.default)(classes.root, classes[variant], className),
     ref: ref,
-    style: (0, _extends2.default)({
+    style: {
       height,
       gridColumnEnd: variant !== 'masonry' ? `span ${cols}` : undefined,
       gridRowEnd: variant !== 'masonry' ? `span ${rows}` : undefined,
-      marginBottom: variant === 'masonry' ? gap : undefined
-    }, style),
-    ownerState: ownerState
-  }, other, {
+      marginBottom: variant === 'masonry' ? gap : undefined,
+      ...style
+    },
+    ownerState: ownerState,
+    ...other,
     children: React.Children.map(children, child => {
       if (! /*#__PURE__*/React.isValidElement(child)) {
         return null;
@@ -134,7 +135,7 @@ const ImageListItem = /*#__PURE__*/React.forwardRef(function ImageListItem(inPro
       }
       return child;
     })
-  }));
+  });
 });
 process.env.NODE_ENV !== "production" ? ImageListItem.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------

package/node/ImageListItemBar/ImageListItemBar.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _base = require("@mui/base");
 var _clsx = _interopRequireDefault(require("clsx"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -16,7 +14,6 @@ var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
 var _imageListItemBarClasses = require("./imageListItemBarClasses");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["actionIcon", "actionPosition", "className", "subtitle", "title", "position"];
 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; }
 const useUtilityClasses = ownerState => {
@@ -48,23 +45,26 @@ const ImageListItemBarRoot = (0, _styled.default)('div', {
   theme,
   ownerState
 }) => {
-  return (0, _extends2.default)({
+  return {
     position: 'absolute',
     left: 0,
     right: 0,
     background: 'rgba(0, 0, 0, 0.5)',
     display: 'flex',
     alignItems: 'center',
-    fontFamily: theme.typography.fontFamily
-  }, ownerState.position === 'bottom' && {
-    bottom: 0
-  }, ownerState.position === 'top' && {
-    top: 0
-  }, ownerState.position === 'below' && {
-    position: 'relative',
-    background: 'transparent',
-    alignItems: 'normal'
-  });
+    fontFamily: theme.typography.fontFamily,
+    ...(ownerState.position === 'bottom' && {
+      bottom: 0
+    }),
+    ...(ownerState.position === 'top' && {
+      top: 0
+    }),
+    ...(ownerState.position === 'below' && {
+      position: 'relative',
+      background: 'transparent',
+      alignItems: 'normal'
+    })
+  };
 });
 const ImageListItemBarTitleWrap = (0, _styled.default)('div', {
   name: 'MuiImageListItemBar',
@@ -79,19 +79,22 @@ const ImageListItemBarTitleWrap = (0, _styled.default)('div', {
   theme,
   ownerState
 }) => {
-  return (0, _extends2.default)({
+  return {
     flexGrow: 1,
     padding: '12px 16px',
     color: (theme.vars || theme).palette.common.white,
-    overflow: 'hidden'
-  }, ownerState.position === 'below' && {
-    padding: '6px 0 12px',
-    color: 'inherit'
-  }, ownerState.actionIcon && ownerState.actionPosition === 'left' && {
-    paddingLeft: 0
-  }, ownerState.actionIcon && ownerState.actionPosition === 'right' && {
-    paddingRight: 0
-  });
+    overflow: 'hidden',
+    ...(ownerState.position === 'below' && {
+      padding: '6px 0 12px',
+      color: 'inherit'
+    }),
+    ...(ownerState.actionIcon && ownerState.actionPosition === 'left' && {
+      paddingLeft: 0
+    }),
+    ...(ownerState.actionIcon && ownerState.actionPosition === 'right' && {
+      paddingRight: 0
+    })
+  };
 });
 const ImageListItemBarTitle = (0, _styled.default)('div', {
   name: 'MuiImageListItemBar',
@@ -135,9 +138,11 @@ const ImageListItemBarActionIcon = (0, _styled.default)('div', {
 })(({
   ownerState
 }) => {
-  return (0, _extends2.default)({}, ownerState.actionPosition === 'left' && {
-    order: -1
-  });
+  return {
+    ...(ownerState.actionPosition === 'left' && {
+      order: -1
+    })
+  };
 });
 const ImageListItemBar = /*#__PURE__*/React.forwardRef(function ImageListItemBar(inProps, ref) {
   const props = (0, _useThemeProps.default)({
@@ -145,24 +150,25 @@ const ImageListItemBar = /*#__PURE__*/React.forwardRef(function ImageListItemBar
     name: 'MuiImageListItemBar'
   });
   const {
-      actionIcon,
-      actionPosition = 'right',
-      className,
-      subtitle,
-      title,
-      position = 'bottom'
-    } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  const ownerState = (0, _extends2.default)({}, props, {
+    actionIcon,
+    actionPosition = 'right',
+    className,
+    subtitle,
+    title,
+    position = 'bottom',
+    ...other
+  } = props;
+  const ownerState = {
+    ...props,
     position,
     actionPosition
-  });
+  };
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(ImageListItemBarRoot, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(ImageListItemBarRoot, {
     ownerState: ownerState,
     className: (0, _clsx.default)(classes.root, className),
-    ref: ref
-  }, other, {
+    ref: ref,
+    ...other,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(ImageListItemBarTitleWrap, {
       ownerState: ownerState,
       className: classes.titleWrap,
@@ -178,7 +184,7 @@ const ImageListItemBar = /*#__PURE__*/React.forwardRef(function ImageListItemBar
       className: classes.actionIcon,
       children: actionIcon
     }) : null]
-  }));
+  });
 });
 process.env.NODE_ENV !== "production" ? ImageListItemBar.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------