@mui/material 7.0.0-alpha.0 → 7.0.0-alpha.2

package/Slider/SliderValueLabel.d.ts

@@ -1,13 +1,13 @@
 import * as React from 'react';
-import { SliderValueLabelProps } from './SliderValueLabel.types';
+import { SliderValueLabelProps } from "./SliderValueLabel.types.js";
 /**
  * @ignore - internal component.
  */
 declare function SliderValueLabel(props: SliderValueLabelProps): React.ReactElement<{
-    className?: string;
-    children?: React.ReactNode;
+  className?: string;
+  children?: React.ReactNode;
 }, string | React.JSXElementConstructor<any>> | null;
 declare namespace SliderValueLabel {
-    var propTypes: any;
+  var propTypes: any;
 }
-export default SliderValueLabel;
+export default SliderValueLabel;

package/Slider/SliderValueLabel.js

@@ -1,18 +1,25 @@
+"use strict";
 'use client';
 
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import sliderClasses from "./sliderClasses.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = SliderValueLabel;
+var React = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _sliderClasses = _interopRequireDefault(require("./sliderClasses"));
+var _jsxRuntime = require("react/jsx-runtime");
 const useValueLabelClasses = props => {
   const {
     open
   } = props;
   const utilityClasses = {
-    offset: clsx(open && sliderClasses.valueLabelOpen),
-    circle: sliderClasses.valueLabelCircle,
-    label: sliderClasses.valueLabelLabel
+    offset: (0, _clsx.default)(open && _sliderClasses.default.valueLabelOpen),
+    circle: _sliderClasses.default.valueLabelCircle,
+    label: _sliderClasses.default.valueLabelLabel
   };
   return utilityClasses;
 };
@@ -20,7 +27,7 @@ const useValueLabelClasses = props => {
 /**
  * @ignore - internal component.
  */
-export default function SliderValueLabel(props) {
+function SliderValueLabel(props) {
   const {
     children,
     className,
@@ -31,14 +38,14 @@ export default function SliderValueLabel(props) {
     return null;
   }
   return /*#__PURE__*/React.cloneElement(children, {
-    className: clsx(children.props.className)
-  }, /*#__PURE__*/_jsxs(React.Fragment, {
-    children: [children.props.children, /*#__PURE__*/_jsx("span", {
-      className: clsx(classes.offset, className),
+    className: (0, _clsx.default)(children.props.className)
+  }, /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
+    children: [children.props.children, /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: (0, _clsx.default)(classes.offset, className),
       "aria-hidden": true,
-      children: /*#__PURE__*/_jsx("span", {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
         className: classes.circle,
-        children: /*#__PURE__*/_jsx("span", {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
           className: classes.label,
           children: value
         })
@@ -47,7 +54,7 @@ export default function SliderValueLabel(props) {
   }));
 }
 process.env.NODE_ENV !== "production" ? SliderValueLabel.propTypes = {
-  children: PropTypes.element.isRequired,
-  className: PropTypes.string,
-  value: PropTypes.node
+  children: _propTypes.default.element.isRequired,
+  className: _propTypes.default.string,
+  value: _propTypes.default.node
 } : void 0;

package/Slider/SliderValueLabel.types.d.ts

@@ -1,25 +1,25 @@
 export interface SliderValueLabelProps {
-    children?: React.ReactElement<{
-        className?: string;
-        children?: React.ReactNode;
-    }>;
+  children?: React.ReactElement<{
     className?: string;
-    style?: React.CSSProperties;
-    /**
-     * If `true`, the value label is visible.
-     */
-    open: boolean;
-    /**
-     * The value of the slider.
-     */
-    value: React.ReactNode;
-    /**
-     * Controls when the value label is displayed:
-     *
-     * - `auto` the value label will display when the thumb is hovered or focused.
-     * - `on` will display persistently.
-     * - `off` will never display.
-     * @default 'off'
-     */
-    valueLabelDisplay?: 'on' | 'auto' | 'off';
-}
+    children?: React.ReactNode;
+  }>;
+  className?: string;
+  style?: React.CSSProperties;
+  /**
+   * If `true`, the value label is visible.
+   */
+  open: boolean;
+  /**
+   * The value of the slider.
+   */
+  value: React.ReactNode;
+  /**
+   * Controls when the value label is displayed:
+   *
+   * - `auto` the value label will display when the thumb is hovered or focused.
+   * - `on` will display persistently.
+   * - `off` will never display.
+   * @default 'off'
+   */
+  valueLabelDisplay?: 'on' | 'auto' | 'off';
+}

package/Slider/SliderValueLabel.types.js

@@ -1 +1,5 @@
-export {};
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/Slider/index.d.ts

@@ -1,5 +1,4 @@
-export { default } from './Slider';
-export * from './Slider';
-
-export { default as sliderClasses } from './sliderClasses';
-export * from './sliderClasses';
+export { default } from "./Slider.js";
+export * from "./Slider.js";
+export { default as sliderClasses } from "./sliderClasses.js";
+export * from "./sliderClasses.js";

package/Slider/index.js

@@ -1,4 +1,45 @@
-export { default } from "./Slider.js";
-export * from "./Slider.js";
-export { default as sliderClasses } from "./sliderClasses.js";
-export * from "./sliderClasses.js";
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  sliderClasses: true
+};
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _Slider.default;
+  }
+});
+Object.defineProperty(exports, "sliderClasses", {
+  enumerable: true,
+  get: function () {
+    return _sliderClasses.default;
+  }
+});
+var _Slider = _interopRequireWildcard(require("./Slider"));
+Object.keys(_Slider).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Slider[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Slider[key];
+    }
+  });
+});
+var _sliderClasses = _interopRequireWildcard(require("./sliderClasses"));
+Object.keys(_sliderClasses).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _sliderClasses[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _sliderClasses[key];
+    }
+  });
+});

