@mui/lab 5.0.0-alpha.107 → 5.0.0-alpha.109

package/legacy/LoadingButton/LoadingButton.js

@@ -12,11 +12,10 @@ import CircularProgress from '@mui/material/CircularProgress';
 import loadingButtonClasses, { getLoadingButtonUtilityClass } from './loadingButtonClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 var useUtilityClasses = function useUtilityClasses(ownerState) {
   var loading = ownerState.loading,
-      loadingPosition = ownerState.loadingPosition,
-      classes = ownerState.classes;
+    loadingPosition = ownerState.loadingPosition,
+    classes = ownerState.classes;
   var slots = {
     root: ['root', loading && 'loading'],
     startIcon: [loading && "startIconLoading".concat(capitalize(loadingPosition))],
@@ -25,13 +24,12 @@ var useUtilityClasses = function useUtilityClasses(ownerState) {
   };
   var composedClasses = composeClasses(slots, getLoadingButtonUtilityClass, classes);
   return _extends({}, classes, composedClasses);
-}; // TODO use `import { rootShouldForwardProp } from '../styles/styled';` once move to core
-
+};
 
+// TODO use `import { rootShouldForwardProp } from '../styles/styled';` once move to core
 var rootShouldForwardProp = function rootShouldForwardProp(prop) {
   return prop !== 'ownerState' && prop !== 'theme' && prop !== 'sx' && prop !== 'as' && prop !== 'classes';
 };
