/** * Define drop zones for draggable elements. * * Drop zones detect when draggable elements enter, move over, * leave, or are dropped onto them using pointer event hit-testing. * * @module bquery/dnd */ import type { DroppableHandle, DroppableOptions } from './types'; /** * Defines an element as a drop zone. * * Drop zones respond to draggable elements being moved over them * by firing callbacks and applying CSS classes. They work with * the `draggable()` function from this module. * * @param el - The drop zone element * @param options - Configuration options * @returns A handle with a `destroy()` method * * @example * ```ts * import { droppable } from '@bquery/bquery/dnd'; * * const handle = droppable(document.querySelector('#dropzone'), { * accept: '.draggable-item', * overClass: 'drop-active', * onDrop: ({ dragged }) => { * console.log('Dropped:', dragged); * }, * }); * * // Later: * handle.destroy(); * ``` */ export declare const droppable: (el: HTMLElement, options?: DroppableOptions) => DroppableHandle; //# sourceMappingURL=droppable.d.ts.map