@mapples/dnd 1.0.1

package/dist/context/DropContext.js

@@ -0,0 +1,16 @@
+import { createContext } from 'react';
+/**
+ * React context for drop area hierarchy.
+ * Provides access to the parent drop target ID for establishing parent-child relationships.
+ * @public
+ */
+const DropContext = createContext({
+    parent: null,
+});
+/**
+ * Provider component for the drop context.
+ * @public
+ */
+export const DropContextProvider = DropContext.Provider;
+export default DropContext;
+//# sourceMappingURL=DropContext.js.map

package/dist/context/DropContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropContext.js","sourceRoot":"","sources":["../../src/context/DropContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC;;;;GAIG;AACH,MAAM,WAAW,GAAG,aAAa,CAA4B;IAC3D,MAAM,EAAE,IAAI;CACb,CAAC,CAAC;AAEH;;;GAGG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,WAAW,CAAC,QAAQ,CAAC;AAExD,eAAe,WAAW,CAAC"}

package/dist/context/index.d.ts

@@ -0,0 +1,5 @@
+export { default as DnDContext } from './DnDContext';
+export * from './DnDContext';
+export { default as DropContext } from './DropContext';
+export * from './DropContext';
+//# sourceMappingURL=index.d.ts.map

package/dist/context/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/context/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,cAAc,cAAc,CAAC;AAE7B,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,cAAc,eAAe,CAAC"}

package/dist/context/index.js

@@ -0,0 +1,5 @@
+export { default as DnDContext } from './DnDContext';
+export * from './DnDContext';
+export { default as DropContext } from './DropContext';
+export * from './DropContext';
+//# sourceMappingURL=index.js.map

package/dist/context/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/context/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,cAAc,cAAc,CAAC;AAE7B,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,cAAc,eAAe,CAAC"}

package/dist/hooks/index.d.ts

@@ -0,0 +1,5 @@
+export { default as useDnD } from './useDnD';
+export { default as useDrag } from './useDrag';
+export { default as useDrop } from './useDrop';
+export { default as useDropContext } from './useDropContext';
+//# sourceMappingURL=index.d.ts.map

package/dist/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/hooks/index.js

@@ -0,0 +1,5 @@
+export { default as useDnD } from './useDnD';
+export { default as useDrag } from './useDrag';
+export { default as useDrop } from './useDrop';
+export { default as useDropContext } from './useDropContext';
+//# sourceMappingURL=index.js.map

package/dist/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/hooks/useDnD.d.ts

@@ -0,0 +1,13 @@
+import { DnDContextType } from '../types';
+/**
+ * Hook to access the drag and drop context.
+ * This hook provides access to the monitor, drag state, and shared values.
+ *
+ * @template DragData - The type of data being dragged
+ * @template DropData - The type of data for drop targets (defaults to DragData)
+ * @returns The drag and drop context with monitor and state
+ * @public
+ */
+declare const useDnD: <DragData extends object, DropData extends object = DragData>() => DnDContextType<DragData, DropData>;
+export default useDnD;
+//# sourceMappingURL=useDnD.d.ts.map

package/dist/hooks/useDnD.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDnD.d.ts","sourceRoot":"","sources":["../../src/hooks/useDnD.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE1C;;;;;;;;GAQG;AACH,QAAA,MAAM,MAAM,GACV,QAAQ,SAAS,MAAM,EACvB,QAAQ,SAAS,MAAM,GAAG,QAAQ,OAED,cAAc,CAAC,QAAQ,EAAE,QAAQ,CACnE,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/hooks/useDnD.js

@@ -0,0 +1,16 @@
+import { useContext } from 'react';
+import { DnDContext } from '../context';
+/**
+ * Hook to access the drag and drop context.
+ * This hook provides access to the monitor, drag state, and shared values.
+ *
+ * @template DragData - The type of data being dragged
+ * @template DropData - The type of data for drop targets (defaults to DragData)
+ * @returns The drag and drop context with monitor and state
+ * @public
+ */
+const useDnD = () => {
+    return useContext(DnDContext);
+};
+export default useDnD;
+//# sourceMappingURL=useDnD.js.map

