@mui/material 6.0.0-beta.0 → 6.0.0-beta.1

package/node/Slider/Slider.js

@@ -10,11 +10,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 _useSlider = require("./useSlider");
+var _isHostComponent = _interopRequireDefault(require("../utils/isHostComponent"));
 var _zeroStyled = require("../zero-styled");
 var _DefaultPropsProvider = require("../DefaultPropsProvider");
 var _slotShouldForwardProp = _interopRequireDefault(require("../styles/slotShouldForwardProp"));
@@ -645,7 +646,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,
@@ -661,13 +662,13 @@ const Slider = /*#__PURE__*/React.forwardRef(function Slider(inputProps, ref) {
     },
     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: {
@@ -682,7 +683,7 @@ const Slider = /*#__PURE__*/React.forwardRef(function Slider(inputProps, ref) {
     },
     className: classes.track
   });
-  const thumbProps = (0, _utils.useSlotProps)({
+  const thumbProps = (0, _useSlotProps.default)({
     elementType: ThumbSlot,
     getSlotProps: getThumbProps,
     externalSlotProps: thumbSlotProps,
@@ -692,7 +693,7 @@ const Slider = /*#__PURE__*/React.forwardRef(function Slider(inputProps, ref) {
     },
     className: classes.thumb
   });
-  const valueLabelProps = (0, _utils.useSlotProps)({
+  const valueLabelProps = (0, _useSlotProps.default)({
     elementType: ValueLabelSlot,
     externalSlotProps: valueLabelSlotProps,
     ownerState: {
@@ -701,19 +702,19 @@ const Slider = /*#__PURE__*/React.forwardRef(function Slider(inputProps, ref) {
     },
     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,
@@ -738,7 +739,7 @@ const Slider = /*#__PURE__*/React.forwardRef(function Slider(inputProps, ref) {
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(MarkSlot, {
           "data-index": index,
           ...markProps,
-          ...(!(0, _utils.isHostComponent)(MarkSlot) && {
+          ...(!(0, _isHostComponent.default)(MarkSlot) && {
             markActive
           }),
           style: {
@@ -750,7 +751,7 @@ const Slider = /*#__PURE__*/React.forwardRef(function Slider(inputProps, ref) {
           "aria-hidden": true,
           "data-index": index,
           ...markLabelProps,
-          ...(!(0, _utils.isHostComponent)(MarkLabelSlot) && {
+          ...(!(0, _isHostComponent.default)(MarkLabelSlot) && {
             markLabelActive: markActive
           }),
           style: {
@@ -769,7 +770,7 @@ const Slider = /*#__PURE__*/React.forwardRef(function Slider(inputProps, ref) {
         /*#__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, _utils.isHostComponent)(ValueLabelComponent) && {
+          ...(!(0, _isHostComponent.default)(ValueLabelComponent) && {
             valueLabelFormat,
             valueLabelDisplay,
             value: typeof valueLabelFormat === 'function' ? valueLabelFormat(scale(value), index) : valueLabelFormat,