@mui/material 7.3.8 → 9.0.0-alpha.1

package/esm/Autocomplete/index.d.ts

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

package/esm/Autocomplete/index.js

@@ -1,3 +0,0 @@
-export { default, createFilterOptions } from "./Autocomplete.js";
-export { default as autocompleteClasses } from "./autocompleteClasses.js";
-export * from "./autocompleteClasses.js";

package/esm/Avatar/Avatar.d.ts

@@ -1,112 +0,0 @@
-import * as React from 'react';
-import { SxProps } from '@mui/system';
-import { OverridableStringUnion } from '@mui/types';
-import { Theme } from "../styles/index.js";
-import { OverridableComponent, OverrideProps } from "../OverridableComponent/index.js";
-import { AvatarClasses } from "./avatarClasses.js";
-import { CreateSlotsAndSlotProps, SlotProps } from "../utils/types.js";
-import { SvgIconProps } from "../SvgIcon/index.js";
-export interface AvatarSlots {
-  /**
-   * The component that renders the root slot.
-   * @default 'div'
-   */
-  root: React.ElementType;
-  /**
-   * The component that renders the img slot.
-   * @default 'img'
-   */
-  img: React.ElementType;
-  /**
-   * The component that renders the fallback slot.
-   * @default Person icon
-   */
-  fallback: React.ElementType;
-}
-export interface AvatarPropsVariantOverrides {}
-export interface AvatarRootSlotPropsOverrides {}
-export interface AvatarImgSlotPropsOverrides {}
-export interface AvatarFallbackSlotPropsOverrides {}
-export type AvatarSlotsAndSlotProps = CreateSlotsAndSlotProps<AvatarSlots, {
-  /**
-   * Props forwarded to the root slot.
-   * By default, the available props are based on the div element.
-   */
-  root: SlotProps<'div', AvatarRootSlotPropsOverrides, AvatarOwnProps>;
-  /**
-   * Props forwarded to the img slot.
-   * By default, the available props are based on the img element.
-   */
-  img: SlotProps<'img', AvatarImgSlotPropsOverrides, AvatarOwnProps>;
-  /**
-   * Props forwarded to the fallback slot.
-   * By default, the available props are based on the [SvgIcon](https://mui.com/material-ui/api/svg-icon/#props) component.
-   */
-  fallback: SlotProps<React.ElementType<SvgIconProps>, AvatarFallbackSlotPropsOverrides, AvatarOwnProps>;
-}>;
-export interface AvatarOwnProps {
-  /**
-   * Used in combination with `src` or `srcSet` to
-   * provide an alt attribute for the rendered `img` element.
-   */
-  alt?: string;
-  /**
-   * Used to render icon or text elements inside the Avatar if `src` is not set.
-   * This can be an element, or just a string.
-   */
-  children?: React.ReactNode;
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes?: Partial<AvatarClasses>;
-  /**
-   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/img#attributes) applied to the `img` element if the component is used to display an image.
-   * It can be used to listen for the loading error event.
-   * @deprecated Use `slotProps.img` 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.
-   */
-  imgProps?: React.ImgHTMLAttributes<HTMLImageElement> & {
-    sx?: SxProps<Theme>;
-  };
-  /**
-   * The `sizes` attribute for the `img` element.
-   */
-  sizes?: string;
-  /**
-   * The `src` attribute for the `img` element.
-   */
-  src?: string;
-  /**
-   * The `srcSet` attribute for the `img` element.
-   * Use this attribute for responsive image display.
-   */
-  srcSet?: string;
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx?: SxProps<Theme>;
-  /**
-   * The shape of the avatar.
-   * @default 'circular'
-   */
-  variant?: OverridableStringUnion<'circular' | 'rounded' | 'square', AvatarPropsVariantOverrides>;
-}
-export interface AvatarTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'div'> {
-  props: AdditionalProps & AvatarOwnProps & AvatarSlotsAndSlotProps;
-  defaultComponent: RootComponent;
-}
-
-/**
- *
- * Demos:
- *
- * - [Avatar](https://mui.com/material-ui/react-avatar/)
- *
- * API:
- *
- * - [Avatar API](https://mui.com/material-ui/api/avatar/)
- */
-declare const Avatar: OverridableComponent<AvatarTypeMap>;
-export type AvatarProps<RootComponent extends React.ElementType = AvatarTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<AvatarTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
-};
-export default Avatar;

