@mui/material 7.0.1 → 7.1.0

package/modern/AccordionSummary/AccordionSummary.d.ts

@@ -1,80 +0,0 @@
-import * as React from 'react';
-import { SxProps } from '@mui/system';
-import { ButtonBaseProps, ExtendButtonBase, ExtendButtonBaseTypeMap } from "../ButtonBase/index.js";
-import { OverrideProps } from "../OverridableComponent/index.js";
-import { CreateSlotsAndSlotProps, SlotProps, Theme } from "../index.js";
-import { AccordionSummaryClasses } from "./accordionSummaryClasses.js";
-export interface AccordionSummarySlots {
-  /**
-   * The component that renders the root slot.
-   * @default ButtonBase
-   */
-  root: React.ElementType;
-  /**
-   * The component that renders the content slot.
-   * @default div
-   */
-  content: React.ElementType;
-  /**
-   * The component that renders the expand icon wrapper slot.
-   * @default div
-   */
-  expandIconWrapper: React.ElementType;
-}
-export interface AccordionSummaryRootSlotPropsOverrides {}
-export interface AccordionSummaryContentSlotPropsOverrides {}
-export interface AccordionSummaryExpandIconWrapperSlotPropsOverrides {}
-export type AccordionSummarySlotsAndSlotProps = CreateSlotsAndSlotProps<AccordionSummarySlots, {
-  /**
-   * Props forwarded to the root slot.
-   * By default, the avaible props are based on the [ButtonBase](https://mui.com/material-ui/api/button-base/#props) component.
-   */
-  root: SlotProps<React.ElementType<ButtonBaseProps>, AccordionSummaryRootSlotPropsOverrides, AccordionSummaryOwnerState>;
-  /**
-   * Props forwarded to the content slot.
-   * By default, the avaible props are based on a div element.
-   */
-  content: SlotProps<'div', AccordionSummaryContentSlotPropsOverrides, AccordionSummaryOwnerState>;
-  /**
-   * Props forwarded to the expand icon wrapper slot.
-   * By default, the avaible props are based on a div element.
-   */
-  expandIconWrapper: SlotProps<'div', AccordionSummaryExpandIconWrapperSlotPropsOverrides, AccordionSummaryOwnerState>;
-}>;
-export interface AccordionSummaryOwnProps extends AccordionSummarySlotsAndSlotProps {
-  children?: React.ReactNode;
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes?: Partial<AccordionSummaryClasses>;
-  /**
-   * The icon to display as the expand indicator.
-   */
-  expandIcon?: React.ReactNode;
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx?: SxProps<Theme>;
-}
-export type AccordionSummaryTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'div'> = ExtendButtonBaseTypeMap<{
-  props: AdditionalProps & AccordionSummaryOwnProps;
-  defaultComponent: RootComponent;
-}>;
-export interface AccordionSummaryOwnerState extends Omit<AccordionSummaryProps, 'slots' | 'slotProps'> {}
-
-/**
- *
- * Demos:
- *
- * - [Accordion](https://mui.com/material-ui/react-accordion/)
- *
- * API:
- *
- * - [AccordionSummary API](https://mui.com/material-ui/api/accordion-summary/)
- * - inherits [ButtonBase API](https://mui.com/material-ui/api/button-base/)
- */
-declare const AccordionSummary: ExtendButtonBase<AccordionSummaryTypeMap>;
-export type AccordionSummaryProps<RootComponent extends React.ElementType = AccordionSummaryTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<AccordionSummaryTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
-};
-export default AccordionSummary;

package/modern/AccordionSummary/AccordionSummary.js

