jnpf-web-datascreen-vue3-v6.x/node_modules/.pnpm-store/v3/files/13/97e0bee089c10339766ed32b0edfa24317e9caa9dededcae337d510e8e0e8f6775894dc4bbc490f44dc1fe9c37842158853f22fed944d5f69ef2fcd41fe678

import type { AlphaSliderProps } from '../props/alpha-slider';
export declare const useAlphaSlider: (props: AlphaSliderProps) => {
    thumb: import("vue").ShallowRef<HTMLElement | undefined>;
    bar: import("vue").ShallowRef<HTMLElement | undefined>;
    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">) => {
    rootKls: import("vue").ComputedRef<string[]>;
    barKls: import("vue").ComputedRef<string>;
    barStyle: import("vue").ComputedRef<{
        background: string | undefined;
    }>;
    thumbKls: import("vue").ComputedRef<string>;
    thumbStyle: import("vue").ComputedRef<{
        left: string | undefined;
        top: string | undefined;
    }>;
    update: () => void;
};