@mui/material 5.10.13 → 5.10.14

package/ButtonBase/TouchRipple.js

@@ -1,42 +1,25 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.TouchRippleRoot = exports.TouchRippleRipple = exports.DELAY_RIPPLE = void 0;
-
 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 _reactTransitionGroup = require("react-transition-group");
-
 var _clsx = _interopRequireDefault(require("clsx"));
-
 var _system = require("@mui/system");
-
 var _styled = _interopRequireDefault(require("../styles/styled"));
-
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
-
 var _Ripple = _interopRequireDefault(require("./Ripple"));
-
 var _touchRippleClasses = _interopRequireDefault(require("./touchRippleClasses"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 const _excluded = ["center", "classes", "className"];
-
 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 DURATION = 550;
 const DELAY_RIPPLE = 80;
 exports.DELAY_RIPPLE = DELAY_RIPPLE;
@@ -86,9 +69,10 @@ const TouchRippleRoot = (0, _styled.default)('span', {
   bottom: 0,
   left: 0,
   borderRadius: 'inherit'
-}); // This `styled()` function invokes keyframes. `styled-components` only supports keyframes
-// in string templates. Do not convert these styles in JS object as it will break.
+});
 
+// This `styled()` function invokes keyframes. `styled-components` only supports keyframes
+// in string templates. Do not convert these styles in JS object as it will break.
 exports.TouchRippleRoot = TouchRippleRoot;
 const TouchRippleRipple = (0, _styled.default)(_Ripple.default, {
   name: 'MuiTouchRipple',
@@ -145,12 +129,12 @@ const TouchRippleRipple = (0, _styled.default)(_Ripple.default, {
     animation-delay: 200ms;
   }
 `;
+
 /**
  * @ignore - internal component.
  *
  * TODO v5: Make private
  */
-
 exports.TouchRippleRipple = TouchRippleRipple;
 const TouchRipple = /*#__PURE__*/React.forwardRef(function TouchRipple(inProps, ref) {
   const props = (0, _useThemeProps.default)({
@@ -158,11 +142,11 @@ const TouchRipple = /*#__PURE__*/React.forwardRef(function TouchRipple(inProps,
     name: 'MuiTouchRipple'
   });
   const {
-    center: centerProp = false,
-    classes = {},
-    className
-  } = props,
-        other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+      center: centerProp = false,
+      classes = {},
+      className
+    } = props,
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const [ripples, setRipples] = React.useState([]);
   const nextKey = React.useRef(0);
   const rippleCallback = React.useRef(null);
@@ -171,13 +155,15 @@ const TouchRipple = /*#__PURE__*/React.forwardRef(function TouchRipple(inProps,
       rippleCallback.current();
       rippleCallback.current = null;
     }
-  }, [ripples]); // Used to filter out mouse emulated events on mobile.
+  }, [ripples]);
 
-  const ignoringMouseDown = React.useRef(false); // We use a timer in order to only show the ripples for touch "click" like events.
+  // Used to filter out mouse emulated events on mobile.
+  const ignoringMouseDown = React.useRef(false);
+  // We use a timer in order to only show the ripples for touch "click" like events.
   // We don't want to display the ripple for touch scroll events.
+  const startTimer = React.useRef(null);
 
-  const startTimer = React.useRef(null); // This is the hook called once the previous timeout is ready.
-
+  // This is the hook called once the previous timeout is ready.
   const startTimerCommit = React.useRef(null);
   const container = React.useRef(null);
   React.useEffect(() => {
@@ -216,30 +202,26 @@ const TouchRipple = /*#__PURE__*/React.forwardRef(function TouchRipple(inProps,
       pulsate = false,
       center = centerProp || options.pulsate,
       fakeElement = false // For test purposes
-
     } = options;
-
     if ((event == null ? void 0 : event.type) === 'mousedown' && ignoringMouseDown.current) {
       ignoringMouseDown.current = false;
       return;
     }
-
     if ((event == null ? void 0 : event.type) === 'touchstart') {
       ignoringMouseDown.current = true;
     }
-
     const element = fakeElement ? null : container.current;
     const rect = element ? element.getBoundingClientRect() : {
       width: 0,
       height: 0,
       left: 0,
       top: 0
-    }; // Get the size of the ripple
+    };
 
+    // Get the size of the ripple
     let rippleX;
     let rippleY;
     let rippleSize;
-
     if (center || event === undefined || event.clientX === 0 && event.clientY === 0 || !event.clientX && !event.touches) {
       rippleX = Math.round(rect.width / 2);
       rippleY = Math.round(rect.height / 2);
@@ -251,10 +233,10 @@ const TouchRipple = /*#__PURE__*/React.forwardRef(function TouchRipple(inProps,
       rippleX = Math.round(clientX - rect.left);
       rippleY = Math.round(clientY - rect.top);
     }
-
     if (center) {
-      rippleSize = Math.sqrt((2 * rect.width ** 2 + rect.height ** 2) / 3); // For some reason the animation is broken on Mobile Chrome if the size is even.
+      rippleSize = Math.sqrt((2 * rect.width ** 2 + rect.height ** 2) / 3);
 
+      // For some reason the animation is broken on Mobile Chrome if the size is even.
       if (rippleSize % 2 === 0) {
         rippleSize += 1;
       }
@@ -262,9 +244,9 @@ const TouchRipple = /*#__PURE__*/React.forwardRef(function TouchRipple(inProps,
       const sizeX = Math.max(Math.abs((element ? element.clientWidth : 0) - rippleX), rippleX) * 2 + 2;
       const sizeY = Math.max(Math.abs((element ? element.clientHeight : 0) - rippleY), rippleY) * 2 + 2;
       rippleSize = Math.sqrt(sizeX ** 2 + sizeY ** 2);
-    } // Touche devices
-
+    }
 
+    // Touche devices
     if (event != null && event.touches) {
       // check that this isn't another touchstart due to multitouch
       // otherwise we will only clear a single timer when unmounting while two
@@ -279,9 +261,8 @@ const TouchRipple = /*#__PURE__*/React.forwardRef(function TouchRipple(inProps,
             rippleSize,
             cb
           });
-        }; // Delay the execution of the ripple effect.
-
-
+        };
+        // Delay the execution of the ripple effect.
         startTimer.current = setTimeout(() => {
           if (startTimerCommit.current) {
             startTimerCommit.current();
@@ -305,9 +286,10 @@ const TouchRipple = /*#__PURE__*/React.forwardRef(function TouchRipple(inProps,
     });
   }, [start]);
   const stop = React.useCallback((event, cb) => {
-    clearTimeout(startTimer.current); // The touch interaction occurs too quickly.
-    // We still want to show ripple effect.
+    clearTimeout(startTimer.current);
 
+    // The touch interaction occurs too quickly.
+    // We still want to show ripple effect.
     if ((event == null ? void 0 : event.type) === 'touchend' && startTimerCommit.current) {
       startTimerCommit.current();
       startTimerCommit.current = null;
@@ -316,13 +298,11 @@ const TouchRipple = /*#__PURE__*/React.forwardRef(function TouchRipple(inProps,
       });
       return;
     }
-
     startTimerCommit.current = null;
     setRipples(oldRipples => {
       if (oldRipples.length > 0) {
         return oldRipples.slice(1);
       }
-
       return oldRipples;
     });
     rippleCallback.current = cb;
@@ -349,13 +329,11 @@ process.env.NODE_ENV !== "production" ? TouchRipple.propTypes = {
    * rather than at the point of interaction.
    */
   center: _propTypes.default.bool,
-
   /**
    * Override or extend the styles applied to the component.
    * See [CSS API](#css) below for more details.
    */
   classes: _propTypes.default.object,
-
   /**
    * @ignore
    */

package/ButtonBase/buttonBaseClasses.d.ts

@@ -1,12 +1,12 @@
-export interface ButtonBaseClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** State class applied to the root element if `disabled={true}`. */
-    disabled: string;
-    /** State class applied to the root element if keyboard focused. */
-    focusVisible: string;
-}
-export declare type ButtonBaseClassKey = keyof ButtonBaseClasses;
-export declare function getButtonBaseUtilityClass(slot: string): string;
-declare const buttonBaseClasses: ButtonBaseClasses;
-export default buttonBaseClasses;
+export interface ButtonBaseClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** State class applied to the root element if `disabled={true}`. */
+    disabled: string;
+    /** State class applied to the root element if keyboard focused. */
+    focusVisible: string;
+}
+export declare type ButtonBaseClassKey = keyof ButtonBaseClasses;
+export declare function getButtonBaseUtilityClass(slot: string): string;
+declare const buttonBaseClasses: ButtonBaseClasses;
+export default buttonBaseClasses;

package/ButtonBase/buttonBaseClasses.js

@@ -1,21 +1,16 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 exports.getButtonBaseUtilityClass = getButtonBaseUtilityClass;
-
 var _utils = require("@mui/utils");
-
 var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
-
 function getButtonBaseUtilityClass(slot) {
   return (0, _generateUtilityClass.default)('MuiButtonBase', slot);
 }
-
 const buttonBaseClasses = (0, _utils.unstable_generateUtilityClasses)('MuiButtonBase', ['root', 'disabled', 'focusVisible']);
 var _default = buttonBaseClasses;
 exports.default = _default;

package/ButtonBase/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -27,11 +26,8 @@ Object.defineProperty(exports, "touchRippleClasses", {
     return _touchRippleClasses.default;
   }
 });
-
 var _ButtonBase = _interopRequireDefault(require("./ButtonBase"));
-
 var _buttonBaseClasses = _interopRequireWildcard(require("./buttonBaseClasses"));
-
 Object.keys(_buttonBaseClasses).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -43,9 +39,7 @@ Object.keys(_buttonBaseClasses).forEach(function (key) {
     }
   });
 });
-
 var _touchRippleClasses = _interopRequireWildcard(require("./touchRippleClasses"));
-
 Object.keys(_touchRippleClasses).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -57,7 +51,5 @@ Object.keys(_touchRippleClasses).forEach(function (key) {
     }
   });
 });
-
 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; }

package/ButtonBase/touchRippleClasses.d.ts

@@ -1,20 +1,20 @@
-export interface TouchRippleClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the internal `Ripple` components `ripple` class. */
-    ripple: string;
-    /** Styles applied to the internal `Ripple` components `rippleVisible` class. */
-    rippleVisible: string;
-    /** Styles applied to the internal `Ripple` components `ripplePulsate` class. */
-    ripplePulsate: string;
-    /** Styles applied to the internal `Ripple` components `child` class. */
-    child: string;
-    /** Styles applied to the internal `Ripple` components `childLeaving` class. */
-    childLeaving: string;
-    /** Styles applied to the internal `Ripple` components `childPulsate` class. */
-    childPulsate: string;
-}
-export declare type TouchRippleClassKey = keyof TouchRippleClasses;
-export declare function getTouchRippleUtilityClass(slot: string): string;
-declare const touchRippleClasses: TouchRippleClasses;
-export default touchRippleClasses;
+export interface TouchRippleClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the internal `Ripple` components `ripple` class. */
+    ripple: string;
+    /** Styles applied to the internal `Ripple` components `rippleVisible` class. */
+    rippleVisible: string;
+    /** Styles applied to the internal `Ripple` components `ripplePulsate` class. */
+    ripplePulsate: string;
+    /** Styles applied to the internal `Ripple` components `child` class. */
+    child: string;
+    /** Styles applied to the internal `Ripple` components `childLeaving` class. */
+    childLeaving: string;
+    /** Styles applied to the internal `Ripple` components `childPulsate` class. */
+    childPulsate: string;
+}
+export declare type TouchRippleClassKey = keyof TouchRippleClasses;
+export declare function getTouchRippleUtilityClass(slot: string): string;
+declare const touchRippleClasses: TouchRippleClasses;
+export default touchRippleClasses;

package/ButtonBase/touchRippleClasses.js

@@ -1,21 +1,16 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 exports.getTouchRippleUtilityClass = getTouchRippleUtilityClass;
-
 var _utils = require("@mui/utils");
-
 var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
-
 function getTouchRippleUtilityClass(slot) {
   return (0, _generateUtilityClass.default)('MuiTouchRipple', slot);
 }
-
 const touchRippleClasses = (0, _utils.unstable_generateUtilityClasses)('MuiTouchRipple', ['root', 'ripple', 'rippleVisible', 'ripplePulsate', 'child', 'childLeaving', 'childPulsate']);
 var _default = touchRippleClasses;
 exports.default = _default;

package/ButtonGroup/ButtonGroup.js

@@ -1,44 +1,26 @@
 "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 _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
-
 var _base = require("@mui/base");
-
 var _system = require("@mui/system");
-
 var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
-
 var _styled = _interopRequireDefault(require("../styles/styled"));
-
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
-
 var _buttonGroupClasses = _interopRequireWildcard(require("./buttonGroupClasses"));
-
 var _ButtonGroupContext = _interopRequireDefault(require("./ButtonGroupContext"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 const _excluded = ["children", "className", "color", "component", "disabled", "disableElevation", "disableFocusRipple", "disableRipple", "fullWidth", "orientation", "size", "variant"];
-
 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 overridesResolver = (props, styles) => {
   const {
     ownerState
@@ -55,7 +37,6 @@ const overridesResolver = (props, styles) => {
     [`& .${_buttonGroupClasses.default.grouped}`]: styles[`grouped${(0, _capitalize.default)(ownerState.variant)}${(0, _capitalize.default)(ownerState.color)}`]
   }, styles.root, styles[ownerState.variant], ownerState.disableElevation === true && styles.disableElevation, ownerState.fullWidth && styles.fullWidth, ownerState.orientation === 'vertical' && styles.vertical];
 };
-
 const useUtilityClasses = ownerState => {
   const {
     classes,
@@ -72,7 +53,6 @@ const useUtilityClasses = ownerState => {
   };
   return (0, _base.unstable_composeClasses)(slots, _buttonGroupClasses.getButtonGroupUtilityClass, classes);
 };
-
 const ButtonGroupRoot = (0, _styled.default)('div', {
   name: 'MuiButtonGroup',
   slot: 'Root',
@@ -153,20 +133,20 @@ const ButtonGroup = /*#__PURE__*/React.forwardRef(function ButtonGroup(inProps,
     name: 'MuiButtonGroup'
   });
   const {
-    children,
-    className,
-    color = 'primary',
-    component = 'div',
-    disabled = false,
-    disableElevation = false,
-    disableFocusRipple = false,
-    disableRipple = false,
-    fullWidth = false,
-    orientation = 'horizontal',
-    size = 'medium',
-    variant = 'outlined'
-  } = props,
-        other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+      children,
+      className,
+      color = 'primary',
+      component = 'div',
+      disabled = false,
+      disableElevation = false,
+      disableFocusRipple = false,
+      disableRipple = false,
+      fullWidth = false,
+      orientation = 'horizontal',
+      size = 'medium',
+      variant = 'outlined'
+    } = props,
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const ownerState = (0, _extends2.default)({}, props, {
     color,
     component,
@@ -204,102 +184,80 @@ const ButtonGroup = /*#__PURE__*/React.forwardRef(function ButtonGroup(inProps,
     })
   }));
 });
-process.env.NODE_ENV !== "production" ? ButtonGroup.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? ButtonGroup.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.default.node,
-
   /**
    * Override or extend the styles applied to the component.
    */
   classes: _propTypes.default.object,
-
   /**
    * @ignore
    */
   className: _propTypes.default.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 'primary'
    */
-  color: _propTypes.default
-  /* @typescript-to-proptypes-ignore */
-  .oneOfType([_propTypes.default.oneOf(['inherit', 'primary', 'secondary', 'error', 'info', 'success', 'warning']), _propTypes.default.string]),
-
+  color: _propTypes.default /* @typescript-to-proptypes-ignore */.oneOfType([_propTypes.default.oneOf(['inherit', 'primary', 'secondary', 'error', 'info', 'success', 'warning']), _propTypes.default.string]),
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
   component: _propTypes.default.elementType,
-
   /**
    * If `true`, the component is disabled.
    * @default false
    */
   disabled: _propTypes.default.bool,
-
   /**
    * If `true`, no elevation is used.
    * @default false
    */
   disableElevation: _propTypes.default.bool,
-
   /**
    * If `true`, the button keyboard focus ripple is disabled.
    * @default false
    */
   disableFocusRipple: _propTypes.default.bool,
-
   /**
    * If `true`, the button ripple effect is disabled.
    * @default false
    */
   disableRipple: _propTypes.default.bool,
-
   /**
    * If `true`, the buttons will take up the full width of its container.
    * @default false
    */
   fullWidth: _propTypes.default.bool,
-
   /**
    * The component orientation (layout flow direction).
    * @default 'horizontal'
    */
   orientation: _propTypes.default.oneOf(['horizontal', 'vertical']),
-
   /**
    * The size of the component.
    * `small` is equivalent to the dense button styling.
    * @default 'medium'
    */
-  size: _propTypes.default
-  /* @typescript-to-proptypes-ignore */
-  .oneOfType([_propTypes.default.oneOf(['small', 'medium', 'large']), _propTypes.default.string]),
-
+  size: _propTypes.default /* @typescript-to-proptypes-ignore */.oneOfType([_propTypes.default.oneOf(['small', 'medium', 'large']), _propTypes.default.string]),
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
   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]),
-
   /**
    * The variant to use.
    * @default 'outlined'
    */
-  variant: _propTypes.default
-  /* @typescript-to-proptypes-ignore */
-  .oneOfType([_propTypes.default.oneOf(['contained', 'outlined', 'text']), _propTypes.default.string])
+  variant: _propTypes.default /* @typescript-to-proptypes-ignore */.oneOfType([_propTypes.default.oneOf(['contained', 'outlined', 'text']), _propTypes.default.string])
 } : void 0;
 var _default = ButtonGroup;
 exports.default = _default;

package/ButtonGroup/ButtonGroupContext.d.ts

@@ -1,18 +1,18 @@
-import * as React from 'react';
-import type { ButtonGroupProps } from './ButtonGroup';
-interface IButtonGroupContext {
-    className?: string;
-    color?: ButtonGroupProps['color'];
-    disabled?: boolean;
-    disableElevation?: boolean;
-    disableFocusRipple?: boolean;
-    disableRipple?: boolean;
-    fullWidth?: boolean;
-    size?: ButtonGroupProps['size'];
-    variant?: ButtonGroupProps['variant'];
-}
-/**
- * @ignore - internal component.
- */
-declare const ButtonGroupContext: React.Context<IButtonGroupContext>;
-export default ButtonGroupContext;
+import * as React from 'react';
+import type { ButtonGroupProps } from './ButtonGroup';
+interface IButtonGroupContext {
+    className?: string;
+    color?: ButtonGroupProps['color'];
+    disabled?: boolean;
+    disableElevation?: boolean;
+    disableFocusRipple?: boolean;
+    disableRipple?: boolean;
+    fullWidth?: boolean;
+    size?: ButtonGroupProps['size'];
+    variant?: ButtonGroupProps['variant'];
+}
+/**
+ * @ignore - internal component.
+ */
+declare const ButtonGroupContext: React.Context<IButtonGroupContext>;
+export default ButtonGroupContext;

package/ButtonGroup/ButtonGroupContext.js

@@ -4,21 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var React = _interopRequireWildcard(require("react"));
-
 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; }
-
 /**
  * @ignore - internal component.
  */
 const ButtonGroupContext = /*#__PURE__*/React.createContext({});
-
 if (process.env.NODE_ENV !== 'production') {
   ButtonGroupContext.displayName = 'ButtonGroupContext';
 }
-
 var _default = ButtonGroupContext;
 exports.default = _default;