package/Slider/sliderClasses.d.ts

@@ -1,74 +1,88 @@
 export interface SliderClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `color="primary"`. */
-    colorPrimary: string;
-    /** Styles applied to the root element if `color="secondary"`. */
-    colorSecondary: string;
-    /** Styles applied to the root element if `color="error"`. */
-    colorError: string;
-    /** Styles applied to the root element if `color="info"`. */
-    colorInfo: string;
-    /** Styles applied to the root element if `color="success"`. */
-    colorSuccess: string;
-    /** Styles applied to the root element if `color="warning"`. */
-    colorWarning: string;
-    /** Styles applied to the root element if `marks` is provided with at least one label. */
-    marked: string;
-    /** Styles applied to the root element if `orientation="vertical"`. */
-    vertical: string;
-    /** State class applied to the root and thumb element if `disabled={true}`. */
-    disabled: string;
-    /** State class applied to the root if a thumb is being dragged. */
-    dragging: string;
-    /** Styles applied to the rail element. */
-    rail: string;
-    /** Styles applied to the track element. */
-    track: string;
-    /** Styles applied to the root element if `track={false}`. */
-    trackFalse: string;
-    /** Styles applied to the root element if `track="inverted"`. */
-    trackInverted: string;
-    /** Styles applied to the thumb element. */
-    thumb: string;
-    /** State class applied to the thumb element if it's active. */
-    active: string;
-    /** State class applied to the thumb element if keyboard focused. */
-    focusVisible: string;
-    /** Styles applied to the mark element. */
-    mark: string;
-    /** Styles applied to the mark element if active (depending on the value). */
-    markActive: string;
-    /** Styles applied to the mark label element. */
-    markLabel: string;
-    /** Styles applied to the mark label element if active (depending on the value). */
-    markLabelActive: string;
-    /** Styles applied to the root element if `size="small"`. */
-    sizeSmall: string;
-    /** Styles applied to the thumb element if `color="primary"`. */
-    thumbColorPrimary: string;
-    /** Styles applied to the thumb element if `color="secondary"`. */
-    thumbColorSecondary: string;
-    /** Styles applied to the thumb element if `color="error"`. */
-    thumbColorError: string;
-    /** Styles applied to the thumb element if `color="info"`. */
-    thumbColorInfo: string;
-    /** Styles applied to the thumb element if `color="success"`. */
-    thumbColorSuccess: string;
-    /** Styles applied to the thumb element if `color="warning"`. */
-    thumbColorWarning: string;
-    /** Styles applied to the thumb element if `size="small"`. */
-    thumbSizeSmall: string;
-    /** Styles applied to the thumb label element. */
-    valueLabel: string;
-    /** Styles applied to the thumb label element if it's open. */
-    valueLabelOpen: string;
-    /** Styles applied to the thumb label's circle element. */
-    valueLabelCircle: string;
-    /** Styles applied to the thumb label's label element. */
-    valueLabelLabel: string;
+  /** Styles applied to the root element. */
+  root: string;
+  /** Styles applied to the root element if `color="primary"`. */
+  colorPrimary: string;
+  /** Styles applied to the root element if `color="secondary"`. */
+  colorSecondary: string;
+  /** Styles applied to the root element if `color="error"`. */
+  colorError: string;
+  /** Styles applied to the root element if `color="info"`. */
+  colorInfo: string;
+  /** Styles applied to the root element if `color="success"`. */
+  colorSuccess: string;
+  /** Styles applied to the root element if `color="warning"`. */
+  colorWarning: string;
+  /** Styles applied to the root element if `marks` is provided with at least one label. */
+  marked: string;
+  /** Styles applied to the root element if `orientation="vertical"`. */
+  vertical: string;
+  /** State class applied to the root and thumb element if `disabled={true}`. */
+  disabled: string;
+  /** State class applied to the root if a thumb is being dragged. */
+  dragging: string;
+  /** Styles applied to the rail element. */
+  rail: string;
+  /** Styles applied to the track element. */
+  track: string;
+  /** Styles applied to the root element if `track={false}`. */
+  trackFalse: string;
+  /** Styles applied to the root element if `track="inverted"`. */
+  trackInverted: string;
+  /** Styles applied to the thumb element. */
+  thumb: string;
+  /** State class applied to the thumb element if it's active. */
+  active: string;
+  /** State class applied to the thumb element if keyboard focused. */
+  focusVisible: string;
+  /** Styles applied to the mark element. */
+  mark: string;
+  /** Styles applied to the mark element if active (depending on the value). */
+  markActive: string;
+  /** Styles applied to the mark label element. */
+  markLabel: string;
+  /** Styles applied to the mark label element if active (depending on the value). */
+  markLabelActive: string;
+  /** Styles applied to the root element if `size="small"`. */
+  sizeSmall: string;
+  /** Styles applied to the thumb element if `color="primary"`.
+   * @deprecated Combine the [.MuiSlider-thumb](/material-ui/api/slider/#slider-classes-thumb) and [.MuiSlider-colorPrimary](/material-ui/api/slider/#slider-classes-colorPrimary) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   */
+  thumbColorPrimary: string;
+  /** Styles applied to the thumb element if `color="secondary"`.
+   * @deprecated Combine the [.MuiSlider-thumb](/material-ui/api/slider/#slider-classes-thumb) and [.MuiSlider-colorSecondary](/material-ui/api/slider/#slider-classes-colorSecondary) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   */
+  thumbColorSecondary: string;
+  /** Styles applied to the thumb element if `color="error"`.
+   * @deprecated Combine the [.MuiSlider-thumb](/material-ui/api/slider/#slider-classes-thumb) and [.MuiSlider-colorError](/material-ui/api/slider/#slider-classes-colorError) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   */
+  thumbColorError: string;
+  /** Styles applied to the thumb element if `color="info"`.
+   * @deprecated Combine the [.MuiSlider-thumb](/material-ui/api/slider/#slider-classes-thumb) and [.MuiSlider-colorInfo](/material-ui/api/slider/#slider-classes-colorInfo) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   */
+  thumbColorInfo: string;
+  /** Styles applied to the thumb element if `color="success"`.
+   * @deprecated Combine the [.MuiSlider-thumb](/material-ui/api/slider/#slider-classes-thumb) and [.MuiSlider-colorSuccess](/material-ui/api/slider/#slider-classes-colorSuccess) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   */
+  thumbColorSuccess: string;
+  /** Styles applied to the thumb element if `color="warning"`.
+   * @deprecated Combine the [.MuiSlider-thumb](/material-ui/api/slider/#slider-classes-thumb) and [.MuiSlider-colorWarning](/material-ui/api/slider/#slider-classes-colorWarning) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   */
+  thumbColorWarning: string;
+  /** Styles applied to the thumb element if `size="small"`.
+   * @deprecated Combine the [.MuiSlider-thumb](/material-ui/api/slider/#slider-classes-thumb) and [.MuiSlider-sizeSmall](/material-ui/api/slider/#slider-classes-sizeSmall) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   */
+  thumbSizeSmall: string;
+  /** Styles applied to the thumb label element. */
+  valueLabel: string;
+  /** Styles applied to the thumb label element if it's open. */
+  valueLabelOpen: string;
+  /** Styles applied to the thumb label's circle element. */
+  valueLabelCircle: string;
+  /** Styles applied to the thumb label's label element. */
+  valueLabelLabel: string;
 }
 export type SliderClassKey = keyof SliderClasses;
 export declare function getSliderUtilityClass(slot: string): string;
 declare const sliderClasses: SliderClasses;
