@mui/material 6.0.0-alpha.1 → 6.0.0-alpha.3

package/legacy/Hidden/hiddenCssClasses.js

@@ -1,7 +0,0 @@
-import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
-import generateUtilityClass from '@mui/utils/generateUtilityClass';
-export function getHiddenCssUtilityClass(slot) {
-  return generateUtilityClass('PrivateHiddenCss', slot);
-}
-var hiddenCssClasses = generateUtilityClasses('PrivateHiddenCss', ['root', 'xlDown', 'xlUp', 'onlyXl', 'lgDown', 'lgUp', 'onlyLg', 'mdDown', 'mdUp', 'onlyMd', 'smDown', 'smUp', 'onlySm', 'xsDown', 'xsUp', 'onlyXs']);
-export default hiddenCssClasses;

package/legacy/Hidden/index.js

@@ -1,3 +0,0 @@
-'use client';
-
-export { default } from './Hidden';

package/legacy/Hidden/withWidth.js

@@ -1,110 +0,0 @@
-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 getDisplayName from '@mui/utils/getDisplayName';
-import { getThemeProps } from '@mui/system/useThemeProps';
-import useTheme from '../styles/useTheme';
-import useEnhancedEffect from '../utils/useEnhancedEffect';
-import useMediaQuery from '../useMediaQuery';
-import { jsx as _jsx } from "react/jsx-runtime";
-var breakpointKeys = ['xs', 'sm', 'md', 'lg', 'xl'];
-
-// By default, returns true if screen width is the same or greater than the given breakpoint.
-export var isWidthUp = function isWidthUp(breakpoint, width) {
-  var inclusive = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
-  if (inclusive) {
-    return breakpointKeys.indexOf(breakpoint) <= breakpointKeys.indexOf(width);
-  }
-  return breakpointKeys.indexOf(breakpoint) < breakpointKeys.indexOf(width);
-};
-
-// By default, returns true if screen width is less than the given breakpoint.
-export var isWidthDown = function isWidthDown(breakpoint, width) {
-  var inclusive = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-  if (inclusive) {
-    return breakpointKeys.indexOf(width) <= breakpointKeys.indexOf(breakpoint);
-  }
-  return breakpointKeys.indexOf(width) < breakpointKeys.indexOf(breakpoint);
-};
-var withWidth = function withWidth() {
-  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return function (Component) {
-    var _options$withTheme = options.withTheme,
-      withThemeOption = _options$withTheme === void 0 ? false : _options$withTheme,
-      _options$noSSR = options.noSSR,
-      noSSR = _options$noSSR === void 0 ? false : _options$noSSR,
-      initialWidthOption = options.initialWidth;
-    function WithWidth(props) {
-      var contextTheme = useTheme();
-      var theme = props.theme || contextTheme;
-      var _getThemeProps = getThemeProps({
-          theme: theme,
-          name: 'MuiWithWidth',
-          props: props
-        }),
-        initialWidth = _getThemeProps.initialWidth,
-        width = _getThemeProps.width,
-        other = _objectWithoutProperties(_getThemeProps, ["initialWidth", "width"]);
-      var _React$useState = React.useState(false),
-        mountedState = _React$useState[0],
-        setMountedState = _React$useState[1];
-      useEnhancedEffect(function () {
-        setMountedState(true);
-      }, []);
-
-      /**
-       * innerWidth |xs      sm      md      lg      xl
-       *            |-------|-------|-------|-------|------>
-       * width      |  xs   |  sm   |  md   |  lg   |  xl
-       */
-      var keys = theme.breakpoints.keys.slice().reverse();
-      var widthComputed = keys.reduce(function (output, key) {
-        // eslint-disable-next-line react-hooks/rules-of-hooks
-        var matches = useMediaQuery(theme.breakpoints.up(key));
-        return !output && matches ? key : output;
-      }, null);
-      var more = _extends({
-        width: width || (mountedState || noSSR ? widthComputed : undefined) || initialWidth || initialWidthOption
-      }, withThemeOption ? {
-        theme: theme
-      } : {}, other);
-
-      // When rendering the component on the server,
-      // we have no idea about the client browser screen width.
-      // In order to prevent blinks and help the reconciliation of the React tree
-      // we are not rendering the child component.
-      //
-      // An alternative is to use the `initialWidth` property.
-      if (more.width === undefined) {
-        return null;
-      }
-      return /*#__PURE__*/_jsx(Component, _extends({}, more));
-    }
-    process.env.NODE_ENV !== "production" ? WithWidth.propTypes = {
-      /**
-       * As `window.innerWidth` is unavailable on the server,
-       * we default to rendering an empty component during the first mount.
-       * You might want to use a heuristic to approximate
-       * the screen width of the client browser screen width.
-       *
-       * For instance, you could be using the user-agent or the client-hints.
-       * https://caniuse.com/#search=client%20hint
-       */
-      initialWidth: PropTypes.oneOf(['xs', 'sm', 'md', 'lg', 'xl']),
-      /**
-       * @ignore
-       */
-      theme: PropTypes.object,
-      /**
-       * Bypass the width calculation logic.
-       */
-      width: PropTypes.oneOf(['xs', 'sm', 'md', 'lg', 'xl'])
-    } : void 0;
-    if (process.env.NODE_ENV !== 'production') {
-      WithWidth.displayName = "WithWidth(".concat(getDisplayName(Component), ")");
-    }
-    return WithWidth;
-  };
-};
-export default withWidth;

