@mui/material 7.0.0 → 7.0.2

package/modern/ButtonGroup/ButtonGroup.js

@@ -1,390 +0,0 @@
-'use client';
-
-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 getValidReactChildren from '@mui/utils/getValidReactChildren';
-import capitalize from "../utils/capitalize.js";
-import { styled } from "../zero-styled/index.js";
-import memoTheme from "../utils/memoTheme.js";
-import createSimplePaletteValueFilter from "../utils/createSimplePaletteValueFilter.js";
-import { useDefaultProps } from "../DefaultPropsProvider/index.js";
-import buttonGroupClasses, { getButtonGroupUtilityClass } from "./buttonGroupClasses.js";
-import ButtonGroupContext from "./ButtonGroupContext.js";
-import ButtonGroupButtonContext from "./ButtonGroupButtonContext.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const overridesResolver = (props, styles) => {
-  const {
-    ownerState
-  } = props;
-  return [{
-    [`& .${buttonGroupClasses.grouped}`]: styles.grouped
-  }, {
-    [`& .${buttonGroupClasses.grouped}`]: styles[`grouped${capitalize(ownerState.orientation)}`]
-  }, {
-    [`& .${buttonGroupClasses.grouped}`]: styles[`grouped${capitalize(ownerState.variant)}`]
-  }, {
-    [`& .${buttonGroupClasses.grouped}`]: styles[`grouped${capitalize(ownerState.variant)}${capitalize(ownerState.orientation)}`]
-  }, {
-    [`& .${buttonGroupClasses.grouped}`]: styles[`grouped${capitalize(ownerState.variant)}${capitalize(ownerState.color)}`]
-  }, {
-    [`& .${buttonGroupClasses.firstButton}`]: styles.firstButton
-  }, {
-    [`& .${buttonGroupClasses.lastButton}`]: styles.lastButton
-  }, {
-    [`& .${buttonGroupClasses.middleButton}`]: styles.middleButton
-  }, styles.root, styles[ownerState.variant], ownerState.disableElevation === true && styles.disableElevation, ownerState.fullWidth && styles.fullWidth, ownerState.orientation === 'vertical' && styles.vertical];
-};
-const useUtilityClasses = ownerState => {
-  const {
-    classes,
-    color,
-    disabled,
-    disableElevation,
-    fullWidth,
-    orientation,
-    variant
-  } = ownerState;
-  const slots = {
-    root: ['root', variant, orientation, fullWidth && 'fullWidth', disableElevation && 'disableElevation', `color${capitalize(color)}`],
-    grouped: ['grouped', `grouped${capitalize(orientation)}`, `grouped${capitalize(variant)}`, `grouped${capitalize(variant)}${capitalize(orientation)}`, `grouped${capitalize(variant)}${capitalize(color)}`, disabled && 'disabled'],
-    firstButton: ['firstButton'],
-    lastButton: ['lastButton'],
-    middleButton: ['middleButton']
-  };
-  return composeClasses(slots, getButtonGroupUtilityClass, classes);
-};
-const ButtonGroupRoot = styled('div', {
-  name: 'MuiButtonGroup',
-  slot: 'Root',
-  overridesResolver
-})(memoTheme(({
-  theme
-}) => ({
-  display: 'inline-flex',
-  borderRadius: (theme.vars || theme).shape.borderRadius,
-  variants: [{
-    props: {
-      variant: 'contained'
-    },
-    style: {
-      boxShadow: (theme.vars || theme).shadows[2]
-    }
-  }, {
-    props: {
-      disableElevation: true
-    },
-    style: {
-      boxShadow: 'none'
-    }
-  }, {
-    props: {
-      fullWidth: true
-    },
-    style: {
-      width: '100%'
-    }
-  }, {
-    props: {
-      orientation: 'vertical'
-    },
-    style: {
-      flexDirection: 'column',
-      [`& .${buttonGroupClasses.lastButton},& .${buttonGroupClasses.middleButton}`]: {
-        borderTopRightRadius: 0,
-        borderTopLeftRadius: 0
-      },
-      [`& .${buttonGroupClasses.firstButton},& .${buttonGroupClasses.middleButton}`]: {
-        borderBottomRightRadius: 0,
-        borderBottomLeftRadius: 0
-      }
-    }
-  }, {
-    props: {
-      orientation: 'horizontal'
-    },
-    style: {
-      [`& .${buttonGroupClasses.firstButton},& .${buttonGroupClasses.middleButton}`]: {
-        borderTopRightRadius: 0,
-        borderBottomRightRadius: 0
-      },
-      [`& .${buttonGroupClasses.lastButton},& .${buttonGroupClasses.middleButton}`]: {
-        borderTopLeftRadius: 0,
-        borderBottomLeftRadius: 0
-      }
-    }
-  }, {
-    props: {
-      variant: 'text',
-      orientation: 'horizontal'
-    },
-    style: {
-      [`& .${buttonGroupClasses.firstButton},& .${buttonGroupClasses.middleButton}`]: {
-        borderRight: theme.vars ? `1px solid rgba(${theme.vars.palette.common.onBackgroundChannel} / 0.23)` : `1px solid ${theme.palette.mode === 'light' ? 'rgba(0, 0, 0, 0.23)' : 'rgba(255, 255, 255, 0.23)'}`,
-        [`&.${buttonGroupClasses.disabled}`]: {
-          borderRight: `1px solid ${(theme.vars || theme).palette.action.disabled}`
-        }
-      }
-    }
-  }, {
-    props: {
-      variant: 'text',
-      orientation: 'vertical'
-    },
-    style: {
-      [`& .${buttonGroupClasses.firstButton},& .${buttonGroupClasses.middleButton}`]: {
-        borderBottom: theme.vars ? `1px solid rgba(${theme.vars.palette.common.onBackgroundChannel} / 0.23)` : `1px solid ${theme.palette.mode === 'light' ? 'rgba(0, 0, 0, 0.23)' : 'rgba(255, 255, 255, 0.23)'}`,
-        [`&.${buttonGroupClasses.disabled}`]: {
-          borderBottom: `1px solid ${(theme.vars || theme).palette.action.disabled}`
-        }
-      }
-    }
-  }, ...Object.entries(theme.palette).filter(createSimplePaletteValueFilter()).flatMap(([color]) => [{
-    props: {
-      variant: 'text',
-      color
-    },
-    style: {
-      [`& .${buttonGroupClasses.firstButton},& .${buttonGroupClasses.middleButton}`]: {
-        borderColor: theme.vars ? `rgba(${theme.vars.palette[color].mainChannel} / 0.5)` : alpha(theme.palette[color].main, 0.5)
-      }
-    }
-  }]), {
-    props: {
-      variant: 'outlined',
-      orientation: 'horizontal'
-    },
-    style: {
-      [`& .${buttonGroupClasses.firstButton},& .${buttonGroupClasses.middleButton}`]: {
-        borderRightColor: 'transparent',
-        '&:hover': {
-          borderRightColor: 'currentColor'
-        }
-      },
-      [`& .${buttonGroupClasses.lastButton},& .${buttonGroupClasses.middleButton}`]: {
-        marginLeft: -1
-      }
-    }
-  }, {
-    props: {
-      variant: 'outlined',
-      orientation: 'vertical'
-    },
-    style: {
-      [`& .${buttonGroupClasses.firstButton},& .${buttonGroupClasses.middleButton}`]: {
-        borderBottomColor: 'transparent',
-        '&:hover': {
-          borderBottomColor: 'currentColor'
-        }
-      },
-      [`& .${buttonGroupClasses.lastButton},& .${buttonGroupClasses.middleButton}`]: {
-        marginTop: -1
-      }
-    }
-  }, {
-    props: {
-      variant: 'contained',
-      orientation: 'horizontal'
-    },
-    style: {
-      [`& .${buttonGroupClasses.firstButton},& .${buttonGroupClasses.middleButton}`]: {
-        borderRight: `1px solid ${(theme.vars || theme).palette.grey[400]}`,
-        [`&.${buttonGroupClasses.disabled}`]: {
-          borderRight: `1px solid ${(theme.vars || theme).palette.action.disabled}`
-        }
-      }
-    }
-  }, {
-    props: {
-      variant: 'contained',
-      orientation: 'vertical'
-    },
-    style: {
-      [`& .${buttonGroupClasses.firstButton},& .${buttonGroupClasses.middleButton}`]: {
-        borderBottom: `1px solid ${(theme.vars || theme).palette.grey[400]}`,
-        [`&.${buttonGroupClasses.disabled}`]: {
-          borderBottom: `1px solid ${(theme.vars || theme).palette.action.disabled}`
-        }
-      }
-    }
-  }, ...Object.entries(theme.palette).filter(createSimplePaletteValueFilter(['dark'])).map(([color]) => ({
-    props: {
-      variant: 'contained',
-      color
-    },
-    style: {
-      [`& .${buttonGroupClasses.firstButton},& .${buttonGroupClasses.middleButton}`]: {
-        borderColor: (theme.vars || theme).palette[color].dark
-      }
-    }
-  }))],
-  [`& .${buttonGroupClasses.grouped}`]: {
-    minWidth: 40,
-    boxShadow: 'none',
-    props: {
-      variant: 'contained'
-    },
-    style: {
-      '&:hover': {
-        boxShadow: 'none'
-      }
-    }
-  }
-})));
-const ButtonGroup = /*#__PURE__*/React.forwardRef(function ButtonGroup(inProps, ref) {
-  const props = useDefaultProps({
-    props: inProps,
-    name: 'MuiButtonGroup'
-  });
-  const {
-    children,
-    className,
-    color = 'primary',
-    component = 'div',
-    disabled = false,
-    disableElevation = false,
-    disableFocusRipple = false,
-    disableRipple = false,
-    fullWidth = false,
-    orientation = 'horizontal',
-    size = 'medium',
-    variant = 'outlined',
-    ...other
-  } = props;
-  const ownerState = {
-    ...props,
-    color,
-    component,
-    disabled,
-    disableElevation,
-    disableFocusRipple,
-    disableRipple,
-    fullWidth,
-    orientation,
-    size,
-    variant
-  };
-  const classes = useUtilityClasses(ownerState);
-  const context = React.useMemo(() => ({
-    className: classes.grouped,
-    color,
-    disabled,
-    disableElevation,
-    disableFocusRipple,
-    disableRipple,
-    fullWidth,
-    size,
-    variant
-  }), [color, disabled, disableElevation, disableFocusRipple, disableRipple, fullWidth, size, variant, classes.grouped]);
-  const validChildren = getValidReactChildren(children);
-  const childrenCount = validChildren.length;
-  const getButtonPositionClassName = index => {
-    const isFirstButton = index === 0;
-    const isLastButton = index === childrenCount - 1;
-    if (isFirstButton && isLastButton) {
-      return '';
-    }
-    if (isFirstButton) {
-      return classes.firstButton;
-    }
-    if (isLastButton) {
-      return classes.lastButton;
-    }
-    return classes.middleButton;
-  };
-  return /*#__PURE__*/_jsx(ButtonGroupRoot, {
-    as: component,
-    role: "group",
-    className: clsx(classes.root, className),
-    ref: ref,
-    ownerState: ownerState,
-    ...other,
-    children: /*#__PURE__*/_jsx(ButtonGroupContext.Provider, {
-      value: context,
-      children: validChildren.map((child, index) => {
-        return /*#__PURE__*/_jsx(ButtonGroupButtonContext.Provider, {
-          value: getButtonPositionClassName(index),
-          children: child
-        }, index);
-      })
-    })
-  });
-});
-process.env.NODE_ENV !== "production" ? ButtonGroup.propTypes /* remove-proptypes */ = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * The content of the component.
-   */
-  children: PropTypes.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: PropTypes.object,
-  /**
-   * @ignore
-   */
-  className: PropTypes.string,
-  /**
-   * The color of the component.
-   * It supports both default and custom theme colors, which can be added as shown in the
-   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
-   * @default 'primary'
-   */
-  color: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['inherit', 'primary', 'secondary', 'error', 'info', 'success', 'warning']), PropTypes.string]),
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: PropTypes.elementType,
-  /**
-   * If `true`, the component is disabled.
-   * @default false
-   */
-  disabled: PropTypes.bool,
-  /**
-   * If `true`, no elevation is used.
-   * @default false
-   */
-  disableElevation: PropTypes.bool,
-  /**
-   * If `true`, the button keyboard focus ripple is disabled.
-   * @default false
-   */
-  disableFocusRipple: PropTypes.bool,
-  /**
-   * If `true`, the button ripple effect is disabled.
-   * @default false
-   */
-  disableRipple: PropTypes.bool,
-  /**
-   * If `true`, the buttons will take up the full width of its container.
-   * @default false
-   */
-  fullWidth: PropTypes.bool,
-  /**
-   * The component orientation (layout flow direction).
-   * @default 'horizontal'
-   */
-  orientation: PropTypes.oneOf(['horizontal', 'vertical']),
-  /**
-   * The size of the component.
-   * `small` is equivalent to the dense button styling.
-   * @default 'medium'
-   */
-  size: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['small', 'medium', 'large']), PropTypes.string]),
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
-  /**
-   * The variant to use.
-   * @default 'outlined'
-   */
-  variant: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['contained', 'outlined', 'text']), PropTypes.string])
-} : void 0;
-export default ButtonGroup;

