@mui/lab 6.0.0-alpha.6 → 6.0.0-alpha.8

package/TimelineConnector/TimelineConnector.js

@@ -1,8 +1,5 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["className"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -38,16 +35,17 @@ const TimelineConnector = /*#__PURE__*/React.forwardRef(function TimelineConnect
     name: 'MuiTimelineConnector'
   });
   const {
-      className
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
+    className,
+    ...other
+  } = props;
   const ownerState = props;
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(TimelineConnectorRoot, _extends({
+  return /*#__PURE__*/_jsx(TimelineConnectorRoot, {
     className: clsx(classes.root, className),
     ownerState: ownerState,
-    ref: ref
-  }, other));
+    ref: ref,
+    ...other
+  });
 });
 process.env.NODE_ENV !== "production" ? TimelineConnector.propTypes /* remove-proptypes */ = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐

package/TimelineContent/TimelineContent.js

@@ -1,8 +1,5 @@
 'use client';
 
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _extends from "@babel/runtime/helpers/esm/extends";
-const _excluded = ["className"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -34,12 +31,13 @@ const TimelineContentRoot = styled(Typography, {
   }
 })(({
   ownerState
-}) => _extends({
+}) => ({
   flex: 1,
   padding: '6px 16px',
-  textAlign: 'left'
-}, ownerState.position === 'left' && {
-  textAlign: 'right'
+  textAlign: 'left',
+  ...(ownerState.position === 'left' && {
+    textAlign: 'right'
+  })
 }));
 const TimelineContent = /*#__PURE__*/React.forwardRef(function TimelineContent(inProps, ref) {
   const props = useThemeProps({
@@ -47,22 +45,24 @@ const TimelineContent = /*#__PURE__*/React.forwardRef(function TimelineContent(i
     name: 'MuiTimelineContent'
   });
   const {
-      className
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
+    className,
+    ...other
+  } = props;
   const {
     position: positionContext
   } = React.useContext(TimelineContext);
-  const ownerState = _extends({}, props, {
+  const ownerState = {
+    ...props,
     position: positionContext || 'right'
-  });
+  };
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(TimelineContentRoot, _extends({
+  return /*#__PURE__*/_jsx(TimelineContentRoot, {
     component: "div",
     className: clsx(classes.root, className),
     ownerState: ownerState,
-    ref: ref
-  }, other));
+    ref: ref,
+    ...other
+  });
 });
 process.env.NODE_ENV !== "production" ? TimelineContent.propTypes /* remove-proptypes */ = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐

package/TimelineDot/TimelineDot.js

@@ -1,8 +1,5 @@
 'use client';
 
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _extends from "@babel/runtime/helpers/esm/extends";
-const _excluded = ["className", "color", "variant"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -34,7 +31,7 @@ const TimelineDotRoot = styled('span', {
 })(({
   ownerState,
   theme
-}) => _extends({
+}) => ({
   display: 'flex',
   alignSelf: 'baseline',
   borderStyle: 'solid',
@@ -42,44 +39,54 @@ const TimelineDotRoot = styled('span', {
   padding: 4,
   borderRadius: '50%',
   boxShadow: (theme.vars || theme).shadows[1],
-  margin: '11.5px 0'
-}, ownerState.variant === 'filled' && _extends({
-  borderColor: 'transparent'
-}, ownerState.color !== 'inherit' && _extends({}, ownerState.color === 'grey' ? {
-  color: (theme.vars || theme).palette.grey[50],
-  backgroundColor: (theme.vars || theme).palette.grey[400]
-} : {
-  color: (theme.vars || theme).palette[ownerState.color].contrastText,
-  backgroundColor: (theme.vars || theme).palette[ownerState.color].main
-})), ownerState.variant === 'outlined' && _extends({
-  boxShadow: 'none',
-  backgroundColor: 'transparent'
-}, ownerState.color !== 'inherit' && _extends({}, ownerState.color === 'grey' ? {
-  borderColor: (theme.vars || theme).palette.grey[400]
-} : {
-  borderColor: (theme.vars || theme).palette[ownerState.color].main
-}))));
+  margin: '11.5px 0',
+  ...(ownerState.variant === 'filled' && {
+    borderColor: 'transparent',
+    ...(ownerState.color !== 'inherit' && {
+      ...(ownerState.color === 'grey' ? {
+        color: (theme.vars || theme).palette.grey[50],
+        backgroundColor: (theme.vars || theme).palette.grey[400]
+      } : {
+        color: (theme.vars || theme).palette[ownerState.color].contrastText,
+        backgroundColor: (theme.vars || theme).palette[ownerState.color].main
+      })
+    })
+  }),
+  ...(ownerState.variant === 'outlined' && {
+    boxShadow: 'none',
+    backgroundColor: 'transparent',
+    ...(ownerState.color !== 'inherit' && {
+      ...(ownerState.color === 'grey' ? {
+        borderColor: (theme.vars || theme).palette.grey[400]
+      } : {
+        borderColor: (theme.vars || theme).palette[ownerState.color].main
+      })
+    })
+  })
+}));
 const TimelineDot = /*#__PURE__*/React.forwardRef(function TimelineDot(inProps, ref) {
   const props = useThemeProps({
     props: inProps,
     name: 'MuiTimelineDot'
   });
   const {
-      className,
-      color = 'grey',
-      variant = 'filled'
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  const ownerState = _extends({}, props, {
+    className,
+    color = 'grey',
+    variant = 'filled',
+    ...other
+  } = props;
+  const ownerState = {
+    ...props,
     color,
     variant
-  });
+  };
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(TimelineDotRoot, _extends({
+  return /*#__PURE__*/_jsx(TimelineDotRoot, {
     className: clsx(classes.root, className),
     ownerState: ownerState,
-    ref: ref
-  }, other));
+    ref: ref,
+    ...other
+  });
 });
 process.env.NODE_ENV !== "production" ? TimelineDot.propTypes /* remove-proptypes */ = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐

package/TimelineItem/TimelineItem.js

@@ -1,8 +1,5 @@
 'use client';
 
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _extends from "@babel/runtime/helpers/esm/extends";
-const _excluded = ["position", "className"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -37,29 +34,32 @@ const TimelineItemRoot = styled('li', {
   }
 })(({
   ownerState
-}) => _extends({
+}) => ({
   listStyle: 'none',
   display: 'flex',
   position: 'relative',
-  minHeight: 70
-}, ownerState.position === 'left' && {
-  flexDirection: 'row-reverse'
-}, (ownerState.position === 'alternate' || ownerState.position === 'alternate-reverse') && {
-  [`&:nth-of-type(${ownerState.position === 'alternate' ? 'even' : 'odd'})`]: {
-    flexDirection: 'row-reverse',
-    [`& .${timelineContentClasses.root}`]: {
-      textAlign: 'right'
-    },
-    [`& .${timelineOppositeContentClasses.root}`]: {
-      textAlign: 'left'
+  minHeight: 70,
+  ...(ownerState.position === 'left' && {
+    flexDirection: 'row-reverse'
+  }),
+  ...((ownerState.position === 'alternate' || ownerState.position === 'alternate-reverse') && {
+    [`&:nth-of-type(${ownerState.position === 'alternate' ? 'even' : 'odd'})`]: {
+      flexDirection: 'row-reverse',
+      [`& .${timelineContentClasses.root}`]: {
+        textAlign: 'right'
+      },
+      [`& .${timelineOppositeContentClasses.root}`]: {
+        textAlign: 'left'
+      }
     }
-  }
-}, !ownerState.hasOppositeContent && {
-  '&::before': {
-    content: '""',
-    flex: 1,
-    padding: '6px 16px'
-  }
+  }),
+  ...(!ownerState.hasOppositeContent && {
+    '&::before': {
+      content: '""',
+      flex: 1,
+      padding: '6px 16px'
+    }
+  })
 }));
 const TimelineItem = /*#__PURE__*/React.forwardRef(function TimelineItem(inProps, ref) {
   const props = useThemeProps({
@@ -67,10 +67,10 @@ const TimelineItem = /*#__PURE__*/React.forwardRef(function TimelineItem(inProps
     name: 'MuiTimelineItem'
   });
   const {
-      position: positionProp,
-      className
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
+    position: positionProp,
+    className,
+    ...other
+  } = props;
   const {
     position: positionContext
   } = React.useContext(TimelineContext);
@@ -80,21 +80,23 @@ const TimelineItem = /*#__PURE__*/React.forwardRef(function TimelineItem(inProps
       hasOppositeContent = true;
     }
   });
-  const ownerState = _extends({}, props, {
+  const ownerState = {
+    ...props,
     position: positionProp || positionContext || 'right',
     hasOppositeContent
-  });
+  };
   const classes = useUtilityClasses(ownerState);
   const contextValue = React.useMemo(() => ({
     position: ownerState.position
   }), [ownerState.position]);
   return /*#__PURE__*/_jsx(TimelineContext.Provider, {
     value: contextValue,
-    children: /*#__PURE__*/_jsx(TimelineItemRoot, _extends({
+    children: /*#__PURE__*/_jsx(TimelineItemRoot, {
       className: clsx(classes.root, className),
       ownerState: ownerState,
-      ref: ref
-    }, other))
+      ref: ref,
+      ...other
+    })
   });
 });
 process.env.NODE_ENV !== "production" ? TimelineItem.propTypes /* remove-proptypes */ = {

package/TimelineOppositeContent/TimelineOppositeContent.js

@@ -1,8 +1,5 @@
 'use client';
 
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _extends from "@babel/runtime/helpers/esm/extends";
-const _excluded = ["className"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -34,13 +31,14 @@ const TimelineOppositeContentRoot = styled(Typography, {
   }
 })(({
   ownerState
-}) => _extends({
+}) => ({
   padding: '6px 16px',
   marginRight: 'auto',
   textAlign: 'right',
-  flex: 1
-}, ownerState.position === 'left' && {
-  textAlign: 'left'
+  flex: 1,
+  ...(ownerState.position === 'left' && {
+    textAlign: 'left'
+  })
 }));
 const TimelineOppositeContent = /*#__PURE__*/React.forwardRef(function TimelineOppositeContent(inProps, ref) {
   const props = useThemeProps({
@@ -48,22 +46,24 @@ const TimelineOppositeContent = /*#__PURE__*/React.forwardRef(function TimelineO
     name: 'MuiTimelineOppositeContent'
   });
   const {
-      className
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
+    className,
+    ...other
+  } = props;
   const {
     position: positionContext
   } = React.useContext(TimelineContext);
-  const ownerState = _extends({}, props, {
+  const ownerState = {
+    ...props,
     position: positionContext || 'left'
-  });
+  };
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(TimelineOppositeContentRoot, _extends({
+  return /*#__PURE__*/_jsx(TimelineOppositeContentRoot, {
     component: "div",
     className: clsx(classes.root, className),
     ownerState: ownerState,
-    ref: ref
-  }, other));
+    ref: ref,
+    ...other
+  });
 });
 process.env.NODE_ENV !== "production" ? TimelineOppositeContent.propTypes /* remove-proptypes */ = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐

package/TimelineSeparator/TimelineSeparator.js

@@ -1,8 +1,5 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["className"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -35,16 +32,17 @@ const TimelineSeparator = /*#__PURE__*/React.forwardRef(function TimelineSeparat
     name: 'MuiTimelineSeparator'
   });
   const {
-      className
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
+    className,
+    ...other
+  } = props;
   const ownerState = props;
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(TimelineSeparatorRoot, _extends({
+  return /*#__PURE__*/_jsx(TimelineSeparatorRoot, {
     className: clsx(classes.root, className),
     ownerState: ownerState,
-    ref: ref
-  }, other));
+    ref: ref,
+    ...other
+  });
 });
 process.env.NODE_ENV !== "production" ? TimelineSeparator.propTypes /* remove-proptypes */ = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐

package/ToggleButton/ToggleButton.js

@@ -1,6 +1,5 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import ToggleButton from '@mui/material/ToggleButton';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -14,7 +13,8 @@ export default /*#__PURE__*/React.forwardRef(function DeprecatedToggleButton(pro
     console.warn(['MUI: The ToggleButton component was moved from the lab to the core.', '', "You should use `import { ToggleButton } from '@mui/material'`", "or `import ToggleButton from '@mui/material/ToggleButton'`"].join('\n'));
     warnedOnce = true;
   }
-  return /*#__PURE__*/_jsx(ToggleButton, _extends({
-    ref: ref
-  }, props));
+  return /*#__PURE__*/_jsx(ToggleButton, {
+    ref: ref,
+    ...props
+  });
 });

package/ToggleButtonGroup/ToggleButtonGroup.js

@@ -1,6 +1,5 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import ToggleButtonGroup from '@mui/material/ToggleButtonGroup';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -14,7 +13,8 @@ export default /*#__PURE__*/React.forwardRef(function DeprecatedToggleButtonGrou
     console.warn(['MUI: The ToggleButtonGroup component was moved from the lab to the core.', '', "You should use `import { ToggleButtonGroup } from '@mui/material'`", "or `import ToggleButtonGroup from '@mui/material/ToggleButtonGroup'`"].join('\n'));
     warnedOnce = true;
   }
-  return /*#__PURE__*/_jsx(ToggleButtonGroup, _extends({
-    ref: ref
-  }, props));
+  return /*#__PURE__*/_jsx(ToggleButtonGroup, {
+    ref: ref,
+    ...props
+  });
 });

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/lab v6.0.0-alpha.6
+ * @mui/lab v6.0.0-alpha.8
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/modern/Alert/Alert.js

@@ -1,6 +1,5 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import Alert from '@mui/material/Alert';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -14,7 +13,8 @@ export default /*#__PURE__*/React.forwardRef(function DeprecatedAlert(props, ref
     console.warn(['MUI: The Alert component was moved from the lab to the core.', '', "You should use `import { Alert } from '@mui/material'`", "or `import Alert from '@mui/material/Alert'`"].join('\n'));
     warnedOnce = true;
   }
-  return /*#__PURE__*/_jsx(Alert, _extends({
-    ref: ref
-  }, props));
+  return /*#__PURE__*/_jsx(Alert, {
+    ref: ref,
+    ...props
+  });
 });

