@mui/material 9.0.0-beta.1 → 9.0.1

package/Slide/Slide.js

@@ -22,26 +22,50 @@ var _zeroStyled = require("../zero-styled");
 var _utils = require("../transitions/utils");
 var _utils2 = require("../utils");
 var _jsxRuntime = require("react/jsx-runtime");
+const hiddenStyles = {
+  visibility: 'hidden'
+};
+
+/**
+ * Detects SwipeableDrawer's active-swipe `translate(x, y)` transform.
+ * Keep this in sync with SwipeableDrawer.setPosition.
+ */
+function isGestureTranslate(transform) {
+  return typeof transform === 'string' && /^translate\(.+,\s*.+\)$/.test(transform);
+}
+
 // Translate the node so it can't be seen on the screen.
 // Later, we're going to translate the node back to its original location with `none`.
-function getTranslateValue(direction, node, resolvedContainer) {
-  const rect = node.getBoundingClientRect();
+function getTranslateValue(direction, node, resolvedContainer, options = {}) {
+  const {
+    resetInlineTransform = true
+  } = options;
   const containerRect = resolvedContainer && resolvedContainer.getBoundingClientRect();
   const containerWindow = (0, _utils2.ownerWindow)(node);
+  let rect;
   let transform;
-  if (node.fakeTransform) {
-    transform = node.fakeTransform;
+  if (resetInlineTransform) {
+    // Clear the inline transform and transition before reading layout and computed
+    // style so we compute from the element's natural position, not its previous
+    // off-screen translation.
+    const previousTransform = node.style.transform;
+    const previousTransition = node.style.transition;
+    node.style.transition = '';
+    node.style.transform = '';
+    rect = node.getBoundingClientRect();
+    const computedStyle = containerWindow.getComputedStyle(node);
+    transform = computedStyle.getPropertyValue('transform');
+    node.style.transform = previousTransform;
+    node.style.transition = previousTransition;
   } else {
+    rect = node.getBoundingClientRect();
     const computedStyle = containerWindow.getComputedStyle(node);
-    transform = computedStyle.getPropertyValue('-webkit-transform') || computedStyle.getPropertyValue('transform');
-  }
-  let offsetX = 0;
-  let offsetY = 0;
-  if (transform && transform !== 'none' && typeof transform === 'string') {
-    const transformValues = transform.split('(')[1].split(')')[0].split(',');
-    offsetX = parseInt(transformValues[4], 10);
-    offsetY = parseInt(transformValues[5], 10);
+    transform = computedStyle.getPropertyValue('transform');
   }
+  const {
+    offsetX,
+    offsetY
+  } = (0, _utils.getTranslateOffsets)(transform);
   if (direction === 'left') {
     if (containerRect) {
       return `translateX(${containerRect.right + offsetX - rect.left}px)`;
@@ -70,11 +94,10 @@ function getTranslateValue(direction, node, resolvedContainer) {
 function resolveContainer(containerPropProp) {
   return typeof containerPropProp === 'function' ? containerPropProp() : containerPropProp;
 }
-function setTranslateValue(direction, node, containerProp) {
+function setTranslateValue(direction, node, containerProp, options) {
   const resolvedContainer = resolveContainer(containerProp);
-  const transform = getTranslateValue(direction, node, resolvedContainer);
+  const transform = getTranslateValue(direction, node, resolvedContainer, options);
   if (transform) {
-    node.style.webkitTransform = transform;
     node.style.transform = transform;
   }
 }
@@ -109,30 +132,19 @@ const Slide = /*#__PURE__*/React.forwardRef(function Slide(props, ref) {
     onExiting,
     style,
     timeout = defaultTimeout,
-    // eslint-disable-next-line react/prop-types
-    TransitionComponent = _reactTransitionGroup.Transition,
     ...other
   } = props;
   const childrenRef = React.useRef(null);
+  const preserveInlineTransformRef = React.useRef(false);
   const handleRef = (0, _useForkRef.default)((0, _getReactElementRef.default)(children), childrenRef, ref);
-  const normalizedTransitionCallback = callback => isAppearing => {
-    if (callback) {
-      // onEnterXxx and onExitXxx callbacks have a different arguments.length value.
-      if (isAppearing === undefined) {
-        callback(childrenRef.current);
-      } else {
-        callback(childrenRef.current, isAppearing);
-      }
-    }
-  };
-  const handleEnter = normalizedTransitionCallback((node, isAppearing) => {
+  const handleEnter = (0, _utils.normalizedTransitionCallback)(childrenRef, (node, isAppearing) => {
     setTranslateValue(direction, node, containerProp);
     (0, _utils.reflow)(node);
     if (onEnter) {
       onEnter(node, isAppearing);
     }
   });
-  const handleEntering = normalizedTransitionCallback((node, isAppearing) => {
+  const handleEntering = (0, _utils.normalizedTransitionCallback)(childrenRef, (node, isAppearing) => {
     const transitionProps = (0, _utils.getTransitionProps)({
       timeout,
       style,
@@ -140,21 +152,15 @@ const Slide = /*#__PURE__*/React.forwardRef(function Slide(props, ref) {
     }, {
       mode: 'enter'
     });
-    node.style.webkitTransition = theme.transitions.create('-webkit-transform', {
-      ...transitionProps
-    });
-    node.style.transition = theme.transitions.create('transform', {
-      ...transitionProps
-    });
-    node.style.webkitTransform = 'none';
+    node.style.transition = theme.transitions.create('transform', transitionProps);
     node.style.transform = 'none';
     if (onEntering) {
       onEntering(node, isAppearing);
     }
   });
-  const handleEntered = normalizedTransitionCallback(onEntered);
-  const handleExiting = normalizedTransitionCallback(onExiting);
-  const handleExit = normalizedTransitionCallback(node => {
+  const handleEntered = (0, _utils.normalizedTransitionCallback)(childrenRef, onEntered);
+  const handleExiting = (0, _utils.normalizedTransitionCallback)(childrenRef, onExiting);
+  const handleExit = (0, _utils.normalizedTransitionCallback)(childrenRef, node => {
     const transitionProps = (0, _utils.getTransitionProps)({
       timeout,
       style,
@@ -162,16 +168,22 @@ const Slide = /*#__PURE__*/React.forwardRef(function Slide(props, ref) {
     }, {
       mode: 'exit'
     });
-    node.style.webkitTransition = theme.transitions.create('-webkit-transform', transitionProps);
     node.style.transition = theme.transitions.create('transform', transitionProps);
-    setTranslateValue(direction, node, containerProp);
+    const preserveInlineTransform = isGestureTranslate(node.style.transform);
+    preserveInlineTransformRef.current = preserveInlineTransform;
+
+    // Preserve SwipeableDrawer's inline gesture transform during exit. Slide's
+    // own off-screen translateX/Y transforms still use the reset path.
+    setTranslateValue(direction, node, containerProp, {
+      resetInlineTransform: !preserveInlineTransform
+    });
     if (onExit) {
       onExit(node);
     }
   });
-  const handleExited = normalizedTransitionCallback(node => {
+  const handleExited = (0, _utils.normalizedTransitionCallback)(childrenRef, node => {
+    preserveInlineTransformRef.current = false;
     // No need for transitions when the component is hidden
-    node.style.webkitTransition = '';
     node.style.transition = '';
     if (onExited) {
       onExited(node);
@@ -206,13 +218,13 @@ const Slide = /*#__PURE__*/React.forwardRef(function Slide(props, ref) {
     };
   }, [direction, inProp, containerProp]);
   React.useEffect(() => {
-    if (!inProp) {
+    if (!inProp && !preserveInlineTransformRef.current) {
       // We need to update the position of the drawer when the direction change and
       // when it's hidden.
       updatePosition();
     }
   }, [inProp, updatePosition]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(TransitionComponent, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactTransitionGroup.Transition, {
     nodeRef: childrenRef,
     onEnter: handleEnter,
     onEntered: handleEntered,
@@ -229,13 +241,24 @@ const Slide = /*#__PURE__*/React.forwardRef(function Slide(props, ref) {
       ownerState,
       ...restChildProps
     }) => {
-      return /*#__PURE__*/React.cloneElement(children, {
-        ref: handleRef,
-        style: {
-          visibility: state === 'exited' && !inProp ? 'hidden' : undefined,
+      let childStyle;
+      if (state === 'exited' && !inProp) {
+        childStyle = style || children.props.style ? {
+          visibility: 'hidden',
+          ...style,
+          ...children.props.style
+        } : hiddenStyles;
+      } else if (style && children.props.style) {
+        childStyle = {
           ...style,
           ...children.props.style
-        },
+        };
+      } else {
+        childStyle = style || children.props.style;
+      }
+      return /*#__PURE__*/React.cloneElement(children, {
+        ref: handleRef,
+        style: childStyle,
         ...restChildProps
       });
     }

package/Slide/Slide.mjs

@@ -11,30 +11,53 @@ import isLayoutSupported from "../utils/isLayoutSupported.mjs";
 import debounce from "../utils/debounce.mjs";
 import useForkRef from "../utils/useForkRef.mjs";
 import { useTheme } from "../zero-styled/index.mjs";
-import { reflow, getTransitionProps } from "../transitions/utils.mjs";
+import { normalizedTransitionCallback, reflow, getTransitionProps, getTranslateOffsets } from "../transitions/utils.mjs";
 import { ownerWindow } from "../utils/index.mjs";
+import { jsx as _jsx } from "react/jsx-runtime";
+const hiddenStyles = {
+  visibility: 'hidden'
+};
+
+/**
+ * Detects SwipeableDrawer's active-swipe `translate(x, y)` transform.
+ * Keep this in sync with SwipeableDrawer.setPosition.
+ */
+function isGestureTranslate(transform) {
+  return typeof transform === 'string' && /^translate\(.+,\s*.+\)$/.test(transform);
+}
 
 // Translate the node so it can't be seen on the screen.
 // Later, we're going to translate the node back to its original location with `none`.
-import { jsx as _jsx } from "react/jsx-runtime";
-function getTranslateValue(direction, node, resolvedContainer) {
-  const rect = node.getBoundingClientRect();
+function getTranslateValue(direction, node, resolvedContainer, options = {}) {
+  const {
+    resetInlineTransform = true
+  } = options;
   const containerRect = resolvedContainer && resolvedContainer.getBoundingClientRect();
   const containerWindow = ownerWindow(node);
+  let rect;
   let transform;
-  if (node.fakeTransform) {
-    transform = node.fakeTransform;
+  if (resetInlineTransform) {
+    // Clear the inline transform and transition before reading layout and computed
+    // style so we compute from the element's natural position, not its previous
+    // off-screen translation.
+    const previousTransform = node.style.transform;
+    const previousTransition = node.style.transition;
+    node.style.transition = '';
+    node.style.transform = '';
+    rect = node.getBoundingClientRect();
+    const computedStyle = containerWindow.getComputedStyle(node);
+    transform = computedStyle.getPropertyValue('transform');
+    node.style.transform = previousTransform;
+    node.style.transition = previousTransition;
   } else {
+    rect = node.getBoundingClientRect();
     const computedStyle = containerWindow.getComputedStyle(node);
-    transform = computedStyle.getPropertyValue('-webkit-transform') || computedStyle.getPropertyValue('transform');
-  }
-  let offsetX = 0;
-  let offsetY = 0;
-  if (transform && transform !== 'none' && typeof transform === 'string') {
-    const transformValues = transform.split('(')[1].split(')')[0].split(',');
-    offsetX = parseInt(transformValues[4], 10);
-    offsetY = parseInt(transformValues[5], 10);
+    transform = computedStyle.getPropertyValue('transform');
   }
+  const {
+    offsetX,
+    offsetY
+  } = getTranslateOffsets(transform);
   if (direction === 'left') {
     if (containerRect) {
       return `translateX(${containerRect.right + offsetX - rect.left}px)`;
@@ -63,11 +86,10 @@ function getTranslateValue(direction, node, resolvedContainer) {
 function resolveContainer(containerPropProp) {
   return typeof containerPropProp === 'function' ? containerPropProp() : containerPropProp;
 }
-export function setTranslateValue(direction, node, containerProp) {
+export function setTranslateValue(direction, node, containerProp, options) {
   const resolvedContainer = resolveContainer(containerProp);
-  const transform = getTranslateValue(direction, node, resolvedContainer);
+  const transform = getTranslateValue(direction, node, resolvedContainer, options);
   if (transform) {
-    node.style.webkitTransform = transform;
     node.style.transform = transform;
   }
 }
@@ -102,30 +124,19 @@ const Slide = /*#__PURE__*/React.forwardRef(function Slide(props, ref) {
     onExiting,
     style,
     timeout = defaultTimeout,
-    // eslint-disable-next-line react/prop-types
-    TransitionComponent = Transition,
     ...other
   } = props;
   const childrenRef = React.useRef(null);
+  const preserveInlineTransformRef = React.useRef(false);
   const handleRef = useForkRef(getReactElementRef(children), childrenRef, ref);
-  const normalizedTransitionCallback = callback => isAppearing => {
-    if (callback) {
-      // onEnterXxx and onExitXxx callbacks have a different arguments.length value.
-      if (isAppearing === undefined) {
-        callback(childrenRef.current);
-      } else {
-        callback(childrenRef.current, isAppearing);
-      }
-    }
-  };
-  const handleEnter = normalizedTransitionCallback((node, isAppearing) => {
+  const handleEnter = normalizedTransitionCallback(childrenRef, (node, isAppearing) => {
     setTranslateValue(direction, node, containerProp);
     reflow(node);
     if (onEnter) {
       onEnter(node, isAppearing);
     }
   });
-  const handleEntering = normalizedTransitionCallback((node, isAppearing) => {
+  const handleEntering = normalizedTransitionCallback(childrenRef, (node, isAppearing) => {
     const transitionProps = getTransitionProps({
       timeout,
       style,
@@ -133,21 +144,15 @@ const Slide = /*#__PURE__*/React.forwardRef(function Slide(props, ref) {
     }, {
       mode: 'enter'
     });
-    node.style.webkitTransition = theme.transitions.create('-webkit-transform', {
-      ...transitionProps
-    });
-    node.style.transition = theme.transitions.create('transform', {
-      ...transitionProps
-    });
-    node.style.webkitTransform = 'none';
+    node.style.transition = theme.transitions.create('transform', transitionProps);
     node.style.transform = 'none';
     if (onEntering) {
       onEntering(node, isAppearing);
     }
   });
-  const handleEntered = normalizedTransitionCallback(onEntered);
-  const handleExiting = normalizedTransitionCallback(onExiting);
-  const handleExit = normalizedTransitionCallback(node => {
+  const handleEntered = normalizedTransitionCallback(childrenRef, onEntered);
+  const handleExiting = normalizedTransitionCallback(childrenRef, onExiting);
+  const handleExit = normalizedTransitionCallback(childrenRef, node => {
     const transitionProps = getTransitionProps({
       timeout,
       style,
@@ -155,16 +160,22 @@ const Slide = /*#__PURE__*/React.forwardRef(function Slide(props, ref) {
     }, {
       mode: 'exit'
     });
-    node.style.webkitTransition = theme.transitions.create('-webkit-transform', transitionProps);
     node.style.transition = theme.transitions.create('transform', transitionProps);
-    setTranslateValue(direction, node, containerProp);
+    const preserveInlineTransform = isGestureTranslate(node.style.transform);
+    preserveInlineTransformRef.current = preserveInlineTransform;
+
+    // Preserve SwipeableDrawer's inline gesture transform during exit. Slide's
+    // own off-screen translateX/Y transforms still use the reset path.
+    setTranslateValue(direction, node, containerProp, {
+      resetInlineTransform: !preserveInlineTransform
+    });
     if (onExit) {
       onExit(node);
     }
   });
-  const handleExited = normalizedTransitionCallback(node => {
+  const handleExited = normalizedTransitionCallback(childrenRef, node => {
+    preserveInlineTransformRef.current = false;
     // No need for transitions when the component is hidden
-    node.style.webkitTransition = '';
     node.style.transition = '';
     if (onExited) {
       onExited(node);
@@ -199,13 +210,13 @@ const Slide = /*#__PURE__*/React.forwardRef(function Slide(props, ref) {
     };
   }, [direction, inProp, containerProp]);
   React.useEffect(() => {
-    if (!inProp) {
+    if (!inProp && !preserveInlineTransformRef.current) {
       // We need to update the position of the drawer when the direction change and
       // when it's hidden.
       updatePosition();
     }
   }, [inProp, updatePosition]);
-  return /*#__PURE__*/_jsx(TransitionComponent, {
+  return /*#__PURE__*/_jsx(Transition, {
     nodeRef: childrenRef,
     onEnter: handleEnter,
     onEntered: handleEntered,
@@ -222,13 +233,24 @@ const Slide = /*#__PURE__*/React.forwardRef(function Slide(props, ref) {
       ownerState,
       ...restChildProps
     }) => {
-      return /*#__PURE__*/React.cloneElement(children, {
-        ref: handleRef,
-        style: {
-          visibility: state === 'exited' && !inProp ? 'hidden' : undefined,
+      let childStyle;
+      if (state === 'exited' && !inProp) {
+        childStyle = style || children.props.style ? {
+          visibility: 'hidden',
+          ...style,
+          ...children.props.style
+        } : hiddenStyles;
+      } else if (style && children.props.style) {
+        childStyle = {
           ...style,
           ...children.props.style
-        },
+        };
+      } else {
+        childStyle = style || children.props.style;
+      }
+      return /*#__PURE__*/React.cloneElement(children, {
+        ref: handleRef,
+        style: childStyle,
         ...restChildProps
       });
     }

package/Slider/Slider.d.mts

@@ -92,7 +92,7 @@ export type SliderSlotsAndSlotProps = CreateSlotsAndSlotProps<SliderSlots, {
   markLabel: SlotProps<'span', SliderMarkLabelSlotPropsOverrides, SliderOwnerState>;
   /**
    * Props forwarded to the value label slot.
-   * By default, the available props are based on the [SliderValueLabel](https://next.mui.com/material-ui/api/slider/) component.
+   * By default, the available props are based on the [SliderValueLabel](https://mui.com/material-ui/api/slider/) component.
    */
   valueLabel: SlotComponentProps<typeof SliderValueLabelComponent, SliderValueLabelSlotPropsOverrides, SliderOwnerState>;
   /**
@@ -197,7 +197,7 @@ export interface SliderOwnProps<Value extends number | readonly number[]> {
    */
   onChange?: ((event: Event, value: Value, activeThumb: number) => void) | undefined;
   /**
-   * Callback function that is fired when the `mouseup` is triggered.
+   * Callback function that is fired when the pointer or touch interaction ends.
    *
    * @param {React.SyntheticEvent | Event} event The event source of the callback. **Warning**: This is a generic event not a change event.
    * @param {Value} value The new value.
@@ -312,11 +312,11 @@ export declare const SliderValueLabel: React.FC<SliderValueLabelProps>;
  *
  * Demos:
  *
- * - [Slider](https://next.mui.com/material-ui/react-slider/)
+ * - [Slider](https://mui.com/material-ui/react-slider/)
  *
  * API:
  *
- * - [Slider API](https://next.mui.com/material-ui/api/slider/)
+ * - [Slider API](https://mui.com/material-ui/api/slider/)
  */
 declare const Slider: SliderType;
 export type SliderProps<RootComponent extends React.ElementType = SliderTypeMap['defaultComponent'], AdditionalProps = {}, Value extends number | readonly number[] = number | number[]> = OverrideProps<SliderTypeMap<RootComponent, AdditionalProps, Value>, RootComponent> & {

package/Slider/Slider.d.ts

@@ -92,7 +92,7 @@ export type SliderSlotsAndSlotProps = CreateSlotsAndSlotProps<SliderSlots, {
   markLabel: SlotProps<'span', SliderMarkLabelSlotPropsOverrides, SliderOwnerState>;
   /**
    * Props forwarded to the value label slot.
-   * By default, the available props are based on the [SliderValueLabel](https://next.mui.com/material-ui/api/slider/) component.
+   * By default, the available props are based on the [SliderValueLabel](https://mui.com/material-ui/api/slider/) component.
    */
   valueLabel: SlotComponentProps<typeof SliderValueLabelComponent, SliderValueLabelSlotPropsOverrides, SliderOwnerState>;
   /**
@@ -197,7 +197,7 @@ export interface SliderOwnProps<Value extends number | readonly number[]> {
    */
   onChange?: ((event: Event, value: Value, activeThumb: number) => void) | undefined;
   /**
-   * Callback function that is fired when the `mouseup` is triggered.
+   * Callback function that is fired when the pointer or touch interaction ends.
    *
    * @param {React.SyntheticEvent | Event} event The event source of the callback. **Warning**: This is a generic event not a change event.
    * @param {Value} value The new value.
@@ -312,11 +312,11 @@ export declare const SliderValueLabel: React.FC<SliderValueLabelProps>;
  *
  * Demos:
  *
- * - [Slider](https://next.mui.com/material-ui/react-slider/)
+ * - [Slider](https://mui.com/material-ui/react-slider/)
  *
  * API:
  *
- * - [Slider API](https://next.mui.com/material-ui/api/slider/)
+ * - [Slider API](https://mui.com/material-ui/api/slider/)
  */
 declare const Slider: SliderType;
 export type SliderProps<RootComponent extends React.ElementType = SliderTypeMap['defaultComponent'], AdditionalProps = {}, Value extends number | readonly number[] = number | number[]> = OverrideProps<SliderTypeMap<RootComponent, AdditionalProps, Value>, RootComponent> & {

package/Slider/Slider.js

@@ -138,6 +138,10 @@ const SliderRail = exports.SliderRail = (0, _zeroStyled.styled)('span', {
   borderRadius: 'inherit',
   backgroundColor: 'currentColor',
   opacity: 0.38,
+  '@media (forced-colors: active)': {
+    border: '1px solid transparent',
+    boxSizing: 'border-box'
+  },
   variants: [{
     props: {
       orientation: 'horizontal'
@@ -187,7 +191,9 @@ const SliderTrack = exports.SliderTrack = (0, _zeroStyled.styled)('span', {
         size: 'small'
       },
       style: {
-        border: 'none'
+        '@media (forced-colors: none)': {
+          border: 'none'
+        }
       }
     }, {
       props: {
@@ -256,6 +262,9 @@ const SliderThumb = exports.SliderThumb = (0, _zeroStyled.styled)('span', {
   transition: theme.transitions.create(['box-shadow', 'left', 'bottom'], {
     duration: theme.transitions.duration.shortest
   }),
+  '@media (forced-colors: active)': {
+    border: '1px solid ButtonBorder'
+  },
   '&::before': {
     position: 'absolute',
     content: '""',
@@ -882,7 +891,7 @@ process.env.NODE_ENV !== "production" ? Slider.propTypes /* remove-proptypes */
    */
   onChange: _propTypes.default.func,
   /**
-   * Callback function that is fired when the `mouseup` is triggered.
+   * Callback function that is fired when the pointer or touch interaction ends.
    *
    * @param {React.SyntheticEvent | Event} event The event source of the callback. **Warning**: This is a generic event not a change event.
    * @param {Value} value The new value.

package/Slider/Slider.mjs

@@ -131,6 +131,10 @@ export const SliderRail = styled('span', {
   borderRadius: 'inherit',
   backgroundColor: 'currentColor',
   opacity: 0.38,
+  '@media (forced-colors: active)': {
+    border: '1px solid transparent',
+    boxSizing: 'border-box'
+  },
   variants: [{
     props: {
       orientation: 'horizontal'
@@ -180,7 +184,9 @@ export const SliderTrack = styled('span', {
         size: 'small'
       },
       style: {
-        border: 'none'
+        '@media (forced-colors: none)': {
+          border: 'none'
+        }
       }
     }, {
       props: {
@@ -249,6 +255,9 @@ export const SliderThumb = styled('span', {
   transition: theme.transitions.create(['box-shadow', 'left', 'bottom'], {
     duration: theme.transitions.duration.shortest
   }),
+  '@media (forced-colors: active)': {
+    border: '1px solid ButtonBorder'
+  },
   '&::before': {
     position: 'absolute',
     content: '""',
@@ -876,7 +885,7 @@ process.env.NODE_ENV !== "production" ? Slider.propTypes /* remove-proptypes */
    */
   onChange: PropTypes.func,
   /**
-   * Callback function that is fired when the `mouseup` is triggered.
+   * Callback function that is fired when the pointer or touch interaction ends.
    *
    * @param {React.SyntheticEvent | Event} event The event source of the callback. **Warning**: This is a generic event not a change event.
    * @param {Value} value The new value.

package/Slider/useSlider.d.mts

@@ -1,4 +1,4 @@
 import { UseSliderParameters, UseSliderReturnValue } from "./useSlider.types.mjs";
 export declare function valueToPercent(value: number, min: number, max: number): number;
-export declare const Identity: (x: any) => any;
+export declare const Identity: (x: number) => number;
 export declare function useSlider(parameters: UseSliderParameters): UseSliderReturnValue;

package/Slider/useSlider.d.ts

@@ -1,4 +1,4 @@
 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;
+export declare const Identity: (x: number) => number;
 export declare function useSlider(parameters: UseSliderParameters): UseSliderReturnValue;