package/modern/ButtonGroup/ButtonGroupButtonContext.js

@@ -1,11 +0,0 @@
-'use client';
-
-import * as React from 'react';
-/**
- * @ignore - internal component.
- */
-const ButtonGroupButtonContext = /*#__PURE__*/React.createContext(undefined);
-if (process.env.NODE_ENV !== 'production') {
-  ButtonGroupButtonContext.displayName = 'ButtonGroupButtonContext';
-}
-export default ButtonGroupButtonContext;

package/modern/ButtonGroup/ButtonGroupContext.js

@@ -1,11 +0,0 @@
-'use client';
-
-import * as React from 'react';
-/**
- * @ignore - internal component.
- */
-const ButtonGroupContext = /*#__PURE__*/React.createContext({});
-if (process.env.NODE_ENV !== 'production') {
-  ButtonGroupContext.displayName = 'ButtonGroupContext';
-}
-export default ButtonGroupContext;

package/modern/ButtonGroup/buttonGroupClasses.js

@@ -1,7 +0,0 @@
-import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
-import generateUtilityClass from '@mui/utils/generateUtilityClass';
-export function getButtonGroupUtilityClass(slot) {
-  return generateUtilityClass('MuiButtonGroup', slot);
-}
-const buttonGroupClasses = generateUtilityClasses('MuiButtonGroup', ['root', 'contained', 'outlined', 'text', 'disableElevation', 'disabled', 'firstButton', 'fullWidth', 'horizontal', 'vertical', 'colorPrimary', 'colorSecondary', 'grouped', 'groupedHorizontal', 'groupedVertical', 'groupedText', 'groupedTextHorizontal', 'groupedTextVertical', 'groupedTextPrimary', 'groupedTextSecondary', 'groupedOutlined', 'groupedOutlinedHorizontal', 'groupedOutlinedVertical', 'groupedOutlinedPrimary', 'groupedOutlinedSecondary', 'groupedContained', 'groupedContainedHorizontal', 'groupedContainedVertical', 'groupedContainedPrimary', 'groupedContainedSecondary', 'lastButton', 'middleButton']);
-export default buttonGroupClasses;

