@cdx-ui/primitives 0.0.1-beta.14 → 0.0.1-beta.141

package/lib/module/slider/SliderRoot.js

@@ -0,0 +1,182 @@
+"use strict";
+
+import { forwardRef, useCallback, useMemo, useRef, useState } from 'react';
+import { Platform, View } from 'react-native';
+import { composeEventHandlers, useControllableState } from '@cdx-ui/utils';
+import { useFocus } from '@react-native-aria/focus';
+import { Slot } from '../slot';
+import { dataAttributes } from '../utils/dataAttributes';
+import { SliderProvider } from './context';
+import { clamp, formatSliderValue, snapToStep, valueToPercent } from './utils';
+import { jsx as _jsx } from "react/jsx-runtime";
+const STEP_KEYS = new Set(['ArrowUp', 'ArrowRight', 'ArrowDown', 'ArrowLeft', 'Home', 'End']);
+export const SliderRoot = /*#__PURE__*/forwardRef(({
+  asChild,
+  value: valueProp,
+  defaultValue,
+  onChange,
+  onChangeComplete,
+  min = 0,
+  max = 100,
+  step = 1,
+  isDisabled = false,
+  orientation = 'horizontal',
+  accessibilityLabel,
+  accessibilityValue: accessibilityValueProp,
+  accessibilityRole = 'adjustable',
+  role = 'slider',
+  children,
+  onLayout,
+  ...props
+}, ref) => {
+  const [trackLayout, setTrackLayoutState] = useState(null);
+  const [thumbSize, setThumbSizeState] = useState(20);
+  const [isDragging, setIsDragging] = useState(false);
+  const [isHovered, setIsHovered] = useState(false);
+  const [isFocusedState, setIsFocusedState] = useState(false);
+  const thumbRef = useRef(null);
+  const {
+    focusProps,
+    isFocused
+  } = useFocus();
+  const resolvedDefault = defaultValue ?? min;
+  const [value, setValueState] = useControllableState({
+    prop: valueProp,
+    defaultProp: resolvedDefault,
+    onChange
+  });
+  const currentValue = snapToStep(value ?? resolvedDefault, min, max, step);
+  const percent = valueToPercent(currentValue, min, max);
+  const setValue = useCallback((next, complete = false) => {
+    if (isDisabled) {
+      return;
+    }
+    const snapped = snapToStep(next, min, max, step);
+    setValueState(snapped);
+    if (complete) {
+      onChangeComplete?.(snapped);
+    }
+  }, [isDisabled, max, min, onChangeComplete, setValueState, step]);
+  const setValueFromRatio = useCallback((ratio, complete = false) => {
+    const next = min + clamp(ratio, 0, 1) * (max - min);
+    setValue(next, complete);
+  }, [max, min, setValue]);
+  const setTrackLayout = useCallback(layout => {
+    setTrackLayoutState(prev => {
+      if (prev !== null && prev.width === layout.width && prev.height === layout.height && prev.x === layout.x && prev.y === layout.y) {
+        return prev;
+      }
+      return layout;
+    });
+  }, []);
+  const setThumbSize = useCallback(size => {
+    setThumbSizeState(prev => prev === size ? prev : size);
+  }, []);
+  const accessibilityValue = useMemo(() => {
+    const defaults = {
+      min,
+      max,
+      now: currentValue,
+      text: formatSliderValue(currentValue)
+    };
+    if (accessibilityValueProp === undefined) {
+      return defaults;
+    }
+    return {
+      ...defaults,
+      ...accessibilityValueProp
+    };
+  }, [accessibilityValueProp, currentValue, max, min]);
+  const getValueLabel = useCallback(() => accessibilityValue.text, [accessibilityValue.text]);
+  const handleKeyDown = useCallback(event => {
+    if (isDisabled) {
+      return;
+    }
+    const key = event.nativeEvent.key;
+    if (!key || !STEP_KEYS.has(key)) {
+      return;
+    }
+    if (Platform.OS === 'web') {
+      event.preventDefault();
+    }
+    let next = currentValue;
+    if (key === 'ArrowUp' || key === 'ArrowRight') {
+      next = currentValue + step;
+    } else if (key === 'ArrowDown' || key === 'ArrowLeft') {
+      next = currentValue - step;
+    } else if (key === 'Home') {
+      next = min;
+    } else if (key === 'End') {
+      next = max;
+    }
+    setValue(next, true);
+  }, [currentValue, isDisabled, max, min, setValue, step]);
+  const contextValue = useMemo(() => ({
+    value: currentValue,
+    min,
+    max,
+    step,
+    percent,
+    orientation,
+    isDisabled,
+    isDragging,
+    isHovered,
+    isFocused: isFocused || isFocusedState,
+    trackLayout,
+    thumbSize,
+    setValue,
+    setValueFromRatio,
+    setTrackLayout,
+    setThumbSize,
+    setIsDragging,
+    setIsHovered,
+    setIsFocused: setIsFocusedState,
+    getValueLabel,
+    thumbRef
+  }), [currentValue, getValueLabel, isDisabled, isDragging, isFocused, isFocusedState, isHovered, max, min, orientation, percent, setTrackLayout, setThumbSize, setValue, setValueFromRatio, step, thumbSize, trackLayout, thumbRef]);
+  const dataAttrs = dataAttributes({
+    slot: 'slider',
+    orientation,
+    disabled: isDisabled,
+    dragging: isDragging,
+    hover: isHovered,
+    focus: isFocused,
+    value: String(currentValue),
+    min: String(min),
+    max: String(max)
+  });
+  const Comp = asChild ? Slot : View;
+  const handleLayout = composeEventHandlers(onLayout, () => undefined);
+  const webKeyProps = Platform.OS === 'web' ? {
+    tabIndex: isDisabled ? -1 : 0,
+    onKeyDown: composeEventHandlers(props.onKeyDown, handleKeyDown)
+  } : {};
+  return /*#__PURE__*/_jsx(SliderProvider, {
+    value: contextValue,
+    children: /*#__PURE__*/_jsx(Comp, {
+      ref: ref,
+      ...props,
+      ...focusProps,
+      ...webKeyProps,
+      onLayout: handleLayout,
+      onFocus: composeEventHandlers(composeEventHandlers(props.onFocus, focusProps.onFocus), () => setIsFocusedState(true)),
+      onBlur: composeEventHandlers(composeEventHandlers(props.onBlur, focusProps.onBlur), () => setIsFocusedState(false)),
+      accessibilityRole: accessibilityRole,
+      accessibilityLabel: accessibilityLabel,
+      accessibilityValue: accessibilityValue,
+      accessibilityState: {
+        disabled: isDisabled
+      },
+      "aria-valuemin": min,
+      "aria-valuemax": max,
+      "aria-valuenow": currentValue,
+      "aria-orientation": orientation,
+      "aria-disabled": isDisabled,
+      role: role,
+      ...dataAttrs,
+      children: children
+    })
+  });
+});
+SliderRoot.displayName = 'SliderRoot';
+//# sourceMappingURL=SliderRoot.js.map

