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

package/modern/DesktopTimePicker/DesktopTimePicker.js

@@ -1,14 +1,12 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
 import * as React from 'react';
 let warnedOnce = false;
-
 const warn = () => {
   if (!warnedOnce) {
     console.warn(['MUI: The DesktopTimePicker component was moved from `@mui/lab` to `@mui/x-date-pickers`.', '', "You should use `import { DesktopTimePicker } from '@mui/x-date-pickers'`", "or `import { DesktopTimePicker } from '@mui/x-date-pickers/DesktopTimePicker'`", '', '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/modern/LoadingButton/LoadingButton.js

@@ -12,7 +12,6 @@ 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";
-
 const useUtilityClasses = ownerState => {
   const {
     loading,
@@ -27,11 +26,10 @@ const useUtilityClasses = ownerState => {
   };
   const 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
 const rootShouldForwardProp = prop => prop !== 'ownerState' && prop !== 'theme' && prop !== 'sx' && prop !== 'as' && prop !== 'classes';
-
 const LoadingButtonRoot = styled(Button, {
   shouldForwardProp: prop => rootShouldForwardProp(prop) || prop === 'classes',
   name: 'MuiLoadingButton',
@@ -117,26 +115,22 @@ const LoadingButton = /*#__PURE__*/React.forwardRef(function LoadingButton(inPro
     props: inProps,
     name: 'MuiLoadingButton'
   });
-
   const {
-    children,
-    disabled = false,
-    id: idProp,
-    loading = false,
-    loadingIndicator: loadingIndicatorProp,
-    loadingPosition = 'center',
-    variant = 'text'
-  } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded);
-
+      children,
+      disabled = false,
+      id: idProp,
+      loading = false,
+      loadingIndicator: loadingIndicatorProp,
+      loadingPosition = 'center',
+      variant = 'text'
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const id = useId(idProp);
-
   const loadingIndicator = loadingIndicatorProp ?? /*#__PURE__*/_jsx(CircularProgress, {
     "aria-labelledby": id,
     color: "inherit",
     size: 16
   });
-
   const ownerState = _extends({}, props, {
     disabled,
     loading,
@@ -144,7 +138,6 @@ const LoadingButton = /*#__PURE__*/React.forwardRef(function LoadingButton(inPro
     loadingPosition,
     variant
   });
-
   const classes = useUtilityClasses(ownerState);
   const loadingButtonLoadingIndicator = loading ? /*#__PURE__*/_jsx(LoadingButtonLoadingIndicator, {
     className: classes.loadingIndicator,
@@ -162,41 +155,33 @@ const LoadingButton = /*#__PURE__*/React.forwardRef(function LoadingButton(inPro
     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.
@@ -204,7 +189,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'
@@ -213,25 +197,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/modern/LocalizationProvider/LocalizationProvider.js

@@ -1,13 +1,11 @@
 import * as React from 'react';
 let warnedOnce = false;
-
 const 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/modern/Masonry/Masonry.js

@@ -21,7 +21,6 @@ const lineBreakStyle = {
   margin: 0,
   padding: 0
 };
-
 const useUtilityClasses = ownerState => {
   const {
     classes
@@ -31,7 +30,6 @@ const useUtilityClasses = ownerState => {
   };
   return composeClasses(slots, getMasonryUtilityClass, classes);
 };
-
 export const getStyle = ({
   ownerState,
   theme
@@ -46,18 +44,16 @@ export const getStyle = ({
       boxSizing: 'border-box'
     }
   };
-  const stylesSSR = {}; // Only applicable for Server-Side Rendering
-
+  const stylesSSR = {};
+  // Only applicable for Server-Side Rendering
   if (ownerState.isSSR) {
     const orderStyleSSR = {};
     const defaultSpacing = parseToNumber(theme.spacing(ownerState.defaultSpacing));
-
     for (let i = 1; i <= ownerState.defaultColumns; i += 1) {
       orderStyleSSR[`&:nth-of-type(${ownerState.defaultColumns}n+${i % ownerState.defaultColumns})`] = {
         order: i
       };
     }
-
     stylesSSR.height = ownerState.defaultHeight;
     stylesSSR.margin = -(defaultSpacing / 2);
     stylesSSR['& > *'] = _extends({}, styles['& > *'], orderStyleSSR, {
@@ -66,23 +62,20 @@ export const getStyle = ({
     });
     return _extends({}, styles, stylesSSR);
   }
-
   const spacingValues = resolveBreakpointValues({
     values: ownerState.spacing,
     breakpoints: theme.breakpoints.values
   });
   const transformer = createUnarySpacing(theme);
-
   const spacingStyleFromPropValue = propValue => {
-    let spacing; // in case of string/number value
-
+    let spacing;
+    // in case of string/number value
     if (typeof propValue === 'string' && !Number.isNaN(Number(propValue)) || typeof propValue === 'number') {
       const themeSpacingValue = Number(propValue);
       spacing = getValue(transformer, themeSpacingValue);
     } else {
       spacing = propValue;
     }
-
     return _extends({
       margin: `calc(0px - (${spacing} / 2))`,
       '& > *': {
@@ -92,7 +85,6 @@ export const getStyle = ({
       height: typeof spacing === 'number' ? Math.ceil(ownerState.maxColumnHeight + parseToNumber(spacing)) : `calc(${ownerState.maxColumnHeight}px + ${spacing})`
     });
   };
-
   styles = deepmerge(styles, handleBreakpoints({
     theme
   }, spacingValues, spacingStyleFromPropValue));
@@ -100,7 +92,6 @@ export const getStyle = ({
     values: ownerState.columns,
     breakpoints: theme.breakpoints.values
   });
-
   const columnStyleFromPropValue = propValue => {
     const columnValue = Number(propValue);
     const width = `${(100 / columnValue).toFixed(2)}%`;
@@ -111,11 +102,11 @@ export const getStyle = ({
       }
     };
   };
-
   styles = deepmerge(styles, handleBreakpoints({
     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
@@ -132,11 +123,9 @@ export const getStyle = ({
           }
         };
       }
-
       return null;
     }));
   }
-
   return styles;
 };
 const MasonryRoot = styled('div', {
@@ -151,24 +140,21 @@ const Masonry = /*#__PURE__*/React.forwardRef(function Masonry(inProps, ref) {
     props: inProps,
     name: 'MuiMasonry'
   });
-
   const {
-    children,
-    className,
-    component = 'div',
-    columns = 4,
-    spacing = 1,
-    defaultColumns,
-    defaultHeight,
-    defaultSpacing
-  } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded);
-
+      children,
+      className,
+      component = 'div',
+      columns = 4,
+      spacing = 1,
+      defaultColumns,
+      defaultHeight,
+      defaultSpacing
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const masonryRef = React.useRef();
   const [maxColumnHeight, setMaxColumnHeight] = React.useState();
   const isSSR = !maxColumnHeight && defaultHeight && defaultColumns !== undefined && defaultSpacing !== undefined;
   const [numberOfLineBreaks, setNumberOfLineBreaks] = React.useState(isSSR ? defaultColumns - 1 : 0);
-
   const ownerState = _extends({}, props, {
     spacing,
     columns,
@@ -178,23 +164,18 @@ const Masonry = /*#__PURE__*/React.forwardRef(function Masonry(inProps, ref) {
     defaultSpacing,
     isSSR
   });
-
   const classes = useUtilityClasses(ownerState);
-
   const handleResize = masonryChildren => {
     if (!masonryRef.current || !masonryChildren || masonryChildren.length === 0) {
       return;
     }
-
     const masonry = masonryRef.current;
     const masonryFirstChild = masonryRef.current.firstChild;
     const parentWidth = masonry.clientWidth;
     const firstChildWidth = masonryFirstChild.clientWidth;
-
     if (parentWidth === 0 || firstChildWidth === 0) {
       return;
     }
-
     const firstChildComputedStyle = window.getComputedStyle(masonryFirstChild);
     const firstChildMarginLeft = parseToNumber(firstChildComputedStyle.marginLeft);
     const firstChildMarginRight = parseToNumber(firstChildComputedStyle.marginRight);
@@ -205,28 +186,23 @@ const Masonry = /*#__PURE__*/React.forwardRef(function Masonry(inProps, ref) {
       if (child.nodeType !== Node.ELEMENT_NODE || child.dataset.class === 'line-break' || skip) {
         return;
       }
-
       const childComputedStyle = window.getComputedStyle(child);
       const childMarginTop = parseToNumber(childComputedStyle.marginTop);
-      const childMarginBottom = parseToNumber(childComputedStyle.marginBottom); // if any one of children isn't rendered yet, masonry's height shouldn't be computed yet
-
+      const childMarginBottom = parseToNumber(childComputedStyle.marginBottom);
+      // if any one of children isn't rendered yet, masonry's height shouldn't be computed yet
       const 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 (let i = 0; i < child.childNodes.length; i += 1) {
         const 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)
         const currentMinColumnIndex = columnHeights.indexOf(Math.min(...columnHeights));
@@ -235,7 +211,6 @@ const 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
@@ -246,26 +221,24 @@ const Masonry = /*#__PURE__*/React.forwardRef(function Masonry(inProps, ref) {
       });
     }
   };
-
   const observer = React.useRef(typeof ResizeObserver === 'undefined' ? undefined : new ResizeObserver(handleResize));
   React.useEffect(() => {
-    const resizeObserver = observer.current; // IE and old browsers are not supported
-
+    const resizeObserver = observer.current;
+    // IE and old browsers are not supported
     if (resizeObserver === undefined) {
       return undefined;
     }
-
     if (masonryRef.current) {
       masonryRef.current.childNodes.forEach(childNode => {
         resizeObserver.observe(childNode);
       });
     }
-
     return () => resizeObserver ? resizeObserver.disconnect() : {};
   }, [columns, spacing, children]);
-  const 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
+  const 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
   const lineBreaks = new Array(numberOfLineBreaks).fill('').map((_, index) => /*#__PURE__*/_jsx("span", {
     "data-class": "line-break",
     style: _extends({}, lineBreakStyle, {
@@ -281,64 +254,50 @@ const 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/modern/MobileDatePicker/MobileDatePicker.js

@@ -1,14 +1,12 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
 import * as React from 'react';
 let warnedOnce = false;
-
 const 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/modern/MobileDateRangePicker/MobileDateRangePicker.js

@@ -1,14 +1,12 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
 import * as React from 'react';
 let warnedOnce = false;
-
 const 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/modern/MobileDateTimePicker/MobileDateTimePicker.js

@@ -1,14 +1,12 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
 import * as React from 'react';
 let warnedOnce = false;
-
 const 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/modern/MobileTimePicker/MobileTimePicker.js

@@ -1,14 +1,12 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
 import * as React from 'react';
 let warnedOnce = false;
-
 const 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/modern/MonthPicker/MonthPicker.js

@@ -1,14 +1,12 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
 import * as React from 'react';
 let warnedOnce = false;
-
 const 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/modern/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";
 let 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/modern/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";
 let 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/modern/PickersDay/PickersDay.js

@@ -1,14 +1,12 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
 import * as React from 'react';
 let warnedOnce = false;
-
 const 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/modern/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";
 let 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));

package/modern/Skeleton/Skeleton.js

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

package/modern/SpeedDial/SpeedDial.js

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