@mui/material 6.0.0-alpha.7 → 6.0.0-alpha.8

package/node/InputBase/InputBase.js

@@ -6,8 +6,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.rootOverridesResolver = exports.inputOverridesResolver = exports.default = exports.InputBaseRoot = exports.InputBaseInput = void 0;
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _formatMuiErrorMessage2 = _interopRequireDefault(require("@mui/utils/formatMuiErrorMessage"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -28,7 +26,6 @@ var _GlobalStyles = _interopRequireDefault(require("../GlobalStyles"));
 var _utils2 = require("./utils");
 var _inputBaseClasses = _interopRequireWildcard(require("./inputBaseClasses"));
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["aria-describedby", "autoComplete", "autoFocus", "className", "color", "components", "componentsProps", "defaultValue", "disabled", "disableInjectingGlobalStyles", "endAdornment", "error", "fullWidth", "id", "inputComponent", "inputProps", "inputRef", "margin", "maxRows", "minRows", "multiline", "name", "onBlur", "onChange", "onClick", "onFocus", "onKeyDown", "onKeyUp", "placeholder", "readOnly", "renderSuffix", "rows", "size", "slotProps", "slots", "startAdornment", "type", "value"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const useThemeProps = (0, _zeroStyled.createUseThemeProps)('MuiInputBase');
@@ -75,7 +72,8 @@ const InputBaseRoot = exports.InputBaseRoot = (0, _zeroStyled.styled)('div', {
   overridesResolver: rootOverridesResolver
 })(({
   theme
-}) => (0, _extends2.default)({}, theme.typography.body1, {
+}) => ({
+  ...theme.typography.body1,
   color: (theme.vars || theme).palette.text.primary,
   lineHeight: '1.4375em',
   // 23px
@@ -121,17 +119,17 @@ const InputBaseInput = exports.InputBaseInput = (0, _zeroStyled.styled)('input',
   theme
 }) => {
   const light = theme.palette.mode === 'light';
-  const placeholder = (0, _extends2.default)({
-    color: 'currentColor'
-  }, theme.vars ? {
-    opacity: theme.vars.opacity.inputPlaceholder
-  } : {
-    opacity: light ? 0.42 : 0.5
-  }, {
+  const placeholder = {
+    color: 'currentColor',
+    ...(theme.vars ? {
+      opacity: theme.vars.opacity.inputPlaceholder
+    } : {
+      opacity: light ? 0.42 : 0.5
+    }),
     transition: theme.transitions.create('opacity', {
       duration: theme.transitions.duration.shorter
     })
-  });
+  };
   const placeholderHidden = {
     opacity: '0 !important'
   };
@@ -257,42 +255,46 @@ const InputBase = /*#__PURE__*/React.forwardRef(function InputBase(inProps, ref)
     name: 'MuiInputBase'
   });
   const {
-      'aria-describedby': ariaDescribedby,
-      autoComplete,
-      autoFocus,
-      className,
-      components = {},
-      componentsProps = {},
-      defaultValue,
-      disabled,
-      disableInjectingGlobalStyles,
-      endAdornment,
-      fullWidth = false,
-      id,
-      inputComponent = 'input',
-      inputProps: inputPropsProp = {},
-      inputRef: inputRefProp,
-      maxRows,
-      minRows,
-      multiline = false,
-      name,
-      onBlur,
-      onChange,
-      onClick,
-      onFocus,
-      onKeyDown,
-      onKeyUp,
-      placeholder,
-      readOnly,
-      renderSuffix,
-      rows,
-      slotProps = {},
-      slots = {},
-      startAdornment,
-      type = 'text',
-      value: valueProp
-    } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+    'aria-describedby': ariaDescribedby,
+    autoComplete,
+    autoFocus,
+    className,
+    color,
+    components = {},
+    componentsProps = {},
+    defaultValue,
+    disabled,
+    disableInjectingGlobalStyles,
+    endAdornment,
+    error,
+    fullWidth = false,
+    id,
+    inputComponent = 'input',
+    inputProps: inputPropsProp = {},
+    inputRef: inputRefProp,
+    margin,
+    maxRows,
+    minRows,
+    multiline = false,
+    name,
+    onBlur,
+    onChange,
+    onClick,
+    onFocus,
+    onKeyDown,
+    onKeyUp,
+    placeholder,
+    readOnly,
+    renderSuffix,
+    rows,
+    size,
+    slotProps = {},
+    slots = {},
+    startAdornment,
+    type = 'text',
+    value: valueProp,
+    ...other
+  } = props;
   const value = inputPropsProp.value != null ? inputPropsProp.value : valueProp;
   const {
     current: isControlled
@@ -427,17 +429,19 @@ const InputBase = /*#__PURE__*/React.forwardRef(function InputBase(inProps, ref)
           console.warn('MUI: You can not use the `minRows` or `maxRows` props when the input `rows` prop is set.');
         }
       }
-      inputProps = (0, _extends2.default)({
+      inputProps = {
         type: undefined,
         minRows: rows,
-        maxRows: rows
-      }, inputProps);
+        maxRows: rows,
+        ...inputProps
+      };
     } else {
-      inputProps = (0, _extends2.default)({
+      inputProps = {
         type: undefined,
         maxRows,
-        minRows
-      }, inputProps);
+        minRows,
+        ...inputProps
+      };
     }
     InputComponent = _base.TextareaAutosize;
   }
@@ -452,7 +456,8 @@ const InputBase = /*#__PURE__*/React.forwardRef(function InputBase(inProps, ref)
       muiFormControl.setAdornedStart(Boolean(startAdornment));
     }
   }, [muiFormControl, startAdornment]);