package/modern/AlertTitle/AlertTitle.js

@@ -1,6 +1,5 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import AlertTitle from '@mui/material/AlertTitle';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -14,7 +13,8 @@ export default /*#__PURE__*/React.forwardRef(function DeprecatedAlertTitle(props
     console.warn(['MUI: The AlertTitle component was moved from the lab to the core.', '', "You should use `import { AlertTitle } from '@mui/material'`", "or `import AlertTitle from '@mui/material/AlertTitle'`"].join('\n'));
     warnedOnce = true;
   }
-  return /*#__PURE__*/_jsx(AlertTitle, _extends({
-    ref: ref
-  }, props));
+  return /*#__PURE__*/_jsx(AlertTitle, {
+    ref: ref,
+    ...props
+  });
 });

package/modern/Autocomplete/Autocomplete.js

@@ -1,6 +1,5 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import Autocomplete from '@mui/material/Autocomplete';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -14,7 +13,8 @@ export default /*#__PURE__*/React.forwardRef(function DeprecatedAutocomplete(pro
     console.warn(['MUI: The Autocomplete component was moved from the lab to the core.', '', "You should use `import { Autocomplete } from '@mui/material'`", "or `import Autocomplete from '@mui/material/Autocomplete'`"].join('\n'));
     warnedOnce = true;
   }
-  return /*#__PURE__*/_jsx(Autocomplete, _extends({
-    ref: ref
-  }, props));
+  return /*#__PURE__*/_jsx(Autocomplete, {
+    ref: ref,
+    ...props
+  });
 });