package/dist/hooks/useDnD.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDnD.js","sourceRoot":"","sources":["../../src/hooks/useDnD.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAGxC;;;;;;;;GAQG;AACH,MAAM,MAAM,GAAG,GAGX,EAAE;IACJ,OAAO,UAAU,CAAC,UAAU,CAAuC,CAAC;AACtE,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/hooks/useDrag.d.ts

@@ -0,0 +1,24 @@
+import { RefObject } from 'react';
+import { View } from 'react-native';
+import { DragItem } from '../types';
+/**
+ * Hook that makes a view draggable within the drag and drop system.
+ * This hook registers the view as a drag source and tracks its drag state.
+ *
+ * @template DragData - The type of data being dragged
+ * @template DropData - The type of data for drop targets (defaults to DragData)
+ * @param ref - Reference to the view element that should be draggable
+ * @param item - The drag item configuration with data and metadata
+ * @returns Object containing drag state and utilities
+ * @public
+ */
+declare const useDrag: <DragData extends object, DropData extends object = DragData>(ref: RefObject<View | null>, item: DragItem<DragData>) => {
+    /** The unique ID of the drag element */
+    id: number | null;
+    /** Function to update the element's layout information */
+    updateLayout: () => void;
+    /** Whether this element is currently being dragged */
+    isDragging: boolean;
+};
+export default useDrag;
+//# sourceMappingURL=useDrag.d.ts.map

package/dist/hooks/useDrag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDrag.d.ts","sourceRoot":"","sources":["../../src/hooks/useDrag.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAA+B,MAAM,OAAO,CAAC;AAE/D,OAAO,EAAmB,IAAI,EAAE,MAAM,cAAc,CAAC;AAGrD,OAAO,EAAgB,QAAQ,EAAE,MAAM,UAAU,CAAC;AAIlD;;;;;;;;;;GAUG;AACH,QAAA,MAAM,OAAO,GAAI,QAAQ,SAAS,MAAM,EAAE,QAAQ,SAAS,MAAM,GAAG,QAAQ,EAC1E,KAAK,SAAS,CAAC,IAAI,GAAG,IAAI,CAAC,EAC3B,MAAM,QAAQ,CAAC,QAAQ,CAAC;IAgEtB,wCAAwC;;IAExC,0DAA0D;;IAE1D,sDAAsD;;CAGzD,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/hooks/useDrag.js

@@ -0,0 +1,74 @@
+import { useEffect, useRef, useState } from 'react';
+import { filter } from 'rxjs';
+import { DnDEventType } from '../types';
+import useDnD from './useDnD';
+/**
+ * Hook that makes a view draggable within the drag and drop system.
+ * This hook registers the view as a drag source and tracks its drag state.
+ *
+ * @template DragData - The type of data being dragged
+ * @template DropData - The type of data for drop targets (defaults to DragData)
+ * @param ref - Reference to the view element that should be draggable
+ * @param item - The drag item configuration with data and metadata
+ * @returns Object containing drag state and utilities
+ * @public
+ */
+const useDrag = (ref, item) => {
+    const { monitor } = useDnD();
+    const [isDragging, setIsDragging] = useState(false);
+    const idRef = useRef(null);
+    const layoutRef = useRef(null);
+    useEffect(() => {
+        ref.current?.measureInWindow?.((x, y, width, height) => {
+            layoutRef.current = { x, y, width, height };
+            if (idRef.current) {
+                monitor.updateDragElement(idRef.current, layoutRef.current, item);
+                return;
+            }
+            idRef.current = monitor.registerDragElement(layoutRef.current, item);
+        });
+    }, [item, monitor, ref]);
+    useEffect(() => {
+        return () => {
+            if (!idRef.current)
+                return;
+            monitor.unregisterDragElement(idRef.current);
+        };
+    }, [monitor]);
+    /**
+     * Updates the layout information for the drag element.
+     * This function should be called when the element's position or size changes.
+     */
+    const updateLayout = useRef(() => {
+        ref.current?.measureInWindow?.((x, y, width, height) => {
+            layoutRef.current = { x, y, width, height };
+        });
+        if (!idRef.current || !layoutRef.current)
+            return;
+        monitor.updateDragElementLayout(idRef.current, layoutRef.current);
+    }).current;
+    useEffect(() => {
+        const events = monitor.events
+            .pipe(filter((e) => e.type === DnDEventType.DragStart ||
+            e.type === DnDEventType.DragEnd))
+            .subscribe((e) => {
+            if (e.type === DnDEventType.DragStart) {
+                setIsDragging(e.target === idRef.current);
+            }
+            else {
+                setIsDragging(false);
+            }
+        });
+        return () => events.unsubscribe();
+    }, [monitor.events]);
+    return {
+        /** The unique ID of the drag element */
+        id: idRef.current,
+        /** Function to update the element's layout information */
+        updateLayout,
+        /** Whether this element is currently being dragged */
+        isDragging,
+    };
+};
+export default useDrag;
+//# sourceMappingURL=useDrag.js.map