package/lib/module/slider/SliderRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useCallback","useMemo","useRef","useState","Platform","View","composeEventHandlers","useControllableState","useFocus","Slot","dataAttributes","SliderProvider","clamp","formatSliderValue","snapToStep","valueToPercent","jsx","_jsx","STEP_KEYS","Set","SliderRoot","asChild","value","valueProp","defaultValue","onChange","onChangeComplete","min","max","step","isDisabled","orientation","accessibilityLabel","accessibilityValue","accessibilityValueProp","accessibilityRole","role","children","onLayout","props","ref","trackLayout","setTrackLayoutState","thumbSize","setThumbSizeState","isDragging","setIsDragging","isHovered","setIsHovered","isFocusedState","setIsFocusedState","thumbRef","focusProps","isFocused","resolvedDefault","setValueState","prop","defaultProp","currentValue","percent","setValue","next","complete","snapped","setValueFromRatio","ratio","setTrackLayout","layout","prev","width","height","x","y","setThumbSize","size","defaults","now","text","undefined","getValueLabel","handleKeyDown","event","key","nativeEvent","has","OS","preventDefault","contextValue","setIsFocused","dataAttrs","slot","disabled","dragging","hover","focus","String","Comp","handleLayout","webKeyProps","tabIndex","onKeyDown","onFocus","onBlur","accessibilityState","displayName"],"sourceRoot":"../../../src","sources":["slider/SliderRoot.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/slider/SliderThumb.js

