@mui/material 5.10.17 → 5.11.1

package/ListItem/ListItem.js

@@ -1,40 +1,31 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.overridesResolver = exports.default = exports.ListItemRoot = 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"));
-var _base = require("@mui/base");
-var _utils = require("@mui/utils");
-var _system = require("@mui/system");
-var _styled = _interopRequireDefault(require("../styles/styled"));
-var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
-var _ButtonBase = _interopRequireDefault(require("../ButtonBase"));
-var _isMuiElement = _interopRequireDefault(require("../utils/isMuiElement"));
-var _useEnhancedEffect = _interopRequireDefault(require("../utils/useEnhancedEffect"));
-var _useForkRef = _interopRequireDefault(require("../utils/useForkRef"));
-var _ListContext = _interopRequireDefault(require("../List/ListContext"));
-var _listItemClasses = _interopRequireWildcard(require("./listItemClasses"));
-var _ListItemButton = require("../ListItemButton");
-var _ListItemSecondaryAction = _interopRequireDefault(require("../ListItemSecondaryAction"));
-var _jsxRuntime = require("react/jsx-runtime");
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/esm/extends";
 const _excluded = ["className"],
   _excluded2 = ["alignItems", "autoFocus", "button", "children", "className", "component", "components", "componentsProps", "ContainerComponent", "ContainerProps", "dense", "disabled", "disableGutters", "disablePadding", "divider", "focusVisibleClassName", "secondaryAction", "selected", "slotProps", "slots"];
-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 overridesResolver = (props, styles) => {
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import clsx from 'clsx';
+import { unstable_composeClasses as composeClasses, isHostComponent } from '@mui/base';
+import { chainPropTypes, elementTypeAcceptingRef } from '@mui/utils';
+import { alpha } from '@mui/system';
+import styled from '../styles/styled';
+import useThemeProps from '../styles/useThemeProps';
+import ButtonBase from '../ButtonBase';
+import isMuiElement from '../utils/isMuiElement';
+import useEnhancedEffect from '../utils/useEnhancedEffect';
+import useForkRef from '../utils/useForkRef';
+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";
+export const overridesResolver = (props, styles) => {
   const {
     ownerState
   } = props;
   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];
 };