-export default sliderClasses;
+export default sliderClasses;

package/Slider/sliderClasses.js

@@ -1,7 +1,15 @@
-import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
-import generateUtilityClass from '@mui/utils/generateUtilityClass';
-export function getSliderUtilityClass(slot) {
-  return generateUtilityClass('MuiSlider', slot);
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+exports.getSliderUtilityClass = getSliderUtilityClass;
+var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
+var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
+function getSliderUtilityClass(slot) {
+  return (0, _generateUtilityClass.default)('MuiSlider', slot);
 }
-const sliderClasses = generateUtilityClasses('MuiSlider', ['root', 'active', 'colorPrimary', 'colorSecondary', 'colorError', 'colorInfo', 'colorSuccess', 'colorWarning', 'disabled', 'dragging', 'focusVisible', 'mark', 'markActive', 'marked', 'markLabel', 'markLabelActive', 'rail', 'sizeSmall', 'thumb', 'thumbColorPrimary', 'thumbColorSecondary', 'thumbColorError', 'thumbColorSuccess', 'thumbColorInfo', 'thumbColorWarning', 'track', 'trackInverted', 'trackFalse', 'thumbSizeSmall', 'valueLabel', 'valueLabelOpen', 'valueLabelCircle', 'valueLabelLabel', 'vertical']);
-export default sliderClasses;
+const sliderClasses = (0, _generateUtilityClasses.default)('MuiSlider', ['root', 'active', 'colorPrimary', 'colorSecondary', 'colorError', 'colorInfo', 'colorSuccess', 'colorWarning', 'disabled', 'dragging', 'focusVisible', 'mark', 'markActive', 'marked', 'markLabel', 'markLabelActive', 'rail', 'sizeSmall', 'thumb', 'thumbColorPrimary', 'thumbColorSecondary', 'thumbColorError', 'thumbColorSuccess', 'thumbColorInfo', 'thumbColorWarning', 'track', 'trackInverted', 'trackFalse', 'thumbSizeSmall', 'valueLabel', 'valueLabelOpen', 'valueLabelCircle', 'valueLabelLabel', 'vertical']);
+var _default = exports.default = sliderClasses;

package/Slider/useSlider.d.ts

@@ -1,4 +1,4 @@
-import { UseSliderParameters, UseSliderReturnValue } from './useSlider.types';
+import { UseSliderParameters, UseSliderReturnValue } from "./useSlider.types.js";
 export declare function valueToPercent(value: number, min: number, max: number): number;
 export declare const Identity: (x: any) => any;
 /**
@@ -11,4 +11,4 @@ export declare const Identity: (x: any) => any;
  *
  * - [useSlider API](https://mui.com/base-ui/react-slider/hooks-api/#use-slider)
  */
-export declare function useSlider(parameters: UseSliderParameters): UseSliderReturnValue;
+export declare function useSlider(parameters: UseSliderParameters): UseSliderReturnValue;

package/Slider/useSlider.js

@@ -1,9 +1,18 @@
+"use strict";
 'use client';
 
-import * as React from 'react';
-import { unstable_ownerDocument as ownerDocument, unstable_useControlled as useControlled, unstable_useEnhancedEffect as useEnhancedEffect, unstable_useEventCallback as useEventCallback, unstable_useForkRef as useForkRef, unstable_isFocusVisible as isFocusVisible, visuallyHidden, clamp } from '@mui/utils';
-import extractEventHandlers from '@mui/utils/extractEventHandlers';
-import areArraysEqual from "../utils/areArraysEqual.js";
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Identity = void 0;
+exports.useSlider = useSlider;
+exports.valueToPercent = valueToPercent;
+var React = _interopRequireWildcard(require("react"));
+var _utils = require("@mui/utils");
+var _extractEventHandlers = _interopRequireDefault(require("@mui/utils/extractEventHandlers"));
+var _areArraysEqual = _interopRequireDefault(require("../utils/areArraysEqual"));
 const INTENTIONAL_DRAG_COUNT_THRESHOLD = 2;
 function getNewValue(currentValue, step, direction, min, max) {
   return direction === 1 ? Math.min(currentValue + step, max) : Math.max(currentValue - step, min);
@@ -48,7 +57,7 @@ function trackFinger(event, touchId) {
     y: event.clientY
   };
 }
-export function valueToPercent(value, min, max) {
+function valueToPercent(value, min, max) {
   return (value - min) * 100 / (max - min);
 }
 function percentToValue(percent, min, max) {
@@ -83,7 +92,7 @@ function focusThumb({
   activeIndex,
   setActive
 }) {
-  const doc = ownerDocument(sliderRef.current);
+  const doc = (0, _utils.unstable_ownerDocument)(sliderRef.current);
   if (!sliderRef.current?.contains(doc.activeElement) || Number(doc?.activeElement?.getAttribute('data-index')) !== activeIndex) {
     sliderRef.current?.querySelector(`[type="range"][data-index="${activeIndex}"]`).focus();
   }
@@ -96,7 +105,7 @@ function areValuesEqual(newValue, oldValue) {
     return newValue === oldValue;
   }
   if (typeof newValue === 'object' && typeof oldValue === 'object') {
-    return areArraysEqual(newValue, oldValue);
+    return (0, _areArraysEqual.default)(newValue, oldValue);
   }
   return false;
 }
@@ -126,7 +135,7 @@ const axisProps = {
     })
   }
 };