@@ -0,0 +1,224 @@
+"use strict";
+
+import { forwardRef, useCallback, useMemo, useRef } from 'react';
+import { PanResponder, Platform, Pressable, View } from 'react-native';
+import { composeEventHandlers } from '@cdx-ui/utils';
+import { useFocus, useFocusRing } from '@react-native-aria/focus';
+import { useHover, usePress } from '@react-native-aria/interactions';
+import { Slot } from '../slot';
+import { assignRef } from '../utils/assignRef';
+import { dataAttributes } from '../utils/dataAttributes';
+import { useSliderContext } from './context';
+import { getPointerCoords, useWebSliderDrag } from './useSliderPointer';
+import { clamp, getThumbTravel, percentToThumbOffset } from './utils';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const SliderThumb = /*#__PURE__*/forwardRef(({
+  asChild,
+  style,
+  onLayout,
+  onHoverIn,
+  onHoverOut,
+  onFocus,
+  onBlur,
+  onPressIn,
+  onPressOut,
+  children,
+  ...props
+}, ref) => {
+  const {
+    percent,
+    orientation,
+    isDisabled,
+    isDragging,
+    trackLayout,
+    thumbSize,
+    setValueFromRatio,
+    setIsDragging,
+    setIsHovered,
+    setIsFocused,
+    setThumbSize,
+    thumbRef
+  } = useSliderContext();
+  const percentRef = useRef(percent);
+  percentRef.current = percent;
+  const dragStartRatio = useRef(0);
+  const lastRatioRef = useRef(percent / 100);
+
+  // The native PanResponder is created once (stable across renders) so an
+  // in-flight gesture is never handed a fresh internal `gestureState`
+  // mid-drag. In controlled mode `setValueFromRatio`/`trackLayout` change
+  // identity on every value update, so the handlers read the current values
+  // through refs instead of closing over them (which would force the
+  // `useMemo` to re-create the responder on every move and reset `dx`).
+  const orientationRef = useRef(orientation);
+  orientationRef.current = orientation;
+  const trackLayoutRef = useRef(trackLayout);
+  trackLayoutRef.current = trackLayout;
+  const thumbSizeRef = useRef(thumbSize);
+  thumbSizeRef.current = thumbSize;
+  const isDisabledRef = useRef(isDisabled);
+  isDisabledRef.current = isDisabled;
+  const setValueFromRatioRef = useRef(setValueFromRatio);
+  setValueFromRatioRef.current = setValueFromRatio;
+  const setIsDraggingRef = useRef(setIsDragging);
+  setIsDraggingRef.current = setIsDragging;
+  const {
+    hoverProps,
+    isHovered
+  } = useHover();
+  const {
+    focusProps,
+    isFocused
+  } = useFocus();
+  const {
+    isFocusVisible,
+    focusProps: focusRingProps
+  } = useFocusRing();
+  const {
+    pressProps: pressableProps,
+    isPressed
+  } = usePress({
+    isDisabled
+  });
+  const {
+    startDrag
+  } = useWebSliderDrag({
+    isDisabled,
+    setIsDragging,
+    setValueFromRatio,
+    trackLayout,
+    orientation,
+    thumbSize
+  });
+  const panResponder = useMemo(() => PanResponder.create({
+    onStartShouldSetPanResponder: () => !isDisabledRef.current,
+    onMoveShouldSetPanResponder: () => !isDisabledRef.current,
+    onPanResponderGrant: () => {
+      if (isDisabledRef.current) {
+        return;
+      }
+      setIsDraggingRef.current(true);
+      dragStartRatio.current = percentRef.current / 100;
+      lastRatioRef.current = dragStartRatio.current;
+    },
+    onPanResponderMove: (_event, gestureState) => {
+      const layout = trackLayoutRef.current;
+      if (!layout) {
+        return;
+      }
+      const isHorizontal = orientationRef.current === 'horizontal';
+      const trackSize = isHorizontal ? layout.width : layout.height;
+      const travel = getThumbTravel(trackSize, thumbSizeRef.current);
+      if (travel <= 0) {
+        return;
+      }
+      const delta = isHorizontal ? gestureState.dx : -gestureState.dy;
+      const nextRatio = clamp(dragStartRatio.current + delta / travel, 0, 1);
+      lastRatioRef.current = nextRatio;
+      setValueFromRatioRef.current(nextRatio);
+    },
+    onPanResponderRelease: () => {
+      setIsDraggingRef.current(false);
+      setValueFromRatioRef.current(lastRatioRef.current, true);
+    },
+    onPanResponderTerminate: () => {
+      setIsDraggingRef.current(false);
+      setValueFromRatioRef.current(lastRatioRef.current, true);
+    }
+  }), []);
+  const thumbStyle = useMemo(() => {
+    const trackSize = trackLayout == null ? 0 : orientation === 'horizontal' ? trackLayout.width : trackLayout.height;
+    const offset = percentToThumbOffset(percent, trackSize, thumbSize);
+    if (orientation === 'vertical') {
+      return {
+        position: 'absolute',
+        left: '50%',
+        bottom: offset,
+        marginLeft: -thumbSize / 2,
+        zIndex: 2
+      };
+    }
+    return {
+      position: 'absolute',
+      top: '50%',
+      left: offset,
+      transform: [{
+        translateY: -thumbSize / 2
+      }],
+      zIndex: 2
+    };
+  }, [orientation, percent, thumbSize, trackLayout]);
+  const handleLayout = useCallback(event => {
+    const {
+      width,
+      height
+    } = event.nativeEvent.layout;
+    const measured = orientation === 'horizontal' ? width : height;
+    if (measured > 0) {
+      setThumbSize(measured);
+    }
+    if (onLayout) {
+      onLayout(event);
+    }
+  }, [onLayout, orientation, setThumbSize]);
+  const handlePointerDown = useCallback(event => {
+    if (Platform.OS !== 'web' || isDisabled) {
+      return;
+    }
+    event.preventDefault();
+    event.stopPropagation();
+    const {
+      x,
+      y
+    } = getPointerCoords(event.nativeEvent);
+    startDrag(x, y, percentRef.current / 100);
+  }, [isDisabled, startDrag]);
+  const isWeb = Platform.OS === 'web';
+
+  // Native drag is driven by PanResponder. Its `panHandlers` set the same
+  // responder props (`onResponderGrant/Move/Release`, etc.) that RN's
+  // `Pressable`/`Pressability` also set internally — and `Pressable` spreads
+  // its own handlers last, silently clobbering ours. So on native the thumb
+  // must be a plain `View` that carries `panHandlers` directly. Web keeps
+  // `Pressable` for its pointer-event, hover, and focus-ring behavior.
+  const Comp = asChild ? Slot : isWeb ? Pressable : View;
+  const setThumbRef = useCallback(node => {
+    thumbRef.current = node;
+    assignRef(ref, node);
+  }, [ref, thumbRef]);
+  const webInteractionProps = {
+    onPointerDown: handlePointerDown,
+    onHoverIn: composeEventHandlers(onHoverIn, composeEventHandlers(hoverProps.onHoverIn, () => setIsHovered(true))),
+    onHoverOut: composeEventHandlers(onHoverOut, composeEventHandlers(hoverProps.onHoverOut, () => setIsHovered(false))),
+    onPressIn: composeEventHandlers(onPressIn, pressableProps.onPressIn),
+    onPressOut: composeEventHandlers(onPressOut, pressableProps.onPressOut),
+    disabled: isDisabled,
+    tabIndex: -1
+  };
+  return /*#__PURE__*/_jsx(Comp, {
+    ref: setThumbRef,
+    ...props,
+    ...(isWeb ? webInteractionProps : panResponder.panHandlers),
+    onLayout: handleLayout,
+    onFocus: composeEventHandlers(composeEventHandlers(onFocus, focusProps.onFocus), composeEventHandlers(focusRingProps.onFocus, () => setIsFocused(true))),
+    onBlur: composeEventHandlers(composeEventHandlers(onBlur, focusProps.onBlur), composeEventHandlers(focusRingProps.onBlur, () => setIsFocused(false))),
+    style: [thumbStyle, style],
+    accessibilityRole: "none",
+    importantForAccessibility: "no",
+    ...dataAttributes({
+      slot: 'slider-thumb',
+      hover: isHovered,
+      focus: isFocused,
+      focusVisible: isFocusVisible,
+      // On native there is no `Pressable`, so `usePress` never fires; the
+      // drag state stands in for "active" so the thumb still scales while
+      // the user is dragging (see `data-[active=true]:scale-105`).
+      active: isPressed || isDragging,
+      dragging: isDragging,
+      disabled: isDisabled
+    }),
+    children: children
+  });
+});
+SliderThumb.displayName = 'SliderThumb';
+//# sourceMappingURL=SliderThumb.js.map

