@mui/material 5.10.2 → 5.10.5

package/Tabs/ScrollbarSize.js

@@ -1,11 +1,32 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = ScrollbarSize;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+
+var React = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _debounce = _interopRequireDefault(require("../utils/debounce"));
+
+var _utils = require("../utils");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
 const _excluded = ["onChange"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import debounce from '../utils/debounce';
-import { ownerWindow } from '../utils';
-import { jsx as _jsx } from "react/jsx-runtime";
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 const styles = {
   width: 99,
   height: 99,
@@ -19,12 +40,11 @@ const styles = {
  * It has been moved into the core in order to minimize the bundle size.
  */
 
-export default function ScrollbarSize(props) {
+function ScrollbarSize(props) {
   const {
     onChange
   } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded);
-
+        other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const scrollbarHeight = React.useRef();
   const nodeRef = React.useRef(null);
 
@@ -33,7 +53,7 @@ export default function ScrollbarSize(props) {
   };
 
   React.useEffect(() => {
-    const handleResize = debounce(() => {
+    const handleResize = (0, _debounce.default)(() => {
       const prevHeight = scrollbarHeight.current;
       setMeasurements();
 
@@ -41,7 +61,7 @@ export default function ScrollbarSize(props) {
         onChange(scrollbarHeight.current);
       }
     });
-    const containerWindow = ownerWindow(nodeRef.current);
+    const containerWindow = (0, _utils.ownerWindow)(nodeRef.current);
     containerWindow.addEventListener('resize', handleResize);
     return () => {
       handleResize.clear();
@@ -52,11 +72,12 @@ export default function ScrollbarSize(props) {
     setMeasurements();
     onChange(scrollbarHeight.current);
   }, [onChange]);
-  return /*#__PURE__*/_jsx("div", _extends({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", (0, _extends2.default)({
     style: styles,
     ref: nodeRef
   }, other));
 }
+
 process.env.NODE_ENV !== "production" ? ScrollbarSize.propTypes = {
-  onChange: PropTypes.func.isRequired
+  onChange: _propTypes.default.func.isRequired
 } : void 0;

package/Tabs/Tabs.js

@@ -1,26 +1,59 @@
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _extends from "@babel/runtime/helpers/esm/extends";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var React = _interopRequireWildcard(require("react"));
+
+var _reactIs = require("react-is");
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _utils = require("@mui/utils");
+
+var _base = require("@mui/base");
+
+var _styled = _interopRequireDefault(require("../styles/styled"));
+
+var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
+
+var _useTheme = _interopRequireDefault(require("../styles/useTheme"));
+
+var _debounce = _interopRequireDefault(require("../utils/debounce"));
+
+var _scrollLeft = require("../utils/scrollLeft");
+
+var _animate = _interopRequireDefault(require("../internal/animate"));
+
+var _ScrollbarSize = _interopRequireDefault(require("./ScrollbarSize"));
+
+var _TabScrollButton = _interopRequireDefault(require("../TabScrollButton"));
+
+var _useEventCallback = _interopRequireDefault(require("../utils/useEventCallback"));
+
+var _tabsClasses = _interopRequireWildcard(require("./tabsClasses"));
+
+var _ownerDocument = _interopRequireDefault(require("../utils/ownerDocument"));
+
+var _ownerWindow = _interopRequireDefault(require("../utils/ownerWindow"));
+
+var _jsxRuntime = require("react/jsx-runtime");
+
 const _excluded = ["aria-label", "aria-labelledby", "action", "centered", "children", "className", "component", "allowScrollButtonsMobile", "indicatorColor", "onChange", "orientation", "ScrollButtonComponent", "scrollButtons", "selectionFollowsFocus", "TabIndicatorProps", "TabScrollButtonProps", "textColor", "value", "variant", "visibleScrollbar"];
-import * as React from 'react';
-import { isFragment } from 'react-is';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import { refType } from '@mui/utils';
-import { unstable_composeClasses as composeClasses } from '@mui/base';
-import styled from '../styles/styled';
-import useThemeProps from '../styles/useThemeProps';
-import useTheme from '../styles/useTheme';
-import debounce from '../utils/debounce';
-import { getNormalizedScrollLeft, detectScrollType } from '../utils/scrollLeft';
-import animate from '../internal/animate';
-import ScrollbarSize from './ScrollbarSize';
-import TabScrollButton from '../TabScrollButton';
-import useEventCallback from '../utils/useEventCallback';
-import tabsClasses, { getTabsUtilityClass } from './tabsClasses';
-import ownerDocument from '../utils/ownerDocument';
-import ownerWindow from '../utils/ownerWindow';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 const nextItem = (list, item) => {
   if (list === item) {
@@ -93,10 +126,10 @@ const useUtilityClasses = ownerState => {
     scrollableX: [scrollableX && 'scrollableX'],
     hideScrollbar: [hideScrollbar && 'hideScrollbar']
   };
-  return composeClasses(slots, getTabsUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _tabsClasses.getTabsUtilityClass, classes);
 };
 
-const TabsRoot = styled('div', {
+const TabsRoot = (0, _styled.default)('div', {
   name: 'MuiTabs',
   slot: 'Root',
   overridesResolver: (props, styles) => {
@@ -104,15 +137,15 @@ const TabsRoot = styled('div', {
       ownerState
     } = props;
     return [{
-      [`& .${tabsClasses.scrollButtons}`]: styles.scrollButtons
+      [`& .${_tabsClasses.default.scrollButtons}`]: styles.scrollButtons
     }, {
-      [`& .${tabsClasses.scrollButtons}`]: ownerState.scrollButtonsHideMobile && styles.scrollButtonsHideMobile
+      [`& .${_tabsClasses.default.scrollButtons}`]: ownerState.scrollButtonsHideMobile && styles.scrollButtonsHideMobile
     }, styles.root, ownerState.vertical && styles.vertical];
   }
 })(({
   ownerState,
   theme
-}) => _extends({
+}) => (0, _extends2.default)({
   overflow: 'hidden',
   minHeight: 48,
   // Add iOS momentum scrolling for iOS < 13.0
@@ -121,13 +154,13 @@ const TabsRoot = styled('div', {
 }, ownerState.vertical && {
   flexDirection: 'column'
 }, ownerState.scrollButtonsHideMobile && {
-  [`& .${tabsClasses.scrollButtons}`]: {
+  [`& .${_tabsClasses.default.scrollButtons}`]: {
     [theme.breakpoints.down('sm')]: {
       display: 'none'
     }
   }
 }));
-const TabsScroller = styled('div', {
+const TabsScroller = (0, _styled.default)('div', {
   name: 'MuiTabs',
   slot: 'Scroller',
   overridesResolver: (props, styles) => {
@@ -138,7 +171,7 @@ const TabsScroller = styled('div', {
   }
 })(({
   ownerState
-}) => _extends({
+}) => (0, _extends2.default)({
   position: 'relative',
   display: 'inline-block',
   flex: '1 1 auto',
@@ -161,7 +194,7 @@ const TabsScroller = styled('div', {
   overflowY: 'auto',
   overflowX: 'hidden'
 }));
-const FlexContainer = styled('div', {
+const FlexContainer = (0, _styled.default)('div', {
   name: 'MuiTabs',
   slot: 'FlexContainer',
   overridesResolver: (props, styles) => {
@@ -172,21 +205,21 @@ const FlexContainer = styled('div', {
   }
 })(({
   ownerState
-}) => _extends({
+}) => (0, _extends2.default)({
   display: 'flex'
 }, ownerState.vertical && {
   flexDirection: 'column'
 }, ownerState.centered && {
   justifyContent: 'center'
 }));
-const TabsIndicator = styled('span', {
+const TabsIndicator = (0, _styled.default)('span', {
   name: 'MuiTabs',
   slot: 'Indicator',
   overridesResolver: (props, styles) => styles.indicator
 })(({
   ownerState,
   theme
-}) => _extends({
+}) => (0, _extends2.default)({
   position: 'absolute',
   height: 2,
   bottom: 0,
@@ -201,7 +234,7 @@ const TabsIndicator = styled('span', {
   width: 2,
   right: 0
 }));
-const TabsScrollbarSize = styled(ScrollbarSize, {
+const TabsScrollbarSize = (0, _styled.default)(_ScrollbarSize.default, {
   name: 'MuiTabs',
   slot: 'ScrollbarSize'
 })({
@@ -218,13 +251,12 @@ const TabsScrollbarSize = styled(ScrollbarSize, {
 const defaultIndicatorStyle = {};
 let warnedOnceTabPresent = false;
 const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
-  const props = useThemeProps({
+  const props = (0, _useThemeProps.default)({
     props: inProps,
     name: 'MuiTabs'
   });
-  const theme = useTheme();
+  const theme = (0, _useTheme.default)();
   const isRtl = theme.direction === 'rtl';
-
   const {
     'aria-label': ariaLabel,
     'aria-labelledby': ariaLabelledBy,
@@ -237,7 +269,7 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
     indicatorColor = 'primary',
     onChange,
     orientation = 'horizontal',
-    ScrollButtonComponent = TabScrollButton,
+    ScrollButtonComponent = _TabScrollButton.default,
     scrollButtons = 'auto',
     selectionFollowsFocus,
     TabIndicatorProps = {},
@@ -247,8 +279,7 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
     variant = 'standard',
     visibleScrollbar = false
   } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded);
-
+        other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const scrollable = variant === 'scrollable';
   const vertical = orientation === 'vertical';
   const scrollStart = vertical ? 'scrollTop' : 'scrollLeft';
@@ -256,8 +287,7 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
   const end = vertical ? 'bottom' : 'right';
   const clientSize = vertical ? 'clientHeight' : 'clientWidth';
   const size = vertical ? 'height' : 'width';
-
-  const ownerState = _extends({}, props, {
+  const ownerState = (0, _extends2.default)({}, props, {
     component,
     allowScrollButtonsMobile,
     indicatorColor,
@@ -274,7 +304,6 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
     centered: centered && !scrollable,
     scrollButtonsHideMobile: !allowScrollButtonsMobile
   });
-
   const classes = useUtilityClasses(ownerState);
 
   if (process.env.NODE_ENV !== 'production') {
@@ -308,7 +337,7 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
         clientWidth: tabsNode.clientWidth,
         scrollLeft: tabsNode.scrollLeft,
         scrollTop: tabsNode.scrollTop,
-        scrollLeftNormalized: getNormalizedScrollLeft(tabsNode, theme.direction),
+        scrollLeftNormalized: (0, _scrollLeft.getNormalizedScrollLeft)(tabsNode, theme.direction),
         scrollWidth: tabsNode.scrollWidth,
         top: rect.top,
         bottom: rect.bottom,
@@ -349,7 +378,7 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
     };
   };
 
-  const updateIndicatorState = useEventCallback(() => {
+  const updateIndicatorState = (0, _useEventCallback.default)(() => {
     const {
       tabsMeta,
       tabMeta
@@ -395,7 +424,7 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
     animation = true
   } = {}) => {
     if (animation) {
-      animate(scrollStart, tabsRef.current, scrollValue, {
+      (0, _animate.default)(scrollStart, tabsRef.current, scrollValue, {
         duration: theme.transitions.duration.standard
       });
     } else {
@@ -411,7 +440,7 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
     } else {
       scrollValue += delta * (isRtl ? -1 : 1); // Fix for Edge
 
-      scrollValue *= isRtl && detectScrollType() === 'reverse' ? -1 : 1;
+      scrollValue *= isRtl && (0, _scrollLeft.detectScrollType)() === 'reverse' ? -1 : 1;
     }
 
     scroll(scrollValue);
@@ -460,32 +489,32 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
 
   const getConditionalElements = () => {
     const conditionalElements = {};
-    conditionalElements.scrollbarSizeListener = scrollable ? /*#__PURE__*/_jsx(TabsScrollbarSize, {
+    conditionalElements.scrollbarSizeListener = scrollable ? /*#__PURE__*/(0, _jsxRuntime.jsx)(TabsScrollbarSize, {
       onChange: handleScrollbarSizeChange,
-      className: clsx(classes.scrollableX, classes.hideScrollbar)
+      className: (0, _clsx.default)(classes.scrollableX, classes.hideScrollbar)
     }) : null;
     const scrollButtonsActive = displayScroll.start || displayScroll.end;
     const showScrollButtons = scrollable && (scrollButtons === 'auto' && scrollButtonsActive || scrollButtons === true);
-    conditionalElements.scrollButtonStart = showScrollButtons ? /*#__PURE__*/_jsx(ScrollButtonComponent, _extends({
+    conditionalElements.scrollButtonStart = showScrollButtons ? /*#__PURE__*/(0, _jsxRuntime.jsx)(ScrollButtonComponent, (0, _extends2.default)({
       orientation: orientation,
       direction: isRtl ? 'right' : 'left',
       onClick: handleStartScrollClick,
       disabled: !displayScroll.start
     }, TabScrollButtonProps, {
-      className: clsx(classes.scrollButtons, TabScrollButtonProps.className)
+      className: (0, _clsx.default)(classes.scrollButtons, TabScrollButtonProps.className)
     })) : null;
-    conditionalElements.scrollButtonEnd = showScrollButtons ? /*#__PURE__*/_jsx(ScrollButtonComponent, _extends({
+    conditionalElements.scrollButtonEnd = showScrollButtons ? /*#__PURE__*/(0, _jsxRuntime.jsx)(ScrollButtonComponent, (0, _extends2.default)({
       orientation: orientation,
       direction: isRtl ? 'left' : 'right',
       onClick: handleEndScrollClick,
       disabled: !displayScroll.end
     }, TabScrollButtonProps, {
-      className: clsx(classes.scrollButtons, TabScrollButtonProps.className)
+      className: (0, _clsx.default)(classes.scrollButtons, TabScrollButtonProps.className)
     })) : null;
     return conditionalElements;
   };
 
-  const scrollSelectedIntoView = useEventCallback(animation => {
+  const scrollSelectedIntoView = (0, _useEventCallback.default)(animation => {
     const {
       tabsMeta,
       tabMeta
@@ -509,7 +538,7 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
       });
     }
   });
-  const updateScrollButtonState = useEventCallback(() => {
+  const updateScrollButtonState = (0, _useEventCallback.default)(() => {
     if (scrollable && scrollButtons !== false) {
       const {
         scrollTop,
@@ -525,7 +554,7 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
         showStartScroll = scrollTop > 1;
         showEndScroll = scrollTop < scrollHeight - clientHeight - 1;
       } else {
-        const scrollLeft = getNormalizedScrollLeft(tabsRef.current, theme.direction); // use 1 for the potential rounding error with browser zooms.
+        const scrollLeft = (0, _scrollLeft.getNormalizedScrollLeft)(tabsRef.current, theme.direction); // use 1 for the potential rounding error with browser zooms.
 
         showStartScroll = isRtl ? scrollLeft < scrollWidth - clientWidth - 1 : scrollLeft > 1;
         showEndScroll = !isRtl ? scrollLeft < scrollWidth - clientWidth - 1 : scrollLeft > 1;
@@ -540,7 +569,7 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
     }
   });
   React.useEffect(() => {
-    const handleResize = debounce(() => {
+    const handleResize = (0, _debounce.default)(() => {
       // If the Tabs component is replaced by Suspense with a fallback, the last
       // ResizeObserver's handler that runs because of the change in the layout is trying to
       // access a dom node that is no longer there (as the fallback component is being shown instead).
@@ -552,7 +581,7 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
         updateScrollButtonState();
       }
     });
-    const win = ownerWindow(tabsRef.current);
+    const win = (0, _ownerWindow.default)(tabsRef.current);
     win.addEventListener('resize', handleResize);
     let resizeObserver;
 
@@ -572,7 +601,7 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
       }
     };
   }, [updateIndicatorState, updateScrollButtonState]);
-  const handleTabsScroll = React.useMemo(() => debounce(() => {
+  const handleTabsScroll = React.useMemo(() => (0, _debounce.default)(() => {
     updateScrollButtonState();
   }), [updateScrollButtonState]);
   React.useEffect(() => {
@@ -595,13 +624,11 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
     updateIndicator: updateIndicatorState,
     updateScrollButtons: updateScrollButtonState
   }), [updateIndicatorState, updateScrollButtonState]);
-
-  const indicator = /*#__PURE__*/_jsx(TabsIndicator, _extends({}, TabIndicatorProps, {
-    className: clsx(classes.indicator, TabIndicatorProps.className),
+  const indicator = /*#__PURE__*/(0, _jsxRuntime.jsx)(TabsIndicator, (0, _extends2.default)({}, TabIndicatorProps, {
+    className: (0, _clsx.default)(classes.indicator, TabIndicatorProps.className),
     ownerState: ownerState,
-    style: _extends({}, indicatorStyle, TabIndicatorProps.style)
+    style: (0, _extends2.default)({}, indicatorStyle, TabIndicatorProps.style)
   }));
-
   let childIndex = 0;
   const children = React.Children.map(childrenProp, child => {
     if (! /*#__PURE__*/React.isValidElement(child)) {
@@ -609,7 +636,7 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
     }
 
     if (process.env.NODE_ENV !== 'production') {
-      if (isFragment(child)) {
+      if ((0, _reactIs.isFragment)(child)) {
         console.error(["MUI: The Tabs component doesn't accept a Fragment as a child.", 'Consider providing an array instead.'].join('\n'));
       }
     }
@@ -618,7 +645,7 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
     valueToIndex.set(childValue, childIndex);
     const selected = childValue === value;
     childIndex += 1;
-    return /*#__PURE__*/React.cloneElement(child, _extends({
+    return /*#__PURE__*/React.cloneElement(child, (0, _extends2.default)({
       fullWidth: variant === 'fullWidth',
       indicator: selected && !mounted && indicator,
       selected,
@@ -633,7 +660,7 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
 
   const handleKeyDown = event => {
     const list = tabListRef.current;
-    const currentFocus = ownerDocument(list).activeElement; // Keyboard navigation assumes that [role="tab"] are siblings
+    const currentFocus = (0, _ownerDocument.default)(list).activeElement; // Keyboard navigation assumes that [role="tab"] are siblings
     // though we might warn in the future about nested, interactive elements
     // as a a11y violation
 
@@ -679,13 +706,13 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
   };
 
   const conditionalElements = getConditionalElements();
-  return /*#__PURE__*/_jsxs(TabsRoot, _extends({
-    className: clsx(classes.root, className),
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(TabsRoot, (0, _extends2.default)({
+    className: (0, _clsx.default)(classes.root, className),
     ownerState: ownerState,
     ref: ref,
     as: component
   }, other, {
-    children: [conditionalElements.scrollButtonStart, conditionalElements.scrollbarSizeListener, /*#__PURE__*/_jsxs(TabsScroller, {
+    children: [conditionalElements.scrollButtonStart, conditionalElements.scrollbarSizeListener, /*#__PURE__*/(0, _jsxRuntime.jsxs)(TabsScroller, {
       className: classes.scroller,
       ownerState: ownerState,
       style: {
@@ -694,7 +721,7 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
       },
       ref: tabsRef,
       onScroll: handleTabsScroll,
-      children: [/*#__PURE__*/_jsx(FlexContainer, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(FlexContainer, {
         "aria-label": ariaLabel,
         "aria-labelledby": ariaLabelledBy,
         "aria-orientation": orientation === 'vertical' ? 'vertical' : null,
@@ -724,60 +751,60 @@ process.env.NODE_ENV !== "production" ? Tabs.propTypes
    * @param {object} actions This object contains all possible actions
    * that can be triggered programmatically.
    */
-  action: refType,
+  action: _utils.refType,
 
   /**
    * If `true`, the scroll buttons aren't forced hidden on mobile.
    * By default the scroll buttons are hidden on mobile and takes precedence over `scrollButtons`.
    * @default false
    */
-  allowScrollButtonsMobile: PropTypes.bool,
+  allowScrollButtonsMobile: _propTypes.default.bool,
 
   /**
    * The label for the Tabs as a string.
    */
-  'aria-label': PropTypes.string,
+  'aria-label': _propTypes.default.string,
 
   /**
    * An id or list of ids separated by a space that label the Tabs.
    */
-  'aria-labelledby': PropTypes.string,
+  'aria-labelledby': _propTypes.default.string,
 
   /**
    * If `true`, the tabs are centered.
    * This prop is intended for large views.
    * @default false
    */
-  centered: PropTypes.bool,
+  centered: _propTypes.default.bool,
 
   /**
    * The content of the component.
    */
-  children: PropTypes.node,
+  children: _propTypes.default.node,
 
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: PropTypes.object,
+  classes: _propTypes.default.object,
 
   /**
    * @ignore
    */
-  className: PropTypes.string,
+  className: _propTypes.default.string,
 
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
-  component: PropTypes.elementType,
+  component: _propTypes.default.elementType,
 
   /**
    * Determines the color of the indicator.
    * @default 'primary'
    */
-  indicatorColor: PropTypes
+  indicatorColor: _propTypes.default
   /* @typescript-to-proptypes-ignore */
-  .oneOfType([PropTypes.oneOf(['primary', 'secondary']), PropTypes.string]),
+  .oneOfType([_propTypes.default.oneOf(['primary', 'secondary']), _propTypes.default.string]),
 
   /**
    * Callback fired when the value changes.
@@ -785,19 +812,19 @@ process.env.NODE_ENV !== "production" ? Tabs.propTypes
    * @param {React.SyntheticEvent} event The event source of the callback. **Warning**: This is a generic event not a change event.
    * @param {any} value We default to the index of the child (number)
    */
-  onChange: PropTypes.func,
+  onChange: _propTypes.default.func,
 
   /**
    * The component orientation (layout flow direction).
    * @default 'horizontal'
    */
-  orientation: PropTypes.oneOf(['horizontal', 'vertical']),
+  orientation: _propTypes.default.oneOf(['horizontal', 'vertical']),
 
   /**
    * The component used to render the scroll buttons.
    * @default TabScrollButton
    */
-  ScrollButtonComponent: PropTypes.elementType,
+  ScrollButtonComponent: _propTypes.default.elementType,
 
   /**
    * Determine behavior of scroll buttons when tabs are set to scroll:
@@ -810,7 +837,7 @@ process.env.NODE_ENV !== "production" ? Tabs.propTypes
    * This behavior can be disabled with `allowScrollButtonsMobile`.
    * @default 'auto'
    */
-  scrollButtons: PropTypes
+  scrollButtons: _propTypes.default
   /* @typescript-to-proptypes-ignore */
   .oneOf(['auto', false, true]),
 
@@ -818,36 +845,36 @@ process.env.NODE_ENV !== "production" ? Tabs.propTypes
    * If `true` the selected tab changes on focus. Otherwise it only
    * changes on activation.
    */
-  selectionFollowsFocus: PropTypes.bool,
+  selectionFollowsFocus: _propTypes.default.bool,
 
   /**
    * 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]),
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
 
   /**
    * Props applied to the tab indicator element.
    * @default  {}
    */
-  TabIndicatorProps: PropTypes.object,
+  TabIndicatorProps: _propTypes.default.object,
 
   /**
    * Props applied to the [`TabScrollButton`](/material-ui/api/tab-scroll-button/) element.
    * @default {}
    */
-  TabScrollButtonProps: PropTypes.object,
+  TabScrollButtonProps: _propTypes.default.object,
 
   /**
    * Determines the color of the `Tab`.
    * @default 'primary'
    */
-  textColor: PropTypes.oneOf(['inherit', 'primary', 'secondary']),
+  textColor: _propTypes.default.oneOf(['inherit', 'primary', 'secondary']),
 
   /**
    * The value of the currently selected `Tab`.
    * If you don't want any selected `Tab`, you can set this prop to `false`.
    */
-  value: PropTypes.any,
+  value: _propTypes.default.any,
 
   /**
    * Determines additional display behavior of the tabs:
@@ -859,13 +886,14 @@ process.env.NODE_ENV !== "production" ? Tabs.propTypes
    *  - `standard` will render the default state.
    * @default 'standard'
    */
-  variant: PropTypes.oneOf(['fullWidth', 'scrollable', 'standard']),
+  variant: _propTypes.default.oneOf(['fullWidth', 'scrollable', 'standard']),
 
   /**
    * If `true`, the scrollbar is visible. It can be useful when displaying
    * a long vertical list of tabs.
    * @default false
    */
-  visibleScrollbar: PropTypes.bool
+  visibleScrollbar: _propTypes.default.bool
 } : void 0;
-export default Tabs;
+var _default = Tabs;
+exports.default = _default;