@mui/material 5.15.13 → 6.0.0-alpha.0

package/legacy/Divider/Divider.js

@@ -1,16 +1,16 @@
 'use client';
 
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import composeClasses from '@mui/utils/composeClasses';
 import { alpha } from '@mui/system/colorManipulator';
-import styled from '../styles/styled';
-import useThemeProps from '../styles/useThemeProps';
+import { styled, createUseThemeProps } from '../zero-styled';
 import { getDividerUtilityClass } from './dividerClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
+var useThemeProps = createUseThemeProps('MuiDivider');
 var useUtilityClasses = function useUtilityClasses(ownerState) {
   var absolute = ownerState.absolute,
     children = ownerState.children,
@@ -34,87 +34,140 @@ var DividerRoot = styled('div', {
     return [styles.root, ownerState.absolute && styles.absolute, styles[ownerState.variant], ownerState.light && styles.light, ownerState.orientation === 'vertical' && styles.vertical, ownerState.flexItem && styles.flexItem, ownerState.children && styles.withChildren, ownerState.children && ownerState.orientation === 'vertical' && styles.withChildrenVertical, ownerState.textAlign === 'right' && ownerState.orientation !== 'vertical' && styles.textAlignRight, ownerState.textAlign === 'left' && ownerState.orientation !== 'vertical' && styles.textAlignLeft];
   }
 })(function (_ref) {
-  var theme = _ref.theme,
-    ownerState = _ref.ownerState;
-  return _extends({
+  var theme = _ref.theme;
+  return {
     margin: 0,
     // Reset browser default style.
     flexShrink: 0,
     borderWidth: 0,
     borderStyle: 'solid',
     borderColor: (theme.vars || theme).palette.divider,
-    borderBottomWidth: 'thin'
-  }, ownerState.absolute && {
-    position: 'absolute',
-    bottom: 0,
-    left: 0,
-    width: '100%'
-  }, ownerState.light && {
-    borderColor: theme.vars ? "rgba(".concat(theme.vars.palette.dividerChannel, " / 0.08)") : alpha(theme.palette.divider, 0.08)
-  }, ownerState.variant === 'inset' && {
-    marginLeft: 72
-  }, ownerState.variant === 'middle' && ownerState.orientation === 'horizontal' && {
-    marginLeft: theme.spacing(2),
-    marginRight: theme.spacing(2)
-  }, ownerState.variant === 'middle' && ownerState.orientation === 'vertical' && {
-    marginTop: theme.spacing(1),
-    marginBottom: theme.spacing(1)
-  }, ownerState.orientation === 'vertical' && {
-    height: '100%',
-    borderBottomWidth: 0,
-    borderRightWidth: 'thin'
-  }, ownerState.flexItem && {
-    alignSelf: 'stretch',
-    height: 'auto'
-  });
-}, function (_ref2) {
-  var ownerState = _ref2.ownerState;
-  return _extends({}, ownerState.children && {
-    display: 'flex',
-    whiteSpace: 'nowrap',
-    textAlign: 'center',
-    border: 0,
-    '&::before, &::after': {
-      content: '""',
-      alignSelf: 'center'
-    }
-  });
-}, function (_ref3) {
-  var theme = _ref3.theme,
-    ownerState = _ref3.ownerState;
-  return _extends({}, ownerState.children && ownerState.orientation !== 'vertical' && {
-    '&::before, &::after': {
-      width: '100%',
-      borderTop: "thin solid ".concat((theme.vars || theme).palette.divider)
-    }
-  });
-}, function (_ref4) {
-  var theme = _ref4.theme,
-    ownerState = _ref4.ownerState;
-  return _extends({}, ownerState.children && ownerState.orientation === 'vertical' && {
-    flexDirection: 'column',
-    '&::before, &::after': {
-      height: '100%',
-      borderLeft: "thin solid ".concat((theme.vars || theme).palette.divider)
-    }
-  });
-}, function (_ref5) {
-  var ownerState = _ref5.ownerState;
-  return _extends({}, ownerState.textAlign === 'right' && ownerState.orientation !== 'vertical' && {
-    '&::before': {
-      width: '90%'
-    },
-    '&::after': {
-      width: '10%'
-    }
-  }, ownerState.textAlign === 'left' && ownerState.orientation !== 'vertical' && {
-    '&::before': {
-      width: '10%'
-    },
-    '&::after': {
-      width: '90%'
-    }
-  });
+    borderBottomWidth: 'thin',
+    variants: [{
+      props: {
+        absolute: true
+      },
+      style: {
+        position: 'absolute',
+        bottom: 0,
+        left: 0,
+        width: '100%'
+      }
+    }, {
+      props: {
+        light: true
+      },
+      style: {
+        borderColor: theme.vars ? "rgba(".concat(theme.vars.palette.dividerChannel, " / 0.08)") : alpha(theme.palette.divider, 0.08)
+      }
+    }, {
+      props: {
+        variant: 'inset'
+      },
+      style: {
+        marginLeft: 72
+      }
+    }, {
+      props: {
+        variant: 'middle',
+        orientation: 'horizontal'
+      },
+      style: {
+        marginLeft: theme.spacing(2),
+        marginRight: theme.spacing(2)
+      }
+    }, {
+      props: {
+        variant: 'middle',
+        orientation: 'vertical'
+      },
+      style: {
+        marginTop: theme.spacing(1),
+        marginBottom: theme.spacing(1)
+      }
+    }, {
+      props: {
+        orientation: 'vertical'
+      },
+      style: {
+        height: '100%',
+        borderBottomWidth: 0,
+        borderRightWidth: 'thin'
+      }
+    }, {
+      props: {
+        flexItem: true
+      },
+      style: {
+        alignSelf: 'stretch',
+        height: 'auto'
+      }
+    }, {
+      props: function props(_ref2) {
+        var ownerState = _ref2.ownerState;
+        return !!ownerState.children;
+      },
+      style: {
+        display: 'flex',
+        whiteSpace: 'nowrap',
+        textAlign: 'center',
+        border: 0,
+        '&::before, &::after': {
+          content: '""',
+          alignSelf: 'center'
+        }
+      }
+    }, {
+      props: function props(_ref3) {
+        var ownerState = _ref3.ownerState;
+        return ownerState.children && ownerState.orientation !== 'vertical';
+      },
+      style: {
+        '&::before, &::after': {
+          width: '100%',
+          borderTop: "thin solid ".concat((theme.vars || theme).palette.divider)
+        }
+      }
+    }, {
+      props: function props(_ref4) {
+        var ownerState = _ref4.ownerState;
+        return ownerState.orientation === 'vertical' && ownerState.children;
+      },
+      style: {
+        flexDirection: 'column',
+        '&::before, &::after': {
+          height: '100%',
+          borderLeft: "thin solid ".concat((theme.vars || theme).palette.divider)
+        }
+      }
+    }, {
+      props: function props(_ref5) {
+        var ownerState = _ref5.ownerState;
+        return ownerState.textAlign === 'right' && ownerState.orientation !== 'vertical';
+      },
+      style: {
+        '&::before': {
+          width: '90%'
+        },
+        '&::after': {
+          width: '10%'
+        }
+      }
+    }, {
+      props: function props(_ref6) {
+        var ownerState = _ref6.ownerState;
+        return ownerState.textAlign === 'left' && ownerState.orientation !== 'vertical';
+      },
+      style: {
+        '&::before': {
+          width: '10%'
+        },
+        '&::after': {
+          width: '90%'
+        }
+      }
+    }]
+  };
 });
 var DividerWrapper = styled('span', {
   name: 'MuiDivider',
@@ -123,17 +176,22 @@ var DividerWrapper = styled('span', {
     var ownerState = props.ownerState;
     return [styles.wrapper, ownerState.orientation === 'vertical' && styles.wrapperVertical];
   }
-})(function (_ref6) {
-  var theme = _ref6.theme,
-    ownerState = _ref6.ownerState;
-  return _extends({
+})(function (_ref7) {
+  var theme = _ref7.theme;
+  return {
     display: 'inline-block',
     paddingLeft: "calc(".concat(theme.spacing(1), " * 1.2)"),
-    paddingRight: "calc(".concat(theme.spacing(1), " * 1.2)")
-  }, ownerState.orientation === 'vertical' && {
-    paddingTop: "calc(".concat(theme.spacing(1), " * 1.2)"),
-    paddingBottom: "calc(".concat(theme.spacing(1), " * 1.2)")
-  });
+    paddingRight: "calc(".concat(theme.spacing(1), " * 1.2)"),
+    variants: [{
+      props: {
+        orientation: 'vertical'
+      },
+      style: {
+        paddingTop: "calc(".concat(theme.spacing(1), " * 1.2)"),
+        paddingBottom: "calc(".concat(theme.spacing(1), " * 1.2)")
+      }
+    }]
+  };
 });
 var Divider = /*#__PURE__*/React.forwardRef(function Divider(inProps, ref) {
   var props = useThemeProps({
@@ -189,7 +247,9 @@ var Divider = /*#__PURE__*/React.forwardRef(function Divider(inProps, ref) {
  * The following flag is used to ensure that this component isn't tabbable i.e.
  * does not get highlight/focus inside of MUI List.
  */
-Divider.muiSkipListHighlight = true;
+if (Divider) {
+  Divider.muiSkipListHighlight = true;
+}
 process.env.NODE_ENV !== "production" ? Divider.propTypes /* remove-proptypes */ = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │

package/legacy/FormControl/FormControl.js

@@ -6,14 +6,14 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import composeClasses from '@mui/utils/composeClasses';
-import useThemeProps from '../styles/useThemeProps';
-import styled from '../styles/styled';
+import { styled, createUseThemeProps } from '../zero-styled';
 import { isFilled, isAdornedStart } from '../InputBase/utils';
 import capitalize from '../utils/capitalize';
 import isMuiElement from '../utils/isMuiElement';
 import FormControlContext from './FormControlContext';
 import { getFormControlUtilityClasses } from './formControlClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
+var useThemeProps = createUseThemeProps('MuiFormControl');
 var useUtilityClasses = function useUtilityClasses(ownerState) {
   var classes = ownerState.classes,
     margin = ownerState.margin,
@@ -30,27 +30,41 @@ var FormControlRoot = styled('div', {
     var ownerState = _ref.ownerState;
     return _extends({}, styles.root, styles["margin".concat(capitalize(ownerState.margin))], ownerState.fullWidth && styles.fullWidth);
   }
-})(function (_ref2) {
-  var ownerState = _ref2.ownerState;
-  return _extends({
-    display: 'inline-flex',
-    flexDirection: 'column',
-    position: 'relative',
-    // Reset fieldset default style.
-    minWidth: 0,
-    padding: 0,
-    margin: 0,
-    border: 0,
-    verticalAlign: 'top'
-  }, ownerState.margin === 'normal' && {
-    marginTop: 16,
-    marginBottom: 8
-  }, ownerState.margin === 'dense' && {
-    marginTop: 8,
-    marginBottom: 4
-  }, ownerState.fullWidth && {
-    width: '100%'
-  });
+})({
+  display: 'inline-flex',
+  flexDirection: 'column',
+  position: 'relative',
+  // Reset fieldset default style.
+  minWidth: 0,
+  padding: 0,
+  margin: 0,
+  border: 0,
+  verticalAlign: 'top',
+  // Fix alignment issue on Safari.
+  variants: [{
+    props: {
+      margin: 'normal'
+    },
+    style: {
+      marginTop: 16,
+      marginBottom: 8
+    }
+  }, {
+    props: {
+      margin: 'dense'
+    },
+    style: {
+      marginTop: 8,
+      marginBottom: 4
+    }
+  }, {
+    props: {
+      fullWidth: true
+    },
+    style: {
+      width: '100%'
+    }
+  }]
 });
 
 /**

package/legacy/FormControlLabel/FormControlLabel.js

@@ -1,7 +1,7 @@
 'use client';
 
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import * as React from 'react';
 import PropTypes from 'prop-types';
@@ -9,15 +9,14 @@ import clsx from 'clsx';
 import refType from '@mui/utils/refType';
 import composeClasses from '@mui/utils/composeClasses';
 import { useFormControl } from '../FormControl';
+import { styled, createUseThemeProps } from '../zero-styled';
 import Stack from '../Stack';
 import Typography from '../Typography';
 import capitalize from '../utils/capitalize';
-import styled from '../styles/styled';
-import useThemeProps from '../styles/useThemeProps';
 import formControlLabelClasses, { getFormControlLabelUtilityClasses } from './formControlLabelClasses';
 import formControlState from '../FormControl/formControlState';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var useThemeProps = createUseThemeProps('MuiFormControlLabel');
 var useUtilityClasses = function useUtilityClasses(ownerState) {
   var classes = ownerState.classes,
     disabled = ownerState.disabled,
@@ -39,9 +38,8 @@ export var FormControlLabelRoot = styled('label', {
     return [_defineProperty({}, "& .".concat(formControlLabelClasses.label), styles.label), styles.root, styles["labelPlacement".concat(capitalize(ownerState.labelPlacement))]];
   }
 })(function (_ref2) {
-  var theme = _ref2.theme,
-    ownerState = _ref2.ownerState;
-  return _extends(_defineProperty({
+  var theme = _ref2.theme;
+  return _defineProperty(_defineProperty(_defineProperty({
     display: 'inline-flex',
     alignItems: 'center',
     cursor: 'pointer',
@@ -52,20 +50,39 @@ export var FormControlLabelRoot = styled('label', {
     marginRight: 16
   }, "&.".concat(formControlLabelClasses.disabled), {
     cursor: 'default'
-  }), ownerState.labelPlacement === 'start' && {
-    flexDirection: 'row-reverse',
-    marginLeft: 16,
-    // used for row presentation of radio/checkbox
-    marginRight: -11
-  }, ownerState.labelPlacement === 'top' && {
-    flexDirection: 'column-reverse',
-    marginLeft: 16
-  }, ownerState.labelPlacement === 'bottom' && {
-    flexDirection: 'column',
-    marginLeft: 16
-  }, _defineProperty({}, "& .".concat(formControlLabelClasses.label), _defineProperty({}, "&.".concat(formControlLabelClasses.disabled), {
+  }), "& .".concat(formControlLabelClasses.label), _defineProperty({}, "&.".concat(formControlLabelClasses.disabled), {
     color: (theme.vars || theme).palette.text.disabled
-  })));
+  })), "variants", [{
+    props: {
+      labelPlacement: 'start'
+    },
+    style: {
+      flexDirection: 'row-reverse',
+      marginRight: -11
+    }
+  }, {
+    props: {
+      labelPlacement: 'top'
+    },
+    style: {
+      flexDirection: 'column-reverse'
+    }
+  }, {
+    props: {
+      labelPlacement: 'bottom'
+    },
+    style: {
+      flexDirection: 'column'
+    }
+  }, {
+    props: function props(_ref3) {
+      var labelPlacement = _ref3.labelPlacement;
+      return labelPlacement === 'start' || labelPlacement === 'top' || labelPlacement === 'bottom';
+    },
+    style: {
+      marginLeft: 16 // used for row presentation of radio/checkbox
+    }
+  }]);
 });
 var AsteriskComponent = styled('span', {
   name: 'MuiFormControlLabel',
@@ -73,8 +90,8 @@ var AsteriskComponent = styled('span', {
   overridesResolver: function overridesResolver(props, styles) {
     return styles.asterisk;
   }
-})(function (_ref3) {
-  var theme = _ref3.theme;
+})(function (_ref5) {
+  var theme = _ref5.theme;
   return _defineProperty({}, "&.".concat(formControlLabelClasses.error), {
     color: (theme.vars || theme).palette.error.main
   });
@@ -85,7 +102,7 @@ var AsteriskComponent = styled('span', {
  * Use this component if you want to display an extra label.
  */
 var FormControlLabel = /*#__PURE__*/React.forwardRef(function FormControlLabel(inProps, ref) {
-  var _ref5, _slotProps$typography;
+  var _ref7, _slotProps$typography;
   var props = useThemeProps({
     props: inProps,
     name: 'MuiFormControlLabel'
@@ -109,7 +126,7 @@ var FormControlLabel = /*#__PURE__*/React.forwardRef(function FormControlLabel(i
     value = props.value,
     other = _objectWithoutProperties(props, ["checked", "className", "componentsProps", "control", "disabled", "disableTypography", "inputRef", "label", "labelPlacement", "name", "onChange", "required", "slotProps", "value"]);
   var muiFormControl = useFormControl();
-  var disabled = (_ref5 = disabledProp != null ? disabledProp : control.props.disabled) != null ? _ref5 : muiFormControl == null ? void 0 : muiFormControl.disabled;
+  var disabled = (_ref7 = disabledProp != null ? disabledProp : control.props.disabled) != null ? _ref7 : muiFormControl == null ? void 0 : muiFormControl.disabled;
   var required = requiredProp != null ? requiredProp : control.props.required;
   var controlProps = {
     disabled: disabled,

package/legacy/FormGroup/FormGroup.js

@@ -1,17 +1,17 @@
 'use client';
 
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import composeClasses from '@mui/utils/composeClasses';
-import styled from '../styles/styled';
-import useThemeProps from '../styles/useThemeProps';
+import { styled, createUseThemeProps } from '../zero-styled';
 import { getFormGroupUtilityClass } from './formGroupClasses';
 import useFormControl from '../FormControl/useFormControl';
 import formControlState from '../FormControl/formControlState';
 import { jsx as _jsx } from "react/jsx-runtime";
+var useThemeProps = createUseThemeProps('MuiFormGroup');
 var useUtilityClasses = function useUtilityClasses(ownerState) {
   var classes = ownerState.classes,
     row = ownerState.row,
@@ -28,15 +28,18 @@ var FormGroupRoot = styled('div', {
     var ownerState = props.ownerState;
     return [styles.root, ownerState.row && styles.row];
   }
-})(function (_ref) {
-  var ownerState = _ref.ownerState;
-  return _extends({
-    display: 'flex',
-    flexDirection: 'column',
-    flexWrap: 'wrap'
-  }, ownerState.row && {
-    flexDirection: 'row'
-  });
+})({
+  display: 'flex',
+  flexDirection: 'column',
+  flexWrap: 'wrap',
+  variants: [{
+    props: {
+      row: true
+    },
+    style: {
+      flexDirection: 'row'
+    }
+  }]
 });
 
 /**

package/legacy/Icon/Icon.js

@@ -102,7 +102,7 @@ process.env.NODE_ENV !== "production" ? Icon.propTypes /* remove-proptypes */ =
   // └─────────────────────────────────────────────────────────────────────┘
   /**
    * The base class applied to the icon. Defaults to 'material-icons', but can be changed to any
-   * other base class that suits the icon font you're using (e.g. material-icons-rounded, fas, etc).
+   * other base class that suits the icon font you're using (for example material-icons-rounded, fas, etc).
    * @default 'material-icons'
    */
   baseClassName: PropTypes.string,

package/legacy/ImageListItemBar/ImageListItemBar.js

@@ -10,8 +10,7 @@ import styled from '../styles/styled';
 import useThemeProps from '../styles/useThemeProps';
 import capitalize from '../utils/capitalize';
 import { getImageListItemBarUtilityClass } from './imageListItemBarClasses';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var useUtilityClasses = function useUtilityClasses(ownerState) {
   var classes = ownerState.classes,
     position = ownerState.position,

package/legacy/InputAdornment/InputAdornment.js

@@ -15,8 +15,7 @@ import useFormControl from '../FormControl/useFormControl';
 import styled from '../styles/styled';
 import inputAdornmentClasses, { getInputAdornmentUtilityClass } from './inputAdornmentClasses';
 import useThemeProps from '../styles/useThemeProps';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var overridesResolver = function overridesResolver(props, styles) {
   var ownerState = props.ownerState;
   return [styles.root, styles["position".concat(capitalize(ownerState.position))], ownerState.disablePointerEvents === true && styles.disablePointerEvents, styles[ownerState.variant]];

package/legacy/InputBase/InputBase.js

@@ -23,8 +23,7 @@ import useEnhancedEffect from '../utils/useEnhancedEffect';
 import GlobalStyles from '../GlobalStyles';
 import { isFilled } from './utils';
 import inputBaseClasses, { getInputBaseUtilityClass } from './inputBaseClasses';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export var rootOverridesResolver = function rootOverridesResolver(props, styles) {
   var ownerState = props.ownerState;
   return [styles.root, ownerState.formControl && styles.formControl, ownerState.startAdornment && styles.adornedStart, ownerState.endAdornment && styles.adornedEnd, ownerState.error && styles.error, ownerState.size === 'small' && styles.sizeSmall, ownerState.multiline && styles.multiline, ownerState.color && styles["color".concat(capitalize(ownerState.color))], ownerState.fullWidth && styles.fullWidth, ownerState.hiddenLabel && styles.hiddenLabel];

package/legacy/LinearProgress/LinearProgress.js

@@ -15,8 +15,7 @@ import capitalize from '../utils/capitalize';
 import styled from '../styles/styled';
 import useThemeProps from '../styles/useThemeProps';
 import { getLinearProgressUtilityClass } from './linearProgressClasses';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var TRANSITION_DURATION = 4; // seconds
 var indeterminate1Keyframe = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  0% {\n    left: -35%;\n    right: 100%;\n  }\n\n  60% {\n    left: 100%;\n    right: -90%;\n  }\n\n  100% {\n    left: 100%;\n    right: -90%;\n  }\n"])));
 var indeterminate2Keyframe = keyframes(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  0% {\n    left: -200%;\n    right: 100%;\n  }\n\n  60% {\n    left: 107%;\n    right: -8%;\n  }\n\n  100% {\n    left: 107%;\n    right: -8%;\n  }\n"])));

package/legacy/List/List.js

@@ -10,8 +10,7 @@ import styled from '../styles/styled';
 import useThemeProps from '../styles/useThemeProps';
 import ListContext from './ListContext';
 import { getListUtilityClass } from './listClasses';
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 var useUtilityClasses = function useUtilityClasses(ownerState) {
   var classes = ownerState.classes,
     disablePadding = ownerState.disablePadding,

package/legacy/ListItem/ListItem.js

@@ -21,8 +21,7 @@ import ListContext from '../List/ListContext';
 import listItemClasses, { getListItemUtilityClass } from './listItemClasses';
 import { listItemButtonClasses } from '../ListItemButton';
 import ListItemSecondaryAction from '../ListItemSecondaryAction';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export var overridesResolver = function overridesResolver(props, styles) {
   var ownerState = props.ownerState;
   return [styles.root, ownerState.dense && styles.dense, ownerState.alignItems === 'flex-start' && styles.alignItemsFlexStart, ownerState.divider && styles.divider, !ownerState.disableGutters && styles.gutters, !ownerState.disablePadding && styles.padding, ownerState.button && styles.button, ownerState.hasSecondaryAction && styles.secondaryAction];

package/legacy/ListItemText/ListItemText.js

@@ -12,8 +12,7 @@ import ListContext from '../List/ListContext';
 import useThemeProps from '../styles/useThemeProps';
 import styled from '../styles/styled';
 import listItemTextClasses, { getListItemTextUtilityClass } from './listItemTextClasses';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var useUtilityClasses = function useUtilityClasses(ownerState) {
   var classes = ownerState.classes,
     inset = ownerState.inset,