@mui/lab 5.0.0-alpha.100

package/modern/SpeedDialIcon/SpeedDialIcon.js

@@ -0,0 +1,19 @@
+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";
+let warnedOnce = false;
+/**
+ * @ignore - do not document.
+ */
+
+export default /*#__PURE__*/React.forwardRef(function DeprecatedSpeedDialIcon(props, ref) {
+  if (!warnedOnce) {
+    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));
+});

package/modern/SpeedDialIcon/index.js

@@ -0,0 +1 @@
+export { default } from './SpeedDialIcon';

package/modern/StaticDatePicker/StaticDatePicker.js

@@ -0,0 +1,19 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
+import * as React from 'react';
+let warnedOnce = false;
+
+const warn = () => {
+  if (!warnedOnce) {
+    console.warn(['MUI: The StaticDatePicker component was moved from `@mui/lab` to `@mui/x-date-pickers`.', '', "You should use `import { StaticDatePicker } from '@mui/x-date-pickers'`", "or `import { StaticDatePicker } from '@mui/x-date-pickers/StaticDatePicker'`", '', '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.
+ */
+const StaticDatePicker = /*#__PURE__*/React.forwardRef(function DeprecatedStaticDatePicker() {
+  warn();
+  return null;
+});
+export default StaticDatePicker;

package/modern/StaticDatePicker/index.js

@@ -0,0 +1,2 @@
+export { default } from './StaticDatePicker';
+export * from './StaticDatePicker';

package/modern/StaticDateRangePicker/StaticDateRangePicker.js

@@ -0,0 +1,19 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
+import * as React from 'react';
+let warnedOnce = false;
+
+const warn = () => {
+  if (!warnedOnce) {
+    console.warn(['MUI: The StaticDateRangePicker component was moved from `@mui/lab` to `@mui/x-date-pickers-pro`', '', "You should use `import { StaticDateRangePicker } from '@mui/x-date-pickers-pro'`", "or `import { StaticDateRangePicker } from '@mui/x-date-pickers-pro/StaticDateRangePicker'`", '', '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.
+ */
+const StaticDateRangePicker = /*#__PURE__*/React.forwardRef(function DeprecatedStaticDateRangePicker() {
+  warn();
+  return null;
+});
+export default StaticDateRangePicker;

package/modern/StaticDateRangePicker/index.js

@@ -0,0 +1,2 @@
+export { default } from './StaticDateRangePicker';
+export * from './StaticDateRangePicker';

package/modern/StaticDateTimePicker/StaticDateTimePicker.js

@@ -0,0 +1,19 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
+import * as React from 'react';
+let warnedOnce = false;
+
+const warn = () => {
+  if (!warnedOnce) {
+    console.warn(['MUI: The StaticDateTimePicker component was moved from `@mui/lab` to `@mui/x-date-pickers`.', '', "You should use `import { StaticDateTimePicker } from '@mui/x-date-pickers'`", "or `import { StaticDateTimePicker } from '@mui/x-date-pickers/StaticDateTimePicker'`", '', '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.
+ */
+const StaticDateTimePicker = /*#__PURE__*/React.forwardRef(function DeprecatedStaticDateTimePicker() {
+  warn();
+  return null;
+});
+export default StaticDateTimePicker;

package/modern/StaticDateTimePicker/index.js

@@ -0,0 +1,2 @@
+export { default } from './StaticDateTimePicker';
+export * from './StaticDateTimePicker';

package/modern/StaticTimePicker/StaticTimePicker.js

@@ -0,0 +1,19 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
+import * as React from 'react';
+let warnedOnce = false;
+
+const warn = () => {
+  if (!warnedOnce) {
+    console.warn(['MUI: The StaticTimePicker component was moved from `@mui/lab` to `@mui/x-date-pickers`.', '', "You should use `import { StaticTimePicker } from '@mui/x-date-pickers'`", "or `import { StaticTimePicker } from '@mui/x-date-pickers/StaticTimePicker'`", '', '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.
+ */
+const StaticTimePicker = /*#__PURE__*/React.forwardRef(function DeprecatedStaticTimePicker() {
+  warn();
+  return null;
+});
+export default StaticTimePicker;

package/modern/StaticTimePicker/index.js

@@ -0,0 +1,2 @@
+export { default } from './StaticTimePicker';
+export * from './StaticTimePicker';

package/modern/TabContext/TabContext.js

@@ -0,0 +1,85 @@
+import * as React from 'react';
+import PropTypes from 'prop-types';
+/**
+ * @type {React.Context<{ idPrefix: string; value: string } | null>}
+ */
+
+import { jsx as _jsx } from "react/jsx-runtime";
+const Context = /*#__PURE__*/React.createContext(null);
+
+if (process.env.NODE_ENV !== 'production') {
+  Context.displayName = 'TabContext';
+}
+
+function useUniquePrefix() {
+  const [id, setId] = React.useState(null);
+  React.useEffect(() => {
+    setId(`mui-p-${Math.round(Math.random() * 1e5)}`);
+  }, []);
+  return id;
+}
+
+export default function TabContext(props) {
+  const {
+    children,
+    value
+  } = props;
+  const idPrefix = useUniquePrefix();
+  const context = React.useMemo(() => {
+    return {
+      idPrefix,
+      value
+    };
+  }, [idPrefix, value]);
+  return /*#__PURE__*/_jsx(Context.Provider, {
+    value: context,
+    children: children
+  });
+}
+process.env.NODE_ENV !== "production" ? TabContext.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,
+
+  /**
+   * The value of the currently selected `Tab`.
+   */
+  value: PropTypes.string.isRequired
+} : void 0;
+/**
+ * @returns {unknown}
+ */
+
+export function useTabContext() {
+  return React.useContext(Context);
+}
+export function getPanelId(context, value) {
+  const {
+    idPrefix
+  } = context;
+
+  if (idPrefix === null) {
+    return null;
+  }
+
+  return `${context.idPrefix}-P-${value}`;
+}
+export function getTabId(context, value) {
+  const {
+    idPrefix
+  } = context;
+
+  if (idPrefix === null) {
+    return null;
+  }
+
+  return `${context.idPrefix}-T-${value}`;
+}

package/modern/TabContext/index.js

@@ -0,0 +1,2 @@
+export { default } from './TabContext';
+export * from './TabContext';

package/modern/TabList/TabList.js

@@ -0,0 +1,51 @@
+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';
+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);
+
+  const context = useTabContext();
+
+  if (context === null) {
+    throw new TypeError('No TabContext provided');
+  }
+
+  const children = React.Children.map(childrenProp, child => {
+    if (! /*#__PURE__*/React.isValidElement(child)) {
+      return null;
+    }
+
+    return /*#__PURE__*/React.cloneElement(child, {
+      // SOMEDAY: `Tabs` will set those themselves
+      'aria-controls': getPanelId(context, child.props.value),
+      id: getTabId(context, child.props.value)
+    });
+  });
+  return /*#__PURE__*/_jsx(Tabs, _extends({}, other, {
+    ref: ref,
+    value: context.value,
+    children: children
+  }));
+});
+process.env.NODE_ENV !== "production" ? TabList.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"     |
+  // ----------------------------------------------------------------------
+
+  /**
+   * A list of `<Tab />` elements.
+   */
+  children: PropTypes.node
+} : void 0;
+export default TabList;

package/modern/TabList/index.js

@@ -0,0 +1 @@
+export { default } from './TabList';

package/modern/TabPanel/TabPanel.js

@@ -0,0 +1,102 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["children", "className", "value"];
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import clsx from 'clsx';
+import { styled, useThemeProps } from '@mui/material/styles';
+import { unstable_composeClasses as composeClasses } from '@mui/base';
+import { getTabPanelUtilityClass } from './tabPanelClasses';
+import { getPanelId, getTabId, useTabContext } from '../TabContext';
+import { jsx as _jsx } from "react/jsx-runtime";
+
+const useUtilityClasses = ownerState => {
+  const {
+    classes
+  } = ownerState;
+  const slots = {
+    root: ['root']
+  };
+  return composeClasses(slots, getTabPanelUtilityClass, classes);
+};
+
+const TabPanelRoot = styled('div', {
+  name: 'MuiTabPanel',
+  slot: 'Root',
+  overridesResolver: (props, styles) => styles.root
+})(({
+  theme
+}) => ({
+  padding: theme.spacing(3)
+}));
+const TabPanel = /*#__PURE__*/React.forwardRef(function TabPanel(inProps, ref) {
+  const props = useThemeProps({
+    props: inProps,
+    name: 'MuiTabPanel'
+  });
+
+  const {
+    children,
+    className,
+    value
+  } = props,
+        other = _objectWithoutPropertiesLoose(props, _excluded);
+
+  const ownerState = _extends({}, props);
+
+  const classes = useUtilityClasses(ownerState);
+  const context = useTabContext();
+
+  if (context === null) {
+    throw new TypeError('No TabContext provided');
+  }
+
+  const id = getPanelId(context, value);
+  const tabId = getTabId(context, value);
+  return /*#__PURE__*/_jsx(TabPanelRoot, _extends({
+    "aria-labelledby": tabId,
+    className: clsx(classes.root, className),
+    hidden: value !== context.value,
+    id: id,
+    ref: ref,
+    role: "tabpanel",
+    ownerState: ownerState
+  }, other, {
+    children: value === context.value && children
+  }));
+});
+process.env.NODE_ENV !== "production" ? TabPanel.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,
+
+  /**
+   * @ignore
+   */
+  className: PropTypes.string,
+
+  /**
+   * 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 `value` of the corresponding `Tab`. Must use the index of the `Tab` when
+   * no `value` was passed to `Tab`.
+   */
+  value: PropTypes.string.isRequired
+} : void 0;
+export default TabPanel;

package/modern/TabPanel/index.js

@@ -0,0 +1,3 @@
+export { default } from './TabPanel';
+export { default as tabPanelClasses } from './tabPanelClasses';
+export * from './tabPanelClasses';

package/modern/TabPanel/tabPanelClasses.js

@@ -0,0 +1,6 @@
+import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
+export function getTabPanelUtilityClass(slot) {
+  return generateUtilityClass('MuiTabPanel', slot);
+}
+const tabPanelClasses = generateUtilityClasses('MuiTabPanel', ['root']);
+export default tabPanelClasses;

package/modern/TimePicker/TimePicker.js

@@ -0,0 +1,19 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
+import * as React from 'react';
+let warnedOnce = false;
+
+const warn = () => {
+  if (!warnedOnce) {
+    console.warn(['MUI: The TimePicker component was moved from `@mui/lab` to `@mui/x-date-pickers`.', '', "You should use `import { TimePicker } from '@mui/x-date-pickers'`", "or `import { TimePicker } from '@mui/x-date-pickers/TimePicker'`", '', '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.
+ */
+const TimePicker = /*#__PURE__*/React.forwardRef(function DeprecatedTimePicker() {
+  warn();
+  return null;
+});
+export default TimePicker;

package/modern/TimePicker/index.js

@@ -0,0 +1,2 @@
+export { default } from './TimePicker';
+export * from './TimePicker';

package/modern/Timeline/Timeline.js

@@ -0,0 +1,125 @@
+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';
+import { capitalize } from '@mui/material/utils';
+import { unstable_composeClasses as composeClasses } from '@mui/base';
+import { styled, useThemeProps } from '@mui/material/styles';
+import TimelineContext from './TimelineContext';
+import { getTimelineUtilityClass } from './timelineClasses';
+import { jsx as _jsx } from "react/jsx-runtime";
+
+const useUtilityClasses = ownerState => {
+  const {
+    position,
+    classes
+  } = ownerState;
+  const slots = {
+    root: ['root', position && `position${capitalize(position)}`]
+  };
+  return composeClasses(slots, getTimelineUtilityClass, classes);
+};
+
+const TimelineRoot = styled('ul', {
+  name: 'MuiTimeline',
+  slot: 'Root',
+  overridesResolver: (props, styles) => {
+    const {
+      ownerState
+    } = props;
+    return [styles.root, ownerState.position && styles[`position${capitalize(ownerState.position)}`]];
+  }
+})({
+  display: 'flex',
+  flexDirection: 'column',
+  padding: '6px 16px',
+  flexGrow: 1
+});
+/**
+ *
+ * Demos:
+ *
+ * - [Timeline](https://mui.com/material-ui/react-timeline/)
+ *
+ * API:
+ *
+ * - [Timeline API](https://mui.com/material-ui/api/timeline/)
+ */
+
+const Timeline = /*#__PURE__*/React.forwardRef(function Timeline(inProps, ref) {
+  const props = useThemeProps({
+    props: inProps,
+    name: 'MuiTimeline'
+  });
+
+  const {
+    position = 'right',
+    className
+  } = props,
+        other = _objectWithoutPropertiesLoose(props, _excluded);
+
+  const ownerState = _extends({}, props, {
+    position
+  });
+
+  const classes = useUtilityClasses(ownerState);
+  return /*#__PURE__*/_jsx(TimelineContext.Provider, {
+    value: {
+      position
+    },
+    children: /*#__PURE__*/_jsx(TimelineRoot, _extends({
+      className: clsx(classes.root, className),
+      ownerState: ownerState // @ts-expect-error TypeScript bug, need to keep unknown for DX
+      ,
+      ref: ref
+    }, other))
+  });
+});
+process.env.NODE_ENV !== "production" ? Timeline.propTypes
+/* remove-proptypes */
+= {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit TypeScript types and run "yarn proptypes"  |
+  // ----------------------------------------------------------------------
+
+  /**
+   * The content of the component.
+   */
+  children: PropTypes.node,
+
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: PropTypes.object,
+
+  /**
+   * className applied to the root element.
+   */
+  className: PropTypes.string,
+
+  /**
+   * The position where the TimelineContent should appear relative to the time axis.
+   * @default 'right'
+   */
+  position: PropTypes.oneOf(['alternate', 'left', 'right']),
+
+  /**
+   * 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])
+} : void 0;
+/**
+ *
+ * Demos:
+ *
+ * - [Timeline](https://mui.com/components/timeline/)
+ *
+ * API:
+ *
+ * - [Timeline API](https://mui.com/api/timeline/)
+ */
+
+export default Timeline;

package/modern/Timeline/TimelineContext.js

@@ -0,0 +1,12 @@
+import * as React from 'react';
+/**
+ * @ignore - internal component.
+ */
+
+const TimelineContext = /*#__PURE__*/React.createContext({});
+
+if (process.env.NODE_ENV !== 'production') {
+  TimelineContext.displayName = 'TimelineContext';
+}
+
+export default TimelineContext;

package/modern/Timeline/index.js

@@ -0,0 +1,3 @@
+export { default } from './Timeline';
+export { default as timelineClasses } from './timelineClasses';
+export * from './timelineClasses';

package/modern/Timeline/timelineClasses.js

@@ -0,0 +1,6 @@
+import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
+export function getTimelineUtilityClass(slot) {
+  return generateUtilityClass('MuiTimeline', slot);
+}
+const timelineClasses = generateUtilityClasses('MuiTimeline', ['root', 'positionLeft', 'positionRight', 'positionAlternate']);
+export default timelineClasses;

package/modern/TimelineConnector/TimelineConnector.js

@@ -0,0 +1,82 @@
+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';
+import { unstable_composeClasses as composeClasses } from '@mui/base';
+import { styled, useThemeProps } from '@mui/material/styles';
+import { getTimelineConnectorUtilityClass } from './timelineConnectorClasses';
+import { jsx as _jsx } from "react/jsx-runtime";
+
+const useUtilityClasses = ownerState => {
+  const {
+    classes
+  } = ownerState;
+  const slots = {
+    root: ['root']
+  };
+  return composeClasses(slots, getTimelineConnectorUtilityClass, classes);
+};
+
+const TimelineConnectorRoot = styled('span', {
+  name: 'MuiTimelineConnector',
+  slot: 'Root',
+  overridesResolver: (props, styles) => styles.root
+})(({
+  theme
+}) => {
+  return {
+    width: 2,
+    backgroundColor: (theme.vars || theme).palette.grey[400],
+    flexGrow: 1
+  };
+});
+const TimelineConnector = /*#__PURE__*/React.forwardRef(function TimelineConnector(inProps, ref) {
+  const props = useThemeProps({
+    props: inProps,
+    name: 'MuiTimelineConnector'
+  });
+
+  const {
+    className
+  } = props,
+        other = _objectWithoutPropertiesLoose(props, _excluded);
+
+  const ownerState = props;
+  const classes = useUtilityClasses(ownerState);
+  return /*#__PURE__*/_jsx(TimelineConnectorRoot, _extends({
+    className: clsx(classes.root, className),
+    ownerState: ownerState,
+    ref: ref
+  }, other));
+});
+process.env.NODE_ENV !== "production" ? TimelineConnector.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,
+
+  /**
+   * @ignore
+   */
+  className: PropTypes.string,
+
+  /**
+   * 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])
+} : void 0;
+export default TimelineConnector;

package/modern/TimelineConnector/index.js

@@ -0,0 +1,3 @@
+export { default } from './TimelineConnector';
+export { default as timelineConnectorClasses } from './timelineConnectorClasses';
+export * from './timelineConnectorClasses';

package/modern/TimelineConnector/timelineConnectorClasses.js

@@ -0,0 +1,6 @@
+import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
+export function getTimelineConnectorUtilityClass(slot) {
+  return generateUtilityClass('MuiTimelineConnector', slot);
+}
+const timelineConnectorClasses = generateUtilityClasses('MuiTimelineConnector', ['root']);
+export default timelineConnectorClasses;