package/dist/hooks/useDrag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDrag.js","sourceRoot":"","sources":["../../src/hooks/useDrag.ts"],"names":[],"mappings":"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"}

package/dist/hooks/useDrop.d.ts

@@ -0,0 +1,31 @@
+import { RefObject } from 'react';
+import { View } from 'react-native';
+import { DropTarget, DropTargetConfig } from '../types';
+/**
+ * Hook that makes a view a drop target within the drag and drop system.
+ * This hook registers the view as a drop target and tracks drop state.
+ *
+ * @template DragData - The type of data being dragged
+ * @template DropData - The type of data for drop targets (defaults to DragData)
+ * @param ref - Reference to the view element that should be a drop target
+ * @param config - Optional configuration for the drop target behavior
+ * @param data - Optional data associated with this drop target
+ * @returns Object containing drop state and utilities
+ * @public
+ */
+declare const useDrop: <DragData extends object, DropData extends object = DragData>(ref: RefObject<View | null>, config?: DropTargetConfig, data?: DropData) => {
+    /** The unique ID of the drop element */
+    id: number | null;
+    /** Whether a drag is currently over this drop target */
+    isOver: boolean;
+    /** The current drop target information */
+    dropTarget: DropTarget<DropData> | null;
+    /** The index position within the drop target */
+    dropTargetIndex: number | null;
+    /** Whether any drag operation is currently active */
+    isDragging: boolean;
+    /** Function to update the element's layout information */
+    updateLayout: () => void;
+};
+export default useDrop;
+//# sourceMappingURL=useDrop.d.ts.map

package/dist/hooks/useDrop.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDrop.d.ts","sourceRoot":"","sources":["../../src/hooks/useDrop.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAgD,MAAM,OAAO,CAAC;AAEhF,OAAO,EAAwC,IAAI,EAAE,MAAM,cAAc,CAAC;AAG1E,OAAO,EAAgB,UAAU,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAMtE;;;;;;;;;;;GAWG;AACH,QAAA,MAAM,OAAO,GAAI,QAAQ,SAAS,MAAM,EAAE,QAAQ,SAAS,MAAM,GAAG,QAAQ,EAC1E,KAAK,SAAS,CAAC,IAAI,GAAG,IAAI,CAAC,EAC3B,SAAS,gBAAgB,EACzB,OAAO,QAAQ;IAqGb,wCAAwC;;IAExC,wDAAwD;;IAExD,0CAA0C;;IAE1C,gDAAgD;;IAEhD,qDAAqD;;IAErD,0DAA0D;;CAG7D,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/hooks/useDrop.js

