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

package/node/Menu/Menu.js

@@ -6,8 +6,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.MenuPaper = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var React = _interopRequireWildcard(require("react"));
 var _reactIs = require("react-is");
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -22,8 +20,6 @@ var _rootShouldForwardProp = _interopRequireDefault(require("../styles/rootShoul
 var _zeroStyled = require("../zero-styled");
 var _menuClasses = require("./menuClasses");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["onEntering"],
-  _excluded2 = ["autoFocus", "children", "className", "disableAutoFocusItem", "MenuListProps", "onClose", "open", "PaperProps", "PopoverClasses", "transitionDuration", "TransitionProps", "variant", "slots", "slotProps"];
 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)('MuiMenu');
@@ -79,27 +75,28 @@ const Menu = /*#__PURE__*/React.forwardRef(function Menu(inProps, ref) {
     name: 'MuiMenu'
   });
   const {
-      autoFocus = true,
-      children,
-      className,
-      disableAutoFocusItem = false,
-      MenuListProps = {},
-      onClose,
-      open,
-      PaperProps = {},
-      PopoverClasses,
-      transitionDuration = 'auto',
-      TransitionProps: {
-        onEntering
-      } = {},
-      variant = 'selectedMenu',
-      slots = {},
-      slotProps = {}
-    } = props,
-    TransitionProps = (0, _objectWithoutPropertiesLoose2.default)(props.TransitionProps, _excluded),
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded2);
+    autoFocus = true,
+    children,
+    className,
+    disableAutoFocusItem = false,
+    MenuListProps = {},
+    onClose,
+    open,
+    PaperProps = {},
+    PopoverClasses,
+    transitionDuration = 'auto',
+    TransitionProps: {
+      onEntering,
+      ...TransitionProps
+    } = {},
+    variant = 'selectedMenu',
+    slots = {},
+    slotProps = {},
+    ...other
+  } = props;
   const isRtl = (0, _RtlProvider.useRtl)();