package/modern/ButtonGroup/index.js

@@ -1,5 +0,0 @@
-export { default } from "./ButtonGroup.js";
-export { default as buttonGroupClasses } from "./buttonGroupClasses.js";
-export * from "./buttonGroupClasses.js";
-export { default as ButtonGroupContext } from "./ButtonGroupContext.js";
-export { default as ButtonGroupButtonContext } from "./ButtonGroupButtonContext.js";

package/modern/Card/Card.js

@@ -1,84 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import chainPropTypes from '@mui/utils/chainPropTypes';
-import composeClasses from '@mui/utils/composeClasses';
-import { styled } from "../zero-styled/index.js";
-import { useDefaultProps } from "../DefaultPropsProvider/index.js";
-import Paper from "../Paper/index.js";
-import { getCardUtilityClass } from "./cardClasses.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const useUtilityClasses = ownerState => {
-  const {
-    classes
-  } = ownerState;
-  const slots = {
-    root: ['root']
-  };
-  return composeClasses(slots, getCardUtilityClass, classes);
-};
-const CardRoot = styled(Paper, {
-  name: 'MuiCard',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
-})({
-  overflow: 'hidden'
-});
-const Card = /*#__PURE__*/React.forwardRef(function Card(inProps, ref) {
-  const props = useDefaultProps({
-    props: inProps,
-    name: 'MuiCard'
-  });
-  const {
-    className,
-    raised = false,
-    ...other
-  } = props;
-  const ownerState = {
-    ...props,
-    raised
-  };
-  const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(CardRoot, {
-    className: clsx(classes.root, className),
-    elevation: raised ? 8 : undefined,
-    ref: ref,
-    ownerState: ownerState,
-    ...other
-  });
-});
-process.env.NODE_ENV !== "production" ? Card.propTypes /* remove-proptypes */ = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * The content of the component.
-   */
-  children: PropTypes.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: PropTypes.object,
-  /**
-   * @ignore
-   */
-  className: PropTypes.string,
-  /**
-   * If `true`, the card will use raised styling.
-   * @default false
-   */
-  raised: chainPropTypes(PropTypes.bool, props => {
-    if (props.raised && props.variant === 'outlined') {
-      return new Error('MUI: Combining `raised={true}` with `variant="outlined"` has no effect.');
-    }
-    return null;
-  }),
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
-} : void 0;
-export default Card;

