import { ReactiveController, ReactiveElement } from 'lit';
export type DraggableItem = HTMLElement & {
    bpDraggableItem?: 'item' | 'dropzone';
};
export declare function draggableList<T extends ReactiveElement>(fn?: (host: T) => DraggableListControllerConfig): (target: typeof ReactiveElement, _context?: ClassDecoratorContext) => void;
export interface DraggableListControllerConfig {
    layout?: 'both' | 'horizontal' | 'vertical';
    items?: NodeListOf<DraggableItem> | DraggableItem[];
    dropZones?: NodeListOf<DraggableItem> | DraggableItem[];
    manageFocus?: boolean;
    manageTabindex?: boolean;
}
export interface BpDraggableChangeEvent {
    source?: HTMLElement | null | undefined;
    target?: HTMLElement | null | undefined;
    type: BpDraggableChangeType;
    interaction?: BpDraggableInteractionType;
}
export type BpDraggableChangeType = 'start' | 'drag' | 'over' | 'drop' | 'enter' | 'leave' | 'end';
export type BpDraggableInteractionType = 'pointer' | 'key';
export declare class DraggableListController<T extends ReactiveElement> implements ReactiveController {
    #private;
    private host;
    private fn;
    constructor(host: T, fn: (host: T) => DraggableListControllerConfig);
    hostConnected(): Promise<void>;
    hostDisconnected(): void;
}