-  const ownerState = (0, _extends2.default)({}, props, {
+  const ownerState = {
+    ...props,
     autoFocus,
     disableAutoFocusItem,
     MenuListProps,
@@ -108,7 +105,7 @@ const Menu = /*#__PURE__*/React.forwardRef(function Menu(inProps, ref) {
     transitionDuration,
     TransitionProps,
     variant
-  });
+  };
   const classes = useUtilityClasses(ownerState);
   const autoFocusItem = autoFocus && !disableAutoFocusItem && open;
   const menuListActionsRef = React.useRef(null);
@@ -171,7 +168,7 @@ const Menu = /*#__PURE__*/React.forwardRef(function Menu(inProps, ref) {
     ownerState,
     className: classes.paper
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(MenuRoot, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(MenuRoot, {
     onClose: onClose,
     anchorOrigin: {
       vertical: 'bottom',
@@ -189,23 +186,24 @@ const Menu = /*#__PURE__*/React.forwardRef(function Menu(inProps, ref) {
     open: open,
     ref: ref,
     transitionDuration: transitionDuration,
-    TransitionProps: (0, _extends2.default)({
-      onEntering: handleEntering
-    }, TransitionProps),
-    ownerState: ownerState
-  }, other, {
+    TransitionProps: {
+      onEntering: handleEntering,
+      ...TransitionProps
+    },
+    ownerState: ownerState,
+    ...other,
     classes: PopoverClasses,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(MenuMenuList, (0, _extends2.default)({
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(MenuMenuList, {
       onKeyDown: handleListKeyDown,
       actions: menuListActionsRef,
       autoFocus: autoFocus && (activeItemIndex === -1 || disableAutoFocusItem),
       autoFocusItem: autoFocusItem,
-      variant: variant
-    }, MenuListProps, {
+      variant: variant,
+      ...MenuListProps,
       className: (0, _clsx.default)(classes.list, MenuListProps.className),
       children: children
-    }))
-  }));
+    })
+  });
 });
 process.env.NODE_ENV !== "production" ? Menu.propTypes /* remove-proptypes */ = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐

package/node/MenuItem/MenuItem.js

@@ -6,8 +6,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.overridesResolver = 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"));
@@ -24,7 +22,6 @@ var _ListItemIcon = require("../ListItemIcon");
 var _ListItemText = require("../ListItemText");
 var _menuItemClasses = _interopRequireWildcard(require("./menuItemClasses"));
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["autoFocus", "component", "dense", "divider", "disableGutters", "focusVisibleClassName", "role", "tabIndex", "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)('MuiMenuItem');
@@ -48,7 +45,10 @@ const useUtilityClasses = ownerState => {
     root: ['root', dense && 'dense', disabled && 'disabled', !disableGutters && 'gutters', divider && 'divider', selected && 'selected']
   };
   const composedClasses = (0, _composeClasses.default)(slots, _menuItemClasses.getMenuItemUtilityClass, classes);
-  return (0, _extends2.default)({}, classes, composedClasses);
+  return {
+    ...classes,
+    ...composedClasses
+  };
 };
 const MenuItemRoot = (0, _zeroStyled.styled)(_ButtonBase.default, {
   shouldForwardProp: prop => (0, _rootShouldForwardProp.default)(prop) || prop === 'classes',
@@ -57,7 +57,8 @@ const MenuItemRoot = (0, _zeroStyled.styled)(_ButtonBase.default, {
   overridesResolver
 })(({
   theme
-}) => (0, _extends2.default)({}, theme.typography.body1, {
+}) => ({
+  ...theme.typography.body1,
   display: 'flex',
   justifyContent: 'flex-start',
   alignItems: 'center',
@@ -141,16 +142,16 @@ const MenuItemRoot = (0, _zeroStyled.styled)(_ButtonBase.default, {
     props: ({
       ownerState
     }) => ownerState.dense,
-    style: (0, _extends2.default)({
+    style: {
       minHeight: 32,
       // https://m2.material.io/components/menus#specs > Dense
       paddingTop: 4,
-      paddingBottom: 4
-    }, theme.typography.body2, {
+      paddingBottom: 4,
+      ...theme.typography.body2,
       [`& .${_ListItemIcon.listItemIconClasses.root} svg`]: {
         fontSize: '1.25rem'
       }
-    })
+    }
   }]
 }));
 const MenuItem = /*#__PURE__*/React.forwardRef(function MenuItem(inProps, ref) {
@@ -159,17 +160,17 @@ const MenuItem = /*#__PURE__*/React.forwardRef(function MenuItem(inProps, ref) {
     name: 'MuiMenuItem'
   });
   const {
-      autoFocus = false,
-      component = 'li',
-      dense = false,
-      divider = false,
-      disableGutters = false,
-      focusVisibleClassName,
-      role = 'menuitem',
-      tabIndex: tabIndexProp,
-      className
-    } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+    autoFocus = false,
+    component = 'li',
+    dense = false,
+    divider = false,
+    disableGutters = false,
+    focusVisibleClassName,
+    role = 'menuitem',
+    tabIndex: tabIndexProp,
+    className,
+    ...other
+  } = props;
   const context = React.useContext(_ListContext.default);
   const childContext = React.useMemo(() => ({
     dense: dense || context.dense || false,
@@ -185,11 +186,12 @@ const MenuItem = /*#__PURE__*/React.forwardRef(function MenuItem(inProps, ref) {
       }
     }
   }, [autoFocus]);
-  const ownerState = (0, _extends2.default)({}, props, {
+  const ownerState = {
+    ...props,
     dense: childContext.dense,
     divider,
     disableGutters
-  });
+  };
   const classes = useUtilityClasses(props);
   const handleRef = (0, _useForkRef.default)(menuItemRef, ref);
   let tabIndex;
@@ -198,17 +200,17 @@ const MenuItem = /*#__PURE__*/React.forwardRef(function MenuItem(inProps, ref) {
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ListContext.default.Provider, {
     value: childContext,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(MenuItemRoot, (0, _extends2.default)({
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(MenuItemRoot, {
       ref: handleRef,
       role: role,
       tabIndex: tabIndex,
       component: component,
       focusVisibleClassName: (0, _clsx.default)(classes.focusVisible, focusVisibleClassName),
-      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" ? MenuItem.propTypes /* remove-proptypes */ = {

package/node/MenuList/MenuList.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 _reactIs = require("react-is");
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -17,7 +15,6 @@ var _getScrollbarSize = _interopRequireDefault(require("../utils/getScrollbarSiz
 var _useForkRef = _interopRequireDefault(require("../utils/useForkRef"));
 var _useEnhancedEffect = _interopRequireDefault(require("../utils/useEnhancedEffect"));
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["actions", "autoFocus", "autoFocusItem", "children", "className", "disabledItemsFocusable", "disableListWrap", "onKeyDown", "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; }
 function nextItem(list, item, disableListWrap) {
@@ -89,19 +86,19 @@ function moveFocus(list, currentFocus, disableListWrap, disabledItemsFocusable,
  */
 const MenuList = /*#__PURE__*/React.forwardRef(function MenuList(props, ref) {
   const {
-      // private
-      // eslint-disable-next-line react/prop-types
-      actions,
-      autoFocus = false,
-      autoFocusItem = false,
-      children,
-      className,
-      disabledItemsFocusable = false,
-      disableListWrap = false,
-      onKeyDown,
-      variant = 'selectedMenu'
-    } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+    // private
+    // eslint-disable-next-line react/prop-types
+    actions,
+    autoFocus = false,
+    autoFocusItem = false,
+    children,
+    className,
+    disabledItemsFocusable = false,
+    disableListWrap = false,
+    onKeyDown,
+    variant = 'selectedMenu',
+    ...other
+  } = props;
   const listRef = React.useRef(null);
   const textCriteriaRef = React.useRef({
     keys: [],
@@ -234,15 +231,15 @@ const MenuList = /*#__PURE__*/React.forwardRef(function MenuList(props, ref) {
     }
     return child;
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_List.default, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_List.default, {
     role: "menu",
     ref: handleRef,
     className: className,
     onKeyDown: handleKeyDown,
-    tabIndex: autoFocus ? 0 : -1
-  }, other, {
+    tabIndex: autoFocus ? 0 : -1,
+    ...other,
     children: items
-  }));
+  });
 });
 process.env.NODE_ENV !== "production" ? MenuList.propTypes /* remove-proptypes */ = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐

package/node/MobileStepper/MobileStepper.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"));
@@ -20,7 +18,6 @@ var _zeroStyled = require("../zero-styled");
 var _slotShouldForwardProp = _interopRequireDefault(require("../styles/slotShouldForwardProp"));
 var _mobileStepperClasses = require("./mobileStepperClasses");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["activeStep", "backButton", "className", "LinearProgressProps", "nextButton", "position", "steps", "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)('MuiMobileStepper');
@@ -154,21 +151,22 @@ const MobileStepper = /*#__PURE__*/React.forwardRef(function MobileStepper(inPro
     name: 'MuiMobileStepper'
   });
   const {
-      activeStep = 0,
-      backButton,
-      className,
-      LinearProgressProps,
-      nextButton,
-      position = 'bottom',
-      steps,
-      variant = 'dots'
-    } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  const ownerState = (0, _extends2.default)({}, props, {
+    activeStep = 0,
+    backButton,
+    className,
+    LinearProgressProps,
+    nextButton,
+    position = 'bottom',
+    steps,
+    variant = 'dots',
+    ...other
+  } = props;
+  const ownerState = {
+    ...props,
     activeStep,
     position,
     variant
-  });
+  };
   let value;
   if (variant === 'progress') {
     if (steps === 1) {
@@ -178,13 +176,13 @@ const MobileStepper = /*#__PURE__*/React.forwardRef(function MobileStepper(inPro
     }
   }
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(MobileStepperRoot, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(MobileStepperRoot, {
     square: true,
     elevation: 0,
     className: (0, _clsx.default)(classes.root, className),
     ref: ref,
-    ownerState: ownerState
-  }, other, {
+    ownerState: ownerState,
+    ...other,
     children: [backButton, variant === 'text' && /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
       children: [activeStep + 1, " / ", steps]
     }), variant === 'dots' && /*#__PURE__*/(0, _jsxRuntime.jsx)(MobileStepperDots, {
@@ -195,13 +193,14 @@ const MobileStepper = /*#__PURE__*/React.forwardRef(function MobileStepper(inPro
         ownerState: ownerState,
         dotActive: index === activeStep
       }, index))
-    }), variant === 'progress' && /*#__PURE__*/(0, _jsxRuntime.jsx)(MobileStepperProgress, (0, _extends2.default)({
+    }), variant === 'progress' && /*#__PURE__*/(0, _jsxRuntime.jsx)(MobileStepperProgress, {
       ownerState: ownerState,
       className: classes.progress,
       variant: "determinate",
-      value: value
-    }, LinearProgressProps)), nextButton]
-  }));
+      value: value,
+      ...LinearProgressProps
+    }), nextButton]
+  });
 });
 process.env.NODE_ENV !== "production" ? MobileStepper.propTypes /* remove-proptypes */ = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐

package/node/Modal/Modal.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"));
@@ -22,7 +20,6 @@ var _zeroStyled = require("../zero-styled");
 var _Backdrop = _interopRequireDefault(require("../Backdrop"));
 var _modalClasses = require("./modalClasses");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["BackdropComponent", "BackdropProps", "classes", "className", "closeAfterTransition", "children", "container", "component", "components", "componentsProps", "disableAutoFocus", "disableEnforceFocus", "disableEscapeKeyDown", "disablePortal", "disableRestoreFocus", "disableScrollLock", "hideBackdrop", "keepMounted", "onBackdropClick", "onClose", "onTransitionEnter", "onTransitionExited", "open", "slotProps", "slots", "theme"];
 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)('MuiModal');
@@ -95,31 +92,37 @@ const Modal = /*#__PURE__*/React.forwardRef(function Modal(inProps, ref) {
     props: inProps
   });
   const {
-      BackdropComponent = ModalBackdrop,
-      BackdropProps,
-      className,
-      closeAfterTransition = false,
-      children,
-      container,
-      component,
-      components = {},
-      componentsProps = {},
-      disableAutoFocus = false,
-      disableEnforceFocus = false,
-      disableEscapeKeyDown = false,
-      disablePortal = false,
-      disableRestoreFocus = false,
-      disableScrollLock = false,
-      hideBackdrop = false,
-      keepMounted = false,
-      onBackdropClick,
-      open,
-      slotProps,
-      slots
-      // eslint-disable-next-line react/prop-types
-    } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  const propsWithDefaults = (0, _extends2.default)({}, props, {
+    BackdropComponent = ModalBackdrop,
+    BackdropProps,
+    classes: classesProp,
+    className,
+    closeAfterTransition = false,
+    children,
+    container,
+    component,
+    components = {},
+    componentsProps = {},
+    disableAutoFocus = false,
+    disableEnforceFocus = false,
+    disableEscapeKeyDown = false,
+    disablePortal = false,
+    disableRestoreFocus = false,
+    disableScrollLock = false,
+    hideBackdrop = false,
+    keepMounted = false,
+    onBackdropClick,
+    onClose,
+    onTransitionEnter,
+    onTransitionExited,
+    open,
+    slotProps,
+    slots,
+    // eslint-disable-next-line react/prop-types
+    theme,
+    ...other
+  } = props;
+  const propsWithDefaults = {
+    ...props,
     closeAfterTransition,
     disableAutoFocus,
     disableEnforceFocus,
@@ -129,7 +132,7 @@ const Modal = /*#__PURE__*/React.forwardRef(function Modal(inProps, ref) {
     disableScrollLock,
     hideBackdrop,
     keepMounted
-  });
+  };
   const {
     getRootProps,
     getBackdropProps,
@@ -138,12 +141,14 @@ const Modal = /*#__PURE__*/React.forwardRef(function Modal(inProps, ref) {
     isTopModal,
     exited,
     hasTransition
-  } = (0, _unstable_useModal.unstable_useModal)((0, _extends2.default)({}, propsWithDefaults, {
+  } = (0, _unstable_useModal.unstable_useModal)({
+    ...propsWithDefaults,
     rootRef: ref
-  }));
-  const ownerState = (0, _extends2.default)({}, propsWithDefaults, {
-    exited
   });
+  const ownerState = {
+    ...propsWithDefaults,
+    exited
+  };
   const classes = useUtilityClasses(ownerState);
   const childProps = {};
   if (children.props.tabIndex === undefined) {
@@ -180,7 +185,8 @@ const Modal = /*#__PURE__*/React.forwardRef(function Modal(inProps, ref) {
     externalSlotProps: backdropSlotProps,
     additionalProps: BackdropProps,
     getSlotProps: otherHandlers => {
-      return getBackdropProps((0, _extends2.default)({}, otherHandlers, {
+      return getBackdropProps({
+        ...otherHandlers,
         onClick: e => {
           if (onBackdropClick) {
             onBackdropClick(e);
@@ -189,7 +195,7 @@ const Modal = /*#__PURE__*/React.forwardRef(function Modal(inProps, ref) {
             otherHandlers.onClick(e);
           }
         }
-      }));
+      });
     },
     className: (0, _clsx.default)(backdropSlotProps == null ? void 0 : backdropSlotProps.className, BackdropProps == null ? void 0 : BackdropProps.className, classes == null ? void 0 : classes.backdrop),
     ownerState
@@ -201,8 +207,11 @@ const Modal = /*#__PURE__*/React.forwardRef(function Modal(inProps, ref) {
     ref: portalRef,
     container: container,
     disablePortal: disablePortal,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(RootSlot, (0, _extends2.default)({}, rootProps, {
-      children: [!hideBackdrop && BackdropComponent ? /*#__PURE__*/(0, _jsxRuntime.jsx)(BackdropSlot, (0, _extends2.default)({}, backdropProps)) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_Unstable_TrapFocus.default, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(RootSlot, {
+      ...rootProps,
+      children: [!hideBackdrop && BackdropComponent ? /*#__PURE__*/(0, _jsxRuntime.jsx)(BackdropSlot, {
+        ...backdropProps
+      }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_Unstable_TrapFocus.default, {
         disableEnforceFocus: disableEnforceFocus,
         disableAutoFocus: disableAutoFocus,
         disableRestoreFocus: disableRestoreFocus,
@@ -210,7 +219,7 @@ const Modal = /*#__PURE__*/React.forwardRef(function Modal(inProps, ref) {
         open: open,
         children: /*#__PURE__*/React.cloneElement(children, childProps)
       })]
-    }))
+    })
   });
 });
 process.env.NODE_ENV !== "production" ? Modal.propTypes /* remove-proptypes */ = {

package/node/NativeSelect/NativeSelect.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 _clsx = _interopRequireDefault(require("clsx"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -20,8 +18,6 @@ var _Input = _interopRequireDefault(require("../Input"));
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 var _nativeSelectClasses = require("./nativeSelectClasses");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["className", "children", "classes", "IconComponent", "input", "inputProps", "variant"],
-  _excluded2 = ["root"];
 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 useUtilityClasses = ownerState => {
@@ -43,41 +39,49 @@ const NativeSelect = /*#__PURE__*/React.forwardRef(function NativeSelect(inProps
     props: inProps
   });
   const {
-      className,
-      children,
-      classes: classesProp = {},
-      IconComponent = _ArrowDropDown.default,
-      input = defaultInput,
-      inputProps
-    } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+    className,
+    children,
+    classes: classesProp = {},
+    IconComponent = _ArrowDropDown.default,
+    input = defaultInput,
+    inputProps,
+    variant,
+    ...other
+  } = props;
   const muiFormControl = (0, _useFormControl.default)();
   const fcs = (0, _formControlState.default)({
     props,
     muiFormControl,
     states: ['variant']
   });
-  const ownerState = (0, _extends2.default)({}, props, {
+  const ownerState = {
+    ...props,
     classes: classesProp
-  });
+  };
   const classes = useUtilityClasses(ownerState);
-  const otherClasses = (0, _objectWithoutPropertiesLoose2.default)(classesProp, _excluded2);
+  const {
+    root,
+    ...otherClasses
+  } = classesProp;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(React.Fragment, {
-    children: /*#__PURE__*/React.cloneElement(input, (0, _extends2.default)({
+    children: /*#__PURE__*/React.cloneElement(input, {
       // Most of the logic is implemented in `NativeSelectInput`.
       // The `Select` component is a simple API wrapper to expose something better to play with.
       inputComponent: _NativeSelectInput.default,
-      inputProps: (0, _extends2.default)({
+      inputProps: {
         children,
         classes: otherClasses,
         IconComponent,
         variant: fcs.variant,
-        type: undefined
-      }, inputProps, input ? input.props.inputProps : {}),
-      ref
-    }, other, {
+        type: undefined,
+        // We render a select. We can ignore the type provided by the `Input`.
+        ...inputProps,
+        ...(input ? input.props.inputProps : {})
+      },
+      ref,
+      ...other,
       className: (0, _clsx.default)(classes.root, input.props.className, className)
-    }))
+    })
   });
 });
 process.env.NODE_ENV !== "production" ? NativeSelect.propTypes /* remove-proptypes */ = {