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

package/node/Table/Table.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 _clsx = _interopRequireDefault(require("clsx"));
@@ -16,7 +14,6 @@ var _TableContext = _interopRequireDefault(require("./TableContext"));
 var _zeroStyled = require("../zero-styled");
 var _tableClasses = require("./tableClasses");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["className", "component", "padding", "size", "stickyHeader"];
 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)('MuiTable');
@@ -46,12 +43,13 @@ const TableRoot = (0, _zeroStyled.styled)('table', {
   width: '100%',
   borderCollapse: 'collapse',
   borderSpacing: 0,
-  '& caption': (0, _extends2.default)({}, theme.typography.body2, {
+  '& caption': {
+    ...theme.typography.body2,
     padding: theme.spacing(2),
     color: (theme.vars || theme).palette.text.secondary,
     textAlign: 'left',
     captionSide: 'bottom'
-  }),
+  },
   variants: [{
     props: ({
       ownerState
@@ -68,19 +66,20 @@ const Table = /*#__PURE__*/React.forwardRef(function Table(inProps, ref) {
     name: 'MuiTable'
   });
   const {
-      className,
-      component = defaultComponent,
-      padding = 'normal',
-      size = 'medium',
-      stickyHeader = false
-    } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  const ownerState = (0, _extends2.default)({}, props, {
+    className,
+    component = defaultComponent,
+    padding = 'normal',
+    size = 'medium',
+    stickyHeader = false,
+    ...other
+  } = props;
+  const ownerState = {
+    ...props,
     component,
     padding,
     size,
     stickyHeader
-  });
+  };
   const classes = useUtilityClasses(ownerState);
   const table = React.useMemo(() => ({
     padding,
@@ -89,13 +88,14 @@ const Table = /*#__PURE__*/React.forwardRef(function Table(inProps, ref) {
   }), [padding, size, stickyHeader]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TableContext.default.Provider, {
     value: table,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(TableRoot, (0, _extends2.default)({
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(TableRoot, {
       as: component,
       role: component === defaultComponent ? null : 'table',
       ref: ref,
       className: (0, _clsx.default)(classes.root, className),
-      ownerState: ownerState
-    }, other))
+      ownerState: ownerState,
+      ...other
+    })
   });
 });
 process.env.NODE_ENV !== "production" ? Table.propTypes /* remove-proptypes */ = {

package/node/TableBody/TableBody.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 _Tablelvl2Context = _interopRequireDefault(require("../Table/Tablelvl2Contex
 var _zeroStyled = require("../zero-styled");
 var _tableBodyClasses = require("./tableBodyClasses");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["className", "component"];
 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)('MuiTableBody');
@@ -46,23 +43,25 @@ const TableBody = /*#__PURE__*/React.forwardRef(function TableBody(inProps, ref)
     name: 'MuiTableBody'
   });
   const {
-      className,
-      component = defaultComponent
-    } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  const ownerState = (0, _extends2.default)({}, props, {
+    className,
+    component = defaultComponent,
+    ...other
+  } = props;
+  const ownerState = {
+    ...props,
     component
-  });
+  };
   const classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tablelvl2Context.default.Provider, {
     value: tablelvl2,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(TableBodyRoot, (0, _extends2.default)({
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(TableBodyRoot, {
       className: (0, _clsx.default)(classes.root, className),
       as: component,
       ref: ref,
       role: component === defaultComponent ? null : 'rowgroup',
-      ownerState: ownerState
-    }, other))
+      ownerState: ownerState,
+      ...other
+    })
   });
 });
 process.env.NODE_ENV !== "production" ? TableBody.propTypes /* remove-proptypes */ = {

package/node/TableCell/TableCell.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 _clsx = _interopRequireDefault(require("clsx"));
@@ -19,7 +17,6 @@ var _Tablelvl2Context = _interopRequireDefault(require("../Table/Tablelvl2Contex
 var _zeroStyled = require("../zero-styled");
 var _tableCellClasses = _interopRequireWildcard(require("./tableCellClasses"));
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["align", "className", "component", "padding", "scope", "size", "sortDirection", "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)('MuiTableCell');
@@ -48,7 +45,8 @@ const TableCellRoot = (0, _zeroStyled.styled)('td', {
   }
 })(({
   theme
-}) => (0, _extends2.default)({}, theme.typography.body2, {
+}) => ({
+  ...theme.typography.body2,
   display: 'table-cell',
   verticalAlign: 'inherit',
   // Workaround for a rendering bug with spanned columns in Chrome 62.0.
@@ -165,16 +163,16 @@ const TableCell = /*#__PURE__*/React.forwardRef(function TableCell(inProps, ref)
     name: 'MuiTableCell'
   });
   const {
-      align = 'inherit',
-      className,
-      component: componentProp,
-      padding: paddingProp,
-      scope: scopeProp,
-      size: sizeProp,
-      sortDirection,
-      variant: variantProp
-    } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+    align = 'inherit',
+    className,
+    component: componentProp,
+    padding: paddingProp,
+    scope: scopeProp,
+    size: sizeProp,
+    sortDirection,
+    variant: variantProp,
+    ...other
+  } = props;
   const table = React.useContext(_TableContext.default);
   const tablelvl2 = React.useContext(_Tablelvl2Context.default);
   const isHeadCell = tablelvl2 && tablelvl2.variant === 'head';
@@ -193,7 +191,8 @@ const TableCell = /*#__PURE__*/React.forwardRef(function TableCell(inProps, ref)
     scope = 'col';
   }
   const variant = variantProp || tablelvl2 && tablelvl2.variant;
-  const ownerState = (0, _extends2.default)({}, props, {
+  const ownerState = {
+    ...props,
     align,
     component,
     padding: paddingProp || (table && table.padding ? table.padding : 'normal'),
@@ -201,20 +200,21 @@ const TableCell = /*#__PURE__*/React.forwardRef(function TableCell(inProps, ref)
     sortDirection,
     stickyHeader: variant === 'head' && table && table.stickyHeader,
     variant
-  });
+  };
   const classes = useUtilityClasses(ownerState);
   let ariaSort = null;
   if (sortDirection) {
     ariaSort = sortDirection === 'asc' ? 'ascending' : 'descending';
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(TableCellRoot, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(TableCellRoot, {
     as: component,
     ref: ref,
     className: (0, _clsx.default)(classes.root, className),
     "aria-sort": ariaSort,
     scope: scope,
-    ownerState: ownerState
-  }, other));
+    ownerState: ownerState,
+    ...other
+  });
 });
 process.env.NODE_ENV !== "production" ? TableCell.propTypes /* remove-proptypes */ = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐

package/node/TableContainer/TableContainer.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"));
@@ -15,7 +13,6 @@ var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"
 var _zeroStyled = require("../zero-styled");
 var _tableContainerClasses = require("./tableContainerClasses");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["className", "component"];
 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)('MuiTableContainer');
@@ -42,20 +39,22 @@ const TableContainer = /*#__PURE__*/React.forwardRef(function TableContainer(inP
     name: 'MuiTableContainer'
   });
   const {
-      className,
-      component = 'div'
-    } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  const ownerState = (0, _extends2.default)({}, props, {
+    className,
+    component = 'div',
+    ...other
+  } = props;
+  const ownerState = {
+    ...props,
     component
-  });
+  };
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(TableContainerRoot, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(TableContainerRoot, {
     ref: ref,
     as: component,
     className: (0, _clsx.default)(classes.root, className),
-    ownerState: ownerState
-  }, other));
+    ownerState: ownerState,
+    ...other
+  });
 });
 process.env.NODE_ENV !== "production" ? TableContainer.propTypes /* remove-proptypes */ = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐

package/node/TableFooter/TableFooter.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 _Tablelvl2Context = _interopRequireDefault(require("../Table/Tablelvl2Contex
 var _zeroStyled = require("../zero-styled");
 var _tableFooterClasses = require("./tableFooterClasses");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["className", "component"];
 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)('MuiTableFooter');
@@ -46,23 +43,25 @@ const TableFooter = /*#__PURE__*/React.forwardRef(function TableFooter(inProps,
     name: 'MuiTableFooter'
   });
   const {
-      className,
-      component = defaultComponent
-    } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  const ownerState = (0, _extends2.default)({}, props, {
+    className,
+    component = defaultComponent,
+    ...other
+  } = props;
+  const ownerState = {
+    ...props,
     component
-  });
+  };
   const classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tablelvl2Context.default.Provider, {
     value: tablelvl2,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(TableFooterRoot, (0, _extends2.default)({
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(TableFooterRoot, {
       as: component,
       className: (0, _clsx.default)(classes.root, className),
       ref: ref,
       role: component === defaultComponent ? null : 'rowgroup',
-      ownerState: ownerState
-    }, other))
+      ownerState: ownerState,
+      ...other
+    })
   });
 });
 process.env.NODE_ENV !== "production" ? TableFooter.propTypes /* remove-proptypes */ = {

package/node/TableHead/TableHead.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 _Tablelvl2Context = _interopRequireDefault(require("../Table/Tablelvl2Contex
 var _zeroStyled = require("../zero-styled");
 var _tableHeadClasses = require("./tableHeadClasses");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["className", "component"];
 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)('MuiTableHead');
@@ -46,23 +43,25 @@ const TableHead = /*#__PURE__*/React.forwardRef(function TableHead(inProps, ref)
     name: 'MuiTableHead'
   });
   const {
-      className,
-      component = defaultComponent
-    } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  const ownerState = (0, _extends2.default)({}, props, {
+    className,
+    component = defaultComponent,
+    ...other
+  } = props;
+  const ownerState = {
+    ...props,
     component
-  });
+  };
   const classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tablelvl2Context.default.Provider, {
     value: tablelvl2,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(TableHeadRoot, (0, _extends2.default)({
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(TableHeadRoot, {
       as: component,
       className: (0, _clsx.default)(classes.root, className),
       ref: ref,
       role: component === defaultComponent ? null : 'rowgroup',
-      ownerState: ownerState
-    }, other))
+      ownerState: ownerState,
+      ...other
+    })
   });
 });
 process.env.NODE_ENV !== "production" ? TableHead.propTypes /* remove-proptypes */ = {

package/node/TablePagination/TablePagination.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 React = _react;
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -27,7 +25,6 @@ var _useId = _interopRequireDefault(require("../utils/useId"));
 var _tablePaginationClasses = _interopRequireWildcard(require("./tablePaginationClasses"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _InputBase;
-const _excluded = ["ActionsComponent", "backIconButtonProps", "className", "colSpan", "component", "count", "disabled", "getItemAriaLabel", "labelDisplayedRows", "labelRowsPerPage", "nextIconButtonProps", "onPageChange", "onRowsPerPageChange", "page", "rowsPerPage", "rowsPerPageOptions", "SelectProps", "showFirstButton", "showLastButton", "slotProps", "slots"];
 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)('MuiTablePagination');
@@ -49,9 +46,10 @@ const TablePaginationRoot = (0, _zeroStyled.styled)(_TableCell.default, {
 const TablePaginationToolbar = (0, _zeroStyled.styled)(_Toolbar.default, {
   name: 'MuiTablePagination',
   slot: 'Toolbar',
-  overridesResolver: (props, styles) => (0, _extends2.default)({
-    [`& .${_tablePaginationClasses.default.actions}`]: styles.actions
-  }, styles.toolbar)
+  overridesResolver: (props, styles) => ({
+    [`& .${_tablePaginationClasses.default.actions}`]: styles.actions,
+    ...styles.toolbar
+  })
 })(({
   theme
 }) => ({
@@ -82,16 +80,19 @@ const TablePaginationSelectLabel = (0, _zeroStyled.styled)('p', {
   overridesResolver: (props, styles) => styles.selectLabel
 })(({
   theme
-}) => (0, _extends2.default)({}, theme.typography.body2, {
+}) => ({
+  ...theme.typography.body2,
   flexShrink: 0
 }));
 const TablePaginationSelect = (0, _zeroStyled.styled)(_Select.default, {
   name: 'MuiTablePagination',
   slot: 'Select',
-  overridesResolver: (props, styles) => (0, _extends2.default)({
+  overridesResolver: (props, styles) => ({
     [`& .${_tablePaginationClasses.default.selectIcon}`]: styles.selectIcon,
-    [`& .${_tablePaginationClasses.default.select}`]: styles.select
-  }, styles.input, styles.selectRoot)
+    [`& .${_tablePaginationClasses.default.select}`]: styles.select,
+    ...styles.input,
+    ...styles.selectRoot
+  })
 })({
   color: 'inherit',
   fontSize: 'inherit',
@@ -116,7 +117,8 @@ const TablePaginationDisplayedRows = (0, _zeroStyled.styled)('p', {
   overridesResolver: (props, styles) => styles.displayedRows
 })(({
   theme
-}) => (0, _extends2.default)({}, theme.typography.body2, {
+}) => ({
+  ...theme.typography.body2,
   flexShrink: 0
 }));
 function defaultLabelDisplayedRows({
@@ -158,29 +160,29 @@ const TablePagination = /*#__PURE__*/React.forwardRef(function TablePagination(i
     name: 'MuiTablePagination'
   });
   const {
-      ActionsComponent = _TablePaginationActions.default,
-      backIconButtonProps,
-      className,
-      colSpan: colSpanProp,
-      component = _TableCell.default,
-      count,
-      disabled = false,
-      getItemAriaLabel = defaultGetAriaLabel,
-      labelDisplayedRows = defaultLabelDisplayedRows,
-      labelRowsPerPage = 'Rows per page:',
-      nextIconButtonProps,
-      onPageChange,
-      onRowsPerPageChange,
-      page,
-      rowsPerPage,
-      rowsPerPageOptions = [10, 25, 50, 100],
-      SelectProps = {},
-      showFirstButton = false,
-      showLastButton = false,
-      slotProps = {},
-      slots = {}
-    } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+    ActionsComponent = _TablePaginationActions.default,
+    backIconButtonProps,
+    className,
+    colSpan: colSpanProp,
+    component = _TableCell.default,
+    count,
+    disabled = false,
+    getItemAriaLabel = defaultGetAriaLabel,
+    labelDisplayedRows = defaultLabelDisplayedRows,
+    labelRowsPerPage = 'Rows per page:',
+    nextIconButtonProps,
+    onPageChange,
+    onRowsPerPageChange,
+    page,
+    rowsPerPage,
+    rowsPerPageOptions = [10, 25, 50, 100],
+    SelectProps = {},
+    showFirstButton = false,
+    showLastButton = false,
+    slotProps = {},
+    slots = {},
+    ...other
+  } = props;
   const ownerState = props;
   const classes = useUtilityClasses(ownerState);
   const selectProps = (_slotProps$select = slotProps == null ? void 0 : slotProps.select) != null ? _slotProps$select : SelectProps;
@@ -197,13 +199,13 @@ const TablePagination = /*#__PURE__*/React.forwardRef(function TablePagination(i
     }
     return rowsPerPage === -1 ? count : Math.min(count, (page + 1) * rowsPerPage);
   };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(TablePaginationRoot, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(TablePaginationRoot, {
     colSpan: colSpan,
     ref: ref,
     as: component,
     ownerState: ownerState,
-    className: (0, _clsx.default)(classes.root, className)
-  }, other, {
+    className: (0, _clsx.default)(classes.root, className),
+    ...other,
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(TablePaginationToolbar, {
       className: classes.toolbar,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(TablePaginationSpacer, {
@@ -212,32 +214,34 @@ const TablePagination = /*#__PURE__*/React.forwardRef(function TablePagination(i
         className: classes.selectLabel,
         id: labelId,
         children: labelRowsPerPage
-      }), rowsPerPageOptions.length > 1 && /*#__PURE__*/(0, _jsxRuntime.jsx)(TablePaginationSelect, (0, _extends2.default)({
-        variant: "standard"
-      }, !selectProps.variant && {
-        input: _InputBase || (_InputBase = /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputBase2.default, {}))
-      }, {
+      }), rowsPerPageOptions.length > 1 && /*#__PURE__*/(0, _jsxRuntime.jsx)(TablePaginationSelect, {
+        variant: "standard",
+        ...(!selectProps.variant && {
+          input: _InputBase || (_InputBase = /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputBase2.default, {}))
+        }),
         value: rowsPerPage,
         onChange: onRowsPerPageChange,
         id: selectId,
-        labelId: labelId
-      }, selectProps, {
-        classes: (0, _extends2.default)({}, selectProps.classes, {
+        labelId: labelId,
+        ...selectProps,
+        classes: {
+          ...selectProps.classes,
           // TODO v5 remove `classes.input`
           root: (0, _clsx.default)(classes.input, classes.selectRoot, (selectProps.classes || {}).root),
           select: (0, _clsx.default)(classes.select, (selectProps.classes || {}).select),
           // TODO v5 remove `selectIcon`
           icon: (0, _clsx.default)(classes.selectIcon, (selectProps.classes || {}).icon)
-        }),
+        },
         disabled: disabled,
-        children: rowsPerPageOptions.map(rowsPerPageOption => /*#__PURE__*/(0, _react.createElement)(MenuItemComponent, (0, _extends2.default)({}, !(0, _utils.isHostComponent)(MenuItemComponent) && {
-          ownerState
-        }, {
+        children: rowsPerPageOptions.map(rowsPerPageOption => /*#__PURE__*/(0, _react.createElement)(MenuItemComponent, {
+          ...(!(0, _utils.isHostComponent)(MenuItemComponent) && {
+            ownerState
+          }),
           className: classes.menuItem,
           key: rowsPerPageOption.label ? rowsPerPageOption.label : rowsPerPageOption,
           value: rowsPerPageOption.value ? rowsPerPageOption.value : rowsPerPageOption
-        }), rowsPerPageOption.label ? rowsPerPageOption.label : rowsPerPageOption))
-      })), /*#__PURE__*/(0, _jsxRuntime.jsx)(TablePaginationDisplayedRows, {
+        }, rowsPerPageOption.label ? rowsPerPageOption.label : rowsPerPageOption))
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(TablePaginationDisplayedRows, {
         className: classes.displayedRows,
         children: labelDisplayedRows({
           from: count === 0 ? 0 : page * rowsPerPage + 1,
@@ -261,7 +265,7 @@ const TablePagination = /*#__PURE__*/React.forwardRef(function TablePagination(i
         disabled: disabled
       })]
     })
-  }));
+  });
 });
 process.env.NODE_ENV !== "production" ? TablePagination.propTypes /* remove-proptypes */ = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