-export const Identity = x => x;
+const Identity = x => x;
 
 // TODO: remove support for Safari < 13.
 // https://caniuse.com/#search=touch-action
@@ -138,6 +147,7 @@ export const Identity = x => x;
 // Since CSS.supports is supported on all but Edge@12 and IE and touch-action
 // is supported on both Edge@12 and IE if CSS.supports is not available that means that
 // touch-action will be supported
+exports.Identity = Identity;
 let cachedSupportsTouchActionNone;
 function doesSupportTouchActionNone() {
   if (cachedSupportsTouchActionNone === undefined) {
@@ -159,7 +169,7 @@ function doesSupportTouchActionNone() {
  *
  * - [useSlider API](https://mui.com/base-ui/react-slider/hooks-api/#use-slider)
  */
-export function useSlider(parameters) {
+function useSlider(parameters) {
   const {
     'aria-labelledby': ariaLabelledby,
     defaultValue,
@@ -190,7 +200,7 @@ export function useSlider(parameters) {
   const moveCount = React.useRef(0);
   // lastChangedValue is updated whenever onChange is triggered.
   const lastChangedValue = React.useRef(null);
-  const [valueDerived, setValueState] = useControlled({
+  const [valueDerived, setValueState] = (0, _utils.unstable_useControlled)({
     controlled: valueProp,
     default: defaultValue ?? min,
     name: 'Slider'
@@ -215,24 +225,24 @@ export function useSlider(parameters) {
   });
   const range = Array.isArray(valueDerived);
   let values = range ? valueDerived.slice().sort(asc) : [valueDerived];
-  values = values.map(value => value == null ? min : clamp(value, min, max));
+  values = values.map(value => value == null ? min : (0, _utils.clamp)(value, min, max));
   const marks = marksProp === true && step !== null ? [...Array(Math.floor((max - min) / step) + 1)].map((_, index) => ({
     value: min + step * index
   })) : marksProp || [];
   const marksValues = marks.map(mark => mark.value);
   const [focusedThumbIndex, setFocusedThumbIndex] = React.useState(-1);
   const sliderRef = React.useRef(null);
-  const handleRef = useForkRef(ref, sliderRef);
+  const handleRef = (0, _utils.unstable_useForkRef)(ref, sliderRef);
   const createHandleHiddenInputFocus = otherHandlers => event => {
     const index = Number(event.currentTarget.getAttribute('data-index'));
-    if (isFocusVisible(event.target)) {
+    if ((0, _utils.unstable_isFocusVisible)(event.target)) {
       setFocusedThumbIndex(index);
     }
     setOpen(index);
     otherHandlers?.onFocus?.(event);
   };
   const createHandleHiddenInputBlur = otherHandlers => event => {
-    if (!isFocusVisible(event.target)) {
+    if (!(0, _utils.unstable_isFocusVisible)(event.target)) {
       setFocusedThumbIndex(-1);
     }
     setOpen(-1);
@@ -253,11 +263,11 @@ export function useSlider(parameters) {
         newValue = newValue < value ? marksValues[marksIndex - 1] : marksValues[marksIndex + 1];
       }
     }
-    newValue = clamp(newValue, min, max);
+    newValue = (0, _utils.clamp)(newValue, min, max);
     if (range) {
       // Bound the new value to the thumb's neighbours.
       if (disableSwap) {
-        newValue = clamp(newValue, values[index - 1] || -Infinity, values[index + 1] || Infinity);
+        newValue = (0, _utils.clamp)(newValue, values[index - 1] || -Infinity, values[index + 1] || Infinity);
       }
       const previousValue = newValue;
       newValue = setValueIndex({
@@ -349,7 +359,7 @@ export function useSlider(parameters) {
     }
     otherHandlers?.onKeyDown?.(event);
   };
-  useEnhancedEffect(() => {
+  (0, _utils.unstable_useEnhancedEffect)(() => {
     if (disabled && sliderRef.current.contains(document.activeElement)) {
       // This is necessary because Firefox and Safari will keep focus
       // on a disabled element:
@@ -405,7 +415,7 @@ export function useSlider(parameters) {
       const closestIndex = findClosest(marksValues, newValue);
       newValue = marksValues[closestIndex];
     }
-    newValue = clamp(newValue, min, max);
+    newValue = (0, _utils.clamp)(newValue, min, max);
     let activeIndex = 0;
     if (range) {
       if (!move) {
@@ -416,7 +426,7 @@ export function useSlider(parameters) {
 
       // Bound the new value to the thumb's neighbours.
       if (disableSwap) {
-        newValue = clamp(newValue, values[activeIndex - 1] || -Infinity, values[activeIndex + 1] || Infinity);
+        newValue = (0, _utils.clamp)(newValue, values[activeIndex - 1] || -Infinity, values[activeIndex + 1] || Infinity);
       }
       const previousValue = newValue;
       newValue = setValueIndex({
@@ -436,7 +446,7 @@ export function useSlider(parameters) {
       activeIndex
     };
   };
-  const handleTouchMove = useEventCallback(nativeEvent => {
+  const handleTouchMove = (0, _utils.unstable_useEventCallback)(nativeEvent => {
     const finger = trackFinger(nativeEvent, touchId);
     if (!finger) {
       return;
@@ -470,7 +480,7 @@ export function useSlider(parameters) {
       handleChange(nativeEvent, newValue, activeIndex);
     }
   });
-  const handleTouchEnd = useEventCallback(nativeEvent => {
+  const handleTouchEnd = (0, _utils.unstable_useEventCallback)(nativeEvent => {
     const finger = trackFinger(nativeEvent, touchId);
     setDragging(false);
     if (!finger) {
@@ -494,7 +504,7 @@ export function useSlider(parameters) {
     // eslint-disable-next-line @typescript-eslint/no-use-before-define
     stopListening();
   });
-  const handleTouchStart = useEventCallback(nativeEvent => {
+  const handleTouchStart = (0, _utils.unstable_useEventCallback)(nativeEvent => {
     if (disabled) {
       return;
     }
@@ -526,7 +536,7 @@ export function useSlider(parameters) {
       }
     }
     moveCount.current = 0;
-    const doc = ownerDocument(sliderRef.current);
+    const doc = (0, _utils.unstable_ownerDocument)(sliderRef.current);
     doc.addEventListener('touchmove', handleTouchMove, {
       passive: true
     });
@@ -535,7 +545,7 @@ export function useSlider(parameters) {
     });
   });
   const stopListening = React.useCallback(() => {
-    const doc = ownerDocument(sliderRef.current);
+    const doc = (0, _utils.unstable_ownerDocument)(sliderRef.current);
     doc.removeEventListener('mousemove', handleTouchMove);
     doc.removeEventListener('mouseup', handleTouchEnd);
     doc.removeEventListener('touchmove', handleTouchMove);
@@ -593,7 +603,7 @@ export function useSlider(parameters) {
       }
     }
     moveCount.current = 0;
-    const doc = ownerDocument(sliderRef.current);
+    const doc = (0, _utils.unstable_ownerDocument)(sliderRef.current);
     doc.addEventListener('mousemove', handleTouchMove, {
       passive: true
     });
@@ -602,7 +612,7 @@ export function useSlider(parameters) {
   const trackOffset = valueToPercent(range ? values[0] : min, min, max);
   const trackLeap = valueToPercent(values[values.length - 1], min, max) - trackOffset;
   const getRootProps = (externalProps = {}) => {
-    const externalHandlers = extractEventHandlers(externalProps);
+    const externalHandlers = (0, _extractEventHandlers.default)(externalProps);
     const ownEventHandlers = {
       onMouseDown: createHandleMouseDown(externalHandlers || {})
     };
@@ -626,7 +636,7 @@ export function useSlider(parameters) {
     setOpen(-1);
   };
   const getThumbProps = (externalProps = {}) => {
-    const externalHandlers = extractEventHandlers(externalProps);
+    const externalHandlers = (0, _extractEventHandlers.default)(externalProps);
     const ownEventHandlers = {
       onMouseOver: createHandleMouseOver(externalHandlers || {}),
       onMouseLeave: createHandleMouseLeave(externalHandlers || {})
@@ -648,7 +658,7 @@ export function useSlider(parameters) {
     cssWritingMode = isRtl ? 'vertical-rl' : 'vertical-lr';
   }
   const getHiddenInputProps = (externalProps = {}) => {
-    const externalHandlers = extractEventHandlers(externalProps);
+    const externalHandlers = (0, _extractEventHandlers.default)(externalProps);
     const ownEventHandlers = {
       onChange: createHandleHiddenInputChange(externalHandlers || {}),
       onFocus: createHandleHiddenInputFocus(externalHandlers || {}),
@@ -674,7 +684,7 @@ export function useSlider(parameters) {
       ...externalProps,
       ...mergedEventHandlers,
       style: {
-        ...visuallyHidden,
+        ..._utils.visuallyHidden,
         direction: isRtl ? 'rtl' : 'ltr',
         // So that VoiceOver's focus indicator matches the thumb's dimensions
         width: '100%',