package/legacy/Icon/Icon.js

@@ -1,144 +0,0 @@
-'use client';
-
-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 capitalize from '../utils/capitalize';
-import { getIconUtilityClass } from './iconClasses';
-import { jsx as _jsx } from "react/jsx-runtime";
-var useUtilityClasses = function useUtilityClasses(ownerState) {
-  var color = ownerState.color,
-    fontSize = ownerState.fontSize,
-    classes = ownerState.classes;
-  var slots = {
-    root: ['root', color !== 'inherit' && "color".concat(capitalize(color)), "fontSize".concat(capitalize(fontSize))]
-  };
-  return composeClasses(slots, getIconUtilityClass, classes);
-};
-var IconRoot = styled('span', {
-  name: 'MuiIcon',
-  slot: 'Root',
-  overridesResolver: function overridesResolver(props, styles) {
-    var ownerState = props.ownerState;
-    return [styles.root, ownerState.color !== 'inherit' && styles["color".concat(capitalize(ownerState.color))], styles["fontSize".concat(capitalize(ownerState.fontSize))]];
-  }
-})(function (_ref) {
-  var theme = _ref.theme,
-    ownerState = _ref.ownerState;
-  return {
-    userSelect: 'none',
-    width: '1em',
-    height: '1em',
-    // Chrome fix for https://bugs.chromium.org/p/chromium/issues/detail?id=820541
-    // To remove at some point.
-    overflow: 'hidden',
-    display: 'inline-block',
-    // allow overflow hidden to take action
-    textAlign: 'center',
-    // support non-square icon
-    flexShrink: 0,
-    fontSize: {
-      inherit: 'inherit',
-      small: theme.typography.pxToRem(20),
-      medium: theme.typography.pxToRem(24),
-      large: theme.typography.pxToRem(36)
-    }[ownerState.fontSize],
-    // TODO v5 deprecate, v6 remove for sx
-    color: {
-      primary: (theme.vars || theme).palette.primary.main,
-      secondary: (theme.vars || theme).palette.secondary.main,
-      info: (theme.vars || theme).palette.info.main,
-      success: (theme.vars || theme).palette.success.main,
-      warning: (theme.vars || theme).palette.warning.main,
-      action: (theme.vars || theme).palette.action.active,
-      error: (theme.vars || theme).palette.error.main,
-      disabled: (theme.vars || theme).palette.action.disabled,
-      inherit: undefined
-    }[ownerState.color]
-  };
-});
-var Icon = /*#__PURE__*/React.forwardRef(function Icon(inProps, ref) {
-  var props = useThemeProps({
-    props: inProps,
-    name: 'MuiIcon'
-  });
-  var _props$baseClassName = props.baseClassName,
-    baseClassName = _props$baseClassName === void 0 ? 'material-icons' : _props$baseClassName,
-    className = props.className,
-    _props$color = props.color,
-    color = _props$color === void 0 ? 'inherit' : _props$color,
-    _props$component = props.component,
-    Component = _props$component === void 0 ? 'span' : _props$component,
-    _props$fontSize = props.fontSize,
-    fontSize = _props$fontSize === void 0 ? 'medium' : _props$fontSize,
-    other = _objectWithoutProperties(props, ["baseClassName", "className", "color", "component", "fontSize"]);
-  var ownerState = _extends({}, props, {
-    baseClassName: baseClassName,
-    color: color,
-    component: Component,
-    fontSize: fontSize
-  });
-  var classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(IconRoot, _extends({
-    as: Component,
-    className: clsx(baseClassName,
-    // Prevent the translation of the text content.
-    // The font relies on the exact text content to render the icon.
-    'notranslate', classes.root, className),
-    ownerState: ownerState,
-    "aria-hidden": true,
-    ref: ref
-  }, other));
-});
-process.env.NODE_ENV !== "production" ? Icon.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 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 (for example material-icons-rounded, fas, etc).
-   * @default 'material-icons'
-   */
-  baseClassName: PropTypes.string,
-  /**
-   * The name of the icon font ligature.
-   */
-  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 'inherit'
-   */
-  color: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['inherit', 'action', 'disabled', '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,
-  /**
-   * The fontSize applied to the icon. Defaults to 24px, but can be configure to inherit font size.
-   * @default 'medium'
-   */
-  fontSize: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['inherit', 'large', 'medium', 'small']), 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;
-Icon.muiName = 'Icon';
-export default Icon;

