@mui/lab 5.0.0-alpha.130 → 5.0.0-alpha.131

package/node/TreeItem/TreeItem.js

@@ -5,6 +5,8 @@ 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 _clsx = _interopRequireDefault(require("clsx"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -18,6 +20,7 @@ var _descendants = require("../TreeView/descendants");
 var _TreeItemContent = _interopRequireDefault(require("./TreeItemContent"));
 var _treeItemClasses = _interopRequireWildcard(require("./treeItemClasses"));
 var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["children", "className", "collapseIcon", "ContentComponent", "ContentProps", "endIcon", "expandIcon", "disabled", "icon", "id", "label", "nodeId", "onClick", "onMouseDown", "TransitionComponent", "TransitionProps"];
 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 => {
@@ -103,14 +106,13 @@ const StyledTreeItemContent = (0, _styles.styled)(_TreeItemContent.default, {
       fontSize: 18
     }
   },
-  [`& .${_treeItemClasses.default.label}`]: {
+  [`& .${_treeItemClasses.default.label}`]: (0, _extends2.default)({
     width: '100%',
     // fixes overflow - see https://github.com/mui/material-ui/issues/27372
     minWidth: 0,
     paddingLeft: 4,
-    position: 'relative',
-    ...theme.typography.body1
-  }
+    position: 'relative'
+  }, theme.typography.body1)
 }));
 const TreeItemGroup = (0, _styles.styled)(_Collapse.default, {
   name: 'MuiTreeItem',
@@ -127,24 +129,24 @@ const TreeItem = /*#__PURE__*/React.forwardRef(function TreeItem(inProps, ref) {
     name: 'MuiTreeItem'
   });
   const {
-    children,
-    className,
-    collapseIcon,
-    ContentComponent = _TreeItemContent.default,
-    ContentProps,
-    endIcon,
-    expandIcon,
-    disabled: disabledProp,
-    icon,
-    id: idProp,
-    label,
-    nodeId,
-    onClick,
-    onMouseDown,
-    TransitionComponent = _Collapse.default,
-    TransitionProps,
-    ...other
-  } = props;
+      children,
+      className,
+      collapseIcon,
+      ContentComponent = _TreeItemContent.default,
+      ContentProps,
+      endIcon,
+      expandIcon,
+      disabled: disabledProp,
+      icon,
+      id: idProp,
+      label,
+      nodeId,
+      onClick,
+      onMouseDown,
+      TransitionComponent = _Collapse.default,
+      TransitionProps
+    } = props,
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const {
     icons: contextIcons = {},
     focus,
@@ -182,13 +184,12 @@ const TreeItem = /*#__PURE__*/React.forwardRef(function TreeItem(inProps, ref) {
   const focused = isFocused ? isFocused(nodeId) : false;
   const selected = isSelected ? isSelected(nodeId) : false;
   const disabled = isDisabled ? isDisabled(nodeId) : false;
-  const ownerState = {
-    ...props,
+  const ownerState = (0, _extends2.default)({}, props, {
     expanded,
     focused,
     selected,
     disabled
-  };
+  });
   const classes = useUtilityClasses(ownerState);
   let displayIcon;
   let expansionIcon;
@@ -260,7 +261,7 @@ const TreeItem = /*#__PURE__*/React.forwardRef(function TreeItem(inProps, ref) {
       focus(event, nodeId);
     }
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(TreeItemRoot, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(TreeItemRoot, (0, _extends2.default)({
     className: (0, _clsx.default)(classes.root, className),
     role: "treeitem",
     "aria-expanded": expandable ? expanded : null,
@@ -268,11 +269,11 @@ const TreeItem = /*#__PURE__*/React.forwardRef(function TreeItem(inProps, ref) {
     "aria-disabled": disabled || null,
     ref: handleRef,
     id: id,
-    tabIndex: -1,
-    ...other,
+    tabIndex: -1
+  }, other, {
     ownerState: ownerState,
     onFocus: handleFocus,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(StyledTreeItemContent, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(StyledTreeItemContent, (0, _extends2.default)({
       as: ContentComponent,
       ref: contentRef,
       classes: {
@@ -291,22 +292,21 @@ const TreeItem = /*#__PURE__*/React.forwardRef(function TreeItem(inProps, ref) {
       icon: icon,
       expansionIcon: expansionIcon,
       displayIcon: displayIcon,
-      ownerState: ownerState,
-      ...ContentProps
-    }), children && /*#__PURE__*/(0, _jsxRuntime.jsx)(_descendants.DescendantProvider, {
+      ownerState: ownerState
+    }, ContentProps)), children && /*#__PURE__*/(0, _jsxRuntime.jsx)(_descendants.DescendantProvider, {
       id: nodeId,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(TreeItemGroup, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(TreeItemGroup, (0, _extends2.default)({
         as: TransitionComponent,
         unmountOnExit: true,
         className: classes.group,
         in: expanded,
         component: "ul",
-        role: "group",
-        ...TransitionProps,
+        role: "group"
+      }, TransitionProps, {
         children: children
-      })
+      }))
     })]
-  });
+  }));
 });
 process.env.NODE_ENV !== "production" ? TreeItem.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------

package/node/TreeItem/TreeItemContent.js

@@ -5,28 +5,32 @@ 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"));
 var _useTreeItem = _interopRequireDefault(require("./useTreeItem"));
 var _jsxRuntime = require("react/jsx-runtime");
-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 _excluded = ["classes", "className", "displayIcon", "expansionIcon", "icon", "label", "nodeId", "onClick", "onMouseDown"];
 /**
  * @ignore - internal component.
- */const TreeItemContent = /*#__PURE__*/React.forwardRef(function TreeItemContent(props, ref) {
+ */
+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 TreeItemContent = /*#__PURE__*/React.forwardRef(function TreeItemContent(props, ref) {
   const {
-    classes,
-    className,
-    displayIcon,
-    expansionIcon,
-    icon: iconProp,
-    label,
-    nodeId,
-    onClick,
-    onMouseDown,
-    ...other
-  } = props;
+      classes,
+      className,
+      displayIcon,
+      expansionIcon,
+      icon: iconProp,
+      label,
+      nodeId,
+      onClick,
+      onMouseDown
+    } = props,
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const {
     disabled,
     expanded,
@@ -53,12 +57,12 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
   return (
     /*#__PURE__*/
     /* eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions -- Key event is handled by the TreeView */
-    (0, _jsxRuntime.jsxs)("div", {
+    (0, _jsxRuntime.jsxs)("div", (0, _extends2.default)({
       className: (0, _clsx.default)(className, classes.root, expanded && classes.expanded, selected && classes.selected, focused && classes.focused, disabled && classes.disabled),
       onClick: handleClick,
       onMouseDown: handleMouseDown,
-      ref: ref,
-      ...other,
+      ref: ref
+    }, other, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: classes.iconContainer,
         children: icon
@@ -66,7 +70,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
         className: classes.label,
         children: label
       })]
-    })
+    }))
   );
 });
 process.env.NODE_ENV !== "production" ? TreeItemContent.propTypes = {

package/node/TreeView/TreeView.js

@@ -5,6 +5,8 @@ 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"));
@@ -15,6 +17,7 @@ var _TreeViewContext = _interopRequireDefault(require("./TreeViewContext"));
 var _descendants = require("./descendants");
 var _treeViewClasses = require("./treeViewClasses");
 var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["children", "className", "defaultCollapseIcon", "defaultEndIcon", "defaultExpanded", "defaultExpandIcon", "defaultParentIcon", "defaultSelected", "disabledItemsFocusable", "disableSelection", "expanded", "id", "multiSelect", "onBlur", "onFocus", "onKeyDown", "onNodeFocus", "onNodeSelect", "onNodeToggle", "selected"];
 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 => {
@@ -58,38 +61,37 @@ const TreeView = /*#__PURE__*/React.forwardRef(function TreeView(inProps, ref) {
     name: 'MuiTreeView'
   });
   const {
-    children,
-    className,
-    defaultCollapseIcon,
-    defaultEndIcon,
-    defaultExpanded = defaultDefaultExpanded,
-    defaultExpandIcon,
-    defaultParentIcon,
-    defaultSelected = defaultDefaultSelected,
-    disabledItemsFocusable = false,
-    disableSelection = false,
-    expanded: expandedProp,
-    id: idProp,
-    multiSelect = false,
-    onBlur,
-    onFocus,
-    onKeyDown,
-    onNodeFocus,
-    onNodeSelect,
-    onNodeToggle,
-    selected: selectedProp,
-    ...other
-  } = props;
+      children,
+      className,
+      defaultCollapseIcon,
+      defaultEndIcon,
+      defaultExpanded = defaultDefaultExpanded,
+      defaultExpandIcon,
+      defaultParentIcon,
+      defaultSelected = defaultDefaultSelected,
+      disabledItemsFocusable = false,
+      disableSelection = false,
+      expanded: expandedProp,
+      id: idProp,
+      multiSelect = false,
+      onBlur,
+      onFocus,
+      onKeyDown,
+      onNodeFocus,
+      onNodeSelect,
+      onNodeToggle,
+      selected: selectedProp
+    } = props,
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const theme = (0, _styles.useTheme)();
   const isRtl = theme.direction === 'rtl';
-  const ownerState = {
-    ...props,
+  const ownerState = (0, _extends2.default)({}, props, {
     defaultExpanded,
     defaultSelected,
     disabledItemsFocusable,
     disableSelection,
     multiSelect
-  };
+  });
   const classes = useUtilityClasses(ownerState);
   const treeId = (0, _utils.unstable_useId)(idProp);
   const treeRef = React.useRef(null);
@@ -522,9 +524,7 @@ const TreeView = /*#__PURE__*/React.forwardRef(function TreeView(inProps, ref) {
     };
   }, []);
   const unregisterNode = React.useCallback(id => {
-    const newMap = {
-      ...nodeMap.current
-    };
+    const newMap = (0, _extends2.default)({}, nodeMap.current);
     delete newMap[id];
     nodeMap.current = newMap;
     setFocusedNodeId(oldFocusedNodeId => {
@@ -538,9 +538,7 @@ const TreeView = /*#__PURE__*/React.forwardRef(function TreeView(inProps, ref) {
     firstCharMap.current[id] = firstChar;
   }, []);
   const unMapFirstChar = React.useCallback(id => {
-    const newMap = {
-      ...firstCharMap.current
-    };
+    const newMap = (0, _extends2.default)({}, firstCharMap.current);
     delete newMap[id];
     firstCharMap.current = newMap;
   }, []);
@@ -716,7 +714,7 @@ const TreeView = /*#__PURE__*/React.forwardRef(function TreeView(inProps, ref) {
       treeId
     },
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_descendants.DescendantProvider, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(TreeViewRoot, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(TreeViewRoot, (0, _extends2.default)({
         role: "tree",
         id: treeId,
         "aria-activedescendant": activeDescendant,
@@ -727,10 +725,10 @@ const TreeView = /*#__PURE__*/React.forwardRef(function TreeView(inProps, ref) {
         onKeyDown: handleKeyDown,
         onFocus: handleFocus,
         onBlur: handleBlur,
-        ownerState: ownerState,
-        ...other,
+        ownerState: ownerState
+      }, other, {
         children: children
-      })
+      }))
     })
   });
 });

package/node/TreeView/descendants.js

@@ -6,17 +6,19 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.DescendantProvider = DescendantProvider;
 exports.useDescendant = useDescendant;
+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 _utils = require("@mui/material/utils");
 var _jsxRuntime = require("react/jsx-runtime");
-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 _excluded = ["element"];
 /** Credit: https://github.com/reach/reach-ui/blob/86a046f54d53b6420e392b3fa56dd991d9d4e458/packages/descendants/README.md
  *  Modified slightly to suit our purposes.
  */
-
 // To replace with .findIndex() once we stop IE11 support.
+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; }
 function findIndex(array, comp) {
   for (let i = 0; i < array.length; i += 1) {
     if (comp(array[i])) {
@@ -104,10 +106,9 @@ function useDescendant(descendant) {
   // Prevent any flashing
   (0, _utils.unstable_useEnhancedEffect)(() => {
     if (descendant.element) {
-      registerDescendant({
-        ...descendant,
+      registerDescendant((0, _extends2.default)({}, descendant, {
         index
-      });
+      }));
       return () => {
         unregisterDescendant(descendant.element);
       };
@@ -126,19 +127,19 @@ function DescendantProvider(props) {
     id
   } = props;
   const [items, set] = React.useState([]);
-  const registerDescendant = React.useCallback(({
-    element,
-    ...other
-  }) => {
+  const registerDescendant = React.useCallback(_ref => {
+    let {
+        element
+      } = _ref,
+      other = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
     set(oldItems => {
       let newItems;
       if (oldItems.length === 0) {
         // If there are no items, register at index 0 and bail.
-        return [{
-          ...other,
+        return [(0, _extends2.default)({}, other, {
           element,
           index: 0
-        }];
+        })];
       }
       const index = binaryFindElement(oldItems, element);
       if (oldItems[index] && oldItems[index].element === element) {
@@ -158,11 +159,10 @@ function DescendantProvider(props) {
         // we should be sure that this index is accurate when descendent
         // elements come or go from our component.
 
-        const newItem = {
-          ...other,
+        const newItem = (0, _extends2.default)({}, other, {
           element,
           index
-        };
+        });
 
         // If an index is not found we will push the element to the end.
         newItems = oldItems.slice();

package/node/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/lab v5.0.0-alpha.130
+ * @mui/lab v5.0.0-alpha.131
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/lab",
-  "version": "5.0.0-alpha.130",
+  "version": "5.0.0-alpha.131",
   "private": false,
   "author": "MUI Team",
   "description": "Laboratory for new MUI modules.",
@@ -48,8 +48,8 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.21.0",
-    "@mui/base": "5.0.0-beta.1",
-    "@mui/system": "^5.13.1",
+    "@mui/base": "5.0.0-beta.2",
+    "@mui/system": "^5.13.2",
     "@mui/types": "^7.2.4",
     "@mui/utils": "^5.13.1",
     "clsx": "^1.2.1",