package/lib/module/slider/SliderThumb.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useCallback","useMemo","useRef","PanResponder","Platform","Pressable","View","composeEventHandlers","useFocus","useFocusRing","useHover","usePress","Slot","assignRef","dataAttributes","useSliderContext","getPointerCoords","useWebSliderDrag","clamp","getThumbTravel","percentToThumbOffset","jsx","_jsx","SliderThumb","asChild","style","onLayout","onHoverIn","onHoverOut","onFocus","onBlur","onPressIn","onPressOut","children","props","ref","percent","orientation","isDisabled","isDragging","trackLayout","thumbSize","setValueFromRatio","setIsDragging","setIsHovered","setIsFocused","setThumbSize","thumbRef","percentRef","current","dragStartRatio","lastRatioRef","orientationRef","trackLayoutRef","thumbSizeRef","isDisabledRef","setValueFromRatioRef","setIsDraggingRef","hoverProps","isHovered","focusProps","isFocused","isFocusVisible","focusRingProps","pressProps","pressableProps","isPressed","startDrag","panResponder","create","onStartShouldSetPanResponder","onMoveShouldSetPanResponder","onPanResponderGrant","onPanResponderMove","_event","gestureState","layout","isHorizontal","trackSize","width","height","travel","delta","dx","dy","nextRatio","onPanResponderRelease","onPanResponderTerminate","thumbStyle","offset","position","left","bottom","marginLeft","zIndex","top","transform","translateY","handleLayout","event","nativeEvent","measured","handlePointerDown","OS","preventDefault","stopPropagation","x","y","isWeb","Comp","setThumbRef","node","webInteractionProps","onPointerDown","disabled","tabIndex","panHandlers","accessibilityRole","importantForAccessibility","slot","hover","focus","focusVisible","active","dragging","displayName"],"sourceRoot":"../../../src","sources":["slider/SliderThumb.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/slider/context.js

