@julo-ui/sliders/dist/range-slider/usecase/use-handle-pan-event.d.ts

A React Slider component that implements input[type='range']

import { RangeSliderState, RangeSliderActions, UseRangeSliderProps } from '../types.js';
import '@julo-ui/system';
import '../../types.js';

interface UseHandlePanEventOptions {
    rootRef: React.RefObject<HTMLElement>;
    trackRef: React.RefObject<HTMLElement | null>;
    activeIndex: number;
    sliderStates: RangeSliderState;
    actions: RangeSliderActions;
    onFocusThumb: (index: number) => void;
    onChangeStart: UseRangeSliderProps['onChangeStart'];
    onChangeEnd: UseRangeSliderProps['onChangeEnd'];
    onDraggingStart: () => void;
    onDraggingEnd: () => void;
    isDisableSwap: boolean;
    prevValue: React.MutableRefObject<number[]>;
    distanceBetweenThumbs: number;
}
declare function useHandlePanEvent(options: UseHandlePanEventOptions): void;

export { useHandlePanEvent as default };