package/legacy/Icon/iconClasses.js

@@ -1,7 +0,0 @@
-import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
-import generateUtilityClass from '@mui/utils/generateUtilityClass';
-export function getIconUtilityClass(slot) {
-  return generateUtilityClass('MuiIcon', slot);
-}
-var iconClasses = generateUtilityClasses('MuiIcon', ['root', 'colorPrimary', 'colorSecondary', 'colorAction', 'colorError', 'colorDisabled', 'fontSizeInherit', 'fontSizeSmall', 'fontSizeMedium', 'fontSizeLarge']);
-export default iconClasses;

package/legacy/Icon/index.js

@@ -1,5 +0,0 @@
-'use client';
-
-export { default } from './Icon';
-export { default as iconClasses } from './iconClasses';
-export * from './iconClasses';

package/legacy/IconButton/IconButton.js

@@ -1,204 +0,0 @@
-'use client';
-
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _extends from "@babel/runtime/helpers/esm/extends";
-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 { alpha } from '@mui/system/colorManipulator';
-import styled from '../styles/styled';
-import useThemeProps from '../styles/useThemeProps';
-import ButtonBase from '../ButtonBase';
-import capitalize from '../utils/capitalize';
-import iconButtonClasses, { getIconButtonUtilityClass } from './iconButtonClasses';
-import { jsx as _jsx } from "react/jsx-runtime";
-var useUtilityClasses = function useUtilityClasses(ownerState) {
-  var classes = ownerState.classes,
-    disabled = ownerState.disabled,
-    color = ownerState.color,
-    edge = ownerState.edge,
-    size = ownerState.size;
-  var slots = {
-    root: ['root', disabled && 'disabled', color !== 'default' && "color".concat(capitalize(color)), edge && "edge".concat(capitalize(edge)), "size".concat(capitalize(size))]
-  };
-  return composeClasses(slots, getIconButtonUtilityClass, classes);
-};
-var IconButtonRoot = styled(ButtonBase, {
-  name: 'MuiIconButton',
-  slot: 'Root',
-  overridesResolver: function overridesResolver(props, styles) {
-    var ownerState = props.ownerState;
-    return [styles.root, ownerState.color !== 'default' && styles["color".concat(capitalize(ownerState.color))], ownerState.edge && styles["edge".concat(capitalize(ownerState.edge))], styles["size".concat(capitalize(ownerState.size))]];
-  }
-})(function (_ref) {
-  var theme = _ref.theme,
-    ownerState = _ref.ownerState;
-  return _extends({
-    textAlign: 'center',
-    flex: '0 0 auto',
-    fontSize: theme.typography.pxToRem(24),
-    padding: 8,
-    borderRadius: '50%',
-    overflow: 'visible',
-    // Explicitly set the default value to solve a bug on IE11.
-    color: (theme.vars || theme).palette.action.active,
-    transition: theme.transitions.create('background-color', {
-      duration: theme.transitions.duration.shortest
-    })
-  }, !ownerState.disableRipple && {
-    '&:hover': {
-      backgroundColor: theme.vars ? "rgba(".concat(theme.vars.palette.action.activeChannel, " / ").concat(theme.vars.palette.action.hoverOpacity, ")") : alpha(theme.palette.action.active, theme.palette.action.hoverOpacity),
-      // Reset on touch devices, it doesn't add specificity
-      '@media (hover: none)': {
-        backgroundColor: 'transparent'
-      }
-    }
-  }, ownerState.edge === 'start' && {
-    marginLeft: ownerState.size === 'small' ? -3 : -12
-  }, ownerState.edge === 'end' && {
-    marginRight: ownerState.size === 'small' ? -3 : -12
-  });
-}, function (_ref2) {
-  var _palette;
-  var theme = _ref2.theme,
-    ownerState = _ref2.ownerState;
-  var palette = (_palette = (theme.vars || theme).palette) == null ? void 0 : _palette[ownerState.color];
-  return _extends({}, ownerState.color === 'inherit' && {
-    color: 'inherit'
-  }, ownerState.color !== 'inherit' && ownerState.color !== 'default' && _extends({
-    color: palette == null ? void 0 : palette.main
-  }, !ownerState.disableRipple && {
-    '&:hover': _extends({}, palette && {
-      backgroundColor: theme.vars ? "rgba(".concat(palette.mainChannel, " / ").concat(theme.vars.palette.action.hoverOpacity, ")") : alpha(palette.main, theme.palette.action.hoverOpacity)
-    }, {
-      // Reset on touch devices, it doesn't add specificity
-      '@media (hover: none)': {
-        backgroundColor: 'transparent'
-      }
-    })
-  }), ownerState.size === 'small' && {
-    padding: 5,
-    fontSize: theme.typography.pxToRem(18)
-  }, ownerState.size === 'large' && {
-    padding: 12,
-    fontSize: theme.typography.pxToRem(28)
-  }, _defineProperty({}, "&.".concat(iconButtonClasses.disabled), {
-    backgroundColor: 'transparent',
-    color: (theme.vars || theme).palette.action.disabled
-  }));
-});
-
-/**
- * Refer to the [Icons](/material-ui/icons/) section of the documentation
- * regarding the available icon options.
- */
-var IconButton = /*#__PURE__*/React.forwardRef(function IconButton(inProps, ref) {
-  var props = useThemeProps({
-    props: inProps,
-    name: 'MuiIconButton'
-  });
-  var _props$edge = props.edge,
-    edge = _props$edge === void 0 ? false : _props$edge,
-    children = props.children,
-    className = props.className,
-    _props$color = props.color,
-    color = _props$color === void 0 ? 'default' : _props$color,
-    _props$disabled = props.disabled,
-    disabled = _props$disabled === void 0 ? false : _props$disabled,
-    _props$disableFocusRi = props.disableFocusRipple,
-    disableFocusRipple = _props$disableFocusRi === void 0 ? false : _props$disableFocusRi,
-    _props$size = props.size,
-    size = _props$size === void 0 ? 'medium' : _props$size,
-    other = _objectWithoutProperties(props, ["edge", "children", "className", "color", "disabled", "disableFocusRipple", "size"]);
-  var ownerState = _extends({}, props, {
-    edge: edge,
-    color: color,
-    disabled: disabled,
-    disableFocusRipple: disableFocusRipple,
-    size: size
-  });
-  var classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(IconButtonRoot, _extends({
-    className: clsx(classes.root, className),
-    centerRipple: true,
-    focusRipple: !disableFocusRipple,
-    disabled: disabled,
-    ref: ref
-  }, other, {
-    ownerState: ownerState,
-    children: children
-  }));
-});
-process.env.NODE_ENV !== "production" ? IconButton.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 icon to display.
-   */
-  children: chainPropTypes(PropTypes.node, function (props) {
-    var found = React.Children.toArray(props.children).some(function (child) {
-      return /*#__PURE__*/React.isValidElement(child) && child.props.onClick;
-    });
-    if (found) {
-      return new Error(['MUI: You are providing an onClick event listener to a child of a button element.', 'Prefer applying it to the IconButton directly.', 'This guarantees that the whole <button> will be responsive to click events.'].join('\n'));
-    }
-    return null;
-  }),
-  /**
-   * 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 'default'
-   */
-  color: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['inherit', 'default', 'primary', 'secondary', 'error', 'info', 'success', 'warning']), PropTypes.string]),
-  /**
-   * If `true`, the component is disabled.
-   * @default false
-   */
-  disabled: PropTypes.bool,
-  /**
-   * If `true`, the  keyboard focus ripple is disabled.
-   * @default false
-   */
-  disableFocusRipple: PropTypes.bool,
-  /**
-   * If `true`, the ripple effect is disabled.
-   *
-   * ⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure
-   * to highlight the element by applying separate styles with the `.Mui-focusVisible` class.
-   * @default false
-   */
-  disableRipple: PropTypes.bool,
-  /**
-   * If given, uses a negative margin to counteract the padding on one
-   * side (this is often helpful for aligning the left or right
-   * side of the icon with content above or below, without ruining the border
-   * size and shape).
-   * @default false
-   */
-  edge: PropTypes.oneOf(['end', 'start', false]),
-  /**
-   * 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])
-} : void 0;
-export default IconButton;

package/legacy/IconButton/iconButtonClasses.js

@@ -1,7 +0,0 @@
-import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
-import generateUtilityClass from '@mui/utils/generateUtilityClass';
-export function getIconButtonUtilityClass(slot) {
-  return generateUtilityClass('MuiIconButton', slot);
-}
-var iconButtonClasses = generateUtilityClasses('MuiIconButton', ['root', 'disabled', 'colorInherit', 'colorPrimary', 'colorSecondary', 'colorError', 'colorInfo', 'colorSuccess', 'colorWarning', 'edgeStart', 'edgeEnd', 'sizeSmall', 'sizeMedium', 'sizeLarge']);
-export default iconButtonClasses;

package/legacy/IconButton/index.js

@@ -1,5 +0,0 @@
-'use client';
-
-export { default } from './IconButton';
-export { default as iconButtonClasses } from './iconButtonClasses';
-export * from './iconButtonClasses';

package/legacy/ImageList/ImageList.js

@@ -1,155 +0,0 @@
-'use client';
-
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _extends from "@babel/runtime/helpers/esm/extends";
-import composeClasses from '@mui/utils/composeClasses';
-import integerPropType from '@mui/utils/integerPropType';
-import clsx from 'clsx';
-import PropTypes from 'prop-types';
-import * as React from 'react';
-import styled from '../styles/styled';
-import useThemeProps from '../styles/useThemeProps';
-import { getImageListUtilityClass } from './imageListClasses';
-import ImageListContext from './ImageListContext';
-import { jsx as _jsx } from "react/jsx-runtime";
-var useUtilityClasses = function useUtilityClasses(ownerState) {
-  var classes = ownerState.classes,
-    variant = ownerState.variant;
-  var slots = {
-    root: ['root', variant]
-  };
-  return composeClasses(slots, getImageListUtilityClass, classes);
-};
-var ImageListRoot = styled('ul', {
-  name: 'MuiImageList',
-  slot: 'Root',
-  overridesResolver: function overridesResolver(props, styles) {
-    var ownerState = props.ownerState;
-    return [styles.root, styles[ownerState.variant]];
-  }
-})(function (_ref) {
-  var ownerState = _ref.ownerState;
-  return _extends({
-    display: 'grid',
-    overflowY: 'auto',
-    listStyle: 'none',
-    padding: 0,
-    // Add iOS momentum scrolling for iOS < 13.0
-    WebkitOverflowScrolling: 'touch'
-  }, ownerState.variant === 'masonry' && {
-    display: 'block'
-  });
-});
-var ImageList = /*#__PURE__*/React.forwardRef(function ImageList(inProps, ref) {
-  var props = useThemeProps({
-    props: inProps,
-    name: 'MuiImageList'
-  });
-  var children = props.children,
-    className = props.className,
-    _props$cols = props.cols,
-    cols = _props$cols === void 0 ? 2 : _props$cols,
-    _props$component = props.component,
-    component = _props$component === void 0 ? 'ul' : _props$component,
-    _props$rowHeight = props.rowHeight,
-    rowHeight = _props$rowHeight === void 0 ? 'auto' : _props$rowHeight,
-    _props$gap = props.gap,
-    gap = _props$gap === void 0 ? 4 : _props$gap,
-    styleProp = props.style,
-    _props$variant = props.variant,
-    variant = _props$variant === void 0 ? 'standard' : _props$variant,
-    other = _objectWithoutProperties(props, ["children", "className", "cols", "component", "rowHeight", "gap", "style", "variant"]);
-  var contextValue = React.useMemo(function () {
-    return {
-      rowHeight: rowHeight,
-      gap: gap,
-      variant: variant
-    };
-  }, [rowHeight, gap, variant]);
-  React.useEffect(function () {
-    if (process.env.NODE_ENV !== 'production') {
-      // Detect Internet Explorer 8+
-      if (document !== undefined && 'objectFit' in document.documentElement.style === false) {
-        console.error(['MUI: ImageList v5+ no longer natively supports Internet Explorer.', 'Use v4 of this component instead, or polyfill CSS object-fit.'].join('\n'));
-      }
-    }
-  }, []);
-  var style = variant === 'masonry' ? _extends({
-    columnCount: cols,
-    columnGap: gap
-  }, styleProp) : _extends({
-    gridTemplateColumns: "repeat(".concat(cols, ", 1fr)"),
-    gap: gap
-  }, styleProp);
-  var ownerState = _extends({}, props, {
-    component: component,
-    gap: gap,
-    rowHeight: rowHeight,
-    variant: variant
-  });
-  var classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(ImageListRoot, _extends({
-    as: component,
-    className: clsx(classes.root, classes[variant], className),
-    ref: ref,
-    style: style,
-    ownerState: ownerState
-  }, other, {
-    children: /*#__PURE__*/_jsx(ImageListContext.Provider, {
-      value: contextValue,
-      children: children
-    })
-  }));
-});
-process.env.NODE_ENV !== "production" ? ImageList.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, normally `ImageListItem`s.
-   */
-  children: PropTypes /* @typescript-to-proptypes-ignore */.node.isRequired,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: PropTypes.object,
-  /**
-   * @ignore
-   */
-  className: PropTypes.string,
-  /**
-   * Number of columns.
-   * @default 2
-   */
-  cols: integerPropType,
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: PropTypes.elementType,
-  /**
-   * The gap between items in px.
-   * @default 4
-   */
-  gap: PropTypes.number,
-  /**
-   * The height of one row in px.
-   * @default 'auto'
-   */
-  rowHeight: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number]),
-  /**
-   * @ignore
-   */
-  style: PropTypes.object,
-  /**
-   * 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 'standard'
-   */
-  variant: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['masonry', 'quilted', 'standard', 'woven']), PropTypes.string])
-} : void 0;
-export default ImageList;

package/legacy/ImageList/ImageListContext.js

@@ -1,13 +0,0 @@
-'use client';
-
-import * as React from 'react';
-
-/**
- * @ignore - internal component.
- * @type {React.Context<{} | {expanded: boolean, disabled: boolean, toggle: () => void}>}
- */
-var ImageListContext = /*#__PURE__*/React.createContext({});
-if (process.env.NODE_ENV !== 'production') {
-  ImageListContext.displayName = 'ImageListContext';
-}
-export default ImageListContext;