@@ -0,0 +1,5 @@
+"use strict";
+
+import { createContext } from '@cdx-ui/utils';
+export const [SliderProvider, useSliderContext] = createContext('SliderContext');
+//# sourceMappingURL=context.js.map

package/lib/module/slider/context.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","SliderProvider","useSliderContext"],"sourceRoot":"../../../src","sources":["slider/context.tsx"],"mappings":";;AAEA,SAASA,aAAa,QAAQ,eAAe;AAkC7C,OAAO,MAAM,CAACC,cAAc,EAAEC,gBAAgB,CAAC,GAC7CF,aAAa,CAAqB,eAAe,CAAC","ignoreList":[]}

package/lib/module/slider/index.js

@@ -0,0 +1,8 @@
+"use strict";
+
+export { useSliderContext } from './context';
+export { SliderRoot } from './SliderRoot';
+export { SliderRail } from './SliderRail';
+export { SliderThumb } from './SliderThumb';
+export { getMarkerPositionStyle, getMarkerStepValues, percentToFillExtent, SLIDER_MARKER_SIZE, valueToPercent } from './utils';
+//# sourceMappingURL=index.js.map

package/lib/module/slider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useSliderContext","SliderRoot","SliderRail","SliderThumb","getMarkerPositionStyle","getMarkerStepValues","percentToFillExtent","SLIDER_MARKER_SIZE","valueToPercent"],"sourceRoot":"../../../src","sources":["slider/index.ts"],"mappings":";;AAQA,SAASA,gBAAgB,QAAQ,WAAW;AAC5C,SAASC,UAAU,QAA8B,cAAc;AAC/D,SAASC,UAAU,QAA8B,cAAc;AAC/D,SAASC,WAAW,QAA+B,eAAe;AAClE,SACEC,sBAAsB,EACtBC,mBAAmB,EACnBC,mBAAmB,EACnBC,kBAAkB,EAClBC,cAAc,QACT,SAAS","ignoreList":[]}

package/lib/module/slider/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=types.js.map

package/lib/module/slider/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["slider/types.ts"],"mappings":"","ignoreList":[]}

package/lib/module/slider/useSliderPointer.js

