@mui/material 6.0.0-dev.240424162023-9968b4889d → 6.0.0

package/node/Accordion/Accordion.js

@@ -6,8 +6,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var React = _interopRequireWildcard(require("react"));
 var _reactIs = require("react-is");
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -15,6 +13,8 @@ var _clsx = _interopRequireDefault(require("clsx"));
 var _chainPropTypes = _interopRequireDefault(require("@mui/utils/chainPropTypes"));
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _zeroStyled = require("../zero-styled");
+var _memoTheme = _interopRequireDefault(require("../utils/memoTheme"));
+var _DefaultPropsProvider = require("../DefaultPropsProvider");
 var _Collapse = _interopRequireDefault(require("../Collapse"));
 var _Paper = _interopRequireDefault(require("../Paper"));
 var _AccordionContext = _interopRequireDefault(require("./AccordionContext"));
@@ -22,10 +22,8 @@ var _useControlled = _interopRequireDefault(require("../utils/useControlled"));
 var _useSlot = _interopRequireDefault(require("../utils/useSlot"));
 var _accordionClasses = _interopRequireWildcard(require("./accordionClasses"));
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["children", "className", "defaultExpanded", "disabled", "disableGutters", "expanded", "onChange", "square", "slots", "slotProps", "TransitionComponent", "TransitionProps"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const useThemeProps = (0, _zeroStyled.createUseThemeProps)('MuiAccordion');
 const useUtilityClasses = ownerState => {
   const {
     classes,
@@ -36,6 +34,7 @@ const useUtilityClasses = ownerState => {
   } = ownerState;
   const slots = {
     root: ['root', !square && 'rounded', expanded && 'expanded', disabled && 'disabled', !disableGutters && 'gutters'],
+    heading: ['heading'],
     region: ['region']
   };
   return (0, _composeClasses.default)(slots, _accordionClasses.getAccordionUtilityClass, classes);
@@ -51,7 +50,7 @@ const AccordionRoot = (0, _zeroStyled.styled)(_Paper.default, {
       [`& .${_accordionClasses.default.region}`]: styles.region
     }, styles.root, !ownerState.square && styles.rounded, !ownerState.disableGutters && styles.gutters];
   }
-})(({
+})((0, _memoTheme.default)(({
   theme
 }) => {
   const transition = {
@@ -98,7 +97,7 @@ const AccordionRoot = (0, _zeroStyled.styled)(_Paper.default, {
       backgroundColor: (theme.vars || theme).palette.action.disabledBackground
     }
   };
-}, ({
+}), (0, _memoTheme.default)(({
   theme
 }) => ({
   variants: [{
@@ -127,27 +126,34 @@ const AccordionRoot = (0, _zeroStyled.styled)(_Paper.default, {
       }
     }
   }]
-}));
+})));
+const AccordionHeading = (0, _zeroStyled.styled)('h3', {
+  name: 'MuiAccordion',
+  slot: 'Heading',
+  overridesResolver: (props, styles) => styles.heading
+})({
+  all: 'unset'
+});
 const Accordion = /*#__PURE__*/React.forwardRef(function Accordion(inProps, ref) {
-  const props = useThemeProps({
+  const props = (0, _DefaultPropsProvider.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
-    } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+    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] = (0, _useControlled.default)({
     controlled: expandedProp,
     default: defaultExpanded,
@@ -167,40 +173,53 @@ const Accordion = /*#__PURE__*/React.forwardRef(function Accordion(inProps, ref)
     disableGutters,
     toggle: handleChange
   }), [expanded, disabled, disableGutters, handleChange]);
-  const ownerState = (0, _extends2.default)({}, props, {
+  const ownerState = {
+    ...props,
     square,
     disabled,
     disableGutters,
     expanded
-  });
+  };
   const classes = useUtilityClasses(ownerState);
-  const backwardCompatibleSlots = (0, _extends2.default)({
-    transition: TransitionComponentProp
-  }, slots);
-  const backwardCompatibleSlotProps = (0, _extends2.default)({
-    transition: TransitionPropsProp
-  }, slotProps);
+  const backwardCompatibleSlots = {
+    transition: TransitionComponentProp,
+    ...slots
+  };
+  const backwardCompatibleSlotProps = {
+    transition: TransitionPropsProp,
+    ...slotProps
+  };
+  const externalForwardedProps = {
+    slots: backwardCompatibleSlots,
+    slotProps: backwardCompatibleSlotProps
+  };
+  const [AccordionHeadingSlot, accordionProps] = (0, _useSlot.default)('heading', {
+    elementType: AccordionHeading,
+    externalForwardedProps,
+    className: classes.heading,
+    ownerState
+  });
   const [TransitionSlot, transitionProps] = (0, _useSlot.default)('transition', {
     elementType: _Collapse.default,
-    externalForwardedProps: {
-      slots: backwardCompatibleSlots,
-      slotProps: backwardCompatibleSlotProps
-    },
+    externalForwardedProps,
     ownerState
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(AccordionRoot, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(AccordionRoot, {
     className: (0, _clsx.default)(classes.root, className),
     ref: ref,
     ownerState: ownerState,
-    square: square
-  }, other, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_AccordionContext.default.Provider, {
-      value: contextValue,
-      children: summary
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(TransitionSlot, (0, _extends2.default)({
+    square: square,
+    ...other,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(AccordionHeadingSlot, {
+      ...accordionProps,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_AccordionContext.default.Provider, {
+        value: contextValue,
+        children: summary
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(TransitionSlot, {
       in: expanded,
-      timeout: "auto"
-    }, transitionProps, {
+      timeout: "auto",
+      ...transitionProps,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         "aria-labelledby": summary.props.id,
         id: summary.props['aria-controls'],
@@ -208,8 +227,8 @@ const Accordion = /*#__PURE__*/React.forwardRef(function Accordion(inProps, ref)
         className: classes.region,
         children: children
       })
-    }))]
-  }));
+    })]
+  });
 });
 process.env.NODE_ENV !== "production" ? Accordion.propTypes /* remove-proptypes */ = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
@@ -269,6 +288,7 @@ process.env.NODE_ENV !== "production" ? Accordion.propTypes /* remove-proptypes
    * @default {}
    */
   slotProps: _propTypes.default.shape({
+    heading: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
     transition: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])
   }),
   /**
@@ -276,6 +296,7 @@ process.env.NODE_ENV !== "production" ? Accordion.propTypes /* remove-proptypes
    * @default {}
    */
   slots: _propTypes.default.shape({
+    heading: _propTypes.default.elementType,
     transition: _propTypes.default.elementType
   }),
   /**
@@ -290,13 +311,11 @@ process.env.NODE_ENV !== "production" ? Accordion.propTypes /* remove-proptypes
   /**
    * The component used for the transition.
    * [Follow this guide](/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. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
    */
   TransitionComponent: _propTypes.default.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. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
    */
   TransitionProps: _propTypes.default.object
 } : void 0;