-  const ownerState = (0, _extends2.default)({}, props, {
+  const ownerState = {
+    ...props,
     color: fcs.color || 'primary',
     disabled: fcs.disabled,
     endAdornment,
@@ -465,24 +470,31 @@ const InputBase = /*#__PURE__*/React.forwardRef(function InputBase(inProps, ref)
     size: fcs.size,
     startAdornment,
     type
-  });
+  };
   const classes = useUtilityClasses(ownerState);
   const Root = slots.root || components.Root || InputBaseRoot;
   const rootProps = slotProps.root || componentsProps.root || {};
   const Input = slots.input || components.Input || InputBaseInput;
-  inputProps = (0, _extends2.default)({}, inputProps, (_slotProps$input = slotProps.input) != null ? _slotProps$input : componentsProps.input);
+  inputProps = {
+    ...inputProps,
+    ...((_slotProps$input = slotProps.input) != null ? _slotProps$input : componentsProps.input)
+  };
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
-    children: [!disableInjectingGlobalStyles && inputGlobalStyles, /*#__PURE__*/(0, _jsxRuntime.jsxs)(Root, (0, _extends2.default)({}, rootProps, !(0, _utils.isHostComponent)(Root) && {
-      ownerState: (0, _extends2.default)({}, ownerState, rootProps.ownerState)
-    }, {
+    children: [!disableInjectingGlobalStyles && inputGlobalStyles, /*#__PURE__*/(0, _jsxRuntime.jsxs)(Root, {
+      ...rootProps,
       ref: ref,
-      onClick: handleClick
-    }, other, {
+      onClick: handleClick,
+      ...other,
+      ...(!(0, _utils.isHostComponent)(Root) && {
+        ownerState: {
+          ...ownerState,
+          ...rootProps.ownerState
+        }
+      }),
       className: (0, _clsx.default)(classes.root, rootProps.className, className, readOnly && 'MuiInputBase-readOnly'),
       children: [startAdornment, /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormControlContext.default.Provider, {
         value: null,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Input, (0, _extends2.default)({
-          ownerState: ownerState,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Input, {
           "aria-invalid": fcs.error,
           "aria-describedby": ariaDescribedby,
           autoComplete: autoComplete,
@@ -499,21 +511,26 @@ const InputBase = /*#__PURE__*/React.forwardRef(function InputBase(inProps, ref)
           value: value,
           onKeyDown: onKeyDown,
           onKeyUp: onKeyUp,
-          type: type
-        }, inputProps, !(0, _utils.isHostComponent)(Input) && {
-          as: InputComponent,
-          ownerState: (0, _extends2.default)({}, ownerState, inputProps.ownerState)
-        }, {
+          type: type,
+          ...inputProps,
+          ...(!(0, _utils.isHostComponent)(Input) && {
+            as: InputComponent,
+            ownerState: {
+              ...ownerState,
+              ...inputProps.ownerState
+            }
+          }),
           ref: handleInputRef,
           className: (0, _clsx.default)(classes.input, inputProps.className, readOnly && 'MuiInputBase-readOnly'),
           onBlur: handleBlur,
           onChange: handleChange,
           onFocus: handleFocus
-        }))
-      }), endAdornment, renderSuffix ? renderSuffix((0, _extends2.default)({}, fcs, {
+        })
+      }), endAdornment, renderSuffix ? renderSuffix({
+        ...fcs,
         startAdornment
-      })) : null]
-    }))]
+      }) : null]
+    })]
   });
 });
 process.env.NODE_ENV !== "production" ? InputBase.propTypes /* remove-proptypes */ = {

package/node/InputLabel/InputLabel.js

@@ -6,8 +6,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 _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
@@ -20,7 +18,6 @@ var _rootShouldForwardProp = _interopRequireDefault(require("../styles/rootShoul
 var _zeroStyled = require("../zero-styled");
 var _inputLabelClasses = require("./inputLabelClasses");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["disableAnimation", "margin", "shrink", "variant", "className"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const useThemeProps = (0, _zeroStyled.createUseThemeProps)('MuiInputLabel');
@@ -39,7 +36,11 @@ const useUtilityClasses = ownerState => {
     asterisk: [required && 'asterisk']
   };
   const composedClasses = (0, _composeClasses.default)(slots, _inputLabelClasses.getInputLabelUtilityClasses, classes);
-  return (0, _extends2.default)({}, classes, composedClasses);
+  return {
+    ...classes,
+    // forward the focused, disabled, etc. classes to the FormLabel
+    ...composedClasses
+  };
 };
 const InputLabelRoot = (0, _zeroStyled.styled)(_FormLabel.default, {
   shouldForwardProp: prop => (0, _rootShouldForwardProp.default)(prop) || prop === 'classes',
@@ -182,11 +183,13 @@ const InputLabel = /*#__PURE__*/React.forwardRef(function InputLabel(inProps, re
     props: inProps
   });
   const {
-      disableAnimation = false,
-      shrink: shrinkProp,
-      className
-    } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+    disableAnimation = false,
+    margin,
+    shrink: shrinkProp,
+    variant,
+    className,
+    ...other
+  } = props;
   const muiFormControl = (0, _useFormControl.default)();
   let shrink = shrinkProp;
   if (typeof shrink === 'undefined' && muiFormControl) {
@@ -197,7 +200,8 @@ const InputLabel = /*#__PURE__*/React.forwardRef(function InputLabel(inProps, re
     muiFormControl,
     states: ['size', 'variant', 'required', 'focused']
   });
-  const ownerState = (0, _extends2.default)({}, props, {
+  const ownerState = {
+    ...props,
     disableAnimation,
     formControl: muiFormControl,
     shrink,
@@ -205,16 +209,16 @@ const InputLabel = /*#__PURE__*/React.forwardRef(function InputLabel(inProps, re
     variant: fcs.variant,
     required: fcs.required,
     focused: fcs.focused
-  });
+  };
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(InputLabelRoot, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(InputLabelRoot, {
     "data-shrink": shrink,
-    ownerState: ownerState,
     ref: ref,
-    className: (0, _clsx.default)(classes.root, className)
-  }, other, {
+    className: (0, _clsx.default)(classes.root, className),
+    ...other,
+    ownerState: ownerState,
     classes: classes
-  }));
+  });
 });
 process.env.NODE_ENV !== "production" ? InputLabel.propTypes /* remove-proptypes */ = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐

package/node/LinearProgress/LinearProgress.js

@@ -6,8 +6,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 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 _clsx = _interopRequireDefault(require("clsx"));
@@ -18,7 +16,6 @@ var _zeroStyled = require("../zero-styled");
 var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
 var _linearProgressClasses = require("./linearProgressClasses");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["className", "color", "value", "valueBuffer", "variant"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const useThemeProps = (0, _zeroStyled.createUseThemeProps)('MuiLinearProgress');
@@ -125,7 +122,7 @@ const LinearProgressRoot = (0, _zeroStyled.styled)('span', {
   '@media print': {
     colorAdjust: 'exact'
   },
-  variants: [...Object.entries(theme.palette).filter(([, value]) => value.main).map(([color]) => ({
+  variants: [...Object.entries(theme.palette).filter(([, value]) => value && value.main).map(([color]) => ({
     props: {
       color
     },
@@ -190,7 +187,7 @@ const LinearProgressDashed = (0, _zeroStyled.styled)('span', {
       opacity: 0.3,
       backgroundImage: `radial-gradient(currentColor 0%, currentColor 16%, transparent 42%)`
     }
-  }, ...Object.entries(theme.palette).filter(([, value]) => value.main).map(([color]) => {
+  }, ...Object.entries(theme.palette).filter(([, value]) => value && value.main).map(([color]) => {
     const backgroundColor = getColorShade(theme, color);
     return {
       props: {
@@ -231,7 +228,7 @@ const LinearProgressBar1 = (0, _zeroStyled.styled)('span', {
     style: {
       backgroundColor: 'currentColor'
     }
-  }, ...Object.entries(theme.palette).filter(([, value]) => value.main).map(([color]) => ({
+  }, ...Object.entries(theme.palette).filter(([, value]) => value && value.main).map(([color]) => ({
     props: {
       color
     },
@@ -288,7 +285,7 @@ const LinearProgressBar2 = (0, _zeroStyled.styled)('span', {
   top: 0,
   transition: 'transform 0.2s linear',
   transformOrigin: 'left',
-  variants: [...Object.entries(theme.palette).filter(([, value]) => value.main).map(([color]) => ({
+  variants: [...Object.entries(theme.palette).filter(([, value]) => value && value.main).map(([color]) => ({
     props: {
       color
     },
@@ -309,7 +306,7 @@ const LinearProgressBar2 = (0, _zeroStyled.styled)('span', {
     style: {
       opacity: 0.3
     }
-  }, ...Object.entries(theme.palette).filter(([, value]) => value.main).map(([color]) => ({
+  }, ...Object.entries(theme.palette).filter(([, value]) => value && value.main).map(([color]) => ({
     props: {
       color,
       variant: 'buffer'
@@ -348,17 +345,18 @@ const LinearProgress = /*#__PURE__*/React.forwardRef(function LinearProgress(inP
     name: 'MuiLinearProgress'
   });
   const {
-      className,
-      color = 'primary',
-      value,
-      valueBuffer,
-      variant = 'indeterminate'
-    } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  const ownerState = (0, _extends2.default)({}, props, {
+    className,
+    color = 'primary',
+    value,
+    valueBuffer,
+    variant = 'indeterminate',
+    ...other
+  } = props;
+  const ownerState = {
+    ...props,
     color,
     variant
-  });
+  };
   const classes = useUtilityClasses(ownerState);
   const isRtl = (0, _RtlProvider.useRtl)();
   const rootProps = {};
@@ -391,13 +389,13 @@ const LinearProgress = /*#__PURE__*/React.forwardRef(function LinearProgress(inP
       console.error('MUI: You need to provide a valueBuffer prop ' + 'when using the buffer variant of LinearProgress.');
     }
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(LinearProgressRoot, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(LinearProgressRoot, {
     className: (0, _clsx.default)(classes.root, className),
     ownerState: ownerState,
-    role: "progressbar"
-  }, rootProps, {
-    ref: ref
-  }, other, {
+    role: "progressbar",
+    ...rootProps,
+    ref: ref,
+    ...other,
     children: [variant === 'buffer' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(LinearProgressDashed, {
       className: classes.dashed,
       ownerState: ownerState
@@ -410,7 +408,7 @@ const LinearProgress = /*#__PURE__*/React.forwardRef(function LinearProgress(inP
       ownerState: ownerState,
       style: inlineStyles.bar2
     })]
-  }));
+  });
 });
 process.env.NODE_ENV !== "production" ? LinearProgress.propTypes /* remove-proptypes */ = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐

package/node/Link/Link.js

@@ -6,8 +6,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 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 _clsx = _interopRequireDefault(require("clsx"));
@@ -23,7 +21,6 @@ var _linkClasses = _interopRequireWildcard(require("./linkClasses"));
 var _getTextDecoration = _interopRequireWildcard(require("./getTextDecoration"));
 var _useTheme = _interopRequireDefault(require("../styles/useTheme"));
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["className", "color", "component", "onBlur", "onFocus", "TypographyClasses", "underline", "variant", "sx"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const useThemeProps = (0, _zeroStyled.createUseThemeProps)('MuiLink');
@@ -87,7 +84,7 @@ const LinkRoot = (0, _zeroStyled.styled)(_Typography.default, {
       style: {
         textDecorationColor: 'var(--Link-underlineColor)'
       }
-    }, ...Object.entries(theme.palette).filter(([, value]) => value.main).map(([color]) => ({
+    }, ...Object.entries(theme.palette).filter(([, value]) => value && value.main).map(([color]) => ({
       props: {
         underline: 'always',
         color
@@ -136,17 +133,17 @@ const Link = /*#__PURE__*/React.forwardRef(function Link(inProps, ref) {
   });
   const theme = (0, _useTheme.default)();
   const {
-      className,
-      color = 'primary',
-      component = 'a',
-      onBlur,
-      onFocus,
-      TypographyClasses,
-      underline = 'always',
-      variant = 'inherit',
-      sx
-    } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+    className,
+    color = 'primary',
+    component = 'a',
+    onBlur,
+    onFocus,
+    TypographyClasses,
+    underline = 'always',
+    variant = 'inherit',
+    sx,
+    ...other
+  } = props;
   const {
     isFocusVisibleRef,
     onBlur: handleBlurVisible,
@@ -173,15 +170,16 @@ const Link = /*#__PURE__*/React.forwardRef(function Link(inProps, ref) {
       onFocus(event);
     }
   };
-  const ownerState = (0, _extends2.default)({}, props, {
+  const ownerState = {
+    ...props,
     color,
     component,
     focusVisible,
     underline,
     variant
-  });
+  };
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(LinkRoot, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(LinkRoot, {
     color: color,
     className: (0, _clsx.default)(classes.root, className),
     classes: TypographyClasses,
@@ -190,18 +188,21 @@ const Link = /*#__PURE__*/React.forwardRef(function Link(inProps, ref) {
     onFocus: handleFocus,
     ref: handlerRef,
     ownerState: ownerState,
-    variant: variant
-  }, other, {
+    variant: variant,
+    ...other,
     sx: [...(_getTextDecoration.colorTransformations[color] === undefined ? [{
       color
     }] : []), ...(Array.isArray(sx) ? sx : [sx])],
-    style: (0, _extends2.default)({}, other.style, underline === 'always' && color !== 'inherit' && {
-      '--Link-underlineColor': (0, _getTextDecoration.default)({
-        theme,
-        ownerState
+    style: {
+      ...other.style,
+      ...(underline === 'always' && color !== 'inherit' && {
+        '--Link-underlineColor': (0, _getTextDecoration.default)({
+          theme,
+          ownerState
+        })
       })
-    })
-  }));
+    }
+  });
 });
 process.env.NODE_ENV !== "production" ? Link.propTypes /* remove-proptypes */ = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐

package/node/List/List.js

@@ -6,8 +6,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 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 _clsx = _interopRequireDefault(require("clsx"));
@@ -16,7 +14,6 @@ var _zeroStyled = require("../zero-styled");
 var _ListContext = _interopRequireDefault(require("./ListContext"));
 var _listClasses = require("./listClasses");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["children", "className", "component", "dense", "disablePadding", "subheader"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const useThemeProps = (0, _zeroStyled.createUseThemeProps)('MuiList');
@@ -69,33 +66,34 @@ const List = /*#__PURE__*/React.forwardRef(function List(inProps, ref) {
     name: 'MuiList'
   });
   const {
-      children,
-      className,
-      component = 'ul',
-      dense = false,
-      disablePadding = false,
-      subheader
-    } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+    children,
+    className,
+    component = 'ul',
+    dense = false,
+    disablePadding = false,
+    subheader,
+    ...other
+  } = props;
   const context = React.useMemo(() => ({
     dense
   }), [dense]);
-  const ownerState = (0, _extends2.default)({}, props, {
+  const ownerState = {
+    ...props,
     component,
     dense,
     disablePadding
-  });
+  };
   const classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ListContext.default.Provider, {
     value: context,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(ListRoot, (0, _extends2.default)({
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(ListRoot, {
       as: component,
       className: (0, _clsx.default)(classes.root, className),
       ref: ref,
-      ownerState: ownerState
-    }, other, {
+      ownerState: ownerState,
+      ...other,
       children: [subheader, children]
-    }))
+    })
   });
 });
 process.env.NODE_ENV !== "production" ? List.propTypes /* remove-proptypes */ = {