@@ -1,250 +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 ButtonBase from "../ButtonBase/index.js";
-import AccordionContext from "../Accordion/AccordionContext.js";
-import accordionSummaryClasses, { getAccordionSummaryUtilityClass } from "./accordionSummaryClasses.js";
-import useSlot from "../utils/useSlot.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const useUtilityClasses = ownerState => {
-  const {
-    classes,
-    expanded,
-    disabled,
-    disableGutters
-  } = ownerState;
-  const slots = {
-    root: ['root', expanded && 'expanded', disabled && 'disabled', !disableGutters && 'gutters'],
-    focusVisible: ['focusVisible'],
-    content: ['content', expanded && 'expanded', !disableGutters && 'contentGutters'],
-    expandIconWrapper: ['expandIconWrapper', expanded && 'expanded']
-  };
-  return composeClasses(slots, getAccordionSummaryUtilityClass, classes);
-};
-const AccordionSummaryRoot = styled(ButtonBase, {
-  name: 'MuiAccordionSummary',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
-})(memoTheme(({
-  theme
-}) => {
-  const transition = {
-    duration: theme.transitions.duration.shortest
-  };
-  return {
-    display: 'flex',
-    width: '100%',
-    minHeight: 48,
-    padding: theme.spacing(0, 2),
-    transition: theme.transitions.create(['min-height', 'background-color'], transition),
-    [`&.${accordionSummaryClasses.focusVisible}`]: {
-      backgroundColor: (theme.vars || theme).palette.action.focus
-    },
-    [`&.${accordionSummaryClasses.disabled}`]: {
-      opacity: (theme.vars || theme).palette.action.disabledOpacity
-    },
-    [`&:hover:not(.${accordionSummaryClasses.disabled})`]: {
-      cursor: 'pointer'
-    },
-    variants: [{
-      props: props => !props.disableGutters,
-      style: {
-        [`&.${accordionSummaryClasses.expanded}`]: {
-          minHeight: 64
-        }
-      }
-    }]
-  };
-}));
-const AccordionSummaryContent = styled('span', {
-  name: 'MuiAccordionSummary',
-  slot: 'Content',
-  overridesResolver: (props, styles) => styles.content
-})(memoTheme(({
-  theme
-}) => ({
-  display: 'flex',
-  textAlign: 'start',
-  flexGrow: 1,
-  margin: '12px 0',
-  variants: [{
-    props: props => !props.disableGutters,
-    style: {
-      transition: theme.transitions.create(['margin'], {
-        duration: theme.transitions.duration.shortest
-      }),
-      [`&.${accordionSummaryClasses.expanded}`]: {
-        margin: '20px 0'
-      }
-    }
-  }]
-})));
-const AccordionSummaryExpandIconWrapper = styled('span', {
-  name: 'MuiAccordionSummary',
-  slot: 'ExpandIconWrapper',
-  overridesResolver: (props, styles) => styles.expandIconWrapper
-})(memoTheme(({
-  theme
-}) => ({
-  display: 'flex',
-  color: (theme.vars || theme).palette.action.active,
-  transform: 'rotate(0deg)',
-  transition: theme.transitions.create('transform', {
-    duration: theme.transitions.duration.shortest
-  }),
-  [`&.${accordionSummaryClasses.expanded}`]: {
-    transform: 'rotate(180deg)'
-  }
-})));
-const AccordionSummary = /*#__PURE__*/React.forwardRef(function AccordionSummary(inProps, ref) {
-  const props = useDefaultProps({
-    props: inProps,
-    name: 'MuiAccordionSummary'
-  });
-  const {
-    children,
-    className,
-    expandIcon,
-    focusVisibleClassName,
-    onClick,
-    slots,
-    slotProps,
-    ...other
-  } = props;
-  const {
-    disabled = false,
-    disableGutters,
-    expanded,
-    toggle
-  } = React.useContext(AccordionContext);
-  const handleChange = event => {
-    if (toggle) {
-      toggle(event);
-    }
-    if (onClick) {
-      onClick(event);
-    }
-  };
-  const ownerState = {
-    ...props,
-    expanded,
-    disabled,
-    disableGutters
-  };
-  const classes = useUtilityClasses(ownerState);
-  const externalForwardedProps = {
-    slots,
-    slotProps
-  };
-  const [RootSlot, rootSlotProps] = useSlot('root', {
-    ref,
-    shouldForwardComponentProp: true,
-    className: clsx(classes.root, className),
-    elementType: AccordionSummaryRoot,
-    externalForwardedProps: {
-      ...externalForwardedProps,
-      ...other
-    },
-    ownerState,
-    additionalProps: {
-      focusRipple: false,
-      disableRipple: true,
-      disabled,
-      'aria-expanded': expanded,
-      focusVisibleClassName: clsx(classes.focusVisible, focusVisibleClassName)
-    },
-    getSlotProps: handlers => ({
-      ...handlers,
-      onClick: event => {
-        handlers.onClick?.(event);
-        handleChange(event);
-      }
-    })
-  });
-  const [ContentSlot, contentSlotProps] = useSlot('content', {
-    className: classes.content,
-    elementType: AccordionSummaryContent,
-    externalForwardedProps,
-    ownerState
-  });
-  const [ExpandIconWrapperSlot, expandIconWrapperSlotProps] = useSlot('expandIconWrapper', {
-    className: classes.expandIconWrapper,
-    elementType: AccordionSummaryExpandIconWrapper,
-    externalForwardedProps,
-    ownerState
-  });
-  return /*#__PURE__*/_jsxs(RootSlot, {
-    ...rootSlotProps,
-    children: [/*#__PURE__*/_jsx(ContentSlot, {
-      ...contentSlotProps,
-      children: children
-    }), expandIcon && /*#__PURE__*/_jsx(ExpandIconWrapperSlot, {
-      ...expandIconWrapperSlotProps,
-      children: expandIcon
-    })]
-  });
-});
-process.env.NODE_ENV !== "production" ? AccordionSummary.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 icon to display as the expand indicator.
-   */
-  expandIcon: PropTypes.node,
-  /**
-   * This prop can help identify which element has keyboard focus.
-   * The class name will be applied when the element gains the focus through keyboard interaction.
-   * It's a polyfill for the [CSS :focus-visible selector](https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo).
-   * The rationale for using this feature [is explained here](https://github.com/WICG/focus-visible/blob/HEAD/explainer.md).
-   * A [polyfill can be used](https://github.com/WICG/focus-visible) to apply a `focus-visible` class to other components
-   * if needed.
-   */
-  focusVisibleClassName: PropTypes.string,
-  /**
-   * @ignore
-   */
-  onClick: PropTypes.func,
-  /**
-   * The props used for each slot inside.
-   * @default {}
-   */
-  slotProps: PropTypes.shape({
-    content: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
-    expandIconWrapper: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
-    root: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
-  }),
-  /**
-   * The components used for each slot inside.
-   * @default {}
-   */
-  slots: PropTypes.shape({
-    content: PropTypes.elementType,
-    expandIconWrapper: PropTypes.elementType,
-    root: 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])
-} : void 0;
-export default AccordionSummary;