@@ -0,0 +1,108 @@
+import { useEffect, useLayoutEffect, useRef, useState } from 'react';
+import { useWindowDimensions } from 'react-native';
+import { filter } from 'rxjs';
+import { DnDEventType } from '../types';
+import { filterEvents } from '../utils';
+import useDnD from './useDnD';
+import useDropContext from './useDropContext';
+/**
+ * Hook that makes a view a drop target within the drag and drop system.
+ * This hook registers the view as a drop target and tracks drop state.
+ *
+ * @template DragData - The type of data being dragged
+ * @template DropData - The type of data for drop targets (defaults to DragData)
+ * @param ref - Reference to the view element that should be a drop target
+ * @param config - Optional configuration for the drop target behavior
+ * @param data - Optional data associated with this drop target
+ * @returns Object containing drop state and utilities
+ * @public
+ */
+const useDrop = (ref, config, data) => {
+    const [dropTarget, setDropTarget] = useState(null);
+    const { monitor, isDragging } = useDnD();
+    const { parent } = useDropContext();
+    const { width, height } = useWindowDimensions();
+    const [id, setId] = useState(null);
+    const [isOver, setIsOver] = useState(false);
+    const [dropTargetIndex, setDropTargetIndex] = useState(null);
+    const idRef = useRef(null);
+    const layoutRef = useRef(null);
+    useLayoutEffect(() => {
+        ref.current?.measureInWindow?.((x, y, width, height) => {
+            layoutRef.current = { x, y, width, height };
+            if (idRef.current) {
+                monitor.updateDropElement(idRef.current, layoutRef.current, config, data);
+                return;
+            }
+            idRef.current = monitor.registerDropElement(layoutRef.current, parent, config, data);
+            setId(idRef.current);
+        });
+    }, [config, data, monitor, parent, ref]);
+    useEffect(() => {
+        return () => {
+            if (idRef.current) {
+                monitor.unregisterDropElement(idRef.current);
+            }
+        };
+    }, [monitor]);
+    useEffect(() => {
+        const subscription = monitor.events
+            .pipe(filter(filterEvents(DnDEventType.Drag, DnDEventType.DragEnd)))
+            .subscribe((e) => {
+            if (e.type === DnDEventType.DragEnd) {
+                setIsOver(false);
+                setDropTarget(null);
+                return;
+            }
+            setDropTarget(e.dropTarget || null);
+            setIsOver(e.dropTarget?.id === idRef.current);
+            setDropTargetIndex(e.dropTargetIndex || 0);
+        });
+        return () => {
+            subscription.unsubscribe();
+        };
+    }, [monitor, monitor.events]);
+    /**
+     * Updates the layout information for the drop element.
+     * This function should be called when the element's position or size changes.
+     */
+    const updateLayout = useRef(() => {
+        ref.current?.measureInWindow?.((x, y, width, height) => {
+            layoutRef.current = { x, y, width, height };
+            if (idRef.current) {
+                monitor.updateDropElement(idRef.current, layoutRef.current);
+            }
+        });
+    }).current;
+    useEffect(() => {
+        const subscription = monitor.events
+            .pipe(filter(filterEvents(DnDEventType.LayoutForceUpdate)))
+            .subscribe(() => {
+            updateLayout();
+        });
+        return () => {
+            subscription.unsubscribe();
+        };
+    }, [monitor.events, updateLayout]);
+    useEffect(() => {
+        if (width || height) {
+            updateLayout();
+        }
+    }, [width, height, updateLayout]);
+    return {
+        /** The unique ID of the drop element */
+        id,
+        /** Whether a drag is currently over this drop target */
+        isOver,
+        /** The current drop target information */
+        dropTarget,
+        /** The index position within the drop target */
+        dropTargetIndex,
+        /** Whether any drag operation is currently active */
+        isDragging,
+        /** Function to update the element's layout information */
+        updateLayout,
+    };
+};
+export default useDrop;
+//# sourceMappingURL=useDrop.js.map

package/dist/hooks/useDrop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDrop.js","sourceRoot":"","sources":["../../src/hooks/useDrop.ts"],"names":[],"mappings":"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"}

package/dist/hooks/useDropContext.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Hook to access the drop context.
+ * This hook provides access to the parent drop target ID for establishing hierarchy.
+ *
+ * @returns The drop context with parent information
+ * @public
+ */
+declare const useDropContext: () => {
+    parent: number | null;
+};
+export default useDropContext;
+//# sourceMappingURL=useDropContext.d.ts.map

package/dist/hooks/useDropContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDropContext.d.ts","sourceRoot":"","sources":["../../src/hooks/useDropContext.ts"],"names":[],"mappings":"AAIA;;;;;;GAMG;AACH,QAAA,MAAM,cAAc;;CAEnB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/hooks/useDropContext.js

@@ -0,0 +1,14 @@
+import { useContext } from 'react';
+import { DropContext } from '../context';
+/**
+ * Hook to access the drop context.
+ * This hook provides access to the parent drop target ID for establishing hierarchy.
+ *
+ * @returns The drop context with parent information
+ * @public
+ */
+const useDropContext = () => {
+    return useContext(DropContext);
+};
+export default useDropContext;
+//# sourceMappingURL=useDropContext.js.map

