import { Data } from '@dnd-kit/abstract';
import { SortableInput, Sortable } from '@dnd-kit/dom/sortable';
import { MaybeRef, MaybeRefOrGetter, ShallowRef } from 'vue';
import { ElementRef } from '../types';
export declare const useSortableContext: <T extends {
    sortable: ShallowRef<Sortable>;
    handleRef: (elRef: ElementRef) => void;
    elementRef: (elRef: ElementRef) => void;
    sourceRef: (elRef: ElementRef) => void;
    targetRef: (elRef: ElementRef) => void;
} | null | undefined = {
    sortable: ShallowRef<Sortable>;
    handleRef: (elRef: ElementRef) => void;
    elementRef: (elRef: ElementRef) => void;
    sourceRef: (elRef: ElementRef) => void;
    targetRef: (elRef: ElementRef) => void;
}>(fallback?: T | undefined) => T extends null ? {
    sortable: ShallowRef<Sortable>;
    handleRef: (elRef: ElementRef) => void;
    elementRef: (elRef: ElementRef) => void;
    sourceRef: (elRef: ElementRef) => void;
    targetRef: (elRef: ElementRef) => void;
} | null : {
    sortable: ShallowRef<Sortable>;
    handleRef: (elRef: ElementRef) => void;
    elementRef: (elRef: ElementRef) => void;
    sourceRef: (elRef: ElementRef) => void;
    targetRef: (elRef: ElementRef) => void;
}, provideSortableContext: (contextValue: {
    sortable: ShallowRef<Sortable>;
    handleRef: (elRef: ElementRef) => void;
    elementRef: (elRef: ElementRef) => void;
    sourceRef: (elRef: ElementRef) => void;
    targetRef: (elRef: ElementRef) => void;
}) => {
    sortable: ShallowRef<Sortable>;
    handleRef: (elRef: ElementRef) => void;
    elementRef: (elRef: ElementRef) => void;
    sourceRef: (elRef: ElementRef) => void;
    targetRef: (elRef: ElementRef) => void;
};
export interface UseSortableInput<T extends Data = Data> extends Omit<SortableInput<T>, 'handle' | 'element' | 'target'> {
    handle?: MaybeRef<Element>;
    element?: MaybeRef<Element>;
    target?: MaybeRef<Element>;
}
export declare function useSortable<T extends Data = Data>(input: MaybeRefOrGetter<UseSortableInput<T>>): {
    sortable: ShallowRef<Sortable<T>>;
    isDragging: import('vue').ComputedRef<boolean>;
    isDropping: import('vue').ComputedRef<boolean>;
    isDragSource: import('vue').ComputedRef<boolean>;
    isDropTarget: import('vue').ComputedRef<boolean>;
    handleRef: (elRef: ElementRef) => void;
    elementRef: (elRef: ElementRef) => undefined;
    sourceRef: (elRef: ElementRef) => undefined;
    targetRef: (elRef: ElementRef) => undefined;
};