@mui/material 5.10.2 → 5.10.5

package/Slider/Slider.js

@@ -1,33 +1,63 @@
-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.sliderClasses = exports.default = exports.SliderValueLabel = exports.SliderTrack = exports.SliderThumb = exports.SliderRoot = exports.SliderRail = exports.SliderMarkLabel = exports.SliderMark = 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 _utils = require("@mui/utils");
+
+var _base = require("@mui/base");
+
+var _SliderUnstyled = _interopRequireWildcard(require("@mui/base/SliderUnstyled"));
+
+var _system = require("@mui/system");
+
+var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
+
+var _styled = _interopRequireWildcard(require("../styles/styled"));
+
+var _useTheme = _interopRequireDefault(require("../styles/useTheme"));
+
+var _shouldSpreadAdditionalProps = _interopRequireDefault(require("../utils/shouldSpreadAdditionalProps"));
+
+var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
+
+var _jsxRuntime = require("react/jsx-runtime");
+
 const _excluded = ["component", "components", "componentsProps", "color", "size"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import { chainPropTypes } from '@mui/utils';
-import { generateUtilityClasses } from '@mui/base';
-import SliderUnstyled, { SliderValueLabelUnstyled, sliderUnstyledClasses, getSliderUtilityClass } from '@mui/base/SliderUnstyled';
-import { alpha, lighten, darken } from '@mui/system';
-import useThemeProps from '../styles/useThemeProps';
-import styled, { slotShouldForwardProp } from '../styles/styled';
-import useTheme from '../styles/useTheme';
-import shouldSpreadAdditionalProps from '../utils/shouldSpreadAdditionalProps';
-import capitalize from '../utils/capitalize';
-import { jsx as _jsx } from "react/jsx-runtime";
-export const sliderClasses = _extends({}, sliderUnstyledClasses, generateUtilityClasses('MuiSlider', ['colorPrimary', 'colorSecondary', 'thumbColorPrimary', 'thumbColorSecondary', 'sizeSmall', 'thumbSizeSmall']));
-const SliderRoot = styled('span', {
+
+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 sliderClasses = (0, _extends2.default)({}, _SliderUnstyled.sliderUnstyledClasses, (0, _base.generateUtilityClasses)('MuiSlider', ['colorPrimary', 'colorSecondary', 'thumbColorPrimary', 'thumbColorSecondary', 'sizeSmall', 'thumbSizeSmall']));
+exports.sliderClasses = sliderClasses;
+const SliderRoot = (0, _styled.default)('span', {
   name: 'MuiSlider',
   slot: 'Root',
   overridesResolver: (props, styles) => {
     const {
       ownerState
     } = props;
-    return [styles.root, styles[`color${capitalize(ownerState.color)}`], ownerState.size !== 'medium' && styles[`size${capitalize(ownerState.size)}`], ownerState.marked && styles.marked, ownerState.orientation === 'vertical' && styles.vertical, ownerState.track === 'inverted' && styles.trackInverted, ownerState.track === false && styles.trackFalse];
+    return [styles.root, styles[`color${(0, _capitalize.default)(ownerState.color)}`], ownerState.size !== 'medium' && styles[`size${(0, _capitalize.default)(ownerState.size)}`], ownerState.marked && styles.marked, ownerState.orientation === 'vertical' && styles.vertical, ownerState.track === 'inverted' && styles.trackInverted, ownerState.track === false && styles.trackFalse];
   }
 })(({
   theme,
   ownerState
-}) => _extends({
+}) => (0, _extends2.default)({
   borderRadius: 12,
   boxSizing: 'content-box',
   display: 'inline-block',
@@ -36,7 +66,7 @@ const SliderRoot = styled('span', {
   touchAction: 'none',
   color: (theme.vars || theme).palette[ownerState.color].main,
   WebkitTapHighlightColor: 'transparent'
-}, ownerState.orientation === 'horizontal' && _extends({
+}, ownerState.orientation === 'horizontal' && (0, _extends2.default)({
   height: 4,
   width: '100%',
   padding: '13px 0',
@@ -49,7 +79,7 @@ const SliderRoot = styled('span', {
   height: 2
 }, ownerState.marked && {
   marginBottom: 20
-}), ownerState.orientation === 'vertical' && _extends({
+}), ownerState.orientation === 'vertical' && (0, _extends2.default)({
   height: '100%',
   width: 4,
   padding: '0 13px',
@@ -77,6 +107,7 @@ const SliderRoot = styled('span', {
     }
   }
 }));
+exports.SliderRoot = SliderRoot;
 process.env.NODE_ENV !== "production" ? SliderRoot.propTypes
 /* remove-proptypes */
 = {
@@ -88,16 +119,15 @@ process.env.NODE_ENV !== "production" ? SliderRoot.propTypes
   /**
    * @ignore
    */
-  children: PropTypes.node
+  children: _propTypes.default.node
 } : void 0;
-export { SliderRoot };
-const SliderRail = styled('span', {
+const SliderRail = (0, _styled.default)('span', {
   name: 'MuiSlider',
   slot: 'Rail',
   overridesResolver: (props, styles) => styles.rail
 })(({
   ownerState
-}) => _extends({
+}) => (0, _extends2.default)({
   display: 'block',
   position: 'absolute',
   borderRadius: 'inherit',
@@ -116,6 +146,7 @@ const SliderRail = styled('span', {
 }, ownerState.track === 'inverted' && {
   opacity: 1
 }));
+exports.SliderRail = SliderRail;
 process.env.NODE_ENV !== "production" ? SliderRail.propTypes
 /* remove-proptypes */
 = {
@@ -127,10 +158,9 @@ process.env.NODE_ENV !== "production" ? SliderRail.propTypes
   /**
    * @ignore
    */
-  children: PropTypes.node
+  children: _propTypes.default.node
 } : void 0;
-export { SliderRail };
-const SliderTrack = styled('span', {
+const SliderTrack = (0, _styled.default)('span', {
   name: 'MuiSlider',
   slot: 'Track',
   overridesResolver: (props, styles) => styles.track
@@ -139,8 +169,8 @@ const SliderTrack = styled('span', {
   ownerState
 }) => {
   const color = // Same logic as the LinearProgress track color
-  theme.palette.mode === 'light' ? lighten(theme.palette[ownerState.color].main, 0.62) : darken(theme.palette[ownerState.color].main, 0.5);
-  return _extends({
+  theme.palette.mode === 'light' ? (0, _system.lighten)(theme.palette[ownerState.color].main, 0.62) : (0, _system.darken)(theme.palette[ownerState.color].main, 0.5);
+  return (0, _extends2.default)({
     display: 'block',
     position: 'absolute',
     borderRadius: 'inherit',
@@ -166,6 +196,7 @@ const SliderTrack = styled('span', {
     borderColor: theme.vars ? theme.vars.palette.Slider[`${ownerState.color}Track`] : color
   });
 });
+exports.SliderTrack = SliderTrack;
 process.env.NODE_ENV !== "production" ? SliderTrack.propTypes
 /* remove-proptypes */
 = {
@@ -177,22 +208,21 @@ process.env.NODE_ENV !== "production" ? SliderTrack.propTypes
   /**
    * @ignore
    */
-  children: PropTypes.node
+  children: _propTypes.default.node
 } : void 0;
-export { SliderTrack };
-const SliderThumb = styled('span', {
+const SliderThumb = (0, _styled.default)('span', {
   name: 'MuiSlider',
   slot: 'Thumb',
   overridesResolver: (props, styles) => {
     const {
       ownerState
     } = props;
-    return [styles.thumb, styles[`thumbColor${capitalize(ownerState.color)}`], ownerState.size !== 'medium' && styles[`thumbSize${capitalize(ownerState.size)}`]];
+    return [styles.thumb, styles[`thumbColor${(0, _capitalize.default)(ownerState.color)}`], ownerState.size !== 'medium' && styles[`thumbSize${(0, _capitalize.default)(ownerState.size)}`]];
   }
 })(({
   theme,
   ownerState
-}) => _extends({
+}) => (0, _extends2.default)({
   position: 'absolute',
   width: 20,
   height: 20,
@@ -216,7 +246,7 @@ const SliderThumb = styled('span', {
   left: '50%',
   transform: 'translate(-50%, 50%)'
 }, {
-  '&:before': _extends({
+  '&:before': (0, _extends2.default)({
     position: 'absolute',
     content: '""',
     borderRadius: 'inherit',
@@ -238,13 +268,13 @@ const SliderThumb = styled('span', {
     transform: 'translate(-50%, -50%)'
   },
   [`&:hover, &.${sliderClasses.focusVisible}`]: {
-    boxShadow: `0px 0px 0px 8px ${theme.vars ? `rgba(${theme.vars.palette[ownerState.color].mainChannel} / 0.16)` : alpha(theme.palette[ownerState.color].main, 0.16)}`,
+    boxShadow: `0px 0px 0px 8px ${theme.vars ? `rgba(${theme.vars.palette[ownerState.color].mainChannel} / 0.16)` : (0, _system.alpha)(theme.palette[ownerState.color].main, 0.16)}`,
     '@media (hover: none)': {
       boxShadow: 'none'
     }
   },
   [`&.${sliderClasses.active}`]: {
-    boxShadow: `0px 0px 0px 14px ${theme.vars ? `rgba(${theme.vars.palette[ownerState.color].mainChannel} / 0.16)` : alpha(theme.palette[ownerState.color].main, 0.16)}`
+    boxShadow: `0px 0px 0px 14px ${theme.vars ? `rgba(${theme.vars.palette[ownerState.color].mainChannel} / 0.16)` : (0, _system.alpha)(theme.palette[ownerState.color].main, 0.16)}`
   },
   [`&.${sliderClasses.disabled}`]: {
     '&:hover': {
@@ -252,6 +282,7 @@ const SliderThumb = styled('span', {
     }
   }
 }));
+exports.SliderThumb = SliderThumb;
 process.env.NODE_ENV !== "production" ? SliderThumb.propTypes
 /* remove-proptypes */
 = {
@@ -263,17 +294,16 @@ process.env.NODE_ENV !== "production" ? SliderThumb.propTypes
   /**
    * @ignore
    */
-  children: PropTypes.node
+  children: _propTypes.default.node
 } : void 0;
-export { SliderThumb };
-const SliderValueLabel = styled(SliderValueLabelUnstyled, {
+const SliderValueLabel = (0, _styled.default)(_SliderUnstyled.SliderValueLabelUnstyled, {
   name: 'MuiSlider',
   slot: 'ValueLabel',
   overridesResolver: (props, styles) => styles.valueLabel
 })(({
   theme,
   ownerState
-}) => _extends({
+}) => (0, _extends2.default)({
   [`&.${sliderClasses.valueLabelOpen}`]: {
     transform: 'translateY(-100%) scale(1)'
   },
@@ -324,6 +354,7 @@ const SliderValueLabel = styled(SliderValueLabelUnstyled, {
   fontSize: theme.typography.pxToRem(12),
   padding: '0.25rem 0.5rem'
 }));
+exports.SliderValueLabel = SliderValueLabel;
 process.env.NODE_ENV !== "production" ? SliderValueLabel.propTypes
 /* remove-proptypes */
 = {
@@ -335,19 +366,18 @@ process.env.NODE_ENV !== "production" ? SliderValueLabel.propTypes
   /**
    * @ignore
    */
-  children: PropTypes.node
+  children: _propTypes.default.node
 } : void 0;
-export { SliderValueLabel };
-const SliderMark = styled('span', {
+const SliderMark = (0, _styled.default)('span', {
   name: 'MuiSlider',
   slot: 'Mark',
-  shouldForwardProp: prop => slotShouldForwardProp(prop) && prop !== 'markActive',
+  shouldForwardProp: prop => (0, _styled.slotShouldForwardProp)(prop) && prop !== 'markActive',
   overridesResolver: (props, styles) => styles.mark
 })(({
   theme,
   ownerState,
   markActive
-}) => _extends({
+}) => (0, _extends2.default)({
   position: 'absolute',
   width: 2,
   height: 2,
@@ -363,6 +393,7 @@ const SliderMark = styled('span', {
   backgroundColor: (theme.vars || theme).palette.background.paper,
   opacity: 0.8
 }));
+exports.SliderMark = SliderMark;
 process.env.NODE_ENV !== "production" ? SliderMark.propTypes
 /* remove-proptypes */
 = {
@@ -374,19 +405,18 @@ process.env.NODE_ENV !== "production" ? SliderMark.propTypes
   /**
    * @ignore
    */
-  children: PropTypes.node
+  children: _propTypes.default.node
 } : void 0;
-export { SliderMark };
-const SliderMarkLabel = styled('span', {
+const SliderMarkLabel = (0, _styled.default)('span', {
   name: 'MuiSlider',
   slot: 'MarkLabel',
-  shouldForwardProp: prop => slotShouldForwardProp(prop) && prop !== 'markLabelActive',
+  shouldForwardProp: prop => (0, _styled.slotShouldForwardProp)(prop) && prop !== 'markLabelActive',
   overridesResolver: (props, styles) => styles.markLabel
 })(({
   theme,
   ownerState,
   markLabelActive
-}) => _extends({}, theme.typography.body2, {
+}) => (0, _extends2.default)({}, theme.typography.body2, {
   color: (theme.vars || theme).palette.text.secondary,
   position: 'absolute',
   whiteSpace: 'nowrap'
@@ -405,6 +435,7 @@ const SliderMarkLabel = styled('span', {
 }, markLabelActive && {
   color: (theme.vars || theme).palette.text.primary
 }));
+exports.SliderMarkLabel = SliderMarkLabel;
 process.env.NODE_ENV !== "production" ? SliderMarkLabel.propTypes
 /* remove-proptypes */
 = {
@@ -416,9 +447,8 @@ process.env.NODE_ENV !== "production" ? SliderMarkLabel.propTypes
   /**
    * @ignore
    */
-  children: PropTypes.node
+  children: _propTypes.default.node
 } : void 0;
-export { SliderMarkLabel };
 
 const extendUtilityClasses = ownerState => {
   const {
@@ -426,22 +456,21 @@ const extendUtilityClasses = ownerState => {
     size,
     classes = {}
   } = ownerState;
-  return _extends({}, classes, {
-    root: clsx(classes.root, getSliderUtilityClass(`color${capitalize(color)}`), classes[`color${capitalize(color)}`], size && [getSliderUtilityClass(`size${capitalize(size)}`), classes[`size${capitalize(size)}`]]),
-    thumb: clsx(classes.thumb, getSliderUtilityClass(`thumbColor${capitalize(color)}`), classes[`thumbColor${capitalize(color)}`], size && [getSliderUtilityClass(`thumbSize${capitalize(size)}`), classes[`thumbSize${capitalize(size)}`]])
+  return (0, _extends2.default)({}, classes, {
+    root: (0, _clsx.default)(classes.root, (0, _SliderUnstyled.getSliderUtilityClass)(`color${(0, _capitalize.default)(color)}`), classes[`color${(0, _capitalize.default)(color)}`], size && [(0, _SliderUnstyled.getSliderUtilityClass)(`size${(0, _capitalize.default)(size)}`), classes[`size${(0, _capitalize.default)(size)}`]]),
+    thumb: (0, _clsx.default)(classes.thumb, (0, _SliderUnstyled.getSliderUtilityClass)(`thumbColor${(0, _capitalize.default)(color)}`), classes[`thumbColor${(0, _capitalize.default)(color)}`], size && [(0, _SliderUnstyled.getSliderUtilityClass)(`thumbSize${(0, _capitalize.default)(size)}`), classes[`thumbSize${(0, _capitalize.default)(size)}`]])
   });
 };
 
 const Slider = /*#__PURE__*/React.forwardRef(function Slider(inputProps, ref) {
   var _componentsProps$root, _componentsProps$thum, _componentsProps$trac, _componentsProps$valu;
 
-  const props = useThemeProps({
+  const props = (0, _useThemeProps.default)({
     props: inputProps,
     name: 'MuiSlider'
   });
-  const theme = useTheme();
+  const theme = (0, _useTheme.default)();
   const isRtl = theme.direction === 'rtl';
-
   const {
     // eslint-disable-next-line react/prop-types
     component = 'span',
@@ -450,17 +479,15 @@ const Slider = /*#__PURE__*/React.forwardRef(function Slider(inputProps, ref) {
     color = 'primary',
     size = 'medium'
   } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded);
-
-  const ownerState = _extends({}, props, {
+        other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  const ownerState = (0, _extends2.default)({}, props, {
     color,
     size
   });
-
   const classes = extendUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(SliderUnstyled, _extends({}, other, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SliderUnstyled.default, (0, _extends2.default)({}, other, {
     isRtl: isRtl,
-    components: _extends({
+    components: (0, _extends2.default)({
       Root: SliderRoot,
       Rail: SliderRail,
       Track: SliderTrack,
@@ -469,28 +496,28 @@ const Slider = /*#__PURE__*/React.forwardRef(function Slider(inputProps, ref) {
       Mark: SliderMark,
       MarkLabel: SliderMarkLabel
     }, components),
-    componentsProps: _extends({}, componentsProps, {
-      root: _extends({}, componentsProps.root, shouldSpreadAdditionalProps(components.Root) && {
+    componentsProps: (0, _extends2.default)({}, componentsProps, {
+      root: (0, _extends2.default)({}, componentsProps.root, (0, _shouldSpreadAdditionalProps.default)(components.Root) && {
         as: component,
-        ownerState: _extends({}, (_componentsProps$root = componentsProps.root) == null ? void 0 : _componentsProps$root.ownerState, {
+        ownerState: (0, _extends2.default)({}, (_componentsProps$root = componentsProps.root) == null ? void 0 : _componentsProps$root.ownerState, {
           color,
           size
         })
       }),
-      thumb: _extends({}, componentsProps.thumb, shouldSpreadAdditionalProps(components.Thumb) && {
-        ownerState: _extends({}, (_componentsProps$thum = componentsProps.thumb) == null ? void 0 : _componentsProps$thum.ownerState, {
+      thumb: (0, _extends2.default)({}, componentsProps.thumb, (0, _shouldSpreadAdditionalProps.default)(components.Thumb) && {
+        ownerState: (0, _extends2.default)({}, (_componentsProps$thum = componentsProps.thumb) == null ? void 0 : _componentsProps$thum.ownerState, {
           color,
           size
         })
       }),
-      track: _extends({}, componentsProps.track, shouldSpreadAdditionalProps(components.Track) && {
-        ownerState: _extends({}, (_componentsProps$trac = componentsProps.track) == null ? void 0 : _componentsProps$trac.ownerState, {
+      track: (0, _extends2.default)({}, componentsProps.track, (0, _shouldSpreadAdditionalProps.default)(components.Track) && {
+        ownerState: (0, _extends2.default)({}, (_componentsProps$trac = componentsProps.track) == null ? void 0 : _componentsProps$trac.ownerState, {
           color,
           size
         })
       }),
-      valueLabel: _extends({}, componentsProps.valueLabel, shouldSpreadAdditionalProps(components.ValueLabel) && {
-        ownerState: _extends({}, (_componentsProps$valu = componentsProps.valueLabel) == null ? void 0 : _componentsProps$valu.ownerState, {
+      valueLabel: (0, _extends2.default)({}, componentsProps.valueLabel, (0, _shouldSpreadAdditionalProps.default)(components.ValueLabel) && {
+        ownerState: (0, _extends2.default)({}, (_componentsProps$valu = componentsProps.valueLabel) == null ? void 0 : _componentsProps$valu.ownerState, {
           color,
           size
         })
@@ -511,7 +538,7 @@ process.env.NODE_ENV !== "production" ? Slider.propTypes
   /**
    * The label of the slider.
    */
-  'aria-label': chainPropTypes(PropTypes.string, props => {
+  'aria-label': (0, _utils.chainPropTypes)(_propTypes.default.string, props => {
     const range = Array.isArray(props.value || props.defaultValue);
 
     if (range && props['aria-label'] != null) {
@@ -524,12 +551,12 @@ process.env.NODE_ENV !== "production" ? Slider.propTypes
   /**
    * The id of the element containing a label for the slider.
    */
-  'aria-labelledby': PropTypes.string,
+  'aria-labelledby': _propTypes.default.string,
 
   /**
    * A string value that provides a user-friendly name for the current value of the slider.
    */
-  'aria-valuetext': chainPropTypes(PropTypes.string, props => {
+  'aria-valuetext': (0, _utils.chainPropTypes)(_propTypes.default.string, props => {
     const range = Array.isArray(props.value || props.defaultValue);
 
     if (range && props['aria-valuetext'] != null) {
@@ -542,12 +569,12 @@ process.env.NODE_ENV !== "production" ? Slider.propTypes
   /**
    * @ignore
    */
-  children: PropTypes.node,
+  children: _propTypes.default.node,
 
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: PropTypes.object,
+  classes: _propTypes.default.object,
 
   /**
    * The color of the component.
@@ -555,67 +582,67 @@ process.env.NODE_ENV !== "production" ? Slider.propTypes
    * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
    * @default 'primary'
    */
-  color: PropTypes
+  color: _propTypes.default
   /* @typescript-to-proptypes-ignore */
-  .oneOfType([PropTypes.oneOf(['primary', 'secondary']), PropTypes.string]),
+  .oneOfType([_propTypes.default.oneOf(['primary', 'secondary']), _propTypes.default.string]),
 
   /**
    * The components used for each slot inside the Slider.
    * Either a string to use a HTML element or a component.
    * @default {}
    */
-  components: PropTypes.shape({
-    Input: PropTypes.elementType,
-    Mark: PropTypes.elementType,
-    MarkLabel: PropTypes.elementType,
-    Rail: PropTypes.elementType,
-    Root: PropTypes.elementType,
-    Thumb: PropTypes.elementType,
-    Track: PropTypes.elementType,
-    ValueLabel: PropTypes.elementType
+  components: _propTypes.default.shape({
+    Input: _propTypes.default.elementType,
+    Mark: _propTypes.default.elementType,
+    MarkLabel: _propTypes.default.elementType,
+    Rail: _propTypes.default.elementType,
+    Root: _propTypes.default.elementType,
+    Thumb: _propTypes.default.elementType,
+    Track: _propTypes.default.elementType,
+    ValueLabel: _propTypes.default.elementType
   }),
 
   /**
    * The props used for each slot inside the Slider.
    * @default {}
    */
-  componentsProps: PropTypes.shape({
-    input: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
-    mark: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
-    markLabel: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
-    rail: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
-    root: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
-    thumb: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
-    track: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
-    valueLabel: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
-      children: PropTypes.element,
-      className: PropTypes.string,
-      components: PropTypes.shape({
-        Root: PropTypes.elementType
+  componentsProps: _propTypes.default.shape({
+    input: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
+    mark: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
+    markLabel: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
+    rail: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
+    root: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
+    thumb: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
+    track: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
+    valueLabel: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.shape({
+      children: _propTypes.default.element,
+      className: _propTypes.default.string,
+      components: _propTypes.default.shape({
+        Root: _propTypes.default.elementType
       }),
-      open: PropTypes.bool,
-      style: PropTypes.object,
-      value: PropTypes.number,
-      valueLabelDisplay: PropTypes.oneOf(['auto', 'off', 'on'])
+      open: _propTypes.default.bool,
+      style: _propTypes.default.object,
+      value: _propTypes.default.number,
+      valueLabelDisplay: _propTypes.default.oneOf(['auto', 'off', 'on'])
     })])
   }),
 
   /**
    * The default value. Use when the component is not controlled.
    */
-  defaultValue: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.number), PropTypes.number]),
+  defaultValue: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.number), _propTypes.default.number]),
 
   /**
    * If `true`, the component is disabled.
    * @default false
    */
-  disabled: PropTypes.bool,
+  disabled: _propTypes.default.bool,
 
   /**
    * If `true`, the active thumb doesn't swap when moving pointer over a thumb while dragging another thumb.
    * @default false
    */
-  disableSwap: PropTypes.bool,
+  disableSwap: _propTypes.default.bool,
 
   /**
    * Accepts a function which returns a string value that provides a user-friendly name for the thumb labels of the slider.
@@ -623,7 +650,7 @@ process.env.NODE_ENV !== "production" ? Slider.propTypes
    * @param {number} index The thumb label's index to format.
    * @returns {string}
    */
-  getAriaLabel: PropTypes.func,
+  getAriaLabel: _propTypes.default.func,
 
   /**
    * Accepts a function which returns a string value that provides a user-friendly name for the current value of the slider.
@@ -632,13 +659,13 @@ process.env.NODE_ENV !== "production" ? Slider.propTypes
    * @param {number} index The thumb label's index to format.
    * @returns {string}
    */
-  getAriaValueText: PropTypes.func,
+  getAriaValueText: _propTypes.default.func,
 
   /**
    * Indicates whether the theme context has rtl direction. It is set automatically.
    * @default false
    */
-  isRtl: PropTypes.bool,
+  isRtl: _propTypes.default.bool,
 
   /**
    * Marks indicate predetermined values to which the user can move the slider.
@@ -646,29 +673,29 @@ process.env.NODE_ENV !== "production" ? Slider.propTypes
    * If an array, it should contain objects with `value` and an optional `label` keys.
    * @default false
    */
-  marks: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.shape({
-    label: PropTypes.node,
-    value: PropTypes.number.isRequired
-  })), PropTypes.bool]),
+  marks: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.shape({
+    label: _propTypes.default.node,
+    value: _propTypes.default.number.isRequired
+  })), _propTypes.default.bool]),
 
   /**
    * The maximum allowed value of the slider.
    * Should not be equal to min.
    * @default 100
    */
-  max: PropTypes.number,
+  max: _propTypes.default.number,
 
   /**
    * The minimum allowed value of the slider.
    * Should not be equal to max.
    * @default 0
    */
-  min: PropTypes.number,
+  min: _propTypes.default.number,
 
   /**
    * Name attribute of the hidden `input` element.
    */
-  name: PropTypes.string,
+  name: _propTypes.default.string,
 
   /**
    * Callback function that is fired when the slider's value changed.
@@ -679,7 +706,7 @@ process.env.NODE_ENV !== "production" ? Slider.propTypes
    * @param {number | number[]} value The new value.
    * @param {number} activeThumb Index of the currently moved thumb.
    */
-  onChange: PropTypes.func,
+  onChange: _propTypes.default.func,
 
   /**
    * Callback function that is fired when the `mouseup` is triggered.
@@ -687,27 +714,27 @@ process.env.NODE_ENV !== "production" ? Slider.propTypes
    * @param {React.SyntheticEvent | Event} event The event source of the callback. **Warning**: This is a generic event not a change event.
    * @param {number | number[]} value The new value.
    */
-  onChangeCommitted: PropTypes.func,
+  onChangeCommitted: _propTypes.default.func,
 
   /**
    * The component orientation.
    * @default 'horizontal'
    */
-  orientation: PropTypes.oneOf(['horizontal', 'vertical']),
+  orientation: _propTypes.default.oneOf(['horizontal', 'vertical']),
 
   /**
    * A transformation function, to change the scale of the slider.
    * @default (x) => x
    */
-  scale: PropTypes.func,
+  scale: _propTypes.default.func,
 
   /**
    * The size of the slider.
    * @default 'medium'
    */
-  size: PropTypes
+  size: _propTypes.default
   /* @typescript-to-proptypes-ignore */
-  .oneOfType([PropTypes.oneOf(['small', 'medium']), PropTypes.string]),
+  .oneOfType([_propTypes.default.oneOf(['small', 'medium']), _propTypes.default.string]),
 
   /**
    * The granularity with which the slider can step through values. (A "discrete" slider.)
@@ -717,17 +744,17 @@ process.env.NODE_ENV !== "production" ? Slider.propTypes
    * When step is `null`, the thumb can only be slid onto marks provided with the `marks` prop.
    * @default 1
    */
-  step: PropTypes.number,
+  step: _propTypes.default.number,
 
   /**
    * 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]),
 
   /**
    * Tab index attribute of the hidden `input` element.
    */
-  tabIndex: PropTypes.number,
+  tabIndex: _propTypes.default.number,
 
   /**
    * The track presentation:
@@ -737,13 +764,13 @@ process.env.NODE_ENV !== "production" ? Slider.propTypes
    * - `false` the track will render without a bar.
    * @default 'normal'
    */
-  track: PropTypes.oneOf(['inverted', 'normal', false]),
+  track: _propTypes.default.oneOf(['inverted', 'normal', false]),
 
   /**
    * The value of the slider.
    * For ranged sliders, provide an array with two values.
    */
-  value: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.number), PropTypes.number]),
+  value: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.number), _propTypes.default.number]),
 
   /**
    * Controls when the value label is displayed:
@@ -753,7 +780,7 @@ process.env.NODE_ENV !== "production" ? Slider.propTypes
    * - `off` will never display.
    * @default 'off'
    */
-  valueLabelDisplay: PropTypes.oneOf(['auto', 'off', 'on']),
+  valueLabelDisplay: _propTypes.default.oneOf(['auto', 'off', 'on']),
 
   /**
    * The format function the value label's value.
@@ -764,6 +791,7 @@ process.env.NODE_ENV !== "production" ? Slider.propTypes
    * - {number} index The value label's index to format
    * @default (x) => x
    */
-  valueLabelFormat: PropTypes.oneOfType([PropTypes.func, PropTypes.string])
+  valueLabelFormat: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.string])
 } : void 0;
-export default Slider;
+var _default = Slider;
+exports.default = _default;