@mui/material 5.16.1 → 5.16.3

package/node/Slider/Slider.js

@@ -12,11 +12,12 @@ var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _chainPropTypes = _interopRequireDefault(require("@mui/utils/chainPropTypes"));
-var _utils = require("@mui/base/utils");
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
-var _useSlider = require("@mui/base/useSlider");
 var _colorManipulator = require("@mui/system/colorManipulator");
 var _RtlProvider = require("@mui/system/RtlProvider");
+var _useSlotProps = _interopRequireDefault(require("@mui/utils/useSlotProps"));
+var _isHostComponent = _interopRequireDefault(require("@mui/utils/isHostComponent"));
+var _useSlider = require("./useSlider");
 var _zeroStyled = require("../zero-styled");
 var _DefaultPropsProvider = require("../DefaultPropsProvider");
 var _slotShouldForwardProp = _interopRequireDefault(require("../styles/slotShouldForwardProp"));
@@ -649,7 +650,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;
-  const rootProps = (0, _utils.useSlotProps)({
+  const rootProps = (0, _useSlotProps.default)({
     elementType: RootSlot,
     getSlotProps: getRootProps,
     externalSlotProps: rootSlotProps,
@@ -660,13 +661,13 @@ const Slider = /*#__PURE__*/React.forwardRef(function Slider(inputProps, ref) {
     ownerState: (0, _extends2.default)({}, ownerState, rootSlotProps == null ? void 0 : rootSlotProps.ownerState),
     className: [classes.root, className]
   });
-  const railProps = (0, _utils.useSlotProps)({
+  const railProps = (0, _useSlotProps.default)({
     elementType: RailSlot,
     externalSlotProps: railSlotProps,
     ownerState,
     className: classes.rail
   });
-  const trackProps = (0, _utils.useSlotProps)({
+  const trackProps = (0, _useSlotProps.default)({
     elementType: TrackSlot,
     externalSlotProps: trackSlotProps,
     additionalProps: {
@@ -675,32 +676,32 @@ const Slider = /*#__PURE__*/React.forwardRef(function Slider(inputProps, ref) {
     ownerState: (0, _extends2.default)({}, ownerState, trackSlotProps == null ? void 0 : trackSlotProps.ownerState),
     className: classes.track
   });
-  const thumbProps = (0, _utils.useSlotProps)({
+  const thumbProps = (0, _useSlotProps.default)({
     elementType: ThumbSlot,
     getSlotProps: getThumbProps,
     externalSlotProps: thumbSlotProps,
     ownerState: (0, _extends2.default)({}, ownerState, thumbSlotProps == null ? void 0 : thumbSlotProps.ownerState),
     className: classes.thumb
   });
-  const valueLabelProps = (0, _utils.useSlotProps)({
+  const valueLabelProps = (0, _useSlotProps.default)({
     elementType: ValueLabelSlot,
     externalSlotProps: valueLabelSlotProps,
     ownerState: (0, _extends2.default)({}, ownerState, valueLabelSlotProps == null ? void 0 : valueLabelSlotProps.ownerState),
     className: classes.valueLabel
   });
-  const markProps = (0, _utils.useSlotProps)({
+  const markProps = (0, _useSlotProps.default)({
     elementType: MarkSlot,
     externalSlotProps: markSlotProps,
     ownerState,
     className: classes.mark
   });
-  const markLabelProps = (0, _utils.useSlotProps)({
+  const markLabelProps = (0, _useSlotProps.default)({
     elementType: MarkLabelSlot,
     externalSlotProps: markLabelSlotProps,
     ownerState,
     className: classes.markLabel
   });
-  const inputSliderProps = (0, _utils.useSlotProps)({
+  const inputSliderProps = (0, _useSlotProps.default)({
     elementType: InputSlot,
     getSlotProps: getHiddenInputProps,
     externalSlotProps: inputSlotProps,
@@ -719,7 +720,7 @@ const Slider = /*#__PURE__*/React.forwardRef(function Slider(inputProps, ref) {
       return /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(MarkSlot, (0, _extends2.default)({
           "data-index": index
-        }, markProps, !(0, _utils.isHostComponent)(MarkSlot) && {
+        }, markProps, !(0, _isHostComponent.default)(MarkSlot) && {
           markActive
         }, {
           style: (0, _extends2.default)({}, style, markProps.style),
@@ -727,7 +728,7 @@ const Slider = /*#__PURE__*/React.forwardRef(function Slider(inputProps, ref) {
         })), mark.label != null ? /*#__PURE__*/(0, _jsxRuntime.jsx)(MarkLabelSlot, (0, _extends2.default)({
           "aria-hidden": true,
           "data-index": index
-        }, markLabelProps, !(0, _utils.isHostComponent)(MarkLabelSlot) && {
+        }, markLabelProps, !(0, _isHostComponent.default)(MarkLabelSlot) && {
           markLabelActive: markActive
         }, {
           style: (0, _extends2.default)({}, style, markLabelProps.style),
@@ -742,7 +743,7 @@ const Slider = /*#__PURE__*/React.forwardRef(function Slider(inputProps, ref) {
       return (
         /*#__PURE__*/
         /* TODO v6: Change component structure. It will help in avoiding the complicated React.cloneElement API added in SliderValueLabel component. Should be: Thumb -> Input, ValueLabel. Follow Joy UI's Slider structure. */
-        (0, _jsxRuntime.jsx)(ValueLabelComponent, (0, _extends2.default)({}, !(0, _utils.isHostComponent)(ValueLabelComponent) && {
+        (0, _jsxRuntime.jsx)(ValueLabelComponent, (0, _extends2.default)({}, !(0, _isHostComponent.default)(ValueLabelComponent) && {
           valueLabelFormat,
           valueLabelDisplay,
           value: typeof valueLabelFormat === 'function' ? valueLabelFormat(scale(value), index) : valueLabelFormat,