@mui/material 7.0.1 → 7.1.0

package/modern/AvatarGroup/AvatarGroup.js

@@ -1,223 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { isFragment } from 'react-is';
-import clsx from 'clsx';
-import chainPropTypes from '@mui/utils/chainPropTypes';
-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 Avatar, { avatarClasses } from "../Avatar/index.js";
-import avatarGroupClasses, { getAvatarGroupUtilityClass } from "./avatarGroupClasses.js";
-import useSlot from "../utils/useSlot.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const SPACINGS = {
-  small: -16,
-  medium: -8
-};
-const useUtilityClasses = ownerState => {
-  const {
-    classes
-  } = ownerState;
-  const slots = {
-    root: ['root'],
-    avatar: ['avatar']
-  };
-  return composeClasses(slots, getAvatarGroupUtilityClass, classes);
-};
-const AvatarGroupRoot = styled('div', {
-  name: 'MuiAvatarGroup',
-  slot: 'Root',
-  overridesResolver: (props, styles) => {
-    return [{
-      [`& .${avatarGroupClasses.avatar}`]: styles.avatar
-    }, styles.root];
-  }
-})(memoTheme(({
-  theme
-}) => ({
-  display: 'flex',
-  flexDirection: 'row-reverse',
-  [`& .${avatarClasses.root}`]: {
-    border: `2px solid ${(theme.vars || theme).palette.background.default}`,
-    boxSizing: 'content-box',
-    marginLeft: 'var(--AvatarGroup-spacing, -8px)',
-    '&:last-child': {
-      marginLeft: 0
-    }
-  }
-})));
-const AvatarGroup = /*#__PURE__*/React.forwardRef(function AvatarGroup(inProps, ref) {
-  const props = useDefaultProps({
-    props: inProps,
-    name: 'MuiAvatarGroup'
-  });
-  const {
-    children: childrenProp,
-    className,
-    component = 'div',
-    componentsProps,
-    max = 5,
-    renderSurplus,
-    slotProps = {},
-    slots = {},
-    spacing = 'medium',
-    total,
-    variant = 'circular',
-    ...other
-  } = props;
-  let clampedMax = max < 2 ? 2 : max;
-  const ownerState = {
-    ...props,
-    max,
-    spacing,
-    component,
-    variant
-  };
-  const classes = useUtilityClasses(ownerState);
-  const children = React.Children.toArray(childrenProp).filter(child => {
-    if (process.env.NODE_ENV !== 'production') {
-      if (isFragment(child)) {
-        console.error(["MUI: The AvatarGroup component doesn't accept a Fragment as a child.", 'Consider providing an array instead.'].join('\n'));
-      }
-    }
-    return /*#__PURE__*/React.isValidElement(child);
-  });
-  const totalAvatars = total || children.length;
-  if (totalAvatars === clampedMax) {
-    clampedMax += 1;
-  }
-  clampedMax = Math.min(totalAvatars + 1, clampedMax);
-  const maxAvatars = Math.min(children.length, clampedMax - 1);
-  const extraAvatars = Math.max(totalAvatars - clampedMax, totalAvatars - maxAvatars, 0);
-  const extraAvatarsElement = renderSurplus ? renderSurplus(extraAvatars) : `+${extraAvatars}`;
-  const marginValue = ownerState.spacing && SPACINGS[ownerState.spacing] !== undefined ? SPACINGS[ownerState.spacing] : -ownerState.spacing || -8;
-  const externalForwardedProps = {
-    slots,
-    slotProps: {
-      surplus: slotProps.additionalAvatar ?? componentsProps?.additionalAvatar,
-      ...componentsProps,
-      ...slotProps
-    }
-  };
-  const [SurplusSlot, surplusProps] = useSlot('surplus', {
-    elementType: Avatar,
-    externalForwardedProps,
-    className: classes.avatar,
-    ownerState,
-    additionalProps: {
-      variant
-    }
-  });
-  return /*#__PURE__*/_jsxs(AvatarGroupRoot, {
-    as: component,
-    ownerState: ownerState,
-    className: clsx(classes.root, className),
-    ref: ref,
-    ...other,
-    style: {
-      '--AvatarGroup-spacing': marginValue ? `${marginValue}px` : undefined,
-      ...other.style
-    },
-    children: [extraAvatars ? /*#__PURE__*/_jsx(SurplusSlot, {
-      ...surplusProps,
-      children: extraAvatarsElement
-    }) : null, children.slice(0, maxAvatars).reverse().map(child => {
-      return /*#__PURE__*/React.cloneElement(child, {
-        className: clsx(child.props.className, classes.avatar),
-        variant: child.props.variant || variant
-      });
-    })]
-  });
-});
-process.env.NODE_ENV !== "production" ? AvatarGroup.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 avatars to stack.
-   */
-  children: PropTypes.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: PropTypes.object,
-  /**
-   * @ignore
-   */
-  className: PropTypes.string,
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: PropTypes.elementType,
-  /**
-   * The extra props for the slot components.
-   * You can override the existing props or add new ones.
-   *
-   * This prop is an alias for the `slotProps` prop.
-   *
-   * @deprecated use the `slotProps` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  componentsProps: PropTypes.shape({
-    additionalAvatar: PropTypes.object
-  }),
-  /**
-   * Max avatars to show before +x.
-   * @default 5
-   */
-  max: chainPropTypes(PropTypes.number, props => {
-    if (props.max < 2) {
-      return new Error(['MUI: The prop `max` should be equal to 2 or above.', 'A value below is clamped to 2.'].join('\n'));
-    }
-    return null;
-  }),
-  /**
-   * custom renderer of extraAvatars
-   * @param {number} surplus number of extra avatars
-   * @returns {React.ReactNode} custom element to display
-   */
-  renderSurplus: PropTypes.func,
-  /**
-   * The props used for each slot inside.
-   * @default {}
-   */
-  slotProps: PropTypes.shape({
-    additionalAvatar: PropTypes.object,
-    surplus: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
-  }),
-  /**
-   * The components used for each slot inside.
-   * @default {}
-   */
-  slots: PropTypes.shape({
-    surplus: PropTypes.elementType
-  }),
-  /**
-   * Spacing between avatars.
-   * @default 'medium'
-   */
-  spacing: PropTypes.oneOfType([PropTypes.oneOf(['medium', 'small']), 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 total number of avatars. Used for calculating the number of extra avatars.
-   * @default children.length
-   */
-  total: PropTypes.number,
-  /**
-   * The variant to use.
-   * @default 'circular'
-   */
-  variant: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['circular', 'rounded', 'square']), PropTypes.string])
-} : void 0;
-export default AvatarGroup;