package/modern/AvatarGroup/AvatarGroup.js

@@ -1,6 +1,5 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import AvatarGroup from '@mui/material/AvatarGroup';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -14,7 +13,8 @@ export default /*#__PURE__*/React.forwardRef(function DeprecatedAvatarGroup(prop
     console.warn(['MUI: The AvatarGroup component was moved from the lab to the core.', '', "You should use `import { AvatarGroup } from '@mui/material'`", "or `import AvatarGroup from '@mui/material/AvatarGroup'`"].join('\n'));
     warnedOnce = true;
   }
-  return /*#__PURE__*/_jsx(AvatarGroup, _extends({
-    ref: ref
-  }, props));
+  return /*#__PURE__*/_jsx(AvatarGroup, {
+    ref: ref,
+    ...props
+  });
 });

package/modern/LoadingButton/LoadingButton.js

@@ -1,8 +1,5 @@
 'use client';
 
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _extends from "@babel/runtime/helpers/esm/extends";
-const _excluded = ["children", "disabled", "id", "loading", "loadingIndicator", "loadingPosition", "variant"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { chainPropTypes } from '@mui/utils';
@@ -29,7 +26,11 @@ const useUtilityClasses = ownerState => {
     loadingIndicator: ['loadingIndicator', loading && `loadingIndicator${capitalize(loadingPosition)}`]
   };
   const composedClasses = composeClasses(slots, getLoadingButtonUtilityClass, classes);
-  return _extends({}, classes, composedClasses);
+  return {
+    ...classes,
+    // forward the outlined, color, etc. classes to Button
+    ...composedClasses
+  };
 };
 
 // TODO use `import rootShouldForwardProp from '../styles/rootShouldForwardProp';` once move to core