-exports.overridesResolver = overridesResolver;
 const useUtilityClasses = ownerState => {
   const {
     alignItems,
@@ -52,16 +43,16 @@ const useUtilityClasses = ownerState => {
     root: ['root', dense && 'dense', !disableGutters && 'gutters', !disablePadding && 'padding', divider && 'divider', disabled && 'disabled', button && 'button', alignItems === 'flex-start' && 'alignItemsFlexStart', hasSecondaryAction && 'secondaryAction', selected && 'selected'],
     container: ['container']
   };
-  return (0, _base.unstable_composeClasses)(slots, _listItemClasses.getListItemUtilityClass, classes);
+  return composeClasses(slots, getListItemUtilityClass, classes);
 };
-const ListItemRoot = (0, _styled.default)('div', {
+export const ListItemRoot = styled('div', {
   name: 'MuiListItem',
   slot: 'Root',
   overridesResolver
 })(({
   theme,
   ownerState
-}) => (0, _extends2.default)({
+}) => _extends({
   display: 'flex',
   justifyContent: 'flex-start',
   alignItems: 'center',
@@ -70,7 +61,7 @@ const ListItemRoot = (0, _styled.default)('div', {
   width: '100%',
   boxSizing: 'border-box',
   textAlign: 'left'
-}, !ownerState.disablePadding && (0, _extends2.default)({
+}, !ownerState.disablePadding && _extends({
   paddingTop: 8,
   paddingBottom: 8
 }, ownerState.dense && {
@@ -84,20 +75,20 @@ const ListItemRoot = (0, _styled.default)('div', {
   // is absolutely positioned.
   paddingRight: 48
 }), !!ownerState.secondaryAction && {
-  [`& > .${_ListItemButton.listItemButtonClasses.root}`]: {
+  [`& > .${listItemButtonClasses.root}`]: {
     paddingRight: 48
   }
 }, {
-  [`&.${_listItemClasses.default.focusVisible}`]: {
+  [`&.${listItemClasses.focusVisible}`]: {
     backgroundColor: (theme.vars || theme).palette.action.focus
   },
-  [`&.${_listItemClasses.default.selected}`]: {
-    backgroundColor: theme.vars ? `rgba(${theme.vars.palette.primary.mainChannel} / ${theme.vars.palette.action.selectedOpacity})` : (0, _system.alpha)(theme.palette.primary.main, theme.palette.action.selectedOpacity),
-    [`&.${_listItemClasses.default.focusVisible}`]: {
-      backgroundColor: theme.vars ? `rgba(${theme.vars.palette.primary.mainChannel} / calc(${theme.vars.palette.action.selectedOpacity} + ${theme.vars.palette.action.focusOpacity}))` : (0, _system.alpha)(theme.palette.primary.main, theme.palette.action.selectedOpacity + theme.palette.action.focusOpacity)
+  [`&.${listItemClasses.selected}`]: {
+    backgroundColor: theme.vars ? `rgba(${theme.vars.palette.primary.mainChannel} / ${theme.vars.palette.action.selectedOpacity})` : alpha(theme.palette.primary.main, theme.palette.action.selectedOpacity),
+    [`&.${listItemClasses.focusVisible}`]: {
+      backgroundColor: theme.vars ? `rgba(${theme.vars.palette.primary.mainChannel} / calc(${theme.vars.palette.action.selectedOpacity} + ${theme.vars.palette.action.focusOpacity}))` : alpha(theme.palette.primary.main, theme.palette.action.selectedOpacity + theme.palette.action.focusOpacity)
     }
   },
-  [`&.${_listItemClasses.default.disabled}`]: {
+  [`&.${listItemClasses.disabled}`]: {
     opacity: (theme.vars || theme).palette.action.disabledOpacity
   }
 }, ownerState.alignItems === 'flex-start' && {
@@ -117,11 +108,11 @@ const ListItemRoot = (0, _styled.default)('div', {
       backgroundColor: 'transparent'
     }
   },
-  [`&.${_listItemClasses.default.selected}:hover`]: {
-    backgroundColor: theme.vars ? `rgba(${theme.vars.palette.primary.mainChannel} / calc(${theme.vars.palette.action.selectedOpacity} + ${theme.vars.palette.action.hoverOpacity}))` : (0, _system.alpha)(theme.palette.primary.main, theme.palette.action.selectedOpacity + theme.palette.action.hoverOpacity),
+  [`&.${listItemClasses.selected}:hover`]: {
+    backgroundColor: theme.vars ? `rgba(${theme.vars.palette.primary.mainChannel} / calc(${theme.vars.palette.action.selectedOpacity} + ${theme.vars.palette.action.hoverOpacity}))` : alpha(theme.palette.primary.main, theme.palette.action.selectedOpacity + theme.palette.action.hoverOpacity),
     // Reset on touch devices, it doesn't add specificity
     '@media (hover: none)': {
-      backgroundColor: theme.vars ? `rgba(${theme.vars.palette.primary.mainChannel} / ${theme.vars.palette.action.selectedOpacity})` : (0, _system.alpha)(theme.palette.primary.main, theme.palette.action.selectedOpacity)
+      backgroundColor: theme.vars ? `rgba(${theme.vars.palette.primary.mainChannel} / ${theme.vars.palette.action.selectedOpacity})` : alpha(theme.palette.primary.main, theme.palette.action.selectedOpacity)
     }
   }
 }, ownerState.hasSecondaryAction && {
@@ -129,8 +120,7 @@ const ListItemRoot = (0, _styled.default)('div', {
   // is absolutely positioned.
   paddingRight: 48
 }));
-exports.ListItemRoot = ListItemRoot;
-const ListItemContainer = (0, _styled.default)('li', {
+const ListItemContainer = styled('li', {
   name: 'MuiListItem',
   slot: 'Container',
   overridesResolver: (props, styles) => styles.container
@@ -142,7 +132,7 @@ const ListItemContainer = (0, _styled.default)('li', {
  * Uses an additional container component if `ListItemSecondaryAction` is the last child.
  */
 const ListItem = /*#__PURE__*/React.forwardRef(function ListItem(inProps, ref) {
-  const props = (0, _useThemeProps.default)({
+  const props = useThemeProps({
     props: inProps,
     name: 'MuiListItem'
   });
@@ -170,16 +160,16 @@ const ListItem = /*#__PURE__*/React.forwardRef(function ListItem(inProps, ref) {
       slotProps = {},
       slots = {}
     } = props,
-    ContainerProps = (0, _objectWithoutPropertiesLoose2.default)(props.ContainerProps, _excluded),
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded2);
-  const context = React.useContext(_ListContext.default);
+    ContainerProps = _objectWithoutPropertiesLoose(props.ContainerProps, _excluded),
+    other = _objectWithoutPropertiesLoose(props, _excluded2);
+  const context = React.useContext(ListContext);
   const childContext = React.useMemo(() => ({
     dense: dense || context.dense || false,
     alignItems,
     disableGutters
   }), [alignItems, context.dense, dense, disableGutters]);
   const listItemRef = React.useRef(null);
-  (0, _useEnhancedEffect.default)(() => {
+  useEnhancedEffect(() => {
     if (autoFocus) {
       if (listItemRef.current) {
         listItemRef.current.focus();
@@ -191,8 +181,8 @@ const ListItem = /*#__PURE__*/React.forwardRef(function ListItem(inProps, ref) {
   const children = React.Children.toArray(childrenProp);
 
   // v4 implementation, deprecated in v5, will be removed in v6
-  const hasSecondaryAction = children.length && (0, _isMuiElement.default)(children[children.length - 1], ['ListItemSecondaryAction']);
-  const ownerState = (0, _extends2.default)({}, props, {
+  const hasSecondaryAction = children.length && isMuiElement(children[children.length - 1], ['ListItemSecondaryAction']);
+  const ownerState = _extends({}, props, {
     alignItems,
     autoFocus,
     button,
@@ -205,18 +195,18 @@ const ListItem = /*#__PURE__*/React.forwardRef(function ListItem(inProps, ref) {
     selected
   });
   const classes = useUtilityClasses(ownerState);
-  const handleRef = (0, _useForkRef.default)(listItemRef, ref);
+  const handleRef = useForkRef(listItemRef, ref);
   const Root = slots.root || components.Root || ListItemRoot;
   const rootProps = slotProps.root || componentsProps.root || {};
-  const componentProps = (0, _extends2.default)({
-    className: (0, _clsx.default)(classes.root, rootProps.className, className),
+  const componentProps = _extends({
+    className: clsx(classes.root, rootProps.className, className),
     disabled
   }, other);
   let Component = componentProp || 'li';
   if (button) {
     componentProps.component = componentProp || 'div';
-    componentProps.focusVisibleClassName = (0, _clsx.default)(_listItemClasses.default.focusVisible, focusVisibleClassName);
-    Component = _ButtonBase.default;
+    componentProps.focusVisibleClassName = clsx(listItemClasses.focusVisible, focusVisibleClassName);
+    Component = ButtonBase;
   }
 
   // v4 implementation, deprecated in v5, will be removed in v6
@@ -232,32 +222,32 @@ const ListItem = /*#__PURE__*/React.forwardRef(function ListItem(inProps, ref) {
         componentProps.component = 'div';
       }
     }
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ListContext.default.Provider, {
+    return /*#__PURE__*/_jsx(ListContext.Provider, {
       value: childContext,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(ListItemContainer, (0, _extends2.default)({
+      children: /*#__PURE__*/_jsxs(ListItemContainer, _extends({
         as: ContainerComponent,
-        className: (0, _clsx.default)(classes.container, ContainerClassName),
+        className: clsx(classes.container, ContainerClassName),
         ref: handleRef,
         ownerState: ownerState
       }, ContainerProps, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Root, (0, _extends2.default)({}, rootProps, !(0, _base.isHostComponent)(Root) && {
+        children: [/*#__PURE__*/_jsx(Root, _extends({}, rootProps, !isHostComponent(Root) && {
           as: Component,
-          ownerState: (0, _extends2.default)({}, ownerState, rootProps.ownerState)
+          ownerState: _extends({}, ownerState, rootProps.ownerState)
         }, componentProps, {
           children: children
         })), children.pop()]
       }))
     });
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ListContext.default.Provider, {
+  return /*#__PURE__*/_jsx(ListContext.Provider, {
     value: childContext,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(Root, (0, _extends2.default)({}, rootProps, {
+    children: /*#__PURE__*/_jsxs(Root, _extends({}, rootProps, {
       as: Component,
       ref: handleRef
-    }, !(0, _base.isHostComponent)(Root) && {
-      ownerState: (0, _extends2.default)({}, ownerState, rootProps.ownerState)
+    }, !isHostComponent(Root) && {
+      ownerState: _extends({}, ownerState, rootProps.ownerState)
     }, componentProps, {
-      children: [children, secondaryAction && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItemSecondaryAction.default, {
+      children: [children, secondaryAction && /*#__PURE__*/_jsx(ListItemSecondaryAction, {
         children: secondaryAction
       })]
     }))
@@ -272,33 +262,33 @@ process.env.NODE_ENV !== "production" ? ListItem.propTypes /* remove-proptypes *
    * Defines the `align-items` style property.
    * @default 'center'
    */
-  alignItems: _propTypes.default.oneOf(['center', 'flex-start']),
+  alignItems: PropTypes.oneOf(['center', 'flex-start']),
   /**
    * If `true`, the list item is focused during the first mount.
    * Focus will also be triggered if the value changes from false to true.
    * @default false
    * @deprecated checkout [ListItemButton](/material-ui/api/list-item-button/) instead
    */
-  autoFocus: _propTypes.default.bool,
+  autoFocus: PropTypes.bool,
   /**
    * If `true`, the list item is a button (using `ButtonBase`). Props intended
    * for `ButtonBase` can then be applied to `ListItem`.
    * @default false
    * @deprecated checkout [ListItemButton](/material-ui/api/list-item-button/) instead
    */
-  button: _propTypes.default.bool,
+  button: PropTypes.bool,
   /**
    * The content of the component if a `ListItemSecondaryAction` is used it must
    * be the last child.
    */
-  children: (0, _utils.chainPropTypes)(_propTypes.default.node, props => {
+  children: chainPropTypes(PropTypes.node, props => {
     const children = React.Children.toArray(props.children);
 
     // React.Children.toArray(props.children).findLastIndex(isListItemSecondaryAction)
     let secondaryActionIndex = -1;
     for (let i = children.length - 1; i >= 0; i -= 1) {
       const child = children[i];
-      if ((0, _isMuiElement.default)(child, ['ListItemSecondaryAction'])) {
+      if (isMuiElement(child, ['ListItemSecondaryAction'])) {
         secondaryActionIndex = i;
         break;
       }
@@ -313,16 +303,16 @@ process.env.NODE_ENV !== "production" ? ListItem.propTypes /* remove-proptypes *
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: _propTypes.default.object,
+  classes: PropTypes.object,
   /**
    * @ignore
    */
-  className: _propTypes.default.string,
+  className: PropTypes.string,
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
-  component: _propTypes.default.elementType,
+  component: PropTypes.elementType,
   /**
    * The components used for each slot inside.
    *
@@ -331,8 +321,8 @@ process.env.NODE_ENV !== "production" ? ListItem.propTypes /* remove-proptypes *
    *
    * @default {}
    */
-  components: _propTypes.default.shape({
-    Root: _propTypes.default.elementType
+  components: PropTypes.shape({
+    Root: PropTypes.elementType
   }),
   /**
    * The extra props for the slot components.
@@ -343,62 +333,62 @@ process.env.NODE_ENV !== "production" ? ListItem.propTypes /* remove-proptypes *
    *
    * @default {}
    */
-  componentsProps: _propTypes.default.shape({
-    root: _propTypes.default.object
+  componentsProps: PropTypes.shape({
+    root: PropTypes.object
   }),
   /**
    * The container component used when a `ListItemSecondaryAction` is the last child.
    * @default 'li'
    * @deprecated
    */
-  ContainerComponent: _utils.elementTypeAcceptingRef,
+  ContainerComponent: elementTypeAcceptingRef,
   /**
    * Props applied to the container component if used.
    * @default {}
    * @deprecated
    */
-  ContainerProps: _propTypes.default.object,
+  ContainerProps: PropTypes.object,
   /**
    * If `true`, compact vertical padding designed for keyboard and mouse input is used.
    * The prop defaults to the value inherited from the parent List component.
    * @default false
    */
-  dense: _propTypes.default.bool,
+  dense: PropTypes.bool,
   /**
    * If `true`, the component is disabled.
    * @default false
    * @deprecated checkout [ListItemButton](/material-ui/api/list-item-button/) instead
    */
-  disabled: _propTypes.default.bool,
+  disabled: PropTypes.bool,
   /**
    * If `true`, the left and right padding is removed.
    * @default false
    */
-  disableGutters: _propTypes.default.bool,
+  disableGutters: PropTypes.bool,
   /**
    * If `true`, all padding is removed.
    * @default false
    */
-  disablePadding: _propTypes.default.bool,
+  disablePadding: PropTypes.bool,
   /**
    * If `true`, a 1px light border is added to the bottom of the list item.
    * @default false
    */
-  divider: _propTypes.default.bool,
+  divider: PropTypes.bool,
   /**
    * @ignore
    */
-  focusVisibleClassName: _propTypes.default.string,
+  focusVisibleClassName: PropTypes.string,
   /**
    * The element to display at the end of ListItem.
    */
-  secondaryAction: _propTypes.default.node,
+  secondaryAction: PropTypes.node,
   /**
    * Use to apply selected styling.
    * @default false
    * @deprecated checkout [ListItemButton](/material-ui/api/list-item-button/) instead
    */
-  selected: _propTypes.default.bool,
+  selected: PropTypes.bool,
   /**
    * The extra props for the slot components.
    * You can override the existing props or add new ones.
@@ -407,8 +397,8 @@ process.env.NODE_ENV !== "production" ? ListItem.propTypes /* remove-proptypes *
    *
    * @default {}
    */
-  slotProps: _propTypes.default.shape({
-    root: _propTypes.default.object
+  slotProps: PropTypes.shape({
+    root: PropTypes.object
   }),
   /**
    * The components used for each slot inside.
@@ -417,13 +407,12 @@ process.env.NODE_ENV !== "production" ? ListItem.propTypes /* remove-proptypes *
    *
    * @default {}
    */
-  slots: _propTypes.default.shape({
-    root: _propTypes.default.elementType
+  slots: PropTypes.shape({
+    root: PropTypes.elementType
   }),
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object])
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
 } : void 0;
-var _default = ListItem;
-exports.default = _default;
+export default ListItem;

package/ListItem/index.js

@@ -1,36 +1,3 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {
-  listItemClasses: true
-};
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _ListItem.default;
-  }
-});
-Object.defineProperty(exports, "listItemClasses", {
-  enumerable: true,
-  get: function () {
-    return _listItemClasses.default;
-  }
-});
-var _ListItem = _interopRequireDefault(require("./ListItem"));
-var _listItemClasses = _interopRequireWildcard(require("./listItemClasses"));
-Object.keys(_listItemClasses).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _listItemClasses[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _listItemClasses[key];
-    }
-  });
-});
-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; }
+export { default } from './ListItem';
+export { default as listItemClasses } from './listItemClasses';
+export * from './listItemClasses';

package/ListItem/listItemClasses.js

@@ -1,16 +1,7 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-exports.getListItemUtilityClass = getListItemUtilityClass;
-var _utils = require("@mui/utils");
-var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
-function getListItemUtilityClass(slot) {
-  return (0, _generateUtilityClass.default)('MuiListItem', slot);
+import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
+import generateUtilityClass from '../generateUtilityClass';
+export function getListItemUtilityClass(slot) {
+  return generateUtilityClass('MuiListItem', slot);
 }
-const listItemClasses = (0, _utils.unstable_generateUtilityClasses)('MuiListItem', ['root', 'container', 'focusVisible', 'dense', 'alignItemsFlexStart', 'disabled', 'divider', 'gutters', 'padding', 'button', 'secondaryAction', 'selected']);
-var _default = listItemClasses;
-exports.default = _default;
+const listItemClasses = generateUtilityClasses('MuiListItem', ['root', 'container', 'focusVisible', 'dense', 'alignItemsFlexStart', 'disabled', 'divider', 'gutters', 'padding', 'button', 'secondaryAction', 'selected']);
+export default listItemClasses;

package/ListItem/package.json

@@ -1,6 +1,6 @@
 {
   "sideEffects": false,
-  "module": "../esm/ListItem/index.js",
-  "main": "./index.js",
+  "module": "./index.js",
+  "main": "../node/ListItem/index.js",
   "types": "./index.d.ts"
 }

package/ListItemAvatar/ListItemAvatar.js

@@ -1,24 +1,15 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-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"));
-var _base = require("@mui/base");
-var _ListContext = _interopRequireDefault(require("../List/ListContext"));
-var _styled = _interopRequireDefault(require("../styles/styled"));
-var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
-var _listItemAvatarClasses = require("./listItemAvatarClasses");
-var _jsxRuntime = require("react/jsx-runtime");
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/esm/extends";
 const _excluded = ["className"];
-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; }
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import clsx from 'clsx';
+import { unstable_composeClasses as composeClasses } from '@mui/base';
+import ListContext from '../List/ListContext';
+import styled from '../styles/styled';
+import useThemeProps from '../styles/useThemeProps';
+import { getListItemAvatarUtilityClass } from './listItemAvatarClasses';
+import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {
     alignItems,
@@ -27,9 +18,9 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', alignItems === 'flex-start' && 'alignItemsFlexStart']
   };
-  return (0, _base.unstable_composeClasses)(slots, _listItemAvatarClasses.getListItemAvatarUtilityClass, classes);
+  return composeClasses(slots, getListItemAvatarUtilityClass, classes);
 };
-const ListItemAvatarRoot = (0, _styled.default)('div', {
+const ListItemAvatarRoot = styled('div', {
   name: 'MuiListItemAvatar',
   slot: 'Root',
   overridesResolver: (props, styles) => {
@@ -40,7 +31,7 @@ const ListItemAvatarRoot = (0, _styled.default)('div', {
   }
 })(({
   ownerState
-}) => (0, _extends2.default)({
+}) => _extends({
   minWidth: 56,
   flexShrink: 0
 }, ownerState.alignItems === 'flex-start' && {
@@ -51,21 +42,21 @@ const ListItemAvatarRoot = (0, _styled.default)('div', {
  * A simple wrapper to apply `List` styles to an `Avatar`.
  */
 const ListItemAvatar = /*#__PURE__*/React.forwardRef(function ListItemAvatar(inProps, ref) {
-  const props = (0, _useThemeProps.default)({
+  const props = useThemeProps({
     props: inProps,
     name: 'MuiListItemAvatar'
   });
   const {
       className
     } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  const context = React.useContext(_ListContext.default);
-  const ownerState = (0, _extends2.default)({}, props, {
+    other = _objectWithoutPropertiesLoose(props, _excluded);
+  const context = React.useContext(ListContext);
+  const ownerState = _extends({}, props, {
     alignItems: context.alignItems
   });
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ListItemAvatarRoot, (0, _extends2.default)({
-    className: (0, _clsx.default)(classes.root, className),
+  return /*#__PURE__*/_jsx(ListItemAvatarRoot, _extends({
+    className: clsx(classes.root, className),
     ownerState: ownerState,
     ref: ref
   }, other));
@@ -78,19 +69,18 @@ process.env.NODE_ENV !== "production" ? ListItemAvatar.propTypes /* remove-propt
   /**
    * The content of the component, normally an `Avatar`.
    */
-  children: _propTypes.default.node,
+  children: PropTypes.node,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: _propTypes.default.object,
+  classes: PropTypes.object,
   /**
    * @ignore
    */
-  className: _propTypes.default.string,
+  className: PropTypes.string,
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object])
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
 } : void 0;
-var _default = ListItemAvatar;
-exports.default = _default;
+export default ListItemAvatar;

package/ListItemAvatar/index.js

@@ -1,36 +1,3 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {
-  listItemAvatarClasses: true
-};
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _ListItemAvatar.default;
-  }
-});
-Object.defineProperty(exports, "listItemAvatarClasses", {
-  enumerable: true,
-  get: function () {
-    return _listItemAvatarClasses.default;
-  }
-});
-var _ListItemAvatar = _interopRequireDefault(require("./ListItemAvatar"));
-var _listItemAvatarClasses = _interopRequireWildcard(require("./listItemAvatarClasses"));
-Object.keys(_listItemAvatarClasses).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _listItemAvatarClasses[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _listItemAvatarClasses[key];
-    }
-  });
-});
-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; }
+export { default } from './ListItemAvatar';
+export { default as listItemAvatarClasses } from './listItemAvatarClasses';
+export * from './listItemAvatarClasses';