export function draggable({ onMove, onStart, onEnd }: {
    onMove: (info: DragInfo) => void;
    onStart?: (info: DragInfo) => void;
    onEnd?: (info: DragInfo) => void;
}): (
/** @param {HTMLElement} node */
node: HTMLElement) => void;
/**
 * Drag delta and origin information passed to drag callbacks.
 *
 * `elementX` / `elementY` are pointer coordinates relative to the
 * element's top-left corner at the moment of `pointerdown`, clamped
 * to the element's box. `percentX` / `percentY` are the same values
 * expressed as `0`–`100`. Both are convenient for sliders, range
 * pickers, and color canvases — where the element doesn't move during
 * the gesture and the pointer position within its bounds is what
 * matters. Use `dx` / `dy` (cumulative delta) when dragging the
 * element itself.
 */
export type DragInfo = {
    dx: number;
    dy: number;
    x: number;
    y: number;
    originX: number;
    originY: number;
    elementX: number;
    elementY: number;
    percentX: number;
    percentY: number;
    event: PointerEvent;
};
//# sourceMappingURL=drag.d.ts.map