import { ComponentType, DragEvent, MouseEvent, RefObject, TouchEvent } from 'react';

export interface ElementWithResizeObserver extends HTMLElement {
    __resizeObserver?: ResizeObserver;
}
export type ReactMouseEvent = import('react').MouseEvent<Element>;
export type ReactDragEvent = import('react').DragEvent<Element>;
export type ReactTouchEvent = import('react').TouchEvent<Element>;
export type DOMMouseEvent = globalThis.MouseEvent;
export type DOMDragEvent = globalThis.DragEvent;
export type DOMTouchEvent = globalThis.TouchEvent;
export interface DebugConfig {
    showDebugPanel?: boolean;
    showMousePosition?: boolean;
    showPanelSizes?: boolean;
    showPlaceholderInfo?: boolean;
    showDropZoneOutlines?: boolean;
    logLevel?: 0 | 1 | 2;
}
export declare const DEFAULT_DEBUG_CONFIG: Required<DebugConfig>;
export interface DragOverPosition {
    columnIndex: number;
    insertIndex: number;
}
export interface OriginalPanelPosition {
    columnIndex: number;
    panelIndex: number;
}
export interface DragState {
    isDragging: boolean;
    draggedPanel: string | null;
    dragOverColumn: number | null;
}
export interface ColumnConfig {
    id: string;
    key: string;
    minWidth?: number;
    maxWidth?: number;
    className?: string;
    label?: string;
    title?: string;
    initialWidth?: number;
    resizable?: boolean;
}
export interface PanelConfig {
    id: string;
    component: ComponentType<Record<string, unknown>>;
    title: string;
    props?: Record<string, unknown>;
    dragMode?: "normal" | "custom";
    minHeight?: string;
    maxHeight?: string;
}
export interface PanelSizeInfo {
    width: number;
    height: number;
    x: number;
    y: number;
    minHeight: string;
    maxHeight: string;
}
export interface TouchDragState {
    isTouchDragging: boolean;
    panelId?: string | null;
    startX: number;
    startY: number;
    currentX: number;
    currentY: number;
    draggedElement: HTMLElement | null;
}
export interface ClickState {
    isClicked: boolean;
    panelId: string | null;
}
export interface MousePosition {
    x: number;
    y: number;
    isVisible: boolean;
}
export interface CustomDragState {
    isActive: boolean;
    panelId: string;
    startX: number;
    startY: number;
}
export interface DragDropHookReturn {
    dragState: DragState;
    dragOverPosition: DragOverPosition | null;
    originalPanelPosition: OriginalPanelPosition | null;
    touchDragState: TouchDragState;
    customDrag: CustomDragState;
    clickState: ClickState;
    mousePosition: MousePosition;
    dragModes: Record<string, "normal" | "custom">;
    panelSizes: Record<string, PanelSizeInfo>;
    handleDragStart: (e: ReactDragEvent, panelId: string) => void;
    handleDragEnd: (e: ReactDragEvent) => void;
    handleClick: (e: ReactMouseEvent, panelId: string) => void;
    handleMouseDown: (e: ReactMouseEvent, panelId: string) => void;
    handleTouchStart: (e: ReactTouchEvent, panelId: string) => void;
    handleTouchMove: (e: ReactTouchEvent) => void;
    handleTouchEnd: (e: ReactTouchEvent) => void;
    handlePlaceholderDragEnter: (columnIndex: number, insertIndex: number) => void;
    handlePlaceholderDragLeave: (e: ReactDragEvent, columnIndex: number, insertIndex: number) => void;
    toggleDragMode: (panelId: string) => void;
    setDragOverPosition: (position: DragOverPosition | null) => void;
    setPanelRef: (panelId: string, el: ElementWithResizeObserver | null) => void;
    findPanelPosition: (panelId: string) => OriginalPanelPosition | null;
    dragOverPositionRef: RefObject<DragOverPosition | null>;
}
export interface DragDropEventHandlers {
    onDragStart: (e: DragEvent<Element>, panelId: string) => void;
    onDragEnd: () => void;
    onPlaceholderDragEnter: (columnIndex: number, insertIndex: number) => void;
    onPlaceholderDragLeave: (e?: DragEvent<Element>, columnIndex?: number, insertIndex?: number) => void;
    onDragOverWithInsert: (e: DragEvent<Element>, columnIndex: number) => void;
    onDropWithInsert: (e: DragEvent<Element>, targetColumn: string) => void;
    onColumnDragLeave: (e: DragEvent<Element>) => void;
    onPanelClick?: (e: MouseEvent<Element>, panelId: string) => void;
    onPanelMouseDown?: (e: MouseEvent<Element>, panelId: string) => void;
    onTouchStart?: (e: TouchEvent<Element>, panelId: string) => void;
    onTouchMove?: (e: TouchEvent<Element>) => void;
    onTouchEnd?: (e: TouchEvent<Element>) => void;
    onPanelSizeInfoClick?: (e: MouseEvent<Element> | TouchEvent<Element>, panelId: string) => void;
    onToggleDragMode?: (panelId: string) => void;
}
export interface DragDropState {
    columnPanels: Record<string, string[]>;
    panelVisibility: Record<string, boolean>;
    dragModes: Record<string, "normal" | "custom">;
    dragState: DragState;
    dragOverPosition: DragOverPosition | null;
    originalPanelPosition: OriginalPanelPosition | null;
    panelSizes: Record<string, PanelSizeInfo>;
    customDrag?: CustomDragState;
}
export interface DragDropStateUpdaters {
    onColumnPanelsChange: (newColumnPanels: Record<string, string[]>) => void;
    onPanelVisibilityChange: (newVisibility: Record<string, boolean>) => void;
    setPanelRef?: (panelId: string, el: HTMLDivElement | null) => void;
}
export interface UseDragDropColumnsReturn {
    columnPanels: Record<string, string[]>;
    panelVisibility: Record<string, boolean>;
    dragModes: Record<string, "normal" | "custom">;
    dragState: DragState;
    dragOverPosition: DragOverPosition | null;
    originalPanelPosition: OriginalPanelPosition | null;
    touchDragState: TouchDragState;
    customDrag: CustomDragState;
    clickState: ClickState;
    mousePosition: MousePosition;
    panelSizes: Record<string, PanelSizeInfo>;
    setColumnPanels: (newColumnPanels: Record<string, string[]>) => void;
    setPanelVisibility: (newVisibility: Record<string, boolean>) => void;
    setDragModes: (newDragModes: Record<string, "normal" | "custom">) => void;
    setPanelRef: (panelId: string, el: HTMLDivElement | null) => void;
    handleDragStart: (e: DragEvent<Element>, panelId: string) => void;
    handleDragEnd: () => void;
    handleMouseDown: (e: MouseEvent<Element>, panelId: string) => void;
    handleTouchStart: (e: TouchEvent<Element>, panelId: string) => void;
    handleTouchMove: (e: TouchEvent) => void;
    handleTouchEnd: (e: TouchEvent) => void;
    handlePlaceholderDragEnter: (columnIndex: number, insertIndex: number) => void;
    handlePlaceholderDragLeave: (e?: DragEvent<Element>, columnIndex?: number, insertIndex?: number) => void;
    handleDragOverWithInsert: (e: DragEvent<Element>, columnIndex: number) => void;
    handleDropWithInsert: (e: DragEvent<Element>, targetColumn: string) => void;
    handleColumnDragLeave: (e: DragEvent<Element>) => void;
    handlePanelSizeInfoClick: (e: MouseEvent<Element> | TouchEvent<Element>, panelId: string) => void;
    toggleDragMode: (panelId: string) => void;
    findPanelPosition: (panelId: string) => OriginalPanelPosition | null;
}
export interface ResizeConfig {
    enableResize?: boolean;
    columnWidths?: Record<string, number>;
    onColumnWidthChange?: (columnId: string, width: number) => void;
    onResizeStart?: (columnId: string, startX: number) => void;
    onResize?: (currentX: number) => void;
    onResizeEnd?: () => void;
    isResizing?: boolean;
    resizingColumn?: string | null;
}
export type DragMode = "normal" | "custom";
//# sourceMappingURL=types.d.ts.map