@mui/material 7.0.0 → 7.0.2

package/modern/Accordion/Accordion.js

@@ -1,328 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import { isFragment } from 'react-is';
-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 memoTheme from "../utils/memoTheme.js";
-import { useDefaultProps } from "../DefaultPropsProvider/index.js";
-import Collapse from "../Collapse/index.js";
-import Paper from "../Paper/index.js";
-import AccordionContext from "./AccordionContext.js";
-import useControlled from "../utils/useControlled.js";
-import useSlot from "../utils/useSlot.js";
-import accordionClasses, { getAccordionUtilityClass } from "./accordionClasses.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const useUtilityClasses = ownerState => {
-  const {
-    classes,
-    square,
-    expanded,
-    disabled,
-    disableGutters
-  } = ownerState;
-  const slots = {
-    root: ['root', !square && 'rounded', expanded && 'expanded', disabled && 'disabled', !disableGutters && 'gutters'],
-    heading: ['heading'],
-    region: ['region']
-  };
-  return composeClasses(slots, getAccordionUtilityClass, classes);
-};
-const AccordionRoot = styled(Paper, {
-  name: 'MuiAccordion',
-  slot: 'Root',
-  overridesResolver: (props, styles) => {
-    const {
-      ownerState
-    } = props;
-    return [{
-      [`& .${accordionClasses.region}`]: styles.region
-    }, styles.root, !ownerState.square && styles.rounded, !ownerState.disableGutters && styles.gutters];
-  }
-})(memoTheme(({
-  theme
-}) => {
-  const transition = {
-    duration: theme.transitions.duration.shortest
-  };
-  return {
-    position: 'relative',
-    transition: theme.transitions.create(['margin'], transition),
-    overflowAnchor: 'none',
-    // Keep the same scrolling position
-    '&::before': {
-      position: 'absolute',
-      left: 0,
-      top: -1,
-      right: 0,
-      height: 1,
-      content: '""',
-      opacity: 1,
-      backgroundColor: (theme.vars || theme).palette.divider,
-      transition: theme.transitions.create(['opacity', 'background-color'], transition)
-    },
-    '&:first-of-type': {
-      '&::before': {
-        display: 'none'
-      }
-    },
-    [`&.${accordionClasses.expanded}`]: {
-      '&::before': {
-        opacity: 0
-      },
-      '&:first-of-type': {
-        marginTop: 0
-      },
-      '&:last-of-type': {
-        marginBottom: 0
-      },
-      '& + &': {
-        '&::before': {
-          display: 'none'
-        }
-      }
-    },
-    [`&.${accordionClasses.disabled}`]: {
-      backgroundColor: (theme.vars || theme).palette.action.disabledBackground
-    }
-  };
-}), memoTheme(({
-  theme
-}) => ({
-  variants: [{
-    props: props => !props.square,
-    style: {
-      borderRadius: 0,
-      '&:first-of-type': {
-        borderTopLeftRadius: (theme.vars || theme).shape.borderRadius,
-        borderTopRightRadius: (theme.vars || theme).shape.borderRadius
-      },
-      '&:last-of-type': {
-        borderBottomLeftRadius: (theme.vars || theme).shape.borderRadius,
-        borderBottomRightRadius: (theme.vars || theme).shape.borderRadius,
-        // Fix a rendering issue on Edge
-        '@supports (-ms-ime-align: auto)': {
-          borderBottomLeftRadius: 0,
-          borderBottomRightRadius: 0
-        }
-      }
-    }
-  }, {
-    props: props => !props.disableGutters,
-    style: {
-      [`&.${accordionClasses.expanded}`]: {
-        margin: '16px 0'
-      }
-    }
-  }]
-})));
-const AccordionHeading = styled('h3', {
-  name: 'MuiAccordion',
-  slot: 'Heading',
-  overridesResolver: (props, styles) => styles.heading
-})({
-  all: 'unset'
-});
-const Accordion = /*#__PURE__*/React.forwardRef(function Accordion(inProps, ref) {
-  const props = useDefaultProps({
-    props: inProps,
-    name: 'MuiAccordion'
-  });
-  const {
-    children: childrenProp,
-    className,
-    defaultExpanded = false,
-    disabled = false,
-    disableGutters = false,
-    expanded: expandedProp,
-    onChange,
-    square = false,
-    slots = {},
-    slotProps = {},
-    TransitionComponent: TransitionComponentProp,
-    TransitionProps: TransitionPropsProp,
-    ...other
-  } = props;
-  const [expanded, setExpandedState] = useControlled({
-    controlled: expandedProp,
-    default: defaultExpanded,
-    name: 'Accordion',
-    state: 'expanded'
-  });
-  const handleChange = React.useCallback(event => {
-    setExpandedState(!expanded);
-    if (onChange) {
-      onChange(event, !expanded);
-    }
-  }, [expanded, onChange, setExpandedState]);
-  const [summary, ...children] = React.Children.toArray(childrenProp);
-  const contextValue = React.useMemo(() => ({
-    expanded,
-    disabled,
-    disableGutters,
-    toggle: handleChange
-  }), [expanded, disabled, disableGutters, handleChange]);
-  const ownerState = {
-    ...props,
-    square,
-    disabled,
-    disableGutters,
-    expanded
-  };
-  const classes = useUtilityClasses(ownerState);
-  const backwardCompatibleSlots = {
-    transition: TransitionComponentProp,
-    ...slots
-  };
-  const backwardCompatibleSlotProps = {
-    transition: TransitionPropsProp,
-    ...slotProps
-  };
-  const externalForwardedProps = {
-    slots: backwardCompatibleSlots,
-    slotProps: backwardCompatibleSlotProps
-  };
-  const [RootSlot, rootProps] = useSlot('root', {
-    elementType: AccordionRoot,
-    externalForwardedProps: {
-      ...externalForwardedProps,
-      ...other
-    },
-    className: clsx(classes.root, className),
-    shouldForwardComponentProp: true,
-    ownerState,
-    ref,
-    additionalProps: {
-      square
-    }
-  });
-  const [AccordionHeadingSlot, accordionProps] = useSlot('heading', {
-    elementType: AccordionHeading,
-    externalForwardedProps,
-    className: classes.heading,
-    ownerState
-  });
-  const [TransitionSlot, transitionProps] = useSlot('transition', {
-    elementType: Collapse,
-    externalForwardedProps,
-    ownerState
-  });
-  return /*#__PURE__*/_jsxs(RootSlot, {
-    ...rootProps,
-    children: [/*#__PURE__*/_jsx(AccordionHeadingSlot, {
-      ...accordionProps,
-      children: /*#__PURE__*/_jsx(AccordionContext.Provider, {
-        value: contextValue,
-        children: summary
-      })
-    }), /*#__PURE__*/_jsx(TransitionSlot, {
-      in: expanded,
-      timeout: "auto",
-      ...transitionProps,
-      children: /*#__PURE__*/_jsx("div", {
-        "aria-labelledby": summary.props.id,
-        id: summary.props['aria-controls'],
-        role: "region",
-        className: classes.region,
-        children: children
-      })
-    })]
-  });
-});
-process.env.NODE_ENV !== "production" ? Accordion.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: chainPropTypes(PropTypes.node.isRequired, props => {
-    const summary = React.Children.toArray(props.children)[0];
-    if (isFragment(summary)) {
-      return new Error("MUI: The Accordion doesn't accept a Fragment as a child. " + 'Consider providing an array instead.');
-    }
-    if (! /*#__PURE__*/React.isValidElement(summary)) {
-      return new Error('MUI: Expected the first child of Accordion to be a valid element.');
-    }
-    return null;
-  }),
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: PropTypes.object,
-  /**
-   * @ignore
-   */
-  className: PropTypes.string,
-  /**
-   * If `true`, expands the accordion by default.
-   * @default false
-   */
-  defaultExpanded: PropTypes.bool,
-  /**
-   * If `true`, the component is disabled.
-   * @default false
-   */
-  disabled: PropTypes.bool,
-  /**
-   * If `true`, it removes the margin between two expanded accordion items and the increase of height.
-   * @default false
-   */
-  disableGutters: PropTypes.bool,
-  /**
-   * If `true`, expands the accordion, otherwise collapse it.
-   * Setting this prop enables control over the accordion.
-   */
-  expanded: PropTypes.bool,
-  /**
-   * Callback fired when the expand/collapse state is changed.
-   *
-   * @param {React.SyntheticEvent} event The event source of the callback. **Warning**: This is a generic event not a change event.
-   * @param {boolean} expanded The `expanded` state of the accordion.
-   */
-  onChange: PropTypes.func,
-  /**
-   * The props used for each slot inside.
-   * @default {}
-   */
-  slotProps: PropTypes.shape({
-    heading: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
-    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({
-    heading: PropTypes.elementType,
-    root: PropTypes.elementType,
-    transition: PropTypes.elementType
-  }),
-  /**
-   * If `true`, rounded corners are disabled.
-   * @default false
-   */
-  square: PropTypes.bool,
-  /**
-   * 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.
-   * @deprecated Use `slots.transition` instead. This prop will be removed in v7. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  TransitionComponent: PropTypes.elementType,
-  /**
-   * Props applied to the transition element.
-   * By default, the element is based on this [`Transition`](https://reactcommunity.org/react-transition-group/transition/) component.
-   * @deprecated Use `slotProps.transition` instead. This prop will be removed in v7. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  TransitionProps: PropTypes.object
-} : void 0;
-export default Accordion;

package/modern/Accordion/AccordionContext.js

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

package/modern/Accordion/accordionClasses.js

@@ -1,7 +0,0 @@
-import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
-import generateUtilityClass from '@mui/utils/generateUtilityClass';
-export function getAccordionUtilityClass(slot) {
-  return generateUtilityClass('MuiAccordion', slot);
-}
-const accordionClasses = generateUtilityClasses('MuiAccordion', ['root', 'heading', 'rounded', 'expanded', 'disabled', 'gutters', 'region']);
-export default accordionClasses;

package/modern/Accordion/index.js

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

package/modern/AccordionActions/AccordionActions.js

@@ -1,93 +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 { getAccordionActionsUtilityClass } from "./accordionActionsClasses.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const useUtilityClasses = ownerState => {
-  const {
-    classes,
-    disableSpacing
-  } = ownerState;
-  const slots = {
-    root: ['root', !disableSpacing && 'spacing']
-  };
-  return composeClasses(slots, getAccordionActionsUtilityClass, classes);
-};
-const AccordionActionsRoot = styled('div', {
-  name: 'MuiAccordionActions',
-  slot: 'Root',
-  overridesResolver: (props, styles) => {
-    const {
-      ownerState
-    } = props;
-    return [styles.root, !ownerState.disableSpacing && styles.spacing];
-  }
-})({
-  display: 'flex',
-  alignItems: 'center',
-  padding: 8,
-  justifyContent: 'flex-end',
-  variants: [{
-    props: props => !props.disableSpacing,
-    style: {
-      '& > :not(style) ~ :not(style)': {
-        marginLeft: 8
-      }
-    }
-  }]
-});
-const AccordionActions = /*#__PURE__*/React.forwardRef(function AccordionActions(inProps, ref) {
-  const props = useDefaultProps({
-    props: inProps,
-    name: 'MuiAccordionActions'
-  });
-  const {
-    className,
-    disableSpacing = false,
-    ...other
-  } = props;
-  const ownerState = {
-    ...props,
-    disableSpacing
-  };
-  const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(AccordionActionsRoot, {
-    className: clsx(classes.root, className),
-    ref: ref,
-    ownerState: ownerState,
-    ...other
-  });
-});
-process.env.NODE_ENV !== "production" ? AccordionActions.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 actions do not have additional margin.
-   * @default false
-   */
-  disableSpacing: PropTypes.bool,
-  /**
-   * 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 AccordionActions;

package/modern/AccordionActions/accordionActionsClasses.js

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

package/modern/AccordionActions/index.js

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

package/modern/AccordionDetails/AccordionDetails.js

@@ -1,70 +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 { getAccordionDetailsUtilityClass } from "./accordionDetailsClasses.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const useUtilityClasses = ownerState => {
-  const {
-    classes
-  } = ownerState;
-  const slots = {
-    root: ['root']
-  };
-  return composeClasses(slots, getAccordionDetailsUtilityClass, classes);
-};
-const AccordionDetailsRoot = styled('div', {
-  name: 'MuiAccordionDetails',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
-})(memoTheme(({
-  theme
-}) => ({
-  padding: theme.spacing(1, 2, 2)
-})));
-const AccordionDetails = /*#__PURE__*/React.forwardRef(function AccordionDetails(inProps, ref) {
-  const props = useDefaultProps({
-    props: inProps,
-    name: 'MuiAccordionDetails'
-  });
-  const {
-    className,
-    ...other
-  } = props;
-  const ownerState = props;
-  const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(AccordionDetailsRoot, {
-    className: clsx(classes.root, className),
-    ref: ref,
-    ownerState: ownerState,
-    ...other
-  });
-});
-process.env.NODE_ENV !== "production" ? AccordionDetails.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 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 AccordionDetails;

package/modern/AccordionDetails/accordionDetailsClasses.js

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

package/modern/AccordionDetails/index.js

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