@@ -0,0 +1,110 @@
+"use strict";
+
+import { useCallback, useEffect, useRef } from 'react';
+import { Platform } from 'react-native';
+import { clamp, getThumbTravel, pointerCoordToRatio, pointerCoordToVerticalRatio } from './utils';
+export function getPointerCoords(nativeEvent) {
+  if (Platform.OS === 'web' && nativeEvent.clientX != null && nativeEvent.clientY != null) {
+    return {
+      x: nativeEvent.clientX,
+      y: nativeEvent.clientY
+    };
+  }
+  return {
+    x: nativeEvent.pageX ?? 0,
+    y: nativeEvent.pageY ?? 0
+  };
+}
+export function getRatioFromPagePoint(pageX, pageY, trackLayout, orientation, thumbSize) {
+  if (!trackLayout) {
+    return 0;
+  }
+  if (orientation === 'horizontal') {
+    return pointerCoordToRatio(pageX, trackLayout.x, trackLayout.width, thumbSize);
+  }
+  return pointerCoordToVerticalRatio(pageY, trackLayout.y, trackLayout.height, thumbSize);
+}
+export function useWebSliderDrag({
+  isDisabled,
+  setIsDragging,
+  setValueFromRatio,
+  trackLayout,
+  orientation,
+  thumbSize
+}) {
+  const draggingRef = useRef(false);
+  const lastRatioRef = useRef(0);
+  const dragContextRef = useRef(null);
+  const cleanupRef = useRef(null);
+  useEffect(() => {
+    return () => {
+      cleanupRef.current?.();
+      cleanupRef.current = null;
+    };
+  }, []);
+  const endDrag = useCallback(() => {
+    if (!draggingRef.current) {
+      return;
+    }
+    draggingRef.current = false;
+    dragContextRef.current = null;
+    setIsDragging(false);
+    setValueFromRatio(lastRatioRef.current, true);
+  }, [setIsDragging, setValueFromRatio]);
+  const startDrag = useCallback((pageX, pageY, anchorRatio, trackLayoutOverride) => {
+    if (isDisabled || Platform.OS !== 'web' || typeof window === 'undefined') {
+      return;
+    }
+    const layout = trackLayoutOverride ?? trackLayout;
+    if (!layout) {
+      return;
+    }
+    const trackSize = orientation === 'horizontal' ? layout.width : layout.height;
+    const travel = getThumbTravel(trackSize, thumbSize);
+    if (travel <= 0) {
+      return;
+    }
+    const startPointer = orientation === 'horizontal' ? pageX : pageY;
+    const startRatio = anchorRatio != null ? clamp(anchorRatio, 0, 1) : getRatioFromPagePoint(pageX, pageY, layout, orientation, thumbSize);
+    lastRatioRef.current = startRatio;
+    draggingRef.current = true;
+    dragContextRef.current = {
+      startPointer,
+      startRatio,
+      travel
+    };
+    setIsDragging(true);
+    setValueFromRatio(startRatio);
+    const onMove = event => {
+      if (!draggingRef.current || !dragContextRef.current) {
+        return;
+      }
+      event.preventDefault();
+      const pointer = orientation === 'horizontal' ? event.clientX : event.clientY;
+      const delta = pointer - dragContextRef.current.startPointer;
+      const deltaAlongTrack = orientation === 'horizontal' ? delta : -delta;
+      const nextRatio = clamp(dragContextRef.current.startRatio + deltaAlongTrack / dragContextRef.current.travel, 0, 1);
+      lastRatioRef.current = nextRatio;
+      setValueFromRatio(nextRatio);
+    };
+    const onUp = () => {
+      cleanupRef.current = null;
+      window.removeEventListener('pointermove', onMove);
+      window.removeEventListener('pointerup', onUp);
+      window.removeEventListener('pointercancel', onUp);
+      endDrag();
+    };
+    window.addEventListener('pointermove', onMove);
+    window.addEventListener('pointerup', onUp);
+    window.addEventListener('pointercancel', onUp);
+    cleanupRef.current = () => {
+      window.removeEventListener('pointermove', onMove);
+      window.removeEventListener('pointerup', onUp);
+      window.removeEventListener('pointercancel', onUp);
+    };
+  }, [endDrag, isDisabled, orientation, setIsDragging, setValueFromRatio, thumbSize, trackLayout]);
+  return {
+    startDrag
+  };
+}
+//# sourceMappingURL=useSliderPointer.js.map

package/lib/module/slider/useSliderPointer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useEffect","useRef","Platform","clamp","getThumbTravel","pointerCoordToRatio","pointerCoordToVerticalRatio","getPointerCoords","nativeEvent","OS","clientX","clientY","x","y","pageX","pageY","getRatioFromPagePoint","trackLayout","orientation","thumbSize","width","height","useWebSliderDrag","isDisabled","setIsDragging","setValueFromRatio","draggingRef","lastRatioRef","dragContextRef","cleanupRef","current","endDrag","startDrag","anchorRatio","trackLayoutOverride","window","layout","trackSize","travel","startPointer","startRatio","onMove","event","preventDefault","pointer","delta","deltaAlongTrack","nextRatio","onUp","removeEventListener","addEventListener"],"sourceRoot":"../../../src","sources":["slider/useSliderPointer.ts"],"mappings":"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","ignoreList":[]}