import { type MaybeRef } from './_shared';
import type { Ref } from '@stacksjs/stx';
/**
 * Make an element draggable.
 * Handles pointer events to enable drag-and-drop positioning.
 *
 * @param target - The element to make draggable (or a Ref to one)
 * @param options - Configuration for initial position and drag callbacks
 * @returns Reactive x, y position, dragging state, and computed style string
 */
export declare function useDraggable(target: MaybeRef<HTMLElement | null>, options?: UseDraggableOptions): UseDraggableReturn;
export declare interface UseDraggableOptions {
  initialValue?: { x: number, y: number }
  onStart?: (position: { x: number, y: number }, event: PointerEvent) => void | false
  onMove?: (position: { x: number, y: number }, event: PointerEvent) => void
  onEnd?: (position: { x: number, y: number }, event: PointerEvent) => void
}
export declare interface UseDraggableReturn {
  x: Ref<number>
  y: Ref<number>
  isDragging: Ref<boolean>
  style: Ref<string>
}