@mui/material 5.10.13 → 5.10.14

package/legacy/Divider/Divider.js

@@ -9,23 +9,21 @@ import styled from '../styles/styled';
 import useThemeProps from '../styles/useThemeProps';
 import { getDividerUtilityClass } from './dividerClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
-
 var useUtilityClasses = function useUtilityClasses(ownerState) {
   var absolute = ownerState.absolute,
-      children = ownerState.children,
-      classes = ownerState.classes,
-      flexItem = ownerState.flexItem,
-      light = ownerState.light,
-      orientation = ownerState.orientation,
-      textAlign = ownerState.textAlign,
-      variant = ownerState.variant;
+    children = ownerState.children,
+    classes = ownerState.classes,
+    flexItem = ownerState.flexItem,
+    light = ownerState.light,
+    orientation = ownerState.orientation,
+    textAlign = ownerState.textAlign,
+    variant = ownerState.variant;
   var slots = {
     root: ['root', absolute && 'absolute', variant, light && 'light', orientation === 'vertical' && 'vertical', flexItem && 'flexItem', children && 'withChildren', children && orientation === 'vertical' && 'withChildrenVertical', textAlign === 'right' && orientation !== 'vertical' && 'textAlignRight', textAlign === 'left' && orientation !== 'vertical' && 'textAlignLeft'],
     wrapper: ['wrapper', orientation === 'vertical' && 'wrapperVertical']
   };
   return composeClasses(slots, getDividerUtilityClass, classes);
 };