package/dist/hooks/useDropContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDropContext.js","sourceRoot":"","sources":["../../src/hooks/useDropContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAEzC;;;;;;GAMG;AACH,MAAM,cAAc,GAAG,GAAG,EAAE;IAC1B,OAAO,UAAU,CAAC,WAAW,CAAC,CAAC;AACjC,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+export * from './components';
+export * from './hooks';
+export * from './types';
+export * from './utils';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC"}

package/dist/index.js

@@ -0,0 +1,5 @@
+export * from './components';
+export * from './hooks';
+export * from './types';
+export * from './utils';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC"}

package/dist/monitor/Monitor.d.ts

@@ -0,0 +1,223 @@
+import { LayoutRectangle } from 'react-native';
+import { Subject } from 'rxjs';
+import { DnDEvent, DragCoords, DragElementTarget, DragItem, DropTarget, DropTargetConfig, MonitorConfig } from '../types';
+/**
+ * Core monitor class that manages drag and drop operations.
+ * This class tracks drag elements, drop targets, handles hit detection, and emits events.
+ *
+ * @template DragData - The type of data being dragged
+ * @template DropData - The type of data for drop targets (defaults to DragData)
+ * @public
+ */
+declare class Monitor<DragData extends object, DropData extends object = DragData> {
+    /** Observable stream of drag and drop events */
+    events: Subject<DnDEvent<DragData, DropData>>;
+    /** Padding around drop targets for hit detection */
+    private readonly padding;
+    /** Counter for generating unique drag element IDs */
+    private dragElementIds;
+    /** Counter for generating unique drop element IDs */
+    private dropElementIds;
+    /** Map of registered drag elements by ID */
+    private dragElements;
+    /** Tree structure of registered drop elements */
+    private dropElementsTree;
+    /** ID of the currently active drag target */
+    private dragTargetId;
+    /** Currently active drop target */
+    private dropTarget;
+    /** Index position within the current drop target */
+    private dropTargetIndex;
+    /** Whether to track drag operations outside the root element */
+    private trackOutside;
+    /**
+     * Creates a new Monitor instance.
+     * @param config - Configuration options for the monitor
+     */
+    constructor(config: MonitorConfig);
+    /**
+     * Gets the ID of the currently active drag target.
+     * @returns The drag target ID or null if no drag is active
+     */
+    getDragTargetId(): number | null;
+    /**
+     * Sets the ID of the currently active drag target.
+     * @param id - The drag target ID or null
+     */
+    private setDragTargetId;
+    /**
+     * Triggers a force layout update event.
+     * This causes all registered elements to recalculate their layout information.
+     */
+    triggerForceLayoutUpdate(): void;
+    /**
+     * Gets the currently active drop target.
+     * @returns The drop target or null if no drop target is active
+     */
+    getDropTarget(): DropTarget<DropData> | null;
+    /**
+     * Sets the currently active drop target.
+     * @param target - The drop target or null
+     */
+    setDropTarget(target: DropTarget<DropData> | null): void;
+    /**
+     * Gets the drag target data for a specific ID.
+     * @param id - The drag target ID
+     * @returns The drag element target data or undefined if not found
+     */
+    getDragTargetData(id: number): DragElementTarget<DragData> | undefined;
+    /**
+     * Sets the index position within the current drop target.
+     * @param index - The index position or null
+     */
+    setDropTargetIndex(index: number | null): void;
+    /**
+     * Gets the index position within the current drop target.
+     * @returns The index position or null if no drop target is active
+     */
+    getDropTargetIndex(): number | null;
+    /**
+     * Registers a new drag element with the monitor.
+     * @param layout - The layout rectangle of the drag element
+     * @param item - The drag item configuration
+     * @returns The unique ID assigned to the drag element
+     */
+    registerDragElement(layout: LayoutRectangle, item: DragItem<DragData>): number;
+    /**
+     * Unregisters a drag element from the monitor.
+     * @param id - The ID of the drag element to unregister
+     */
+    unregisterDragElement(id: number): void;
+    /**
+     * Updates the layout and item data for a registered drag element.
+     * @param id - The ID of the drag element
+     * @param layout - The new layout rectangle
+     * @param item - The new drag item configuration
+     */
+    updateDragElement(id: number, layout: LayoutRectangle, item: DragItem<DragData>): void;
+    /**
+     * Updates only the layout information for a registered drag element.
+     * @param id - The ID of the drag element
+     * @param layout - The new layout rectangle
+     */
+    updateDragElementLayout(id: number, layout: LayoutRectangle): void;
+    /**
+     * Handles the start of a drag operation.
+     * @param dragCoords - The coordinates where the drag started
+     */
+    onDragStart(dragCoords: DragCoords): void;
+    /**
+     * Handles drag movement during a drag operation.
+     * @param dragCoords - The current coordinates of the drag
+     */
+    onDrag(dragCoords: DragCoords): void;
+    /**
+     * Handles selection/tap events.
+     * @param dragCoords - The coordinates where the selection occurred
+     */
+    onSelect(dragCoords: DragCoords): void;
+    /**
+     * Checks if the given coordinates are inside the first root element.
+     * @param dragCoords - The coordinates to check
+     * @returns True if inside the first root element
+     * @private
+     */
+    private isInsideFirstRootElement;
+    /**
+     * Handles external selection by data query.
+     * @param dataQuery - Partial data to match against drop targets
+     */
+    onExternalSelect(dataQuery: Partial<DropData>): void;
+    /**
+     * Handles the end of a drag operation.
+     */
+    onDragEnd(): void;
+    /**
+     * Registers a new drop element with the monitor.
+     * @param layout - The layout rectangle of the drop element
+     * @param parent - The ID of the parent drop element, or null for root level
+     * @param config - Optional configuration for the drop target
+     * @param data - Optional data associated with the drop target
+     * @returns The unique ID assigned to the drop element
+     */
+    registerDropElement(layout: LayoutRectangle, parent: number | null, config?: DropTargetConfig, data?: DropData): number;
+    /**
+     * Unregisters a drop element from the monitor.
+     * @param id - The ID of the drop element to unregister
+     */
+    unregisterDropElement(id: number): void;
+    /**
+     * Updates the layout and configuration for a registered drop element.
+     * @param id - The ID of the drop element
+     * @param layout - The new layout rectangle
+     * @param config - Optional new configuration
+     * @param data - Optional new data
+     */
+    updateDropElement(id: number, layout: LayoutRectangle, config?: DropTargetConfig, data?: DropData): void;
+    /**
+     * Finds a drop target by ID in the tree structure.
+     * @param id - The ID to search for
+     * @param tree - The tree to search in
+     * @returns The drop item or null if not found
+     * @private
+     */
+    private findDropTarget;
+    /**
+     * Finds a drop target by matching data properties.
+     * @param dataQuery - Partial data to match against
+     * @param tree - The tree to search in
+     * @returns The drop target or null if not found
+     * @private
+     */
+    private findDropTargetByData;
+    /**
+     * Performs a partial match between target data and query data.
+     * @param targetData - The target data to match against
+     * @param query - The query data to match
+     * @returns True if the query matches the target data
+     * @private
+     */
+    private partialMatch;
+    /**
+     * Finds the parent of a drop target by ID.
+     * @param id - The ID of the child drop target
+     * @param tree - The tree to search in
+     * @returns The parent drop item or null if not found
+     * @private
+     */
+    private findDropTargetParent;
+    /**
+     * Gets all drop targets that contain the given coordinates.
+     * @param dropCoords - The coordinates to check
+     * @param tree - The tree to search in
+     * @returns Array of drop targets or null if none found
+     * @private
+     */
+    private getDropTargets;
+    /**
+     * Gets the shallowest (topmost) drop target from a list of targets.
+     * @param targets - Array of drop targets
+     * @param dragCoords - The current drag coordinates
+     * @returns The shallowest drop target or null
+     * @private
+     */
+    private getShallowTarget;
+    /**
+     * Calculates the drop target index based on drag coordinates and target layout.
+     * @param dragCoords - The current drag coordinates
+     * @param target - The drop target to calculate index for
+     * @returns The calculated index or null
+     * @private
+     */
+    private getDropTargetIndexData;
+    /**
+     * Gets the drag target ID for the given coordinates.
+     * @param dragCoords - The coordinates to check
+     * @returns The drag target ID or null if none found
+     * @private
+     */
+    private getDragTarget;
+}
+export { Monitor };
+export default Monitor;
+//# sourceMappingURL=Monitor.d.ts.map