@sitecore/sc-contenthub-blok 0.0.37 → 0.0.38

package/node_modules/@mui/material/node/CardHeader/CardHeader.js

@@ -9,12 +9,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _clsx = _interopRequireDefault(require("clsx"));
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _Typography = _interopRequireWildcard(require("../Typography"));
 var _zeroStyled = require("../zero-styled");
 var _DefaultPropsProvider = require("../DefaultPropsProvider");
 var _cardHeaderClasses = _interopRequireWildcard(require("./cardHeaderClasses"));
+var _useSlot = _interopRequireDefault(require("../utils/useSlot"));
 var _jsxRuntime = require("react/jsx-runtime");
 const useUtilityClasses = ownerState => {
   const {
@@ -33,11 +33,13 @@ const useUtilityClasses = ownerState => {
 const CardHeaderRoot = (0, _zeroStyled.styled)('div', {
   name: 'MuiCardHeader',
   slot: 'Root',
-  overridesResolver: (props, styles) => ({
-    [`& .${_cardHeaderClasses.default.title}`]: styles.title,
-    [`& .${_cardHeaderClasses.default.subheader}`]: styles.subheader,
-    ...styles.root
-  })
+  overridesResolver: (props, styles) => {
+    return [{
+      [`& .${_cardHeaderClasses.default.title}`]: styles.title
+    }, {
+      [`& .${_cardHeaderClasses.default.subheader}`]: styles.subheader
+    }, styles.root];
+  }
 })({
   display: 'flex',
   alignItems: 'center',
@@ -84,13 +86,14 @@ const CardHeader = /*#__PURE__*/React.forwardRef(function CardHeader(inProps, re
   const {
     action,
     avatar,
-    className,
     component = 'div',
     disableTypography = false,
     subheader: subheaderProp,
     subheaderTypographyProps,
     title: titleProp,
     titleTypographyProps,
+    slots = {},
+    slotProps = {},
     ...other
   } = props;
   const ownerState = {
@@ -99,44 +102,88 @@ const CardHeader = /*#__PURE__*/React.forwardRef(function CardHeader(inProps, re
     disableTypography
   };
   const classes = useUtilityClasses(ownerState);
+  const externalForwardedProps = {
+    slots,
+    slotProps: {
+      title: titleTypographyProps,
+      subheader: subheaderTypographyProps,
+      ...slotProps
+    }
+  };
   let title = titleProp;
-  if (title != null && title.type !== _Typography.default && !disableTypography) {
-    title = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+  const [TitleSlot, titleSlotProps] = (0, _useSlot.default)('title', {
+    className: classes.title,
+    elementType: _Typography.default,
+    externalForwardedProps,
+    ownerState,
+    additionalProps: {
       variant: avatar ? 'body2' : 'h5',
-      className: classes.title,
-      component: "span",
-      ...titleTypographyProps,
+      component: 'span'
+    }
+  });
+  if (title != null && title.type !== _Typography.default && !disableTypography) {
+    title = /*#__PURE__*/(0, _jsxRuntime.jsx)(TitleSlot, {
+      ...titleSlotProps,
       children: title
     });
   }
   let subheader = subheaderProp;
-  if (subheader != null && subheader.type !== _Typography.default && !disableTypography) {
-    subheader = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+  const [SubheaderSlot, subheaderSlotProps] = (0, _useSlot.default)('subheader', {
+    className: classes.subheader,
+    elementType: _Typography.default,
+    externalForwardedProps,
+    ownerState,
+    additionalProps: {
       variant: avatar ? 'body2' : 'body1',
-      className: classes.subheader,
-      color: "textSecondary",
-      component: "span",
-      ...subheaderTypographyProps,
+      color: 'textSecondary',
+      component: 'span'
+    }
+  });
+  if (subheader != null && subheader.type !== _Typography.default && !disableTypography) {
+    subheader = /*#__PURE__*/(0, _jsxRuntime.jsx)(SubheaderSlot, {
+      ...subheaderSlotProps,
       children: subheader
     });
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(CardHeaderRoot, {
-    className: (0, _clsx.default)(classes.root, className),
-    as: component,
-    ref: ref,
-    ownerState: ownerState,
-    ...other,
-    children: [avatar && /*#__PURE__*/(0, _jsxRuntime.jsx)(CardHeaderAvatar, {
-      className: classes.avatar,
-      ownerState: ownerState,
+  const [RootSlot, rootSlotProps] = (0, _useSlot.default)('root', {
+    ref,
+    className: classes.root,
+    elementType: CardHeaderRoot,
+    externalForwardedProps: {
+      ...externalForwardedProps,
+      ...other,
+      component
+    },
+    ownerState
+  });
+  const [AvatarSlot, avatarSlotProps] = (0, _useSlot.default)('avatar', {
+    className: classes.avatar,
+    elementType: CardHeaderAvatar,
+    externalForwardedProps,
+    ownerState
+  });
+  const [ContentSlot, contentSlotProps] = (0, _useSlot.default)('content', {
+    className: classes.content,
+    elementType: CardHeaderContent,
+    externalForwardedProps,
+    ownerState
+  });
+  const [ActionSlot, actionSlotProps] = (0, _useSlot.default)('action', {
+    className: classes.action,
+    elementType: CardHeaderAction,
+    externalForwardedProps,
+    ownerState
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(RootSlot, {
+    ...rootSlotProps,
+    children: [avatar && /*#__PURE__*/(0, _jsxRuntime.jsx)(AvatarSlot, {
+      ...avatarSlotProps,
       children: avatar
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(CardHeaderContent, {
-      className: classes.content,
-      ownerState: ownerState,
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(ContentSlot, {
+      ...contentSlotProps,
       children: [title, subheader]
-    }), action && /*#__PURE__*/(0, _jsxRuntime.jsx)(CardHeaderAction, {
-      className: classes.action,
-      ownerState: ownerState,
+    }), action && /*#__PURE__*/(0, _jsxRuntime.jsx)(ActionSlot, {
+      ...actionSlotProps,
       children: action
     })]
   });
@@ -162,10 +209,6 @@ process.env.NODE_ENV !== "production" ? CardHeader.propTypes /* remove-proptypes
    * Override or extend the styles applied to the component.
    */
   classes: _propTypes.default.object,
-  /**
-   * @ignore
-   */
-  className: _propTypes.default.string,
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
@@ -179,6 +222,30 @@ process.env.NODE_ENV !== "production" ? CardHeader.propTypes /* remove-proptypes
    * @default false
    */
   disableTypography: _propTypes.default.bool,
+  /**
+   * The props used for each slot inside.
+   * @default {}
+   */
+  slotProps: _propTypes.default.shape({
+    action: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
+    avatar: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
+    content: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
+    root: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
+    subheader: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
+    title: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])
+  }),
+  /**
+   * The components used for each slot inside.
+   * @default {}
+   */
+  slots: _propTypes.default.shape({
+    action: _propTypes.default.elementType,
+    avatar: _propTypes.default.elementType,
+    content: _propTypes.default.elementType,
+    root: _propTypes.default.elementType,
+    subheader: _propTypes.default.elementType,
+    title: _propTypes.default.elementType
+  }),
   /**
    * The content of the component.
    */
@@ -186,6 +253,7 @@ process.env.NODE_ENV !== "production" ? CardHeader.propTypes /* remove-proptypes
   /**
    * These props will be forwarded to the subheader
    * (as long as disableTypography is not `true`).
+   * @deprecated Use `slotProps.subheader` instead. This prop will be removed in v7. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    */
   subheaderTypographyProps: _propTypes.default.object,
   /**
@@ -199,6 +267,7 @@ process.env.NODE_ENV !== "production" ? CardHeader.propTypes /* remove-proptypes
   /**
    * These props will be forwarded to the title
    * (as long as disableTypography is not `true`).
+   * @deprecated Use `slotProps.title` instead. This prop will be removed in v7. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    */
   titleTypographyProps: _propTypes.default.object
 } : void 0;

package/node_modules/@mui/material/node/CircularProgress/CircularProgress.js

@@ -41,8 +41,8 @@ const circularDashKeyframe = (0, _zeroStyled.keyframes)`
   }
 
   100% {
-    stroke-dasharray: 100px, 200px;
-    stroke-dashoffset: -125px;
+    stroke-dasharray: 1px, 200px;
+    stroke-dashoffset: -126px;
   }
 `;
 

package/node_modules/@mui/material/node/Collapse/Collapse.js

@@ -279,7 +279,10 @@ const Collapse = /*#__PURE__*/React.forwardRef(function Collapse(inProps, ref) {
     nodeRef: nodeRef,
     timeout: timeout === 'auto' ? null : timeout,
     ...other,
-    children: (state, childProps) => /*#__PURE__*/(0, _jsxRuntime.jsx)(CollapseRoot, {
+    children: (state, {
+      ownerState: incomingOwnerState,
+      ...restChildProps
+    }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(CollapseRoot, {
       as: component,
       className: (0, _clsx.default)(classes.root, className, {
         'entered': classes.entered,
@@ -290,13 +293,11 @@ const Collapse = /*#__PURE__*/React.forwardRef(function Collapse(inProps, ref) {
         ...style
       },
       ref: handleRef,
-      ...childProps,
-      // `ownerState` is set after `childProps` to override any existing `ownerState` property in `childProps`
-      // that might have been forwarded from the Transition component.
       ownerState: {
         ...ownerState,
         state
       },
+      ...restChildProps,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(CollapseWrapper, {
         ownerState: {
           ...ownerState,

package/node_modules/@mui/material/node/Dialog/Dialog.js

@@ -22,6 +22,7 @@ var _Backdrop = _interopRequireDefault(require("../Backdrop"));
 var _zeroStyled = require("../zero-styled");
 var _memoTheme = _interopRequireDefault(require("../utils/memoTheme"));
 var _DefaultPropsProvider = require("../DefaultPropsProvider");
+var _useSlot = _interopRequireDefault(require("../utils/useSlot"));
 var _jsxRuntime = require("react/jsx-runtime");
 const DialogBackdrop = (0, _zeroStyled.styled)(_Backdrop.default, {
   name: 'MuiDialog',
@@ -225,6 +226,8 @@ const Dialog = /*#__PURE__*/React.forwardRef(function Dialog(inProps, ref) {
     PaperComponent = _Paper.default,
     PaperProps = {},
     scroll = 'paper',
+    slots = {},
+    slotProps = {},
     TransitionComponent = _Fade.default,
     transitionDuration = defaultTransitionDuration,
     TransitionProps,
@@ -268,46 +271,89 @@ const Dialog = /*#__PURE__*/React.forwardRef(function Dialog(inProps, ref) {
       titleId: ariaLabelledby
     };
   }, [ariaLabelledby]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(DialogRoot, {
+  const backwardCompatibleSlots = {
+    transition: TransitionComponent,
+    ...slots
+  };
+  const backwardCompatibleSlotProps = {
+    transition: TransitionProps,
+    paper: PaperProps,
+    backdrop: BackdropProps,
+    ...slotProps
+  };
+  const externalForwardedProps = {
+    slots: backwardCompatibleSlots,
+    slotProps: backwardCompatibleSlotProps
+  };
+  const [RootSlot, rootSlotProps] = (0, _useSlot.default)('root', {
+    elementType: DialogRoot,
+    shouldForwardComponentProp: true,
+    externalForwardedProps,
+    ownerState,
     className: (0, _clsx.default)(classes.root, className),
+    ref
+  });
+  const [BackdropSlot, backdropSlotProps] = (0, _useSlot.default)('backdrop', {
+    elementType: DialogBackdrop,
+    shouldForwardComponentProp: true,
+    externalForwardedProps,
+    ownerState
+  });
+  const [PaperSlot, paperSlotProps] = (0, _useSlot.default)('paper', {
+    elementType: DialogPaper,
+    shouldForwardComponentProp: true,
+    externalForwardedProps,
+    ownerState,
+    className: (0, _clsx.default)(classes.paper, PaperProps.className)
+  });
+  const [ContainerSlot, containerSlotProps] = (0, _useSlot.default)('container', {
+    elementType: DialogContainer,
+    externalForwardedProps,
+    ownerState,
+    className: (0, _clsx.default)(classes.container)
+  });
+  const [TransitionSlot, transitionSlotProps] = (0, _useSlot.default)('transition', {
+    elementType: _Fade.default,
+    externalForwardedProps,
+    ownerState,
+    additionalProps: {
+      appear: true,
+      in: open,
+      timeout: transitionDuration,
+      role: 'presentation'
+    }
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(RootSlot, {
     closeAfterTransition: true,
-    components: {
-      Backdrop: DialogBackdrop
+    slots: {
+      backdrop: BackdropSlot
     },
-    componentsProps: {
+    slotProps: {
       backdrop: {
         transitionDuration,
         as: BackdropComponent,
-        ...BackdropProps
+        ...backdropSlotProps
       }
     },
     disableEscapeKeyDown: disableEscapeKeyDown,
     onClose: onClose,
     open: open,
-    ref: ref,
     onClick: handleBackdropClick,
-    ownerState: ownerState,
+    ...rootSlotProps,
     ...other,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(TransitionComponent, {
-      appear: true,
-      in: open,
-      timeout: transitionDuration,
-      role: "presentation",
-      ...TransitionProps,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(DialogContainer, {
-        className: (0, _clsx.default)(classes.container),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(TransitionSlot, {
+      ...transitionSlotProps,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(ContainerSlot, {
         onMouseDown: handleMouseDown,
-        ownerState: ownerState,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(DialogPaper, {
+        ...containerSlotProps,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(PaperSlot, {
           as: PaperComponent,
           elevation: 24,
           role: "dialog",
           "aria-describedby": ariaDescribedby,
           "aria-labelledby": ariaLabelledby,
           "aria-modal": ariaModal,
-          ...PaperProps,
-          className: (0, _clsx.default)(classes.paper, PaperProps.className),
-          ownerState: ownerState,
+          ...paperSlotProps,
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DialogContext.default.Provider, {
             value: dialogContextValue,
             children: children
@@ -419,6 +465,7 @@ process.env.NODE_ENV !== "production" ? Dialog.propTypes /* remove-proptypes */
   /**
    * Props applied to the [`Paper`](https://mui.com/material-ui/api/paper/) element.
    * @default {}
+   * @deprecated Use `slotProps.paper` instead. This prop will be removed in v7. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    */
   PaperProps: _propTypes.default.object,
   /**
@@ -426,6 +473,28 @@ process.env.NODE_ENV !== "production" ? Dialog.propTypes /* remove-proptypes */
    * @default 'paper'
    */
   scroll: _propTypes.default.oneOf(['body', 'paper']),
+  /**
+   * The props used for each slot inside.
+   * @default {}
+   */
+  slotProps: _propTypes.default.shape({
+    backdrop: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
+    container: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
+    paper: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
+    root: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
+    transition: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])
+  }),
+  /**
+   * The components used for each slot inside.
+   * @default {}
+   */
+  slots: _propTypes.default.shape({
+    backdrop: _propTypes.default.elementType,
+    container: _propTypes.default.elementType,
+    paper: _propTypes.default.elementType,
+    root: _propTypes.default.elementType,
+    transition: _propTypes.default.elementType
+  }),
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
@@ -434,6 +503,7 @@ process.env.NODE_ENV !== "production" ? Dialog.propTypes /* remove-proptypes */
    * 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 v7. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    */
   TransitionComponent: _propTypes.default.elementType,
   /**
@@ -452,6 +522,7 @@ process.env.NODE_ENV !== "production" ? Dialog.propTypes /* remove-proptypes */
   /**
    * 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.default.object
 } : void 0;

package/node_modules/@mui/material/node/Dialog/DialogContext.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {

package/node_modules/@mui/material/node/Drawer/Drawer.js

@@ -38,7 +38,7 @@ const useUtilityClasses = ownerState => {
     variant
   } = ownerState;
   const slots = {
-    root: ['root'],
+    root: ['root', `anchor${(0, _capitalize.default)(anchor)}`],
     docked: [(variant === 'permanent' || variant === 'persistent') && 'docked'],
     modal: ['modal'],
     paper: ['paper', `paperAnchor${(0, _capitalize.default)(anchor)}`, variant !== 'temporary' && `paperAnchorDocked${(0, _capitalize.default)(anchor)}`]

package/node_modules/@mui/material/node/Drawer/drawerClasses.js

@@ -11,5 +11,5 @@ var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateU
 function getDrawerUtilityClass(slot) {
   return (0, _generateUtilityClass.default)('MuiDrawer', slot);
 }
-const drawerClasses = (0, _generateUtilityClasses.default)('MuiDrawer', ['root', 'docked', 'paper', 'paperAnchorLeft', 'paperAnchorRight', 'paperAnchorTop', 'paperAnchorBottom', 'paperAnchorDockedLeft', 'paperAnchorDockedRight', 'paperAnchorDockedTop', 'paperAnchorDockedBottom', 'modal']);
+const drawerClasses = (0, _generateUtilityClasses.default)('MuiDrawer', ['root', 'docked', 'paper', 'anchorLeft', 'anchorRight', 'anchorTop', 'anchorBottom', 'paperAnchorLeft', 'paperAnchorRight', 'paperAnchorTop', 'paperAnchorBottom', 'paperAnchorDockedLeft', 'paperAnchorDockedRight', 'paperAnchorDockedTop', 'paperAnchorDockedBottom', 'modal']);
 var _default = exports.default = drawerClasses;

package/node_modules/@mui/material/node/Fade/Fade.js

@@ -121,7 +121,10 @@ const Fade = /*#__PURE__*/React.forwardRef(function Fade(props, ref) {
     addEndListener: handleAddEndListener,
     timeout: timeout,
     ...other,
-    children: (state, childProps) => {
+    children: (state, {
+      ownerState,
+      ...restChildProps
+    }) => {
       return /*#__PURE__*/React.cloneElement(children, {
         style: {
           opacity: 0,
@@ -131,7 +134,7 @@ const Fade = /*#__PURE__*/React.forwardRef(function Fade(props, ref) {
           ...children.props.style
         },
         ref: handleRef,
-        ...childProps
+        ...restChildProps
       });
     }
   });

package/node_modules/@mui/material/node/FilledInput/FilledInput.js

@@ -519,7 +519,5 @@ process.env.NODE_ENV !== "production" ? FilledInput.propTypes /* remove-proptype
    */
   value: _propTypes.default.any
 } : void 0;
-if (FilledInput) {
-  FilledInput.muiName = 'Input';
-}
+FilledInput.muiName = 'Input';
 var _default = exports.default = FilledInput;

package/node_modules/@mui/material/node/FormControl/FormControl.js

@@ -33,14 +33,11 @@ const useUtilityClasses = ownerState => {
 const FormControlRoot = (0, _zeroStyled.styled)('div', {
   name: 'MuiFormControl',
   slot: 'Root',
-  overridesResolver: ({
-    ownerState
-  }, styles) => {
-    return {
-      ...styles.root,
-      ...styles[`margin${(0, _capitalize.default)(ownerState.margin)}`],
-      ...(ownerState.fullWidth && styles.fullWidth)
-    };
+  overridesResolver: (props, styles) => {
+    const {
+      ownerState
+    } = props;
+    return [styles.root, styles[`margin${(0, _capitalize.default)(ownerState.margin)}`], ownerState.fullWidth && styles.fullWidth];
   }
 })({
   display: 'inline-flex',
@@ -189,6 +186,12 @@ const FormControl = /*#__PURE__*/React.forwardRef(function FormControl(inProps,
       };
     };
   }
+  const onFilled = React.useCallback(() => {
+    setFilled(true);
+  }, []);
+  const onEmpty = React.useCallback(() => {
+    setFilled(false);
+  }, []);
   const childContext = React.useMemo(() => {
     return {
       adornedStart,
@@ -204,20 +207,16 @@ const FormControl = /*#__PURE__*/React.forwardRef(function FormControl(inProps,
       onBlur: () => {
         setFocused(false);
       },
-      onEmpty: () => {
-        setFilled(false);
-      },
-      onFilled: () => {
-        setFilled(true);
-      },
       onFocus: () => {
         setFocused(true);
       },
+      onEmpty,
+      onFilled,
       registerEffect,
       required,
       variant
     };
-  }, [adornedStart, color, disabled, error, filled, focused, fullWidth, hiddenLabel, registerEffect, required, size, variant]);
+  }, [adornedStart, color, disabled, error, filled, focused, fullWidth, hiddenLabel, registerEffect, onEmpty, onFilled, required, size, variant]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormControlContext.default.Provider, {
     value: childContext,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(FormControlRoot, {

package/node_modules/@mui/material/node/FormControl/FormControlContext.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {

package/node_modules/@mui/material/node/FormLabel/FormLabel.js

@@ -39,14 +39,11 @@ const useUtilityClasses = ownerState => {
 const FormLabelRoot = exports.FormLabelRoot = (0, _zeroStyled.styled)('label', {
   name: 'MuiFormLabel',
   slot: 'Root',
-  overridesResolver: ({
-    ownerState
-  }, styles) => {
-    return {
-      ...styles.root,
-      ...(ownerState.color === 'secondary' && styles.colorSecondary),
-      ...(ownerState.filled && styles.filled)
-    };
+  overridesResolver: (props, styles) => {
+    const {
+      ownerState
+    } = props;
+    return [styles.root, ownerState.color === 'secondary' && styles.colorSecondary, ownerState.filled && styles.filled];
   }
 })((0, _memoTheme.default)(({
   theme

package/node_modules/@mui/material/node/Grid/Grid.js

@@ -180,7 +180,7 @@ function generateRowGap({
       const themeSpacing = theme.spacing(propValue);
       if (themeSpacing !== '0px') {
         return {
-          marginTop: `-${themeSpacing}`,
+          marginTop: `calc(-1 * ${themeSpacing})`,
           [`& > .${_gridClasses.default.item}`]: {
             paddingTop: themeSpacing
           }
@@ -225,7 +225,7 @@ function generateColumnGap({
     }, columnSpacingValues, (propValue, breakpoint) => {
       const themeSpacing = theme.spacing(propValue);
       if (themeSpacing !== '0px') {
-        const negativeValue = `-${themeSpacing}`;
+        const negativeValue = `calc(-1 * ${themeSpacing})`;
         return {
           width: `calc(100% + ${themeSpacing})`,
           marginLeft: negativeValue,

package/node_modules/@mui/material/node/Grow/Grow.js

@@ -170,7 +170,10 @@ const Grow = /*#__PURE__*/React.forwardRef(function Grow(props, ref) {
     addEndListener: handleAddEndListener,
     timeout: timeout === 'auto' ? null : timeout,
     ...other,
-    children: (state, childProps) => {
+    children: (state, {
+      ownerState,
+      ...restChildProps
+    }) => {
       return /*#__PURE__*/React.cloneElement(children, {
         style: {
           opacity: 0,
@@ -181,7 +184,7 @@ const Grow = /*#__PURE__*/React.forwardRef(function Grow(props, ref) {
           ...children.props.style
         },
         ref: handleRef,
-        ...childProps
+        ...restChildProps
       });
     }
   });

package/node_modules/@mui/material/node/Hidden/withWidth.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;

package/node_modules/@mui/material/node/Icon/Icon.js

@@ -188,7 +188,5 @@ process.env.NODE_ENV !== "production" ? Icon.propTypes /* remove-proptypes */ =
    */
   sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object])
 } : void 0;
-if (Icon) {
-  Icon.muiName = 'Icon';
-}
+Icon.muiName = 'Icon';
 var _default = exports.default = Icon;