package/modern/Card/cardClasses.js

@@ -1,7 +0,0 @@
-import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
-import generateUtilityClass from '@mui/utils/generateUtilityClass';
-export function getCardUtilityClass(slot) {
-  return generateUtilityClass('MuiCard', slot);
-}
-const cardClasses = generateUtilityClasses('MuiCard', ['root']);
-export default cardClasses;

package/modern/Card/index.js

@@ -1,3 +0,0 @@
-export { default } from "./Card.js";
-export { default as cardClasses } from "./cardClasses.js";
-export * from "./cardClasses.js";

package/modern/CardActionArea/CardActionArea.js

@@ -1,117 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import composeClasses from '@mui/utils/composeClasses';
-import { styled } from "../zero-styled/index.js";
-import memoTheme from "../utils/memoTheme.js";
-import { useDefaultProps } from "../DefaultPropsProvider/index.js";
-import cardActionAreaClasses, { getCardActionAreaUtilityClass } from "./cardActionAreaClasses.js";
-import ButtonBase from "../ButtonBase/index.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const useUtilityClasses = ownerState => {
-  const {
-    classes
-  } = ownerState;
-  const slots = {
-    root: ['root'],
-    focusHighlight: ['focusHighlight']
-  };
-  return composeClasses(slots, getCardActionAreaUtilityClass, classes);
-};
-const CardActionAreaRoot = styled(ButtonBase, {
-  name: 'MuiCardActionArea',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
-})(memoTheme(({
-  theme
-}) => ({
-  display: 'block',
-  textAlign: 'inherit',
-  borderRadius: 'inherit',
-  // for Safari to work https://github.com/mui/material-ui/issues/36285.
-  width: '100%',
-  [`&:hover .${cardActionAreaClasses.focusHighlight}`]: {
-    opacity: (theme.vars || theme).palette.action.hoverOpacity,
-    '@media (hover: none)': {
-      opacity: 0
-    }
-  },
-  [`&.${cardActionAreaClasses.focusVisible} .${cardActionAreaClasses.focusHighlight}`]: {
-    opacity: (theme.vars || theme).palette.action.focusOpacity
-  }
-})));
-const CardActionAreaFocusHighlight = styled('span', {
-  name: 'MuiCardActionArea',
-  slot: 'FocusHighlight',
-  overridesResolver: (props, styles) => styles.focusHighlight
-})(memoTheme(({
-  theme
-}) => ({
-  overflow: 'hidden',
-  pointerEvents: 'none',
-  position: 'absolute',
-  top: 0,
-  right: 0,
-  bottom: 0,
-  left: 0,
-  borderRadius: 'inherit',
-  opacity: 0,
-  backgroundColor: 'currentcolor',
-  transition: theme.transitions.create('opacity', {
-    duration: theme.transitions.duration.short
-  })
-})));
-const CardActionArea = /*#__PURE__*/React.forwardRef(function CardActionArea(inProps, ref) {
-  const props = useDefaultProps({
-    props: inProps,
-    name: 'MuiCardActionArea'
-  });
-  const {
-    children,
-    className,
-    focusVisibleClassName,
-    ...other
-  } = props;
-  const ownerState = props;
-  const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsxs(CardActionAreaRoot, {
-    className: clsx(classes.root, className),
-    focusVisibleClassName: clsx(focusVisibleClassName, classes.focusVisible),
-    ref: ref,
-    ownerState: ownerState,
-    ...other,
-    children: [children, /*#__PURE__*/_jsx(CardActionAreaFocusHighlight, {
-      className: classes.focusHighlight,
-      ownerState: ownerState
-    })]
-  });
-});
-process.env.NODE_ENV !== "production" ? CardActionArea.propTypes /* remove-proptypes */ = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * The content of the component.
-   */
-  children: PropTypes.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: PropTypes.object,
-  /**
-   * @ignore
-   */
-  className: PropTypes.string,
-  /**
-   * @ignore
-   */
-  focusVisibleClassName: PropTypes.string,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
-} : void 0;
-export default CardActionArea;

package/modern/CardActionArea/cardActionAreaClasses.js

@@ -1,7 +0,0 @@
-import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
-import generateUtilityClass from '@mui/utils/generateUtilityClass';
-export function getCardActionAreaUtilityClass(slot) {
-  return generateUtilityClass('MuiCardActionArea', slot);
-}
-const cardActionAreaClasses = generateUtilityClasses('MuiCardActionArea', ['root', 'focusVisible', 'focusHighlight']);
-export default cardActionAreaClasses;

package/modern/CardActionArea/index.js

@@ -1,3 +0,0 @@
-export { default } from "./CardActionArea.js";
-export { default as cardActionAreaClasses } from "./cardActionAreaClasses.js";
-export * from "./cardActionAreaClasses.js";