package/modern/AvatarGroup/avatarGroupClasses.d.ts

@@ -1,10 +0,0 @@
-export interface AvatarGroupClasses {
-  /** Styles applied to the root element. */
-  root: string;
-  /** Styles applied to the avatar elements. */
-  avatar: string;
-}
-export type AvatarGroupClassKey = keyof AvatarGroupClasses;
-export declare function getAvatarGroupUtilityClass(slot: string): string;
-declare const avatarGroupClasses: AvatarGroupClasses;
-export default avatarGroupClasses;

package/modern/AvatarGroup/avatarGroupClasses.js

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

package/modern/AvatarGroup/index.d.ts

@@ -1,4 +0,0 @@
-export { default } from "./AvatarGroup.js";
-export * from "./AvatarGroup.js";
-export { default as avatarGroupClasses } from "./avatarGroupClasses.js";
-export * from "./avatarGroupClasses.js";

package/modern/AvatarGroup/index.js

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

package/modern/Backdrop/Backdrop.d.ts

@@ -1,118 +0,0 @@
-import * as React from 'react';
-import { SxProps } from '@mui/system';
-import { FadeProps } from "../Fade/index.js";
-import { TransitionProps } from "../transitions/transition.js";
-import { Theme } from "../styles/index.js";
-import { BackdropClasses } from "./backdropClasses.js";
-import { OverridableComponent, OverrideProps } from "../OverridableComponent/index.js";
-import { CreateSlotsAndSlotProps, SlotComponentProps, SlotProps } from "../utils/types.js";
-export interface BackdropSlots {
-  /**
-   * The component that renders the root.
-   * @default 'div'
-   */
-  root: React.ElementType;
-  /**
-   * The component that renders the transition.
-   * [Follow this guide](https://mui.com/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
-   * @default Fade
-   */
-  transition: React.ElementType;
-}
-export interface BackdropComponentsPropsOverrides {}
-export interface BackdropTransitionSlotPropsOverrides {}
-export type BackdropSlotsAndSlotProps = CreateSlotsAndSlotProps<BackdropSlots, {
-  /**
-   * Props forwarded to the transition slot.
-   * By default, the avaible props are based on the div element.
-   */
-  root: SlotProps<'div', BackdropComponentsPropsOverrides, BackdropOwnerState>;
-  /**
-   * Props forwarded to the transition slot.
-   * By default, the avaible props are based on the [Fade](https://mui.com/material-ui/api/fade/#props) component.
-   */
-  transition: SlotComponentProps<React.ElementType, TransitionProps & BackdropTransitionSlotPropsOverrides, BackdropOwnerState>;
-}>;
-export interface BackdropOwnProps extends Partial<Omit<FadeProps, 'children'>>, BackdropSlotsAndSlotProps {
-  /**
-   * The content of the component.
-   */
-  children?: React.ReactNode;
-  /**
-   * The components used for each slot inside.
-   *
-   * @deprecated Use the `slots` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   *
-   * @default {}
-   */
-  components?: {
-    Root?: React.ElementType;
-  };
-  /**
-   * The extra props for the slot components.
-   * You can override the existing props or add new ones.
-   *
-   * @deprecated Use the `slotProps` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   *
-   * @default {}
-   */
-  componentsProps?: {
-    root?: React.HTMLAttributes<HTMLDivElement> & BackdropComponentsPropsOverrides;
-  };
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes?: Partial<BackdropClasses>;
-  /**
-   * If `true`, the backdrop is invisible.
-   * It can be used when rendering a popover or a custom select component.
-   * @default false
-   */
-  invisible?: boolean;
-  /**
-   * If `true`, the component is shown.
-   */
-  open: boolean;
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx?: SxProps<Theme>;
-  /**
-   * The duration for the transition, in milliseconds.
-   * You may specify a single timeout for all transitions, or individually with an object.
-   */
-  transitionDuration?: TransitionProps['timeout'];
-  /**
-   * The component used for the transition.
-   * [Follow this guide](https://mui.com/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
-   * @default Fade
-   * @deprecated Use `slots.transition` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  TransitionComponent?: React.JSXElementConstructor<TransitionProps & {
-    children: React.ReactElement<unknown, any>;
-  }>;
-}
-export interface BackdropTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'div'> {
-  props: AdditionalProps & BackdropOwnProps;
-  defaultComponent: RootComponent;
-}
-type BackdropRootProps = NonNullable<BackdropTypeMap['props']['componentsProps']>['root'];
-export declare const BackdropRoot: React.FC<BackdropRootProps>;
-
-/**
- *
- * Demos:
- *
- * - [Backdrop](https://mui.com/material-ui/react-backdrop/)
- *
- * API:
- *
- * - [Backdrop API](https://mui.com/material-ui/api/backdrop/)
- * - inherits [Fade API](https://mui.com/material-ui/api/fade/)
- */
-declare const Backdrop: OverridableComponent<BackdropTypeMap>;
-export type BackdropProps<RootComponent extends React.ElementType = BackdropTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<BackdropTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
-};
-export interface BackdropOwnerState extends BackdropProps {}
-export default Backdrop;

