import type { AlphaSliderProps } from '../props/alpha-slider';
export declare const useAlphaSlider: (props: AlphaSliderProps) => {
    thumb: import("vue").ShallowRef<HTMLElement>;
    bar: import("vue").ShallowRef<HTMLElement>;
    alpha: import("vue").ComputedRef<any>;
    alphaLabel: import("vue").ComputedRef<string>;
    handleDrag: (event: MouseEvent | TouchEvent) => void;
    handleClick: (event: MouseEvent | TouchEvent) => void;
    handleKeydown: (event: KeyboardEvent) => void;
};
export declare const useAlphaSliderDOM: (props: AlphaSliderProps, { bar, thumb, handleDrag, }: Pick<ReturnType<typeof useAlphaSlider>, 'bar' | 'thumb' | 'handleDrag'>) => {
    barStyle: import("vue").ComputedRef<{
        background: string;
    }>;
    thumbStyle: import("vue").ComputedRef<{
        left: string;
        top: string;
    }>;
    update: () => void;
};