@@ -192,44 +193,45 @@ const LoadingButton = /*#__PURE__*/React.forwardRef(function LoadingButton(inPro
     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',
+    ...other
+  } = props;
   const id = useId(idProp);
   const loadingIndicator = loadingIndicatorProp ?? /*#__PURE__*/_jsx(CircularProgress, {
     "aria-labelledby": id,
     color: "inherit",
     size: 16
   });
-  const ownerState = _extends({}, props, {
+  const ownerState = {
+    ...props,
     disabled,
     loading,
     loadingIndicator,
     loadingPosition,
     variant
-  });
+  };
   const classes = useUtilityClasses(ownerState);
   const loadingButtonLoadingIndicator = loading ? /*#__PURE__*/_jsx(LoadingButtonLoadingIndicator, {
     className: classes.loadingIndicator,
     ownerState: ownerState,
     children: loadingIndicator
   }) : null;
-  return /*#__PURE__*/_jsxs(LoadingButtonRoot, _extends({
+  return /*#__PURE__*/_jsxs(LoadingButtonRoot, {
     disabled: disabled || loading,
     id: id,
-    ref: ref
-  }, other, {
+    ref: ref,
+    ...other,
     variant: variant,
     classes: classes,
     ownerState: ownerState,
     children: [ownerState.loadingPosition === 'end' ? children : loadingButtonLoadingIndicator, ownerState.loadingPosition === 'end' ? loadingButtonLoadingIndicator : children]
-  }));
+  });
 });
 process.env.NODE_ENV !== "production" ? LoadingButton.propTypes /* remove-proptypes */ = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