-
 var DividerRoot = styled('div', {
   name: 'MuiDivider',
   slot: 'Root',
@@ -35,7 +33,7 @@ var DividerRoot = styled('div', {
   }
 })(function (_ref) {
   var theme = _ref.theme,
-      ownerState = _ref.ownerState;
+    ownerState = _ref.ownerState;
   return _extends({
     margin: 0,
     // Reset browser default style.
@@ -69,7 +67,7 @@ var DividerRoot = styled('div', {
   });
 }, function (_ref2) {
   var theme = _ref2.theme,
-      ownerState = _ref2.ownerState;
+    ownerState = _ref2.ownerState;
   return _extends({}, ownerState.children && {
     display: 'flex',
     whiteSpace: 'nowrap',
@@ -86,7 +84,7 @@ var DividerRoot = styled('div', {
   });
 }, function (_ref3) {
   var theme = _ref3.theme,
-      ownerState = _ref3.ownerState;
+    ownerState = _ref3.ownerState;
   return _extends({}, ownerState.children && ownerState.orientation === 'vertical' && {
     flexDirection: 'column',
     '&::before, &::after': {
@@ -125,7 +123,7 @@ var DividerWrapper = styled('span', {
   }
 })(function (_ref5) {
   var theme = _ref5.theme,
-      ownerState = _ref5.ownerState;
+    ownerState = _ref5.ownerState;
   return _extends({
     display: 'inline-block',
     paddingLeft: "calc(".concat(theme.spacing(1), " * 1.2)"),
@@ -140,27 +138,25 @@ var Divider = /*#__PURE__*/React.forwardRef(function Divider(inProps, ref) {
     props: inProps,
     name: 'MuiDivider'
   });
-
   var _props$absolute = props.absolute,
-      absolute = _props$absolute === void 0 ? false : _props$absolute,
-      children = props.children,
-      className = props.className,
-      _props$component = props.component,
-      component = _props$component === void 0 ? children ? 'div' : 'hr' : _props$component,
-      _props$flexItem = props.flexItem,
-      flexItem = _props$flexItem === void 0 ? false : _props$flexItem,
-      _props$light = props.light,
-      light = _props$light === void 0 ? false : _props$light,
-      _props$orientation = props.orientation,
-      orientation = _props$orientation === void 0 ? 'horizontal' : _props$orientation,
-      _props$role = props.role,
-      role = _props$role === void 0 ? component !== 'hr' ? 'separator' : undefined : _props$role,
-      _props$textAlign = props.textAlign,
-      textAlign = _props$textAlign === void 0 ? 'center' : _props$textAlign,
-      _props$variant = props.variant,
-      variant = _props$variant === void 0 ? 'fullWidth' : _props$variant,
-      other = _objectWithoutProperties(props, ["absolute", "children", "className", "component", "flexItem", "light", "orientation", "role", "textAlign", "variant"]);
-
+    absolute = _props$absolute === void 0 ? false : _props$absolute,
+    children = props.children,
+    className = props.className,
+    _props$component = props.component,
+    component = _props$component === void 0 ? children ? 'div' : 'hr' : _props$component,
+    _props$flexItem = props.flexItem,
+    flexItem = _props$flexItem === void 0 ? false : _props$flexItem,
+    _props$light = props.light,
+    light = _props$light === void 0 ? false : _props$light,
+    _props$orientation = props.orientation,
+    orientation = _props$orientation === void 0 ? 'horizontal' : _props$orientation,
+    _props$role = props.role,
+    role = _props$role === void 0 ? component !== 'hr' ? 'separator' : undefined : _props$role,
+    _props$textAlign = props.textAlign,
+    textAlign = _props$textAlign === void 0 ? 'center' : _props$textAlign,
+    _props$variant = props.variant,
+    variant = _props$variant === void 0 ? 'fullWidth' : _props$variant,
+    other = _objectWithoutProperties(props, ["absolute", "children", "className", "component", "flexItem", "light", "orientation", "role", "textAlign", "variant"]);
   var ownerState = _extends({}, props, {
     absolute: absolute,
     component: component,
@@ -171,7 +167,6 @@ var Divider = /*#__PURE__*/React.forwardRef(function Divider(inProps, ref) {
     textAlign: textAlign,
     variant: variant
   });
-
   var classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/_jsx(DividerRoot, _extends({
     as: component,
@@ -187,84 +182,66 @@ var Divider = /*#__PURE__*/React.forwardRef(function Divider(inProps, ref) {
     }) : null
   }));
 });
-process.env.NODE_ENV !== "production" ? Divider.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? Divider.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"     |
   // ----------------------------------------------------------------------
-
   /**
    * Absolutely position the element.
    * @default false
    */
   absolute: PropTypes.bool,
-
   /**
    * 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 component used for the root node.
    * Either a string to use a HTML element or a component.
    */
   component: PropTypes.elementType,
-
   /**
    * If `true`, a vertical divider will have the correct height when used in flex container.
    * (By default, a vertical divider will have a calculated height of `0px` if it is the child of a flex container.)
    * @default false
    */
   flexItem: PropTypes.bool,
-
   /**
    * If `true`, the divider will have a lighter color.
    * @default false
    */
   light: PropTypes.bool,
-
   /**
    * The component orientation.
    * @default 'horizontal'
    */
   orientation: PropTypes.oneOf(['horizontal', 'vertical']),
-
   /**
    * @ignore
    */
-  role: PropTypes
-  /* @typescript-to-proptypes-ignore */
-  .string,
-
+  role: PropTypes /* @typescript-to-proptypes-ignore */.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 text alignment.
    * @default 'center'
    */
   textAlign: PropTypes.oneOf(['center', 'left', 'right']),
-
   /**
    * The variant to use.
    * @default 'fullWidth'
    */
-  variant: PropTypes
-  /* @typescript-to-proptypes-ignore */
-  .oneOfType([PropTypes.oneOf(['fullWidth', 'inset', 'middle']), PropTypes.string])
+  variant: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['fullWidth', 'inset', 'middle']), PropTypes.string])
 } : void 0;
 export default Divider;

package/legacy/Drawer/Drawer.js

@@ -14,16 +14,14 @@ import useThemeProps from '../styles/useThemeProps';
 import styled, { rootShouldForwardProp } from '../styles/styled';
 import { getDrawerUtilityClass } from './drawerClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
-
 var overridesResolver = function overridesResolver(props, styles) {
   var ownerState = props.ownerState;
   return [styles.root, (ownerState.variant === 'permanent' || ownerState.variant === 'persistent') && styles.docked, styles.modal];
 };
-
 var useUtilityClasses = function useUtilityClasses(ownerState) {
   var classes = ownerState.classes,
-      anchor = ownerState.anchor,
-      variant = ownerState.variant;
+    anchor = ownerState.anchor,
+    variant = ownerState.variant;
   var slots = {
     root: ['root'],
     docked: [(variant === 'permanent' || variant === 'persistent') && 'docked'],
@@ -32,7 +30,6 @@ var useUtilityClasses = function useUtilityClasses(ownerState) {
   };
   return composeClasses(slots, getDrawerUtilityClass, classes);
 };
-
 var DrawerRoot = styled(Modal, {
   name: 'MuiDrawer',
   slot: 'Root',
@@ -61,7 +58,7 @@ var DrawerPaper = styled(Paper, {
   }
 })(function (_ref2) {
   var theme = _ref2.theme,
-      ownerState = _ref2.ownerState;
+    ownerState = _ref2.ownerState;
   return _extends({
     overflowY: 'auto',
     display: 'flex',
@@ -117,11 +114,11 @@ export function isHorizontal(anchor) {
 export function getAnchor(theme, anchor) {
   return theme.direction === 'rtl' && isHorizontal(anchor) ? oppositeDirection[anchor] : anchor;
 }
+
 /**
  * The props of the [Modal](/material-ui/api/modal/) component are available
  * when `variant="temporary"` is set.
  */
-
 var Drawer = /*#__PURE__*/React.forwardRef(function Drawer(inProps, ref) {
   var props = useThemeProps({
     props: inProps,
@@ -133,52 +130,46 @@ var Drawer = /*#__PURE__*/React.forwardRef(function Drawer(inProps, ref) {
     exit: theme.transitions.duration.leavingScreen
   };
   var _props$anchor = props.anchor,
-      anchorProp = _props$anchor === void 0 ? 'left' : _props$anchor,
-      BackdropProps = props.BackdropProps,
-      children = props.children,
-      className = props.className,
-      _props$elevation = props.elevation,
-      elevation = _props$elevation === void 0 ? 16 : _props$elevation,
-      _props$hideBackdrop = props.hideBackdrop,
-      hideBackdrop = _props$hideBackdrop === void 0 ? false : _props$hideBackdrop,
-      _props$ModalProps = props.ModalProps;
+    anchorProp = _props$anchor === void 0 ? 'left' : _props$anchor,
+    BackdropProps = props.BackdropProps,
+    children = props.children,
+    className = props.className,
+    _props$elevation = props.elevation,
+    elevation = _props$elevation === void 0 ? 16 : _props$elevation,
+    _props$hideBackdrop = props.hideBackdrop,
+    hideBackdrop = _props$hideBackdrop === void 0 ? false : _props$hideBackdrop,
+    _props$ModalProps = props.ModalProps;
   _props$ModalProps = _props$ModalProps === void 0 ? {} : _props$ModalProps;
-
   var BackdropPropsProp = _props$ModalProps.BackdropProps,
-      ModalProps = _objectWithoutProperties(_props$ModalProps, ["BackdropProps"]),
-      onClose = props.onClose,
-      _props$open = props.open,
-      open = _props$open === void 0 ? false : _props$open,
-      _props$PaperProps = props.PaperProps,
-      PaperProps = _props$PaperProps === void 0 ? {} : _props$PaperProps,
-      SlideProps = props.SlideProps,
-      _props$TransitionComp = props.TransitionComponent,
-      TransitionComponent = _props$TransitionComp === void 0 ? Slide : _props$TransitionComp,
-      _props$transitionDura = props.transitionDuration,
-      transitionDuration = _props$transitionDura === void 0 ? defaultTransitionDuration : _props$transitionDura,
-      _props$variant = props.variant,
-      variant = _props$variant === void 0 ? 'temporary' : _props$variant,
-      other = _objectWithoutProperties(props, ["anchor", "BackdropProps", "children", "className", "elevation", "hideBackdrop", "ModalProps", "onClose", "open", "PaperProps", "SlideProps", "TransitionComponent", "transitionDuration", "variant"]); // Let's assume that the Drawer will always be rendered on user space.
+    ModalProps = _objectWithoutProperties(_props$ModalProps, ["BackdropProps"]),
+    onClose = props.onClose,
+    _props$open = props.open,
+    open = _props$open === void 0 ? false : _props$open,
+    _props$PaperProps = props.PaperProps,
+    PaperProps = _props$PaperProps === void 0 ? {} : _props$PaperProps,
+    SlideProps = props.SlideProps,
+    _props$TransitionComp = props.TransitionComponent,
+    TransitionComponent = _props$TransitionComp === void 0 ? Slide : _props$TransitionComp,
+    _props$transitionDura = props.transitionDuration,
+    transitionDuration = _props$transitionDura === void 0 ? defaultTransitionDuration : _props$transitionDura,
+    _props$variant = props.variant,
+    variant = _props$variant === void 0 ? 'temporary' : _props$variant,
+    other = _objectWithoutProperties(props, ["anchor", "BackdropProps", "children", "className", "elevation", "hideBackdrop", "ModalProps", "onClose", "open", "PaperProps", "SlideProps", "TransitionComponent", "transitionDuration", "variant"]); // Let's assume that the Drawer will always be rendered on user space.
   // We use this state is order to skip the appear transition during the
   // initial mount of the component.
-
-
   var mounted = React.useRef(false);
   React.useEffect(function () {
     mounted.current = true;
   }, []);
   var anchorInvariant = getAnchor(theme, anchorProp);
   var anchor = anchorProp;
-
   var ownerState = _extends({}, props, {
     anchor: anchor,
     elevation: elevation,
     open: open,
     variant: variant
   }, other);
-
   var classes = useUtilityClasses(ownerState);
-
   var drawer = /*#__PURE__*/_jsx(DrawerPaper, _extends({
     elevation: variant === 'temporary' ? elevation : 0,
     square: true
@@ -187,7 +178,6 @@ var Drawer = /*#__PURE__*/React.forwardRef(function Drawer(inProps, ref) {
     ownerState: ownerState,
     children: children
   }));
-
   if (variant === 'permanent') {
     return /*#__PURE__*/_jsx(DrawerDockedRoot, _extends({
       className: clsx(classes.root, classes.docked, className),
@@ -197,7 +187,6 @@ var Drawer = /*#__PURE__*/React.forwardRef(function Drawer(inProps, ref) {
       children: drawer
     }));
   }
-
   var slidingDrawer = /*#__PURE__*/_jsx(TransitionComponent, _extends({
     in: open,
     direction: oppositeDirection[anchorInvariant],
@@ -206,7 +195,6 @@ var Drawer = /*#__PURE__*/React.forwardRef(function Drawer(inProps, ref) {
   }, SlideProps, {
     children: drawer
   }));
-
   if (variant === 'persistent') {
     return /*#__PURE__*/_jsx(DrawerDockedRoot, _extends({
       className: clsx(classes.root, classes.docked, className),
@@ -215,9 +203,9 @@ var Drawer = /*#__PURE__*/React.forwardRef(function Drawer(inProps, ref) {
     }, other, {
       children: slidingDrawer
     }));
-  } // variant === temporary
-
+  }
 
+  // variant === temporary
   return /*#__PURE__*/_jsx(DrawerRoot, _extends({
     BackdropProps: _extends({}, BackdropProps, BackdropPropsProp, {
       transitionDuration: transitionDuration
@@ -232,87 +220,71 @@ var Drawer = /*#__PURE__*/React.forwardRef(function Drawer(inProps, ref) {
     children: slidingDrawer
   }));
 });
-process.env.NODE_ENV !== "production" ? Drawer.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? Drawer.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"     |
   // ----------------------------------------------------------------------
-
   /**
    * Side from which the drawer will appear.
    * @default 'left'
    */
   anchor: PropTypes.oneOf(['bottom', 'left', 'right', 'top']),
-
   /**
    * @ignore
    */
   BackdropProps: PropTypes.object,
-
   /**
    * 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 elevation of the drawer.
    * @default 16
    */
   elevation: integerPropType,
-
   /**
    * If `true`, the backdrop is not rendered.
    * @default false
    */
   hideBackdrop: PropTypes.bool,
-
   /**
    * Props applied to the [`Modal`](/material-ui/api/modal/) element.
    * @default {}
    */
   ModalProps: PropTypes.object,
-
   /**
    * Callback fired when the component requests to be closed.
    *
    * @param {object} event The event source of the callback.
    */
   onClose: PropTypes.func,
-
   /**
    * If `true`, the component is shown.
    * @default false
    */
   open: PropTypes.bool,
-
   /**
    * Props applied to the [`Paper`](/material-ui/api/paper/) element.
    * @default {}
    */
   PaperProps: PropTypes.object,
-
   /**
    * Props applied to the [`Slide`](/material-ui/api/slide/) element.
    */
   SlideProps: PropTypes.object,
-
   /**
    * 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 duration for the transition, in milliseconds.
    * You may specify a single timeout for all transitions, or individually with an object.
@@ -326,7 +298,6 @@ process.env.NODE_ENV !== "production" ? Drawer.propTypes
     enter: PropTypes.number,
     exit: PropTypes.number
   })]),
-
   /**
    * The variant to use.
    * @default 'temporary'

package/legacy/Fab/Fab.js

@@ -11,19 +11,17 @@ import useThemeProps from '../styles/useThemeProps';
 import fabClasses, { getFabUtilityClass } from './fabClasses';
 import styled, { rootShouldForwardProp } from '../styles/styled';
 import { jsx as _jsx } from "react/jsx-runtime";
-
 var useUtilityClasses = function useUtilityClasses(ownerState) {
   var color = ownerState.color,
-      variant = ownerState.variant,
-      classes = ownerState.classes,
-      size = ownerState.size;
+    variant = ownerState.variant,
+    classes = ownerState.classes,
+    size = ownerState.size;
   var slots = {
     root: ['root', variant, "size".concat(capitalize(size)), color === 'inherit' ? 'colorInherit' : color]
   };
   var composedClasses = composeClasses(slots, getFabUtilityClass, classes);
   return _extends({}, classes, composedClasses);
 };
-
 var FabRoot = styled(ButtonBase, {
   name: 'MuiFab',
   slot: 'Root',
@@ -36,9 +34,8 @@ var FabRoot = styled(ButtonBase, {
   }
 })(function (_ref) {
   var _theme$palette$getCon, _theme$palette, _extends2;
-
   var theme = _ref.theme,
-      ownerState = _ref.ownerState;
+    ownerState = _ref.ownerState;
   return _extends({}, theme.typography.button, (_extends2 = {
     minHeight: 36,
     transition: theme.transitions.create(['background-color', 'box-shadow', 'border-color'], {
@@ -100,7 +97,7 @@ var FabRoot = styled(ButtonBase, {
   });
 }, function (_ref2) {
   var theme = _ref2.theme,
-      ownerState = _ref2.ownerState;
+    ownerState = _ref2.ownerState;
   return _extends({}, ownerState.color !== 'inherit' && ownerState.color !== 'default' && (theme.vars || theme).palette[ownerState.color] != null && {
     color: (theme.vars || theme).palette[ownerState.color].contrastText,
     backgroundColor: (theme.vars || theme).palette[ownerState.color].main,
@@ -118,24 +115,22 @@ var Fab = /*#__PURE__*/React.forwardRef(function Fab(inProps, ref) {
     props: inProps,
     name: 'MuiFab'
   });
-
   var children = props.children,
-      className = props.className,
-      _props$color = props.color,
-      color = _props$color === void 0 ? 'default' : _props$color,
-      _props$component = props.component,
-      component = _props$component === void 0 ? 'button' : _props$component,
-      _props$disabled = props.disabled,
-      disabled = _props$disabled === void 0 ? false : _props$disabled,
-      _props$disableFocusRi = props.disableFocusRipple,
-      disableFocusRipple = _props$disableFocusRi === void 0 ? false : _props$disableFocusRi,
-      focusVisibleClassName = props.focusVisibleClassName,
-      _props$size = props.size,
-      size = _props$size === void 0 ? 'large' : _props$size,
-      _props$variant = props.variant,
-      variant = _props$variant === void 0 ? 'circular' : _props$variant,
-      other = _objectWithoutProperties(props, ["children", "className", "color", "component", "disabled", "disableFocusRipple", "focusVisibleClassName", "size", "variant"]);
-
+    className = props.className,
+    _props$color = props.color,
+    color = _props$color === void 0 ? 'default' : _props$color,
+    _props$component = props.component,
+    component = _props$component === void 0 ? 'button' : _props$component,
+    _props$disabled = props.disabled,
+    disabled = _props$disabled === void 0 ? false : _props$disabled,
+    _props$disableFocusRi = props.disableFocusRipple,
+    disableFocusRipple = _props$disableFocusRi === void 0 ? false : _props$disableFocusRi,
+    focusVisibleClassName = props.focusVisibleClassName,
+    _props$size = props.size,
+    size = _props$size === void 0 ? 'large' : _props$size,
+    _props$variant = props.variant,
+    variant = _props$variant === void 0 ? 'circular' : _props$variant,
+    other = _objectWithoutProperties(props, ["children", "className", "color", "component", "disabled", "disableFocusRipple", "focusVisibleClassName", "size", "variant"]);
   var ownerState = _extends({}, props, {
     color: color,
     component: component,
@@ -144,7 +139,6 @@ var Fab = /*#__PURE__*/React.forwardRef(function Fab(inProps, ref) {
     size: size,
     variant: variant
   });
-
   var classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/_jsx(FabRoot, _extends({
     className: clsx(classes.root, className),
@@ -159,93 +153,72 @@ var Fab = /*#__PURE__*/React.forwardRef(function Fab(inProps, ref) {
     children: children
   }));
 });
-process.env.NODE_ENV !== "production" ? Fab.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? Fab.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 color of the component.
    * It supports both default and custom theme colors, which can be added as shown in the
    * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
    * @default 'default'
    */
-  color: PropTypes
-  /* @typescript-to-proptypes-ignore */
-  .oneOfType([PropTypes.oneOf(['default', 'error', 'info', 'inherit', 'primary', 'secondary', 'success', 'warning']), PropTypes.string]),
-
+  color: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['default', 'error', 'info', 'inherit', 'primary', 'secondary', 'success', 'warning']), PropTypes.string]),
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
   component: PropTypes.elementType,
-
   /**
    * If `true`, the component is disabled.
    * @default false
    */
   disabled: PropTypes.bool,
-
   /**
    * If `true`, the  keyboard focus ripple is disabled.
    * @default false
    */
   disableFocusRipple: PropTypes.bool,
-
   /**
    * If `true`, the ripple effect is disabled.
    */
   disableRipple: PropTypes.bool,
-
   /**
    * @ignore
    */
   focusVisibleClassName: PropTypes.string,
-
   /**
    * The URL to link to when the button is clicked.
    * If defined, an `a` element will be used as the root node.
    */
   href: PropTypes.string,
-
   /**
    * The size of the component.
    * `small` is equivalent to the dense button styling.
    * @default 'large'
    */
-  size: PropTypes
-  /* @typescript-to-proptypes-ignore */
-  .oneOfType([PropTypes.oneOf(['small', 'medium', 'large']), PropTypes.string]),
-
+  size: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['small', 'medium', 'large']), 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 variant to use.
    * @default 'circular'
    */
-  variant: PropTypes
-  /* @typescript-to-proptypes-ignore */
-  .oneOfType([PropTypes.oneOf(['circular', 'extended']), PropTypes.string])
+  variant: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['circular', 'extended']), PropTypes.string])
 } : void 0;
 export default Fab;