package/modern/AccordionSummary/accordionSummaryClasses.d.ts

@@ -1,25 +0,0 @@
-export interface AccordionSummaryClasses {
-  /** Styles applied to the root element. */
-  root: string;
-  /** State class applied to the root element, children wrapper element and `IconButton` component if `expanded={true}`. */
-  expanded: string;
-  /** State class applied to the ButtonBase root element if the button is keyboard focused. */
-  focusVisible: string;
-  /** State class applied to the root element if `disabled={true}`. */
-  disabled: string;
-  /** Styles applied to the root element unless `disableGutters={true}`. */
-  gutters: string;
-  /**
-   * Styles applied to the children wrapper element unless `disableGutters={true}`.
-   * @deprecated Combine the [.MuiAccordionSummary-gutters](/material-ui/api/accordion-summary/#AccordionSummary-classes-gutters) and [.MuiAccordionSummary-content](/material-ui/api/accordion-summary/#AccordionSummary-classes-content) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  contentGutters: string;
-  /** Styles applied to the children wrapper element. */
-  content: string;
-  /** Styles applied to the `expandIcon`'s wrapper element. */
-  expandIconWrapper: string;
-}
-export type AccordionSummaryClassKey = keyof AccordionSummaryClasses;
-export declare function getAccordionSummaryUtilityClass(slot: string): string;
-declare const accordionSummaryClasses: AccordionSummaryClasses;
-export default accordionSummaryClasses;

package/modern/AccordionSummary/accordionSummaryClasses.js

@@ -1,7 +0,0 @@
-import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
-import generateUtilityClass from '@mui/utils/generateUtilityClass';
-export function getAccordionSummaryUtilityClass(slot) {
-  return generateUtilityClass('MuiAccordionSummary', slot);
-}
-const accordionSummaryClasses = generateUtilityClasses('MuiAccordionSummary', ['root', 'expanded', 'focusVisible', 'disabled', 'gutters', 'contentGutters', 'content', 'expandIconWrapper']);
-export default accordionSummaryClasses;

package/modern/AccordionSummary/index.d.ts

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

package/modern/AccordionSummary/index.js

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

package/modern/Alert/Alert.d.ts

