@mui/material 5.10.16 → 5.11.0

package/Slider/Slider.js

@@ -1,42 +1,32 @@
-"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 _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");
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/esm/extends";
 const _excluded = ["component", "components", "componentsProps", "color", "size", "slotProps", "slots"];
-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, _utils.unstable_generateUtilityClasses)('MuiSlider', ['colorPrimary', 'colorSecondary', 'thumbColorPrimary', 'thumbColorSecondary', 'sizeSmall', 'thumbSizeSmall']));
-exports.sliderClasses = sliderClasses;
-const SliderRoot = (0, _styled.default)('span', {
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import clsx from 'clsx';
+import { chainPropTypes, unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
+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', {
   name: 'MuiSlider',
   slot: 'Root',
   overridesResolver: (props, styles) => {
     const {
       ownerState
     } = props;
-    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];
+    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];
   }
 })(({
   theme,
   ownerState
-}) => (0, _extends2.default)({
+}) => _extends({
   borderRadius: 12,
   boxSizing: 'content-box',
   display: 'inline-block',
@@ -45,7 +35,7 @@ const SliderRoot = (0, _styled.default)('span', {
   touchAction: 'none',
   color: (theme.vars || theme).palette[ownerState.color].main,
   WebkitTapHighlightColor: 'transparent'
-}, ownerState.orientation === 'horizontal' && (0, _extends2.default)({
+}, ownerState.orientation === 'horizontal' && _extends({
   height: 4,
   width: '100%',
   padding: '13px 0',
@@ -58,7 +48,7 @@ const SliderRoot = (0, _styled.default)('span', {
   height: 2
 }, ownerState.marked && {
   marginBottom: 20
-}), ownerState.orientation === 'vertical' && (0, _extends2.default)({
+}), ownerState.orientation === 'vertical' && _extends({
   height: '100%',
   width: 4,
   padding: '0 13px',
@@ -86,7 +76,6 @@ const SliderRoot = (0, _styled.default)('span', {
     }
   }
 }));
-exports.SliderRoot = SliderRoot;
 process.env.NODE_ENV !== "production" ? SliderRoot.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
@@ -95,15 +84,16 @@ process.env.NODE_ENV !== "production" ? SliderRoot.propTypes /* remove-proptypes
   /**
    * @ignore
    */
-  children: _propTypes.default.node
+  children: PropTypes.node
 } : void 0;
-const SliderRail = (0, _styled.default)('span', {
+export { SliderRoot };
+const SliderRail = styled('span', {
   name: 'MuiSlider',
   slot: 'Rail',
   overridesResolver: (props, styles) => styles.rail
 })(({
   ownerState
-}) => (0, _extends2.default)({
+}) => _extends({
   display: 'block',
   position: 'absolute',
   borderRadius: 'inherit',
@@ -122,7 +112,6 @@ const SliderRail = (0, _styled.default)('span', {
 }, ownerState.track === 'inverted' && {
   opacity: 1
 }));
-exports.SliderRail = SliderRail;
 process.env.NODE_ENV !== "production" ? SliderRail.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
@@ -131,9 +120,10 @@ process.env.NODE_ENV !== "production" ? SliderRail.propTypes /* remove-proptypes
   /**
    * @ignore
    */
-  children: _propTypes.default.node
+  children: PropTypes.node
 } : void 0;
-const SliderTrack = (0, _styled.default)('span', {
+export { SliderRail };
+const SliderTrack = styled('span', {
   name: 'MuiSlider',
   slot: 'Track',
   overridesResolver: (props, styles) => styles.track
@@ -143,8 +133,8 @@ const SliderTrack = (0, _styled.default)('span', {
 }) => {
   const color =
   // Same logic as the LinearProgress track color
-  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)({
+  theme.palette.mode === 'light' ? lighten(theme.palette[ownerState.color].main, 0.62) : darken(theme.palette[ownerState.color].main, 0.5);
+  return _extends({
     display: 'block',
     position: 'absolute',
     borderRadius: 'inherit',
@@ -170,7 +160,6 @@ const SliderTrack = (0, _styled.default)('span', {
     borderColor: theme.vars ? theme.vars.palette.Slider[`${ownerState.color}Track`] : color
   });
 });
-exports.SliderTrack = SliderTrack;
 process.env.NODE_ENV !== "production" ? SliderTrack.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
@@ -179,21 +168,22 @@ process.env.NODE_ENV !== "production" ? SliderTrack.propTypes /* remove-proptype
   /**
    * @ignore
    */
-  children: _propTypes.default.node
+  children: PropTypes.node
 } : void 0;
-const SliderThumb = (0, _styled.default)('span', {
+export { SliderTrack };
+const SliderThumb = styled('span', {
   name: 'MuiSlider',
   slot: 'Thumb',
   overridesResolver: (props, styles) => {
     const {
       ownerState
     } = props;
-    return [styles.thumb, styles[`thumbColor${(0, _capitalize.default)(ownerState.color)}`], ownerState.size !== 'medium' && styles[`thumbSize${(0, _capitalize.default)(ownerState.size)}`]];
+    return [styles.thumb, styles[`thumbColor${capitalize(ownerState.color)}`], ownerState.size !== 'medium' && styles[`thumbSize${capitalize(ownerState.size)}`]];
   }
 })(({
   theme,
   ownerState
-}) => (0, _extends2.default)({
+}) => _extends({
   position: 'absolute',
   width: 20,
   height: 20,
@@ -217,7 +207,7 @@ const SliderThumb = (0, _styled.default)('span', {
   left: '50%',
   transform: 'translate(-50%, 50%)'
 }, {
-  '&:before': (0, _extends2.default)({
+  '&:before': _extends({
     position: 'absolute',
     content: '""',
     borderRadius: 'inherit',
@@ -239,13 +229,13 @@ const SliderThumb = (0, _styled.default)('span', {
     transform: 'translate(-50%, -50%)'
   },
   [`&:hover, &.${sliderClasses.focusVisible}`]: {
-    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)}`,
+    boxShadow: `0px 0px 0px 8px ${theme.vars ? `rgba(${theme.vars.palette[ownerState.color].mainChannel} / 0.16)` : 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)` : (0, _system.alpha)(theme.palette[ownerState.color].main, 0.16)}`
+    boxShadow: `0px 0px 0px 14px ${theme.vars ? `rgba(${theme.vars.palette[ownerState.color].mainChannel} / 0.16)` : alpha(theme.palette[ownerState.color].main, 0.16)}`
   },
   [`&.${sliderClasses.disabled}`]: {
     '&:hover': {
@@ -253,7 +243,6 @@ const SliderThumb = (0, _styled.default)('span', {
     }
   }
 }));
-exports.SliderThumb = SliderThumb;
 process.env.NODE_ENV !== "production" ? SliderThumb.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
@@ -262,16 +251,17 @@ process.env.NODE_ENV !== "production" ? SliderThumb.propTypes /* remove-proptype
   /**
    * @ignore
    */
-  children: _propTypes.default.node
+  children: PropTypes.node
 } : void 0;
-const SliderValueLabel = (0, _styled.default)(_SliderUnstyled.SliderValueLabelUnstyled, {
+export { SliderThumb };
+const SliderValueLabel = styled(SliderValueLabelUnstyled, {
   name: 'MuiSlider',
   slot: 'ValueLabel',
   overridesResolver: (props, styles) => styles.valueLabel
 })(({
   theme,
   ownerState
-}) => (0, _extends2.default)({
+}) => _extends({
   [`&.${sliderClasses.valueLabelOpen}`]: {
     transform: 'translateY(-100%) scale(1)'
   },
@@ -322,7 +312,6 @@ const SliderValueLabel = (0, _styled.default)(_SliderUnstyled.SliderValueLabelUn
   fontSize: theme.typography.pxToRem(12),
   padding: '0.25rem 0.5rem'
 }));
-exports.SliderValueLabel = SliderValueLabel;
 process.env.NODE_ENV !== "production" ? SliderValueLabel.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
@@ -331,18 +320,24 @@ process.env.NODE_ENV !== "production" ? SliderValueLabel.propTypes /* remove-pro
   /**
    * @ignore
    */
-  children: _propTypes.default.node
+  children: PropTypes.node
 } : void 0;
-const SliderMark = (0, _styled.default)('span', {
+export { SliderValueLabel };
+const SliderMark = styled('span', {
   name: 'MuiSlider',
   slot: 'Mark',
-  shouldForwardProp: prop => (0, _styled.slotShouldForwardProp)(prop) && prop !== 'markActive',
-  overridesResolver: (props, styles) => styles.mark
+  shouldForwardProp: prop => slotShouldForwardProp(prop) && prop !== 'markActive',
+  overridesResolver: (props, styles) => {
+    const {
+      markActive
+    } = props;
+    return [styles.mark, markActive && styles.markActive];
+  }
 })(({
   theme,
   ownerState,
   markActive
-}) => (0, _extends2.default)({
+}) => _extends({
   position: 'absolute',
   width: 2,
   height: 2,
@@ -358,7 +353,6 @@ const SliderMark = (0, _styled.default)('span', {
   backgroundColor: (theme.vars || theme).palette.background.paper,
   opacity: 0.8
 }));
-exports.SliderMark = SliderMark;
 process.env.NODE_ENV !== "production" ? SliderMark.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
@@ -367,18 +361,19 @@ process.env.NODE_ENV !== "production" ? SliderMark.propTypes /* remove-proptypes
   /**
    * @ignore
    */
-  children: _propTypes.default.node
+  children: PropTypes.node
 } : void 0;
-const SliderMarkLabel = (0, _styled.default)('span', {
+export { SliderMark };
+const SliderMarkLabel = styled('span', {
   name: 'MuiSlider',
   slot: 'MarkLabel',
-  shouldForwardProp: prop => (0, _styled.slotShouldForwardProp)(prop) && prop !== 'markLabelActive',
+  shouldForwardProp: prop => slotShouldForwardProp(prop) && prop !== 'markLabelActive',
   overridesResolver: (props, styles) => styles.markLabel
 })(({
   theme,
   ownerState,
   markLabelActive
-}) => (0, _extends2.default)({}, theme.typography.body2, {
+}) => _extends({}, theme.typography.body2, {
   color: (theme.vars || theme).palette.text.secondary,
   position: 'absolute',
   whiteSpace: 'nowrap'
@@ -397,7 +392,6 @@ const SliderMarkLabel = (0, _styled.default)('span', {
 }, markLabelActive && {
   color: (theme.vars || theme).palette.text.primary
 }));
-exports.SliderMarkLabel = SliderMarkLabel;
 process.env.NODE_ENV !== "production" ? SliderMarkLabel.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
@@ -406,26 +400,27 @@ process.env.NODE_ENV !== "production" ? SliderMarkLabel.propTypes /* remove-prop
   /**
    * @ignore
    */
-  children: _propTypes.default.node
+  children: PropTypes.node
 } : void 0;
+export { SliderMarkLabel };
 const extendUtilityClasses = ownerState => {
   const {
     color,
     size,
     classes = {}
   } = ownerState;
-  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)}`]])
+  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)}`]])
   });
 };
 const Slider = /*#__PURE__*/React.forwardRef(function Slider(inputProps, ref) {
   var _ref, _slots$root, _ref2, _slots$rail, _ref3, _slots$track, _ref4, _slots$thumb, _ref5, _slots$valueLabel, _ref6, _slots$mark, _ref7, _slots$markLabel, _slots$input, _slotProps$root, _slotProps$rail, _slotProps$track, _slotProps$thumb, _slotProps$valueLabel, _slotProps$mark, _slotProps$markLabel, _slotProps$input;
-  const props = (0, _useThemeProps.default)({
+  const props = useThemeProps({
     props: inputProps,
     name: 'MuiSlider'
   });
-  const theme = (0, _useTheme.default)();
+  const theme = useTheme();
   const isRtl = theme.direction === 'rtl';
   const {
       // eslint-disable-next-line react/prop-types
@@ -437,8 +432,8 @@ const Slider = /*#__PURE__*/React.forwardRef(function Slider(inputProps, ref) {
       slotProps,
       slots
     } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  const ownerState = (0, _extends2.default)({}, props, {
+    other = _objectWithoutPropertiesLoose(props, _excluded);
+  const ownerState = _extends({}, props, {
     color,
     size
   });
@@ -461,7 +456,7 @@ const Slider = /*#__PURE__*/React.forwardRef(function Slider(inputProps, ref) {
   const markSlotProps = (_slotProps$mark = slotProps == null ? void 0 : slotProps.mark) != null ? _slotProps$mark : componentsProps.mark;
   const markLabelSlotProps = (_slotProps$markLabel = slotProps == null ? void 0 : slotProps.markLabel) != null ? _slotProps$markLabel : componentsProps.markLabel;
   const inputSlotProps = (_slotProps$input = slotProps == null ? void 0 : slotProps.input) != null ? _slotProps$input : componentsProps.input;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SliderUnstyled.default, (0, _extends2.default)({}, other, {
+  return /*#__PURE__*/_jsx(SliderUnstyled, _extends({}, other, {
     isRtl: isRtl,
     slots: {
       root: RootSlot,
@@ -473,29 +468,29 @@ const Slider = /*#__PURE__*/React.forwardRef(function Slider(inputProps, ref) {
       markLabel: MarkLabelSlot,
       input: InputSlot
     },
-    slotProps: (0, _extends2.default)({}, componentsProps, {
-      root: (0, _extends2.default)({}, rootSlotProps, (0, _shouldSpreadAdditionalProps.default)(RootSlot) && {
+    slotProps: _extends({}, componentsProps, {
+      root: _extends({}, rootSlotProps, shouldSpreadAdditionalProps(RootSlot) && {
         as: component,
-        ownerState: (0, _extends2.default)({}, rootSlotProps == null ? void 0 : rootSlotProps.ownerState, {
+        ownerState: _extends({}, rootSlotProps == null ? void 0 : rootSlotProps.ownerState, {
           color,
           size
         })
       }),
       rail: railSlotProps,
-      thumb: (0, _extends2.default)({}, thumbSlotProps, (0, _shouldSpreadAdditionalProps.default)(ThumbSlot) && {
-        ownerState: (0, _extends2.default)({}, thumbSlotProps == null ? void 0 : thumbSlotProps.ownerState, {
+      thumb: _extends({}, thumbSlotProps, shouldSpreadAdditionalProps(ThumbSlot) && {
+        ownerState: _extends({}, thumbSlotProps == null ? void 0 : thumbSlotProps.ownerState, {
           color,
           size
         })
       }),
-      track: (0, _extends2.default)({}, trackSlotProps, (0, _shouldSpreadAdditionalProps.default)(TrackSlot) && {
-        ownerState: (0, _extends2.default)({}, trackSlotProps == null ? void 0 : trackSlotProps.ownerState, {
+      track: _extends({}, trackSlotProps, shouldSpreadAdditionalProps(TrackSlot) && {
+        ownerState: _extends({}, trackSlotProps == null ? void 0 : trackSlotProps.ownerState, {
           color,
           size
         })
       }),
-      valueLabel: (0, _extends2.default)({}, valueLabelSlotProps, (0, _shouldSpreadAdditionalProps.default)(ValueLabelSlot) && {
-        ownerState: (0, _extends2.default)({}, valueLabelSlotProps == null ? void 0 : valueLabelSlotProps.ownerState, {
+      valueLabel: _extends({}, valueLabelSlotProps, shouldSpreadAdditionalProps(ValueLabelSlot) && {
+        ownerState: _extends({}, valueLabelSlotProps == null ? void 0 : valueLabelSlotProps.ownerState, {
           color,
           size
         })
@@ -516,7 +511,7 @@ process.env.NODE_ENV !== "production" ? Slider.propTypes /* remove-proptypes */
   /**
    * The label of the slider.
    */
-  'aria-label': (0, _utils.chainPropTypes)(_propTypes.default.string, props => {
+  'aria-label': chainPropTypes(PropTypes.string, props => {
     const range = Array.isArray(props.value || props.defaultValue);
     if (range && props['aria-label'] != null) {
       return new Error('MUI: You need to use the `getAriaLabel` prop instead of `aria-label` when using a range slider.');
@@ -526,11 +521,11 @@ process.env.NODE_ENV !== "production" ? Slider.propTypes /* remove-proptypes */
   /**
    * The id of the element containing a label for the slider.
    */
-  'aria-labelledby': _propTypes.default.string,
+  'aria-labelledby': PropTypes.string,
   /**
    * A string value that provides a user-friendly name for the current value of the slider.
    */
-  'aria-valuetext': (0, _utils.chainPropTypes)(_propTypes.default.string, props => {
+  'aria-valuetext': chainPropTypes(PropTypes.string, props => {
     const range = Array.isArray(props.value || props.defaultValue);
     if (range && props['aria-valuetext'] != null) {
       return new Error('MUI: You need to use the `getAriaValueText` prop instead of `aria-valuetext` when using a range slider.');
@@ -540,18 +535,18 @@ process.env.NODE_ENV !== "production" ? Slider.propTypes /* remove-proptypes */
   /**
    * @ignore
    */
-  children: _propTypes.default.node,
+  children: PropTypes.node,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: _propTypes.default.object,
+  classes: PropTypes.object,
   /**
    * 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(['primary', 'secondary']), _propTypes.default.string]),
+  color: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['primary', 'secondary']), PropTypes.string]),
   /**
    * The components used for each slot inside.
    *
@@ -560,15 +555,15 @@ process.env.NODE_ENV !== "production" ? Slider.propTypes /* remove-proptypes */
    *
    * @default {}
    */
-  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
+  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
   }),
   /**
    * The extra props for the slot components.
@@ -579,44 +574,44 @@ process.env.NODE_ENV !== "production" ? Slider.propTypes /* remove-proptypes */
    *
    * @default {}
    */
-  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,
-      open: _propTypes.default.bool,
-      style: _propTypes.default.object,
-      value: _propTypes.default.number,
-      valueLabelDisplay: _propTypes.default.oneOf(['auto', 'off', 'on'])
+  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,
+      open: PropTypes.bool,
+      style: PropTypes.object,
+      value: PropTypes.number,
+      valueLabelDisplay: PropTypes.oneOf(['auto', 'off', 'on'])
     })])
   }),
   /**
    * The default value. Use when the component is not controlled.
    */
-  defaultValue: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.number), _propTypes.default.number]),
+  defaultValue: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.number), PropTypes.number]),
   /**
    * If `true`, the component is disabled.
    * @default false
    */
-  disabled: _propTypes.default.bool,
+  disabled: PropTypes.bool,
   /**
    * If `true`, the active thumb doesn't swap when moving pointer over a thumb while dragging another thumb.
    * @default false
    */
-  disableSwap: _propTypes.default.bool,
+  disableSwap: PropTypes.bool,
   /**
    * Accepts a function which returns a string value that provides a user-friendly name for the thumb labels of the slider.
    * This is important for screen reader users.
    * @param {number} index The thumb label's index to format.
    * @returns {string}
    */
-  getAriaLabel: _propTypes.default.func,
+  getAriaLabel: PropTypes.func,
   /**
    * Accepts a function which returns a string value that provides a user-friendly name for the current value of the slider.
    * This is important for screen reader users.
@@ -624,38 +619,38 @@ process.env.NODE_ENV !== "production" ? Slider.propTypes /* remove-proptypes */
    * @param {number} index The thumb label's index to format.
    * @returns {string}
    */
-  getAriaValueText: _propTypes.default.func,
+  getAriaValueText: PropTypes.func,
   /**
    * Indicates whether the theme context has rtl direction. It is set automatically.
    * @default false
    */
-  isRtl: _propTypes.default.bool,
+  isRtl: PropTypes.bool,
   /**
    * Marks indicate predetermined values to which the user can move the slider.
    * If `true` the marks are spaced according the value of the `step` prop.
    * If an array, it should contain objects with `value` and an optional `label` keys.
    * @default false
    */
-  marks: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.shape({
-    label: _propTypes.default.node,
-    value: _propTypes.default.number.isRequired
-  })), _propTypes.default.bool]),
+  marks: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.shape({
+    label: PropTypes.node,
+    value: PropTypes.number.isRequired
+  })), PropTypes.bool]),
   /**
    * The maximum allowed value of the slider.
    * Should not be equal to min.
    * @default 100
    */
-  max: _propTypes.default.number,
+  max: PropTypes.number,
   /**
    * The minimum allowed value of the slider.
    * Should not be equal to max.
    * @default 0
    */
-  min: _propTypes.default.number,
+  min: PropTypes.number,
   /**
    * Name attribute of the hidden `input` element.
    */
-  name: _propTypes.default.string,
+  name: PropTypes.string,
   /**
    * Callback function that is fired when the slider's value changed.
    *
@@ -665,48 +660,48 @@ process.env.NODE_ENV !== "production" ? Slider.propTypes /* remove-proptypes */
    * @param {number | number[]} value The new value.
    * @param {number} activeThumb Index of the currently moved thumb.
    */
-  onChange: _propTypes.default.func,
+  onChange: PropTypes.func,
   /**
    * Callback function that is fired when the `mouseup` is triggered.
    *
    * @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.default.func,
+  onChangeCommitted: PropTypes.func,
   /**
    * The component orientation.
    * @default 'horizontal'
    */
-  orientation: _propTypes.default.oneOf(['horizontal', 'vertical']),
+  orientation: PropTypes.oneOf(['horizontal', 'vertical']),
   /**
    * A transformation function, to change the scale of the slider.
    * @default (x) => x
    */
-  scale: _propTypes.default.func,
+  scale: PropTypes.func,
   /**
    * The size of the slider.
    * @default 'medium'
    */
-  size: _propTypes.default /* @typescript-to-proptypes-ignore */.oneOfType([_propTypes.default.oneOf(['small', 'medium']), _propTypes.default.string]),
+  size: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['small', 'medium']), PropTypes.string]),
   /**
    * The props used for each slot inside the Slider.
    * @default {}
    */
-  slotProps: _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,
-      open: _propTypes.default.bool,
-      style: _propTypes.default.object,
-      value: _propTypes.default.number,
-      valueLabelDisplay: _propTypes.default.oneOf(['auto', 'off', 'on'])
+  slotProps: 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,
+      open: PropTypes.bool,
+      style: PropTypes.object,
+      value: PropTypes.number,
+      valueLabelDisplay: PropTypes.oneOf(['auto', 'off', 'on'])
     })])
   }),
   /**
@@ -714,15 +709,15 @@ process.env.NODE_ENV !== "production" ? Slider.propTypes /* remove-proptypes */
    * Either a string to use a HTML element or a component.
    * @default {}
    */
-  slots: _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
+  slots: 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
   }),
   /**
    * The granularity with which the slider can step through values. (A "discrete" slider.)
@@ -732,15 +727,15 @@ process.env.NODE_ENV !== "production" ? Slider.propTypes /* remove-proptypes */
    * When step is `null`, the thumb can only be slid onto marks provided with the `marks` prop.
    * @default 1
    */
-  step: _propTypes.default.number,
+  step: PropTypes.number,
   /**
    * 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]),
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
   /**
    * Tab index attribute of the hidden `input` element.
    */
-  tabIndex: _propTypes.default.number,
+  tabIndex: PropTypes.number,
   /**
    * The track presentation:
    *
@@ -749,12 +744,12 @@ process.env.NODE_ENV !== "production" ? Slider.propTypes /* remove-proptypes */
    * - `false` the track will render without a bar.
    * @default 'normal'
    */
-  track: _propTypes.default.oneOf(['inverted', 'normal', false]),
+  track: PropTypes.oneOf(['inverted', 'normal', false]),
   /**
    * The value of the slider.
    * For ranged sliders, provide an array with two values.
    */
-  value: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.number), _propTypes.default.number]),
+  value: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.number), PropTypes.number]),
   /**
    * Controls when the value label is displayed:
    *
@@ -763,7 +758,7 @@ process.env.NODE_ENV !== "production" ? Slider.propTypes /* remove-proptypes */
    * - `off` will never display.
    * @default 'off'
    */
-  valueLabelDisplay: _propTypes.default.oneOf(['auto', 'off', 'on']),
+  valueLabelDisplay: PropTypes.oneOf(['auto', 'off', 'on']),
   /**
    * The format function the value label's value.
    *
@@ -773,7 +768,6 @@ process.env.NODE_ENV !== "production" ? Slider.propTypes /* remove-proptypes */
    * - {number} index The value label's index to format
    * @default (x) => x
    */
-  valueLabelFormat: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.string])
+  valueLabelFormat: PropTypes.oneOfType([PropTypes.func, PropTypes.string])
 } : void 0;
-var _default = Slider;
-exports.default = _default;
+export default Slider;