@mui/lab 6.0.0-alpha.7 → 6.0.0-alpha.9

package/SpeedDial/SpeedDial.js

@@ -1,6 +1,5 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import SpeedDial from '@mui/material/SpeedDial';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -14,7 +13,8 @@ export default /*#__PURE__*/React.forwardRef(function DeprecatedSpeedDial(props,
     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));
+  return /*#__PURE__*/_jsx(SpeedDial, {
+    ref: ref,
+    ...props
+  });
 });

package/SpeedDialAction/SpeedDialAction.js

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

package/SpeedDialIcon/SpeedDialIcon.js

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

package/StaticDatePicker/StaticDatePicker.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-type StaticDatePickerComponent = (<TDate>(props: StaticDatePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
+type StaticDatePickerComponent = (<TDate>(props: StaticDatePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
     propTypes?: any;
 };
 /**

package/StaticDateRangePicker/StaticDateRangePicker.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-type StaticDateRangePickerComponent = (<TDate>(props: StaticDateRangePickerProps & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
+type StaticDateRangePickerComponent = (<TDate>(props: StaticDateRangePickerProps & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
     propTypes?: any;
 };
 /**

package/StaticDateTimePicker/StaticDateTimePicker.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-type StaticDateTimePickerComponent = (<TDate>(props: StaticDateTimePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
+type StaticDateTimePickerComponent = (<TDate>(props: StaticDateTimePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
     propTypes?: any;
 };
 /**

package/StaticTimePicker/StaticTimePicker.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-type StaticTimePickerComponent = (<TDate>(props: StaticTimePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
+type StaticTimePickerComponent = (<TDate>(props: StaticTimePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
     propTypes?: any;
 };
 /**

package/TabContext/TabContext.d.ts

@@ -25,7 +25,7 @@ export interface TabContextProps {
  *
  * - [TabContext API](https://mui.com/material-ui/api/tab-context/)
  */
-export default function TabContext(props: TabContextProps): JSX.Element;
+export default function TabContext(props: TabContextProps): React.JSX.Element;
 export function useTabContext(): TabContextValue | null;
 export function getPanelId(context: TabContextValue, tabValue: string): string;
 export function getTabId(context: TabContextValue, tabValue: string): string;

package/TabList/TabList.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 = ["children"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import Tabs from '@mui/material/Tabs';
@@ -10,9 +7,9 @@ import { useTabContext, getTabId, getPanelId } from '../TabContext';
 import { jsx as _jsx } from "react/jsx-runtime";
 const TabList = /*#__PURE__*/React.forwardRef(function TabList(props, ref) {
   const {
-      children: childrenProp
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
+    children: childrenProp,
+    ...other
+  } = props;
   const context = useTabContext();
   if (context === null) {
     throw new TypeError('No TabContext provided');
@@ -27,11 +24,12 @@ const TabList = /*#__PURE__*/React.forwardRef(function TabList(props, ref) {
       id: getTabId(context, child.props.value)
     });
   });
-  return /*#__PURE__*/_jsx(Tabs, _extends({}, other, {
+  return /*#__PURE__*/_jsx(Tabs, {
+    ...other,
     ref: ref,
     value: context.value,
     children: children
-  }));
+  });
 });
 process.env.NODE_ENV !== "production" ? TabList.propTypes /* remove-proptypes */ = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐

package/TabPanel/TabPanel.d.ts

@@ -39,4 +39,4 @@ export interface TabPanelProps extends StandardProps<React.HTMLAttributes<HTMLDi
  *
  * - [TabPanel API](https://mui.com/material-ui/api/tab-panel/)
  */
-export default function TabPanel(props: TabPanelProps): JSX.Element;
+export default function TabPanel(props: TabPanelProps): React.JSX.Element;

package/TabPanel/TabPanel.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 = ["children", "className", "value", "keepMounted"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -36,13 +33,15 @@ const TabPanel = /*#__PURE__*/React.forwardRef(function TabPanel(inProps, ref) {
     name: 'MuiTabPanel'
   });
   const {
-      children,
-      className,
-      value,
-      keepMounted = false
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  const ownerState = _extends({}, props);
+    children,
+    className,
+    value,
+    keepMounted = false,
+    ...other
+  } = props;
+  const ownerState = {
+    ...props
+  };
   const classes = useUtilityClasses(ownerState);
   const context = useTabContext();
   if (context === null) {
@@ -50,17 +49,17 @@ const TabPanel = /*#__PURE__*/React.forwardRef(function TabPanel(inProps, ref) {
   }
   const id = getPanelId(context, value);
   const tabId = getTabId(context, value);
-  return /*#__PURE__*/_jsx(TabPanelRoot, _extends({
+  return /*#__PURE__*/_jsx(TabPanelRoot, {
     "aria-labelledby": tabId,
     className: clsx(classes.root, className),
     hidden: value !== context.value,
     id: id,
     ref: ref,
     role: "tabpanel",
-    ownerState: ownerState
-  }, other, {
+    ownerState: ownerState,
+    ...other,
     children: (keepMounted || value === context.value) && children
-  }));
+  });
 });
 process.env.NODE_ENV !== "production" ? TabPanel.propTypes /* remove-proptypes */ = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐

package/TimePicker/TimePicker.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-type TimePickerComponent = (<TDate>(props: TimePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
+type TimePickerComponent = (<TDate>(props: TimePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
     propTypes?: any;
 };
 /**

package/Timeline/Timeline.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 = ["position", "className"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -54,26 +51,28 @@ const Timeline = /*#__PURE__*/React.forwardRef(function Timeline(inProps, ref) {
     name: 'MuiTimeline'
   });
   const {
-      position = 'right',
-      className
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  const ownerState = _extends({}, props, {
+    position = 'right',
+    className,
+    ...other
+  } = props;
+  const ownerState = {
+    ...props,
     position
-  });
+  };
   const classes = useUtilityClasses(ownerState);
   const contextValue = React.useMemo(() => ({
     position
   }), [position]);
   return /*#__PURE__*/_jsx(TimelineContext.Provider, {
     value: contextValue,
-    children: /*#__PURE__*/_jsx(TimelineRoot, _extends({
+    children: /*#__PURE__*/_jsx(TimelineRoot, {
       className: clsx(classes.root, className),
       ownerState: ownerState
       // @ts-expect-error TypeScript bug, need to keep unknown for DX
       ,
-      ref: ref
-    }, other))
+      ref: ref,
+      ...other
+    })
   });
 });
 process.env.NODE_ENV !== "production" ? Timeline.propTypes /* remove-proptypes */ = {

package/TimelineConnector/TimelineConnector.d.ts

@@ -30,4 +30,4 @@ export interface TimelineConnectorProps
  *
  * - [TimelineConnector API](https://mui.com/material-ui/api/timeline-connector/)
  */
-export default function TimelineConnector(props: TimelineConnectorProps): JSX.Element;
+export default function TimelineConnector(props: TimelineConnectorProps): React.JSX.Element;

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.d.ts

@@ -30,4 +30,4 @@ export interface TimelineContentProps extends StandardProps<TypographyProps> {
  * - [TimelineContent API](https://mui.com/material-ui/api/timeline-content/)
  * - inherits [Typography API](https://mui.com/material-ui/api/typography/)
  */
-export default function TimelineContent(props: TimelineContentProps): JSX.Element;
+export default function TimelineContent(props: TimelineContentProps): React.JSX.Element;

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.d.ts

@@ -47,4 +47,4 @@ export interface TimelineDotProps extends StandardProps<React.HTMLAttributes<HTM
  *
  * - [TimelineDot API](https://mui.com/material-ui/api/timeline-dot/)
  */
-export default function TimelineDot(props: TimelineDotProps): JSX.Element;
+export default function TimelineDot(props: TimelineDotProps): React.JSX.Element;

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.d.ts

@@ -33,4 +33,4 @@ export interface TimelineItemProps extends StandardProps<React.HTMLAttributes<HT
  *
  * - [TimelineItem API](https://mui.com/material-ui/api/timeline-item/)
  */
-export default function TimelineItem(props: TimelineItemProps): JSX.Element;
+export default function TimelineItem(props: TimelineItemProps): React.JSX.Element;

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.d.ts

@@ -30,7 +30,9 @@ export interface TimelineOppositeContentProps extends StandardProps<TypographyPr
  * - [TimelineOppositeContent API](https://mui.com/material-ui/api/timeline-opposite-content/)
  * - inherits [Typography API](https://mui.com/material-ui/api/typography/)
  */
-declare const TimelineOppositeContent: ((props: TimelineOppositeContentProps) => JSX.Element) & {
+declare const TimelineOppositeContent: ((
+  props: TimelineOppositeContentProps,
+) => React.JSX.Element) & {
   muiName: string;
 };