@@ -1,178 +0,0 @@
-import * as React from 'react';
-import { OverridableStringUnion } from '@mui/types';
-import { SxProps } from '@mui/system';
-import { IconButtonProps, InternalStandardProps as StandardProps, SvgIconProps, Theme } from "../index.js";
-import { PaperProps } from "../Paper/index.js";
-import { AlertClasses } from "./alertClasses.js";
-import { CreateSlotsAndSlotProps, SlotProps } from "../utils/types.js";
-export type AlertColor = 'success' | 'info' | 'warning' | 'error';
-export interface AlertPropsVariantOverrides {}
-export interface AlertPropsColorOverrides {}
-export interface AlertRootSlotPropsOverrides {}
-export interface AlertIconSlotPropsOverrides {}
-export interface AlertMessageSlotPropsOverrides {}
-export interface AlertActionSlotPropsOverrides {}
-export interface AlertCloseButtonSlotPropsOverrides {}
-export interface AlertCloseIconSlotPropsOverrides {}
-export interface AlertSlots {
-  /**
-   * The component that renders the root slot.
-   * @default Paper
-   */
-  root: React.ElementType;
-  /**
-   * The component that renders the icon slot.
-   * @default div
-   */
-  icon: React.ElementType;
-  /**
-   * The component that renders the message slot.
-   * @default div
-   */
-  message: React.ElementType;
-  /**
-   * The component that renders the action slot.
-   * @default div
-   */
-  action: React.ElementType;
-  /**
-   * The component that renders the close button.
-   * @default IconButton
-   */
-  closeButton: React.ElementType;
-  /**
-   * The component that renders the close icon.
-   * @default svg
-   */
-  closeIcon: React.ElementType;
-}
-export type AlertSlotsAndSlotProps = CreateSlotsAndSlotProps<AlertSlots, {
-  /**
-   * Props forwarded to the root slot.
-   * By default, the avaible props are based on the [Paper](https://mui.com/material-ui/api/paper/#props) component.
-   */
-  root: SlotProps<React.ElementType<PaperProps>, AlertRootSlotPropsOverrides, AlertOwnerState>;
-  /**
-   * Props forwarded to the icon slot.
-   * By default, the avaible props are based on a div element.
-   */
-  icon: SlotProps<'div', AlertIconSlotPropsOverrides, AlertOwnerState>;
-  /**
-   * Props forwarded to the message slot.
-   * By default, the avaible props are based on a div element.
-   */
-  message: SlotProps<'div', AlertMessageSlotPropsOverrides, AlertOwnerState>;
-  /**
-   * Props forwarded to the action slot.
-   * By default, the avaible props are based on a div element.
-   */
-  action: SlotProps<'div', AlertActionSlotPropsOverrides, AlertOwnerState>;
-  /**
-   * Props forwarded to the closeButton slot.
-   * By default, the avaible props are based on the [IconButton](https://mui.com/material-ui/api/icon-button/#props) component.
-   */
-  closeButton: SlotProps<React.ElementType<IconButtonProps>, AlertCloseButtonSlotPropsOverrides, AlertOwnerState>;
-  /**
-   * Props forwarded to the closeIcon slot.
-   * By default, the avaible props are based on the [SvgIcon](https://mui.com/material-ui/api/svg-icon/#props) component.
-   */
-  closeIcon: SlotProps<React.ElementType<SvgIconProps>, AlertCloseIconSlotPropsOverrides, AlertOwnerState>;
-}>;
-export interface AlertProps extends StandardProps<PaperProps, 'variant'>, AlertSlotsAndSlotProps {
-  /**
-   * The action to display. It renders after the message, at the end of the alert.
-   */
-  action?: React.ReactNode;
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes?: Partial<AlertClasses>;
-  /**
-   * Override the default label for the *close popup* icon button.
-   *
-   * For localization purposes, you can use the provided [translations](https://mui.com/material-ui/guides/localization/).
-   * @default 'Close'
-   */
-  closeText?: string;
-  /**
-   * The color of the component. Unless provided, the value is taken from the `severity` prop.
-   * 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).
-   */
-  color?: OverridableStringUnion<AlertColor, AlertPropsColorOverrides>;
-  /**
-   * 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?: {
-    CloseButton?: React.ElementType;
-    CloseIcon?: 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?: {
-    closeButton?: IconButtonProps;
-    closeIcon?: SvgIconProps;
-  };
-  /**
-   * The severity of the alert. This defines the color and icon used.
-   * @default 'success'
-   */
-  severity?: OverridableStringUnion<AlertColor, AlertPropsColorOverrides>;
-  /**
-   * Override the icon displayed before the children.
-   * Unless provided, the icon is mapped to the value of the `severity` prop.
-   * Set to `false` to remove the `icon`.
-   */
-  icon?: React.ReactNode;
-  /**
-   * The ARIA role attribute of the element.
-   * @default 'alert'
-   */
-  role?: string;
-  /**
-   * The component maps the `severity` prop to a range of different icons,
-   * for instance success to `<SuccessOutlined>`.
-   * If you wish to change this mapping, you can provide your own.
-   * Alternatively, you can use the `icon` prop to override the icon displayed.
-   */
-  iconMapping?: Partial<Record<OverridableStringUnion<AlertColor, AlertPropsColorOverrides>, React.ReactNode>>;
-  /**
-   * Callback fired when the component requests to be closed.
-   * When provided and no `action` prop is set, a close icon button is displayed that triggers the callback when clicked.
-   * @param {React.SyntheticEvent} event The event source of the callback.
-   */
-  onClose?: (event: React.SyntheticEvent) => void;
-  /**
-   * The variant to use.
-   * @default 'standard'
-   */
-  variant?: OverridableStringUnion<'standard' | 'filled' | 'outlined', AlertPropsVariantOverrides>;
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx?: SxProps<Theme>;
-}
-export interface AlertOwnerState extends AlertProps {}
-
-/**
- *
- * Demos:
- *
- * - [Alert](https://mui.com/material-ui/react-alert/)
- *
- * API:
- *
- * - [Alert API](https://mui.com/material-ui/api/alert/)
- * - inherits [Paper API](https://mui.com/material-ui/api/paper/)
- */
-export default function Alert(props: AlertProps): React.JSX.Element;