package/modern/Backdrop/Backdrop.js

@@ -1,205 +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 { useDefaultProps } from "../DefaultPropsProvider/index.js";
-import useSlot from "../utils/useSlot.js";
-import Fade from "../Fade/index.js";
-import { getBackdropUtilityClass } from "./backdropClasses.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const useUtilityClasses = ownerState => {
-  const {
-    classes,
-    invisible
-  } = ownerState;
-  const slots = {
-    root: ['root', invisible && 'invisible']
-  };
-  return composeClasses(slots, getBackdropUtilityClass, classes);
-};
-const BackdropRoot = styled('div', {
-  name: 'MuiBackdrop',
-  slot: 'Root',
-  overridesResolver: (props, styles) => {
-    const {
-      ownerState
-    } = props;
-    return [styles.root, ownerState.invisible && styles.invisible];
-  }
-})({
-  position: 'fixed',
-  display: 'flex',
-  alignItems: 'center',
-  justifyContent: 'center',
-  right: 0,
-  bottom: 0,
-  top: 0,
-  left: 0,
-  backgroundColor: 'rgba(0, 0, 0, 0.5)',
-  WebkitTapHighlightColor: 'transparent',
-  variants: [{
-    props: {
-      invisible: true
-    },
-    style: {
-      backgroundColor: 'transparent'
-    }
-  }]
-});
-const Backdrop = /*#__PURE__*/React.forwardRef(function Backdrop(inProps, ref) {
-  const props = useDefaultProps({
-    props: inProps,
-    name: 'MuiBackdrop'
-  });
-  const {
-    children,
-    className,
-    component = 'div',
-    invisible = false,
-    open,
-    components = {},
-    componentsProps = {},
-    slotProps = {},
-    slots = {},
-    TransitionComponent: TransitionComponentProp,
-    transitionDuration,
-    ...other
-  } = props;
-  const ownerState = {
-    ...props,
-    component,
-    invisible
-  };
-  const classes = useUtilityClasses(ownerState);
-  const backwardCompatibleSlots = {
-    transition: TransitionComponentProp,
-    root: components.Root,
-    ...slots
-  };
-  const backwardCompatibleSlotProps = {
-    ...componentsProps,
-    ...slotProps
-  };
-  const externalForwardedProps = {
-    slots: backwardCompatibleSlots,
-    slotProps: backwardCompatibleSlotProps
-  };
-  const [RootSlot, rootProps] = useSlot('root', {
-    elementType: BackdropRoot,
-    externalForwardedProps,
-    className: clsx(classes.root, className),
-    ownerState
-  });
-  const [TransitionSlot, transitionProps] = useSlot('transition', {
-    elementType: Fade,
-    externalForwardedProps,
-    ownerState
-  });
-  return /*#__PURE__*/_jsx(TransitionSlot, {
-    in: open,
-    timeout: transitionDuration,
-    ...other,
-    ...transitionProps,
-    children: /*#__PURE__*/_jsx(RootSlot, {
-      "aria-hidden": true,
-      ...rootProps,
-      classes: classes,
-      ref: ref,
-      children: children
-    })
-  });
-});
-process.env.NODE_ENV !== "production" ? Backdrop.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 component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: PropTypes.elementType,
-  /**
-   * The components used for each slot inside.
-   *
-   * @deprecated Use the `slots` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   *
-   * @default {}
-   */
-  components: PropTypes.shape({
-    Root: PropTypes.elementType
-  }),
-  /**
-   * The extra props for the slot components.
-   * You can override the existing props or add new ones.
-   *
-   * @deprecated Use the `slotProps` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   *
-   * @default {}
-   */
-  componentsProps: PropTypes.shape({
-    root: PropTypes.object
-  }),
-  /**
-   * If `true`, the backdrop is invisible.
-   * It can be used when rendering a popover or a custom select component.
-   * @default false
-   */
-  invisible: PropTypes.bool,
-  /**
-   * If `true`, the component is shown.
-   */
-  open: PropTypes.bool.isRequired,
-  /**
-   * The props used for each slot inside.
-   * @default {}
-   */
-  slotProps: PropTypes.shape({
-    root: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
-    transition: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
-  }),
-  /**
-   * The components used for each slot inside.
-   * @default {}
-   */
-  slots: PropTypes.shape({
-    root: PropTypes.elementType,
-    transition: PropTypes.elementType
-  }),
-  /**
-   * 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 component used for the transition.
-   * [Follow this guide](https://mui.com/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
-   * @default Fade
-   * @deprecated Use `slots.transition` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  TransitionComponent: PropTypes.elementType,
-  /**
-   * The duration for the transition, in milliseconds.
-   * You may specify a single timeout for all transitions, or individually with an object.
-   */
-  transitionDuration: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({
-    appear: PropTypes.number,
-    enter: PropTypes.number,
-    exit: PropTypes.number
-  })])
-} : void 0;
-export default Backdrop;

package/modern/Backdrop/backdropClasses.d.ts

@@ -1,10 +0,0 @@
-export interface BackdropClasses {
-  /** Styles applied to the root element. */
-  root: string;
-  /** Styles applied to the root element if `invisible={true}`. */
-  invisible: string;
-}
-export type BackdropClassKey = keyof BackdropClasses;
-export declare function getBackdropUtilityClass(slot: string): string;
-declare const backdropClasses: BackdropClasses;
-export default backdropClasses;

package/modern/Backdrop/backdropClasses.js

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

package/modern/Backdrop/index.d.ts

@@ -1,4 +0,0 @@
-export { default } from "./Backdrop.js";
-export * from "./Backdrop.js";
-export { default as backdropClasses } from "./backdropClasses.js";
-export * from "./backdropClasses.js";

package/modern/Backdrop/index.js

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