-
 var LoadingButtonRoot = styled(Button, {
   shouldForwardProp: function shouldForwardProp(prop) {
     return rootShouldForwardProp(prop) || prop === 'classes';
@@ -43,7 +41,7 @@ var LoadingButtonRoot = styled(Button, {
   }
 })(function (_ref3) {
   var ownerState = _ref3.ownerState,
-      theme = _ref3.theme;
+    theme = _ref3.theme;
   return _extends(_defineProperty({}, "& .".concat(loadingButtonClasses.startIconLoadingStart, ", & .").concat(loadingButtonClasses.endIconLoadingEnd), {
     transition: theme.transitions.create(['opacity'], {
       duration: theme.transitions.duration.short
@@ -78,7 +76,7 @@ var LoadingButtonLoadingIndicator = styled('div', {
   }
 })(function (_ref7) {
   var theme = _ref7.theme,
-      ownerState = _ref7.ownerState;
+    ownerState = _ref7.ownerState;
   return _extends({
     position: 'absolute',
     visibility: 'visible',
@@ -108,27 +106,24 @@ var LoadingButton = /*#__PURE__*/React.forwardRef(function LoadingButton(inProps
     props: inProps,
     name: 'MuiLoadingButton'
   });
-
   var children = props.children,
-      _props$disabled = props.disabled,
-      disabled = _props$disabled === void 0 ? false : _props$disabled,
-      idProp = props.id,
-      _props$loading = props.loading,
-      loading = _props$loading === void 0 ? false : _props$loading,
-      loadingIndicatorProp = props.loadingIndicator,
-      _props$loadingPositio = props.loadingPosition,
-      loadingPosition = _props$loadingPositio === void 0 ? 'center' : _props$loadingPositio,
-      _props$variant = props.variant,
-      variant = _props$variant === void 0 ? 'text' : _props$variant,
-      other = _objectWithoutProperties(props, ["children", "disabled", "id", "loading", "loadingIndicator", "loadingPosition", "variant"]);
-
+    _props$disabled = props.disabled,
+    disabled = _props$disabled === void 0 ? false : _props$disabled,
+    idProp = props.id,
+    _props$loading = props.loading,
+    loading = _props$loading === void 0 ? false : _props$loading,
+    loadingIndicatorProp = props.loadingIndicator,
+    _props$loadingPositio = props.loadingPosition,
+    loadingPosition = _props$loadingPositio === void 0 ? 'center' : _props$loadingPositio,
+    _props$variant = props.variant,
+    variant = _props$variant === void 0 ? 'text' : _props$variant,
+    other = _objectWithoutProperties(props, ["children", "disabled", "id", "loading", "loadingIndicator", "loadingPosition", "variant"]);
   var id = useId(idProp);
   var loadingIndicator = loadingIndicatorProp != null ? loadingIndicatorProp : /*#__PURE__*/_jsx(CircularProgress, {
     "aria-labelledby": id,
     color: "inherit",
     size: 16
   });
-
   var ownerState = _extends({}, props, {
     disabled: disabled,
     loading: loading,
@@ -136,7 +131,6 @@ var LoadingButton = /*#__PURE__*/React.forwardRef(function LoadingButton(inProps
     loadingPosition: loadingPosition,
     variant: variant
   });
-
   var classes = useUtilityClasses(ownerState);
   var loadingButtonLoadingIndicator = loading ? /*#__PURE__*/_jsx(LoadingButtonLoadingIndicator, {
     className: classes.loadingIndicator,
@@ -154,41 +148,33 @@ var LoadingButton = /*#__PURE__*/React.forwardRef(function LoadingButton(inProps
     children: [ownerState.loadingPosition === 'end' ? children : loadingButtonLoadingIndicator, ownerState.loadingPosition === 'end' ? loadingButtonLoadingIndicator : children]
   }));
 });
-process.env.NODE_ENV !== "production" ? LoadingButton.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? LoadingButton.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // |     To update them edit the d.ts file and run "yarn proptypes"     |
   // ----------------------------------------------------------------------
-
   /**
    * The content of the component.
    */
   children: PropTypes.node,
-
   /**
    * Override or extend the styles applied to the component.
    */
   classes: PropTypes.object,
-
   /**
    * If `true`, the component is disabled.
    * @default false
    */
   disabled: PropTypes.bool,
-
   /**
    * @ignore
    */
   id: PropTypes.string,
-
   /**
    * If `true`, the loading indicator is shown.
    * @default false
    */
   loading: PropTypes.bool,
-
   /**
    * Element placed before the children if the button is in loading state.
    * The node should contain an element with `role="progressbar"` with an accessible name.
@@ -196,7 +182,6 @@ process.env.NODE_ENV !== "production" ? LoadingButton.propTypes
    * @default <CircularProgress color="inherit" size={16} />
    */
   loadingIndicator: PropTypes.node,
-
   /**
    * The loading indicator can be positioned on the start, end, or the center of the button.
    * @default 'center'
@@ -205,25 +190,19 @@ process.env.NODE_ENV !== "production" ? LoadingButton.propTypes
     if (props.loadingPosition === 'start' && !props.startIcon) {
       return new Error("MUI: The loadingPosition=\"start\" should be used in combination with startIcon.");
     }
-
     if (props.loadingPosition === 'end' && !props.endIcon) {
       return new Error("MUI: The loadingPosition=\"end\" should be used in combination with endIcon.");
     }
-
     return null;
   }),
-
   /**
    * 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 variant to use.
    * @default 'text'
    */
-  variant: PropTypes
-  /* @typescript-to-proptypes-ignore */
-  .oneOfType([PropTypes.oneOf(['contained', 'outlined', 'text']), PropTypes.string])
+  variant: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['contained', 'outlined', 'text']), PropTypes.string])
 } : void 0;
 export default LoadingButton;

package/legacy/LocalizationProvider/LocalizationProvider.js

@@ -1,13 +1,11 @@
 import * as React from 'react';
 var warnedOnce = false;
-
 var warn = function warn() {
   if (!warnedOnce) {
     console.warn(['MUI: The LocalizationProvider component was moved from `@mui/lab` to `@mui/x-date-pickers`.', '', "You should use `import { LocalizationProvider } from '@mui/x-date-pickers'`", "or `import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider'`", '', 'More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.'].join('\n'));
     warnedOnce = true;
   }
 };
-
 /**
  * @ignore - do not document.
  */

package/legacy/Masonry/Masonry.js

@@ -22,7 +22,6 @@ var lineBreakStyle = {
   margin: 0,
   padding: 0
 };
-
 var useUtilityClasses = function useUtilityClasses(ownerState) {
   var classes = ownerState.classes;
   var slots = {
@@ -30,10 +29,9 @@ var useUtilityClasses = function useUtilityClasses(ownerState) {
   };
   return composeClasses(slots, getMasonryUtilityClass, classes);
 };
-
 export var getStyle = function getStyle(_ref) {
   var ownerState = _ref.ownerState,
-      theme = _ref.theme;
+    theme = _ref.theme;
   var styles = {
     width: '100%',
     display: 'flex',
@@ -44,18 +42,16 @@ export var getStyle = function getStyle(_ref) {
       boxSizing: 'border-box'
     }
   };
-  var stylesSSR = {}; // Only applicable for Server-Side Rendering
-
+  var stylesSSR = {};
+  // Only applicable for Server-Side Rendering
   if (ownerState.isSSR) {
     var orderStyleSSR = {};
     var defaultSpacing = parseToNumber(theme.spacing(ownerState.defaultSpacing));
-
     for (var i = 1; i <= ownerState.defaultColumns; i += 1) {
       orderStyleSSR["&:nth-of-type(".concat(ownerState.defaultColumns, "n+").concat(i % ownerState.defaultColumns, ")")] = {
         order: i
       };
     }
-
     stylesSSR.height = ownerState.defaultHeight;
     stylesSSR.margin = -(defaultSpacing / 2);
     stylesSSR['& > *'] = _extends({}, styles['& > *'], orderStyleSSR, {
@@ -64,23 +60,20 @@ export var getStyle = function getStyle(_ref) {
     });
     return _extends({}, styles, stylesSSR);
   }
-
   var spacingValues = resolveBreakpointValues({
     values: ownerState.spacing,
     breakpoints: theme.breakpoints.values
   });
   var transformer = createUnarySpacing(theme);
-
   var spacingStyleFromPropValue = function spacingStyleFromPropValue(propValue) {
-    var spacing; // in case of string/number value
-
+    var spacing;
+    // in case of string/number value
     if (typeof propValue === 'string' && !Number.isNaN(Number(propValue)) || typeof propValue === 'number') {
       var themeSpacingValue = Number(propValue);
       spacing = getValue(transformer, themeSpacingValue);
     } else {
       spacing = propValue;
     }
-
     return _extends({
       margin: "calc(0px - (".concat(spacing, " / 2))"),
       '& > *': {
@@ -90,7 +83,6 @@ export var getStyle = function getStyle(_ref) {
       height: typeof spacing === 'number' ? Math.ceil(ownerState.maxColumnHeight + parseToNumber(spacing)) : "calc(".concat(ownerState.maxColumnHeight, "px + ").concat(spacing, ")")
     });
   };
-
   styles = deepmerge(styles, handleBreakpoints({
     theme: theme
   }, spacingValues, spacingStyleFromPropValue));
@@ -98,7 +90,6 @@ export var getStyle = function getStyle(_ref) {
     values: ownerState.columns,
     breakpoints: theme.breakpoints.values
   });
-
   var columnStyleFromPropValue = function columnStyleFromPropValue(propValue) {
     var columnValue = Number(propValue);
     var width = "".concat((100 / columnValue).toFixed(2), "%");
@@ -109,11 +100,11 @@ export var getStyle = function getStyle(_ref) {
       }
     };
   };
-
   styles = deepmerge(styles, handleBreakpoints({
     theme: theme
-  }, columnValues, columnStyleFromPropValue)); // configure width for responsive spacing values
+  }, columnValues, columnStyleFromPropValue));
 
+  // configure width for responsive spacing values
   if (_typeof(spacingValues) === 'object') {
     styles = deepmerge(styles, handleBreakpoints({
       theme: theme
@@ -130,11 +121,9 @@ export var getStyle = function getStyle(_ref) {
           }
         };
       }
-
       return null;
     }));
   }
-
   return styles;
 };
 var MasonryRoot = styled('div', {
@@ -149,32 +138,26 @@ var Masonry = /*#__PURE__*/React.forwardRef(function Masonry(inProps, ref) {
     props: inProps,
     name: 'MuiMasonry'
   });
-
   var children = props.children,
-      className = props.className,
-      _props$component = props.component,
-      component = _props$component === void 0 ? 'div' : _props$component,
-      _props$columns = props.columns,
-      columns = _props$columns === void 0 ? 4 : _props$columns,
-      _props$spacing = props.spacing,
-      spacing = _props$spacing === void 0 ? 1 : _props$spacing,
-      defaultColumns = props.defaultColumns,
-      defaultHeight = props.defaultHeight,
-      defaultSpacing = props.defaultSpacing,
-      other = _objectWithoutProperties(props, ["children", "className", "component", "columns", "spacing", "defaultColumns", "defaultHeight", "defaultSpacing"]);
-
+    className = props.className,
+    _props$component = props.component,
+    component = _props$component === void 0 ? 'div' : _props$component,
+    _props$columns = props.columns,
+    columns = _props$columns === void 0 ? 4 : _props$columns,
+    _props$spacing = props.spacing,
+    spacing = _props$spacing === void 0 ? 1 : _props$spacing,
+    defaultColumns = props.defaultColumns,
+    defaultHeight = props.defaultHeight,
+    defaultSpacing = props.defaultSpacing,
+    other = _objectWithoutProperties(props, ["children", "className", "component", "columns", "spacing", "defaultColumns", "defaultHeight", "defaultSpacing"]);
   var masonryRef = React.useRef();
-
   var _React$useState = React.useState(),
-      maxColumnHeight = _React$useState[0],
-      setMaxColumnHeight = _React$useState[1];
-
+    maxColumnHeight = _React$useState[0],
+    setMaxColumnHeight = _React$useState[1];
   var isSSR = !maxColumnHeight && defaultHeight && defaultColumns !== undefined && defaultSpacing !== undefined;
-
   var _React$useState2 = React.useState(isSSR ? defaultColumns - 1 : 0),
-      numberOfLineBreaks = _React$useState2[0],
-      setNumberOfLineBreaks = _React$useState2[1];
-
+    numberOfLineBreaks = _React$useState2[0],
+    setNumberOfLineBreaks = _React$useState2[1];
   var ownerState = _extends({}, props, {
     spacing: spacing,
     columns: columns,
@@ -184,23 +167,18 @@ var Masonry = /*#__PURE__*/React.forwardRef(function Masonry(inProps, ref) {
     defaultSpacing: defaultSpacing,
     isSSR: isSSR
   });
-
   var classes = useUtilityClasses(ownerState);
-
   var handleResize = function handleResize(masonryChildren) {
     if (!masonryRef.current || !masonryChildren || masonryChildren.length === 0) {
       return;
     }
-
     var masonry = masonryRef.current;
     var masonryFirstChild = masonryRef.current.firstChild;
     var parentWidth = masonry.clientWidth;
     var firstChildWidth = masonryFirstChild.clientWidth;
-
     if (parentWidth === 0 || firstChildWidth === 0) {
       return;
     }
-
     var firstChildComputedStyle = window.getComputedStyle(masonryFirstChild);
     var firstChildMarginLeft = parseToNumber(firstChildComputedStyle.marginLeft);
     var firstChildMarginRight = parseToNumber(firstChildComputedStyle.marginRight);
@@ -211,28 +189,23 @@ var Masonry = /*#__PURE__*/React.forwardRef(function Masonry(inProps, ref) {
       if (child.nodeType !== Node.ELEMENT_NODE || child.dataset.class === 'line-break' || skip) {
         return;
       }
-
       var childComputedStyle = window.getComputedStyle(child);
       var childMarginTop = parseToNumber(childComputedStyle.marginTop);
-      var childMarginBottom = parseToNumber(childComputedStyle.marginBottom); // if any one of children isn't rendered yet, masonry's height shouldn't be computed yet
-
+      var childMarginBottom = parseToNumber(childComputedStyle.marginBottom);
+      // if any one of children isn't rendered yet, masonry's height shouldn't be computed yet
       var childHeight = parseToNumber(childComputedStyle.height) ? Math.ceil(parseToNumber(childComputedStyle.height)) + childMarginTop + childMarginBottom : 0;
-
       if (childHeight === 0) {
         skip = true;
         return;
-      } // if there is a nested image that isn't rendered yet, masonry's height shouldn't be computed yet
-
-
+      }
+      // if there is a nested image that isn't rendered yet, masonry's height shouldn't be computed yet
       for (var i = 0; i < child.childNodes.length; i += 1) {
         var nestedChild = child.childNodes[i];
-
         if (nestedChild.tagName === 'IMG' && nestedChild.clientHeight === 0) {
           skip = true;
           break;
         }
       }
-
       if (!skip) {
         // find the current shortest column (where the current item will be placed)
         var currentMinColumnIndex = columnHeights.indexOf(Math.min.apply(Math, _toConsumableArray(columnHeights)));
@@ -241,7 +214,6 @@ var Masonry = /*#__PURE__*/React.forwardRef(function Masonry(inProps, ref) {
         child.style.order = order;
       }
     });
-
     if (!skip) {
       // In React 18, state updates in a ResizeObserver's callback are happening after the paint which causes flickering
       // when doing some visual updates in it. Using flushSync ensures that the dom will be painted after the states updates happen
@@ -252,28 +224,26 @@ var Masonry = /*#__PURE__*/React.forwardRef(function Masonry(inProps, ref) {
       });
     }
   };
-
   var observer = React.useRef(typeof ResizeObserver === 'undefined' ? undefined : new ResizeObserver(handleResize));
   React.useEffect(function () {
-    var resizeObserver = observer.current; // IE and old browsers are not supported
-
+    var resizeObserver = observer.current;
+    // IE and old browsers are not supported
     if (resizeObserver === undefined) {
       return undefined;
     }
-
     if (masonryRef.current) {
       masonryRef.current.childNodes.forEach(function (childNode) {
         resizeObserver.observe(childNode);
       });
     }
-
     return function () {
       return resizeObserver ? resizeObserver.disconnect() : {};
     };
   }, [columns, spacing, children]);
-  var handleRef = useForkRef(ref, masonryRef); //  columns are likely to have different heights and hence can start to merge;
-  //  a line break at the end of each column prevents columns from merging
+  var handleRef = useForkRef(ref, masonryRef);
 
+  //  columns are likely to have different heights and hence can start to merge;
+  //  a line break at the end of each column prevents columns from merging
   var lineBreaks = new Array(numberOfLineBreaks).fill('').map(function (_, index) {
     return /*#__PURE__*/_jsx("span", {
       "data-class": "line-break",
@@ -291,64 +261,50 @@ var Masonry = /*#__PURE__*/React.forwardRef(function Masonry(inProps, ref) {
     children: [children, lineBreaks]
   }));
 });
-process.env.NODE_ENV !== "production" ? Masonry.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? Masonry.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // |     To update them edit the d.ts file and run "yarn proptypes"     |
   // ----------------------------------------------------------------------
-
   /**
    * The content of the component.
    */
-  children: PropTypes
-  /* @typescript-to-proptypes-ignore */
-  .node.isRequired,
-
+  children: PropTypes /* @typescript-to-proptypes-ignore */.node.isRequired,
   /**
    * Override or extend the styles applied to the component.
    */
   classes: PropTypes.object,
-
   /**
    * @ignore
    */
   className: PropTypes.string,
-
   /**
    * Number of columns.
    * @default 4
    */
   columns: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.string]),
-
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
   component: PropTypes.elementType,
-
   /**
    * The default number of columns of the component. This is provided for server-side rendering.
    */
   defaultColumns: PropTypes.number,
-
   /**
    * The default height of the component in px. This is provided for server-side rendering.
    */
   defaultHeight: PropTypes.number,
-
   /**
    * The default spacing of the component. Like `spacing`, it is a factor of the theme's spacing. This is provided for server-side rendering.
    */
   defaultSpacing: PropTypes.number,
-
   /**
    * Defines the space between children. It is a factor of the theme's spacing.
    * @default 1
    */
   spacing: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.string]),
-
   /**
    * Allows defining system overrides as well as additional CSS styles.
    */

package/legacy/MobileDatePicker/MobileDatePicker.js

@@ -1,14 +1,12 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
 import * as React from 'react';
 var warnedOnce = false;
-
 var warn = function warn() {
   if (!warnedOnce) {
     console.warn(['MUI: The MobileDatePicker component was moved from `@mui/lab` to `@mui/x-date-pickers`.', '', "You should use `import { MobileDatePicker } from '@mui/x-date-pickers'`", "or `import { MobileDatePicker } from '@mui/x-date-pickers/MobileDatePicker'`", '', 'More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.'].join('\n'));
     warnedOnce = true;
   }
 };
-
 /**
  * @ignore - do not document.
  */

package/legacy/MobileDateRangePicker/MobileDateRangePicker.js

@@ -1,14 +1,12 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
 import * as React from 'react';
 var warnedOnce = false;
-
 var warn = function warn() {
   if (!warnedOnce) {
     console.warn(['MUI: The MobileDateRangePicker component was moved from `@mui/lab` to `@mui/x-date-pickers-pro`', '', "You should use `import { MobileDateRangePicker } from '@mui/x-date-pickers-pro'`", "or `import { MobileDateRangePicker } from '@mui/x-date-pickers-pro/MobileDateRangePicker'`", '', 'More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.'].join('\n'));
     warnedOnce = true;
   }
 };
-
 /**
  * @ignore - do not document.
  */

package/legacy/MobileDateTimePicker/MobileDateTimePicker.js

@@ -1,14 +1,12 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
 import * as React from 'react';
 var warnedOnce = false;
-
 var warn = function warn() {
   if (!warnedOnce) {
     console.warn(['MUI: The MobileDateTimePicker component was moved from `@mui/lab` to `@mui/x-date-pickers`.', '', "You should use `import { MobileDateTimePicker } from '@mui/x-date-pickers'`", "or `import { MobileDateTimePicker } from '@mui/x-date-pickers/MobileDateTimePicker'`", '', 'More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.'].join('\n'));
     warnedOnce = true;
   }
 };
-
 /**
  * @ignore - do not document.
  */

package/legacy/MobileTimePicker/MobileTimePicker.js

@@ -1,14 +1,12 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
 import * as React from 'react';
 var warnedOnce = false;
-
 var warn = function warn() {
   if (!warnedOnce) {
     console.warn(['MUI: The MobileTimePicker component was moved from `@mui/lab` to `@mui/x-date-pickers`.', '', "You should use `import { MobileTimePicker } from '@mui/x-date-pickers'`", "or `import { MobileTimePicker } from '@mui/x-date-pickers/MobileTimePicker'`", '', 'More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.'].join('\n'));
     warnedOnce = true;
   }
 };
-
 /**
  * @ignore - do not document.
  */

package/legacy/MonthPicker/MonthPicker.js

@@ -1,14 +1,12 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
 import * as React from 'react';
 var warnedOnce = false;
-
 var warn = function warn() {
   if (!warnedOnce) {
     console.warn(['MUI: The MonthPicker component was moved from `@mui/lab` to `@mui/x-date-pickers`.', '', "You should use `import { MonthPicker } from '@mui/x-date-pickers'`", "or `import { MonthPicker } from '@mui/x-date-pickers/MonthPicker'`", '', 'More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.'].join('\n'));
     warnedOnce = true;
   }
 };
-
 /**
  * @ignore - do not document.
  */

package/legacy/Pagination/Pagination.js

@@ -3,16 +3,15 @@ import * as React from 'react';
 import Pagination from '@mui/material/Pagination';
 import { jsx as _jsx } from "react/jsx-runtime";
 var warnedOnce = false;
+
 /**
  * @ignore - do not document.
  */
-
 export default /*#__PURE__*/React.forwardRef(function DeprecatedPagination(props, ref) {
   if (!warnedOnce) {
     console.warn(['MUI: The Pagination component was moved from the lab to the core.', '', "You should use `import { Pagination } from '@mui/material'`", "or `import Pagination from '@mui/material/Pagination'`"].join('\n'));
     warnedOnce = true;
   }
-
   return /*#__PURE__*/_jsx(Pagination, _extends({
     ref: ref
   }, props));

package/legacy/PaginationItem/PaginationItem.js

@@ -3,16 +3,15 @@ import * as React from 'react';
 import PaginationItem from '@mui/material/PaginationItem';
 import { jsx as _jsx } from "react/jsx-runtime";
 var warnedOnce = false;
+
 /**
  * @ignore - do not document.
  */
-
 export default /*#__PURE__*/React.forwardRef(function DeprecatedPaginationItem(props, ref) {
   if (!warnedOnce) {
     console.warn(['MUI: The PaginationItem component was moved from the lab to the core.', '', "You should use `import { PaginationItem } from '@mui/material'`", "or `import PaginationItem from '@mui/material/PaginationItem'`"].join('\n'));
     warnedOnce = true;
   }
-
   return /*#__PURE__*/_jsx(PaginationItem, _extends({
     ref: ref
   }, props));

package/legacy/PickersDay/PickersDay.js

@@ -1,14 +1,12 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
 import * as React from 'react';
 var warnedOnce = false;
-
 var warn = function warn() {
   if (!warnedOnce) {
     console.warn(['MUI: The PickersDay component was moved from `@mui/lab` to `@mui/x-date-pickers`.', '', "You should use `import { PickersDay } from '@mui/x-date-pickers'`", "or `import { PickersDay } from '@mui/x-date-pickers/PickersDay'`", '', 'More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.'].join('\n'));
     warnedOnce = true;
   }
 };
-
 /**
  * @ignore - do not document.
  */

package/legacy/Rating/Rating.js

@@ -3,16 +3,15 @@ import * as React from 'react';
 import Rating from '@mui/material/Rating';
 import { jsx as _jsx } from "react/jsx-runtime";
 var warnedOnce = false;
+
 /**
  * @ignore - do not document.
  */
-
 export default /*#__PURE__*/React.forwardRef(function DeprecatedRating(props, ref) {
   if (!warnedOnce) {
     console.warn(['MUI: The Rating component was moved from the lab to the core.', '', "You should use `import { Rating } from '@mui/material'`", "or `import Rating from '@mui/material/Rating'`"].join('\n'));
     warnedOnce = true;
   }
-
   return /*#__PURE__*/_jsx(Rating, _extends({
     ref: ref
   }, props));