package/node/Accordion/accordionClasses.js

@@ -11,5 +11,5 @@ var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateU
 function getAccordionUtilityClass(slot) {
   return (0, _generateUtilityClass.default)('MuiAccordion', slot);
 }
-const accordionClasses = (0, _generateUtilityClasses.default)('MuiAccordion', ['root', 'rounded', 'expanded', 'disabled', 'gutters', 'region']);
+const accordionClasses = (0, _generateUtilityClasses.default)('MuiAccordion', ['root', 'heading', 'rounded', 'expanded', 'disabled', 'gutters', 'region']);
 var _default = exports.default = accordionClasses;

package/node/AccordionActions/AccordionActions.js

@@ -6,19 +6,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _zeroStyled = require("../zero-styled");
+var _DefaultPropsProvider = require("../DefaultPropsProvider");
 var _accordionActionsClasses = require("./accordionActionsClasses");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["className", "disableSpacing"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const useThemeProps = (0, _zeroStyled.createUseThemeProps)('MuiAccordionActions');
 const useUtilityClasses = ownerState => {
   const {
     classes,
@@ -53,24 +50,26 @@ const AccordionActionsRoot = (0, _zeroStyled.styled)('div', {
   }]
 });
 const AccordionActions = /*#__PURE__*/React.forwardRef(function AccordionActions(inProps, ref) {
-  const props = useThemeProps({
+  const props = (0, _DefaultPropsProvider.useDefaultProps)({
     props: inProps,
     name: 'MuiAccordionActions'
   });
   const {
-      className,
-      disableSpacing = false
-    } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  const ownerState = (0, _extends2.default)({}, props, {
+    className,
+    disableSpacing = false,
+    ...other
+  } = props;
+  const ownerState = {
+    ...props,
     disableSpacing
-  });
+  };
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(AccordionActionsRoot, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(AccordionActionsRoot, {
     className: (0, _clsx.default)(classes.root, className),
     ref: ref,
-    ownerState: ownerState
-  }, other));
+    ownerState: ownerState,
+    ...other
+  });
 });
 process.env.NODE_ENV !== "production" ? AccordionActions.propTypes /* remove-proptypes */ = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐

package/node/AccordionDetails/AccordionDetails.js

@@ -6,19 +6,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _zeroStyled = require("../zero-styled");
+var _memoTheme = _interopRequireDefault(require("../utils/memoTheme"));
+var _DefaultPropsProvider = require("../DefaultPropsProvider");
 var _accordionDetailsClasses = require("./accordionDetailsClasses");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["className"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const useThemeProps = (0, _zeroStyled.createUseThemeProps)('MuiAccordionDetails');
 const useUtilityClasses = ownerState => {
   const {
     classes
@@ -32,27 +30,28 @@ const AccordionDetailsRoot = (0, _zeroStyled.styled)('div', {
   name: 'MuiAccordionDetails',
   slot: 'Root',
   overridesResolver: (props, styles) => styles.root
-})(({
+})((0, _memoTheme.default)(({
   theme
 }) => ({
   padding: theme.spacing(1, 2, 2)
-}));
+})));
 const AccordionDetails = /*#__PURE__*/React.forwardRef(function AccordionDetails(inProps, ref) {
-  const props = useThemeProps({
+  const props = (0, _DefaultPropsProvider.useDefaultProps)({
     props: inProps,
     name: 'MuiAccordionDetails'
   });
   const {
-      className
-    } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+    className,
+    ...other
+  } = props;
   const ownerState = props;
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(AccordionDetailsRoot, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(AccordionDetailsRoot, {
     className: (0, _clsx.default)(classes.root, className),
     ref: ref,
-    ownerState: ownerState
-  }, other));
+    ownerState: ownerState,
+    ...other
+  });
 });
 process.env.NODE_ENV !== "production" ? AccordionDetails.propTypes /* remove-proptypes */ = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐

package/node/AccordionSummary/AccordionSummary.js

@@ -6,21 +6,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _zeroStyled = require("../zero-styled");
+var _memoTheme = _interopRequireDefault(require("../utils/memoTheme"));
+var _DefaultPropsProvider = require("../DefaultPropsProvider");
 var _ButtonBase = _interopRequireDefault(require("../ButtonBase"));
 var _AccordionContext = _interopRequireDefault(require("../Accordion/AccordionContext"));
 var _accordionSummaryClasses = _interopRequireWildcard(require("./accordionSummaryClasses"));
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["children", "className", "expandIcon", "focusVisibleClassName", "onClick"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const useThemeProps = (0, _zeroStyled.createUseThemeProps)('MuiAccordionSummary');
 const useUtilityClasses = ownerState => {
   const {
     classes,
@@ -40,7 +38,7 @@ const AccordionSummaryRoot = (0, _zeroStyled.styled)(_ButtonBase.default, {
   name: 'MuiAccordionSummary',
   slot: 'Root',
   overridesResolver: (props, styles) => styles.root
-})(({
+})((0, _memoTheme.default)(({
   theme
 }) => {
   const transition = {
@@ -69,12 +67,12 @@ const AccordionSummaryRoot = (0, _zeroStyled.styled)(_ButtonBase.default, {
       }
     }]
   };
-});
+}));
 const AccordionSummaryContent = (0, _zeroStyled.styled)('div', {
   name: 'MuiAccordionSummary',
   slot: 'Content',
   overridesResolver: (props, styles) => styles.content
-})(({
+})((0, _memoTheme.default)(({
   theme
 }) => ({
   display: 'flex',
@@ -91,12 +89,12 @@ const AccordionSummaryContent = (0, _zeroStyled.styled)('div', {
       }
     }
   }]
-}));
+})));
 const AccordionSummaryExpandIconWrapper = (0, _zeroStyled.styled)('div', {
   name: 'MuiAccordionSummary',
   slot: 'ExpandIconWrapper',
   overridesResolver: (props, styles) => styles.expandIconWrapper
-})(({
+})((0, _memoTheme.default)(({
   theme
 }) => ({
   display: 'flex',
@@ -108,20 +106,20 @@ const AccordionSummaryExpandIconWrapper = (0, _zeroStyled.styled)('div', {
   [`&.${_accordionSummaryClasses.default.expanded}`]: {
     transform: 'rotate(180deg)'
   }
-}));
+})));
 const AccordionSummary = /*#__PURE__*/React.forwardRef(function AccordionSummary(inProps, ref) {
-  const props = useThemeProps({
+  const props = (0, _DefaultPropsProvider.useDefaultProps)({
     props: inProps,
     name: 'MuiAccordionSummary'
   });
   const {
-      children,
-      className,
-      expandIcon,
-      focusVisibleClassName,
-      onClick
-    } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+    children,
+    className,
+    expandIcon,
+    focusVisibleClassName,
+    onClick,
+    ...other
+  } = props;
   const {
     disabled = false,
     disableGutters,
@@ -136,13 +134,14 @@ const AccordionSummary = /*#__PURE__*/React.forwardRef(function AccordionSummary
       onClick(event);
     }
   };
-  const ownerState = (0, _extends2.default)({}, props, {
+  const ownerState = {
+    ...props,
     expanded,
     disabled,
     disableGutters
-  });
+  };
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(AccordionSummaryRoot, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(AccordionSummaryRoot, {
     focusRipple: false,
     disableRipple: true,
     disabled: disabled,
@@ -152,8 +151,8 @@ const AccordionSummary = /*#__PURE__*/React.forwardRef(function AccordionSummary
     focusVisibleClassName: (0, _clsx.default)(classes.focusVisible, focusVisibleClassName),
     onClick: handleChange,
     ref: ref,
-    ownerState: ownerState
-  }, other, {
+    ownerState: ownerState,
+    ...other,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(AccordionSummaryContent, {
       className: classes.content,
       ownerState: ownerState,
@@ -163,7 +162,7 @@ const AccordionSummary = /*#__PURE__*/React.forwardRef(function AccordionSummary
       ownerState: ownerState,
       children: expandIcon
     })]
-  }));
+  });
 });
 process.env.NODE_ENV !== "production" ? AccordionSummary.propTypes /* remove-proptypes */ = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