package/esm/Avatar/Avatar.js

@@ -1,318 +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 Person from "../internal/svg-icons/Person.js";
-import { getAvatarUtilityClass } from "./avatarClasses.js";
-import useSlot from "../utils/useSlot.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const useUtilityClasses = ownerState => {
-  const {
-    classes,
-    variant,
-    colorDefault
-  } = ownerState;
-  const slots = {
-    root: ['root', variant, colorDefault && 'colorDefault'],
-    img: ['img'],
-    fallback: ['fallback']
-  };
-  return composeClasses(slots, getAvatarUtilityClass, classes);
-};
-const AvatarRoot = styled('div', {
-  name: 'MuiAvatar',
-  slot: 'Root',
-  overridesResolver: (props, styles) => {
-    const {
-      ownerState
-    } = props;
-    return [styles.root, styles[ownerState.variant], ownerState.colorDefault && styles.colorDefault];
-  }
-})(memoTheme(({
-  theme
-}) => ({
-  position: 'relative',
-  display: 'flex',
-  alignItems: 'center',
-  justifyContent: 'center',
-  flexShrink: 0,
-  width: 40,
-  height: 40,
-  fontFamily: theme.typography.fontFamily,
-  fontSize: theme.typography.pxToRem(20),
-  lineHeight: 1,
-  borderRadius: '50%',
-  overflow: 'hidden',
-  userSelect: 'none',
-  variants: [{
-    props: {
-      variant: 'rounded'
-    },
-    style: {
-      borderRadius: (theme.vars || theme).shape.borderRadius
-    }
-  }, {
-    props: {
-      variant: 'square'
-    },
-    style: {
-      borderRadius: 0
-    }
-  }, {
-    props: {
-      colorDefault: true
-    },
-    style: {
-      color: (theme.vars || theme).palette.background.default,
-      ...(theme.vars ? {
-        backgroundColor: theme.vars.palette.Avatar.defaultBg
-      } : {
-        backgroundColor: theme.palette.grey[400],
-        ...theme.applyStyles('dark', {
-          backgroundColor: theme.palette.grey[600]
-        })
-      })
-    }
-  }]
-})));
-const AvatarImg = styled('img', {
-  name: 'MuiAvatar',
-  slot: 'Img'
-})({
-  width: '100%',
-  height: '100%',
-  textAlign: 'center',
-  // Handle non-square image.
-  objectFit: 'cover',
-  // Hide alt text.
-  color: 'transparent',
-  // Hide the image broken icon, only works on Chrome.
-  textIndent: 10000
-});
-const AvatarFallback = styled(Person, {
-  name: 'MuiAvatar',
-  slot: 'Fallback'
-})({
-  width: '75%',
-  height: '75%'
-});
-function useLoaded({
-  crossOrigin,
-  referrerPolicy,
-  src,
-  srcSet
-}) {
-  const [loaded, setLoaded] = React.useState(false);
-  React.useEffect(() => {
-    if (!src && !srcSet) {
-      return undefined;
-    }
-    setLoaded(false);
-    let active = true;
-    const image = new Image();
-    image.onload = () => {
-      if (!active) {
-        return;
-      }
-      setLoaded('loaded');
-    };
-    image.onerror = () => {
-      if (!active) {
-        return;
-      }
-      setLoaded('error');
-    };
-    image.crossOrigin = crossOrigin;
-    image.referrerPolicy = referrerPolicy;
-    image.src = src;
-    if (srcSet) {
-      image.srcset = srcSet;
-    }
-    return () => {
-      active = false;
-    };
-  }, [crossOrigin, referrerPolicy, src, srcSet]);
-  return loaded;
-}
-const Avatar = /*#__PURE__*/React.forwardRef(function Avatar(inProps, ref) {
-  const props = useDefaultProps({
-    props: inProps,
-    name: 'MuiAvatar'
-  });
-  const {
-    alt,
-    children: childrenProp,
-    className,
-    component = 'div',
-    slots = {},
-    slotProps = {},
-    imgProps,
-    sizes,
-    src,
-    srcSet,
-    variant = 'circular',
-    ...other
-  } = props;
-  let children = null;
-  const ownerState = {
-    ...props,
-    component,
-    variant
-  };
-
-  // Use a hook instead of onError on the img element to support server-side rendering.
-  const loaded = useLoaded({
-    ...imgProps,
-    ...(typeof slotProps.img === 'function' ? slotProps.img(ownerState) : slotProps.img),
-    src,
-    srcSet
-  });
-  const hasImg = src || srcSet;
-  const hasImgNotFailing = hasImg && loaded !== 'error';
-  ownerState.colorDefault = !hasImgNotFailing;
-  // This issue explains why this is required: https://github.com/mui/material-ui/issues/42184
-  delete ownerState.ownerState;
-  const classes = useUtilityClasses(ownerState);
-  const [RootSlot, rootSlotProps] = useSlot('root', {
-    ref,
-    className: clsx(classes.root, className),
-    elementType: AvatarRoot,
-    externalForwardedProps: {
-      slots,
-      slotProps,
-      component,
-      ...other
-    },
-    ownerState
-  });
-  const [ImgSlot, imgSlotProps] = useSlot('img', {
-    className: classes.img,
-    elementType: AvatarImg,
-    externalForwardedProps: {
-      slots,
-      slotProps: {
-        img: {
-          ...imgProps,
-          ...slotProps.img
-        }
-      }
-    },
-    additionalProps: {
-      alt,
-      src,
-      srcSet,
-      sizes
-    },
-    ownerState
-  });
-  const [FallbackSlot, fallbackSlotProps] = useSlot('fallback', {
-    className: classes.fallback,
-    elementType: AvatarFallback,
-    externalForwardedProps: {
-      slots,
-      slotProps
-    },
-    shouldForwardComponentProp: true,
-    ownerState
-  });
-  if (hasImgNotFailing) {
-    children = /*#__PURE__*/_jsx(ImgSlot, {
-      ...imgSlotProps
-    });
-    // We only render valid children, non valid children are rendered with a fallback
-    // We consider that invalid children are all falsy values, except 0, which is valid.
-  } else if (!!childrenProp || childrenProp === 0) {
-    children = childrenProp;
-  } else if (hasImg && alt) {
-    children = alt[0];
-  } else {
-    children = /*#__PURE__*/_jsx(FallbackSlot, {
-      ...fallbackSlotProps
-    });
-  }
-  return /*#__PURE__*/_jsx(RootSlot, {
-    ...rootSlotProps,
-    children: children
-  });
-});
-process.env.NODE_ENV !== "production" ? Avatar.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`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * Used in combination with `src` or `srcSet` to
-   * provide an alt attribute for the rendered `img` element.
-   */
-  alt: PropTypes.string,
-  /**
-   * Used to render icon or text elements inside the Avatar if `src` is not set.
-   * This can be an element, or just a string.
-   */
-  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,
-  /**
-   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/img#attributes) applied to the `img` element if the component is used to display an image.
-   * It can be used to listen for the loading error event.
-   * @deprecated Use `slotProps.img` 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.
-   */
-  imgProps: PropTypes.object,
-  /**
-   * The `sizes` attribute for the `img` element.
-   */
-  sizes: PropTypes.string,
-  /**
-   * The props used for each slot inside.
-   * @default {}
-   */
-  slotProps: PropTypes.shape({
-    fallback: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
-    img: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
-    root: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
-  }),
-  /**
-   * The components used for each slot inside.
-   * @default {}
-   */
-  slots: PropTypes.shape({
-    fallback: PropTypes.elementType,
-    img: PropTypes.elementType,
-    root: PropTypes.elementType
-  }),
-  /**
-   * The `src` attribute for the `img` element.
-   */
-  src: PropTypes.string,
-  /**
-   * The `srcSet` attribute for the `img` element.
-   * Use this attribute for responsive image display.
-   */
-  srcSet: 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 shape of the avatar.
-   * @default 'circular'
-   */
-  variant: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['circular', 'rounded', 'square']), PropTypes.string])
-} : void 0;
-export default Avatar;

package/esm/Avatar/index.d.ts

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

package/esm/Avatar/index.js

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

package/esm/AvatarGroup/AvatarGroup.d.ts

@@ -1,96 +0,0 @@
-import * as React from 'react';
-import { OverridableComponent, OverridableStringUnion, OverrideProps, PartiallyRequired } from '@mui/types';
-import { SxProps } from '@mui/system';
-import { Theme } from "../styles/index.js";
-import { AvatarGroupClasses } from "./avatarGroupClasses.js";
-import Avatar from "../Avatar/index.js";
-import { CreateSlotsAndSlotProps, SlotProps } from "../utils/types.js";
-export interface AvatarGroupPropsVariantOverrides {}
-export interface AvatarGroupComponentsPropsOverrides {}
-export interface AvatarGroupSlots {
-  surplus: React.ElementType;
-}
-export type AvatarGroupSlotsAndSlotProps = CreateSlotsAndSlotProps<AvatarGroupSlots, {
-  /**
-   * @deprecated use `slotProps.surplus` 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.
-   *  */
-  additionalAvatar: React.ComponentPropsWithRef<typeof Avatar> & AvatarGroupComponentsPropsOverrides;
-  surplus: SlotProps<React.ElementType<React.ComponentPropsWithRef<typeof Avatar>>, AvatarGroupComponentsPropsOverrides, AvatarGroupOwnerState>;
-}>;
-export interface AvatarGroupOwnProps extends AvatarGroupSlotsAndSlotProps {
-  /**
-   * The avatars to stack.
-   */
-  children?: React.ReactNode;
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes?: Partial<AvatarGroupClasses>;
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component?: React.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?: {
-    additionalAvatar?: React.ComponentPropsWithRef<typeof Avatar> & AvatarGroupComponentsPropsOverrides;
-  };
-  /**
-   * Max avatars to show before +x.
-   * @default 5
-   */
-  max?: number;
-  /**
-   * custom renderer of extraAvatars
-   * @param {number} surplus number of extra avatars
-   * @returns {React.ReactNode} custom element to display
-   */
-  renderSurplus?: (surplus: number) => React.ReactNode;
-  /**
-   * Spacing between avatars.
-   * @default 'medium'
-   */
-  spacing?: 'small' | 'medium' | number;
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx?: SxProps<Theme>;
-  /**
-   * The total number of avatars. Used for calculating the number of extra avatars.
-   * @default children.length
-   */
-  total?: number;
-  /**
-   * The variant to use.
-   * @default 'circular'
-   */
-  variant?: OverridableStringUnion<'circular' | 'rounded' | 'square', AvatarGroupPropsVariantOverrides>;
-}
-export interface AvatarGroupTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'div'> {
-  props: AdditionalProps & AvatarGroupOwnProps;
-  defaultComponent: RootComponent;
-}
-
-/**
- *
- * Demos:
- *
- * - [Avatar](https://mui.com/material-ui/react-avatar/)
- *
- * API:
- *
- * - [AvatarGroup API](https://mui.com/material-ui/api/avatar-group/)
- */
-declare const AvatarGroup: OverridableComponent<AvatarGroupTypeMap>;
-export type AvatarGroupProps<RootComponent extends React.ElementType = AvatarGroupTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<AvatarGroupTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
-};
-export interface AvatarGroupOwnerState extends PartiallyRequired<AvatarGroupProps, 'max' | 'spacing' | 'component' | 'variant'> {}
-export default AvatarGroup;