react-dragdrop-kit 1.1.0 → 1.3.0

package/dist/kanban.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kanban.js","sources":["../src/kanban/context.ts","../src/kanban/components/KanbanColumnView.tsx","../src/kanban/components/KanbanCardView.tsx","../src/kanban/utils/reorder.ts","../src/kanban/hooks/useKanbanDnd.ts","../src/kanban/hooks/useAutoscroll.ts","../src/kanban/a11y/Announcer.tsx","../src/kanban/components/KanbanBoard.tsx","../src/kanban/utils/dom.ts","../src/kanban/utils/dndMath.ts"],"sourcesContent":["/**\r\n * Kanban Board Context\r\n *\r\n * Internal context for sharing board state between components.\r\n */\r\n\r\nimport { createContext, useContext } from 'react';\r\nimport type { KanbanBoardState, KanbanDragState } from './types';\r\n\r\nexport interface KanbanContextValue {\r\n  state: KanbanBoardState;\r\n  dragState: KanbanDragState;\r\n  isDragDisabled?: (id: string, type: 'CARD' | 'COLUMN') => boolean;\r\n}\r\n\r\nexport const KanbanContext = createContext<KanbanContextValue | null>(null);\r\n\r\nexport function useKanbanContext(): KanbanContextValue {\r\n  const context = useContext(KanbanContext);\r\n  if (!context) {\r\n    throw new Error('Kanban components must be used within KanbanBoard');\r\n  }\r\n  return context;\r\n}\r\n","/**\r\n * Kanban Column View (Headless)\r\n *\r\n * Headless component for rendering draggable columns with drop zones.\r\n */\r\n\r\nimport React, { useRef, useEffect, useState, useCallback } from 'react';\nimport { draggable, dropTargetForElements } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';\nimport { attachClosestEdge } from '@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge';\r\nimport type { KanbanColumnViewProps, DragProvided, DragSnapshot } from '../types';\r\n\r\nconst KANBAN_COLUMN = 'kanban-column';\r\nconst KANBAN_COLUMN_DROP_ZONE = 'kanban-column-drop-zone';\r\n\r\nexport function KanbanColumnView({\n  column,\n  cardIds,\n  children,\n  isDragDisabled = false,\n  index,\r\n}: KanbanColumnViewProps) {\r\n  const columnRef = useRef<HTMLDivElement>(null);\r\n  const dropZoneRef = useRef<HTMLDivElement>(null);\r\n  const [isDragging, setIsDragging] = useState(false);\r\n  const [isDraggingOver, setIsDraggingOver] = useState(false);\r\n\r\n  // Make column header draggable\r\n  const createDraggableColumn = useCallback(\r\n    (element: HTMLElement) => {\r\n      if (isDragDisabled) return () => {};\r\n\r\n      return draggable({\r\n        element,\r\n        getInitialData: () => ({\r\n          type: KANBAN_COLUMN,\r\n          id: column.id,\r\n          index,\r\n        }),\r\n        onDragStart: () => setIsDragging(true),\r\n        onDrop: () => setIsDragging(false),\r\n      });\r\n    },\r\n    [column.id, index, isDragDisabled]\r\n  );\r\n\r\n  // Make column header a drop target for column reordering\r\n  const createColumnDropTarget = useCallback(\r\n    (element: HTMLElement) => {\r\n      if (isDragDisabled) return () => {};\r\n\r\n      return dropTargetForElements({\r\n        element,\r\n        getData: ({ input, element }) => {\r\n          const data = { type: KANBAN_COLUMN, id: column.id, index };\r\n          return attachClosestEdge(data, { input, element, allowedEdges: ['left', 'right'] });\r\n        },\r\n        canDrop: ({ source }) => source.data.type === KANBAN_COLUMN && source.data.id !== column.id,\r\n      });\r\n    },\r\n    [column.id, index, isDragDisabled]\r\n  );\r\n\r\n  // Make card list area a drop zone for cards\r\n  const createCardDropZone = useCallback(\r\n    (element: HTMLElement) => {\r\n      return dropTargetForElements({\r\n        element,\r\n        getData: () => ({\r\n          type: KANBAN_COLUMN_DROP_ZONE,\r\n          columnId: column.id,\r\n        }),\r\n        canDrop: ({ source }) => source.data.type === 'kanban-card',\r\n        onDragEnter: () => setIsDraggingOver(true),\r\n        onDragLeave: () => setIsDraggingOver(false),\r\n        onDrop: () => setIsDraggingOver(false),\r\n      });\r\n    },\r\n    [column.id]\r\n  );\r\n\r\n  useEffect(() => {\r\n    const columnElement = columnRef.current;\r\n    const dropZoneElement = dropZoneRef.current;\r\n    if (!columnElement || !dropZoneElement) return;\r\n\r\n    const cleanups = [\r\n      createDraggableColumn(columnElement),\r\n      createColumnDropTarget(columnElement),\r\n      createCardDropZone(dropZoneElement),\r\n    ];\r\n\r\n    return () => {\r\n      cleanups.forEach((cleanup) => cleanup());\r\n    };\r\n  }, [createDraggableColumn, createColumnDropTarget, createCardDropZone]);\r\n\r\n  const provided: DragProvided = {\r\n    draggableProps: {\r\n      'data-draggable-id': column.id,\r\n      'data-draggable-type': 'COLUMN',\r\n      style: isDragging ? { opacity: 0.5 } : undefined,\r\n    },\r\n    dragHandleProps: {\n      tabIndex: 0,\n      role: 'button',\n      'aria-roledescription': 'draggable column',\n      'aria-label': `${column.title}, ${cardIds.length} cards, press space to pick up`,\n    },\n    innerRef: columnRef,\n    dropZoneRef,\n  };\n\r\n  const snapshot: DragSnapshot = {\r\n    isDragging,\r\n    isDraggingOver,\r\n  };\r\n\r\n  // Pass both refs through provided\r\n  return <>{children(provided, snapshot)}</>;\n}\n","/**\r\n * Kanban Card View (Headless)\r\n *\r\n * Headless component for rendering draggable cards.\r\n */\r\n\r\nimport React, { useRef, useEffect, useState, useCallback } from 'react';\r\nimport { combine } from '@atlaskit/pragmatic-drag-and-drop/combine';\r\nimport { draggable, dropTargetForElements } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';\r\nimport { attachClosestEdge } from '@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge';\r\nimport type { KanbanCardViewProps, DragProvided, DragSnapshot } from '../types';\r\n\r\nconst KANBAN_CARD = 'kanban-card';\r\n\r\nexport function KanbanCardView({\r\n  card,\r\n  children,\r\n  isDragDisabled = false,\r\n  index,\r\n  columnId,\r\n}: KanbanCardViewProps) {\r\n  const cardRef = useRef<HTMLDivElement>(null);\r\n  const [isDragging, setIsDragging] = useState(false);\r\n  const [isDraggingOver, setIsDraggingOver] = useState(false);\r\n\r\n  const createDraggable = useCallback(\r\n    (element: HTMLElement) => {\r\n      if (isDragDisabled) return () => {};\r\n\r\n      return draggable({\r\n        element,\r\n        getInitialData: () => ({\r\n          type: KANBAN_CARD,\r\n          id: card.id,\r\n          index,\r\n          columnId,\r\n        }),\r\n        onDragStart: () => setIsDragging(true),\r\n        onDrop: () => setIsDragging(false),\r\n      });\r\n    },\r\n    [card.id, index, columnId, isDragDisabled]\r\n  );\r\n\r\n  const createDropTarget = useCallback(\r\n    (element: HTMLElement) => {\r\n      if (isDragDisabled) return () => {};\r\n\r\n      return dropTargetForElements({\r\n        element,\r\n        getData: ({ input, element }) => {\r\n          const data = { type: KANBAN_CARD, id: card.id, index, columnId };\r\n          return attachClosestEdge(data, { input, element, allowedEdges: ['top', 'bottom'] });\r\n        },\r\n        canDrop: ({ source }) => source.data.type === KANBAN_CARD && source.data.id !== card.id,\r\n        onDragEnter: () => setIsDraggingOver(true),\r\n        onDragLeave: () => setIsDraggingOver(false),\r\n        onDrop: () => setIsDraggingOver(false),\r\n      });\r\n    },\r\n    [card.id, index, columnId, isDragDisabled]\r\n  );\r\n\r\n  useEffect(() => {\r\n    const element = cardRef.current;\r\n    if (!element || isDragDisabled) return;\r\n\r\n    return combine(createDraggable(element), createDropTarget(element));\r\n  }, [createDraggable, createDropTarget, isDragDisabled]);\r\n\r\n  const provided: DragProvided = {\r\n    draggableProps: {\r\n      'data-draggable-id': card.id,\r\n      'data-draggable-type': 'CARD',\r\n      style: isDragging ? { opacity: 0.5 } : undefined,\r\n    },\r\n    dragHandleProps: {\n      tabIndex: 0,\n      role: 'button',\n      'aria-roledescription': 'draggable card',\n      'aria-label': `${card.title}, press space to pick up`,\n    },\n    innerRef: cardRef,\n  };\n\r\n  const snapshot: DragSnapshot = {\r\n    isDragging,\r\n    isDraggingOver,\r\n  };\r\n\r\n  return <>{children(provided, snapshot)}</>;\r\n}\r\n","/**\r\n * Kanban Reorder Utilities\r\n *\r\n * Functions for reordering cards and columns in a Kanban board.\r\n */\r\n\r\nimport type { KanbanBoardState, DragLocation } from '../types';\n\r\n/**\r\n * Reorder an array by moving an item from one index to another\r\n */\r\nexport function reorderArray<T>(list: T[], startIndex: number, endIndex: number): T[] {\n  const result = Array.from(list);\n  const [removed] = result.splice(startIndex, 1);\n  result.splice(endIndex, 0, removed);\n  return result;\n}\n\nexport function normalizeReorderDestinationIndex(params: {\n  itemCount: number;\n  sourceIndex: number;\n  rawDestinationIndex: number;\n  isSameList: boolean;\n}): number {\n  const { itemCount, sourceIndex, rawDestinationIndex, isSameList } = params;\n\n  if (itemCount <= 0) return 0;\n\n  const maxRaw = itemCount;\n  const clampedRaw = Math.max(0, Math.min(rawDestinationIndex, maxRaw));\n  const adjusted = isSameList && sourceIndex < clampedRaw ? clampedRaw - 1 : clampedRaw;\n  const maxFinal = isSameList ? itemCount - 1 : itemCount;\n\n  return Math.max(0, Math.min(adjusted, maxFinal));\n}\n\r\n/**\r\n * Move a card within the same column\r\n */\r\nexport function reorderCardInColumn(\r\n  state: KanbanBoardState,\r\n  columnId: string,\r\n  startIndex: number,\r\n  endIndex: number\r\n): KanbanBoardState {\r\n  const column = state.columns.find((col) => col.id === columnId);\r\n  if (!column) return state;\r\n\r\n  const newCardIds = reorderArray(column.cardIds, startIndex, endIndex);\r\n\r\n  return {\r\n    ...state,\r\n    columns: state.columns.map((col) =>\r\n      col.id === columnId ? { ...col, cardIds: newCardIds } : col\r\n    ),\r\n  };\r\n}\r\n\r\n/**\r\n * Move a card from one column to another\r\n */\r\nexport function moveCardBetweenColumns(\r\n  state: KanbanBoardState,\r\n  source: DragLocation,\r\n  destination: DragLocation,\r\n  cardId: string\r\n): KanbanBoardState {\r\n  const sourceColumn = state.columns.find((col) => col.id === source.columnId);\r\n  const destColumn = state.columns.find((col) => col.id === destination.columnId);\r\n\r\n  if (!sourceColumn || !destColumn) return state;\r\n\r\n  // Remove from source\r\n  const newSourceCardIds = [...sourceColumn.cardIds];\r\n  newSourceCardIds.splice(source.index, 1);\r\n\r\n  // Add to destination\r\n  const newDestCardIds = [...destColumn.cardIds];\r\n  newDestCardIds.splice(destination.index, 0, cardId);\r\n\r\n  return {\r\n    ...state,\r\n    columns: state.columns.map((col) => {\r\n      if (col.id === source.columnId) {\r\n        return { ...col, cardIds: newSourceCardIds };\r\n      }\r\n      if (col.id === destination.columnId) {\r\n        return { ...col, cardIds: newDestCardIds };\r\n      }\r\n      return col;\r\n    }),\r\n  };\r\n}\r\n\r\n/**\r\n * Reorder columns\r\n */\r\nexport function reorderColumns(\r\n  state: KanbanBoardState,\r\n  startIndex: number,\r\n  endIndex: number\r\n): KanbanBoardState {\r\n  return {\r\n    ...state,\r\n    columns: reorderArray(state.columns, startIndex, endIndex),\r\n  };\r\n}\r\n\r\n/**\r\n * Apply a drag result to the board state\r\n * This is a convenience function that handles all reorder cases\r\n */\r\nexport function applyDragResult(\r\n  state: KanbanBoardState,\r\n  result: {\r\n    type: 'CARD' | 'COLUMN';\r\n    source: DragLocation;\r\n    destination?: DragLocation;\r\n    draggableId: string;\r\n  }\r\n): KanbanBoardState {\r\n  // No destination = drag canceled\r\n  if (!result.destination) {\r\n    return state;\r\n  }\r\n\r\n  const { source, destination, type } = result;\r\n\r\n  // Column reorder\r\n  if (type === 'COLUMN') {\r\n    if (source.index === destination.index) {\r\n      return state; // No change\r\n    }\r\n    return reorderColumns(state, source.index, destination.index);\r\n  }\r\n\r\n  // Card reorder\r\n  if (type === 'CARD') {\r\n    // Same column\r\n    if (source.columnId === destination.columnId) {\r\n      if (source.index === destination.index) {\r\n        return state; // No change\r\n      }\r\n      return reorderCardInColumn(\r\n        state,\r\n        source.columnId!,\r\n        source.index,\r\n        destination.index\r\n      );\r\n    }\r\n\r\n    // Different columns\r\n    return moveCardBetweenColumns(state, source, destination, result.draggableId);\r\n  }\r\n\r\n  return state;\r\n}\r\n","/**\r\n * Core Kanban DnD Hook\r\n *\r\n * Main hook that manages drag-and-drop state for the Kanban board.\r\n */\r\n\r\nimport { useState, useEffect } from 'react';\nimport { monitorForElements } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';\nimport { extractClosestEdge } from '@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge';\nimport type { KanbanDragState, DropResult, DragLocation, KanbanBoardState } from '../types';\nimport { normalizeReorderDestinationIndex } from '../utils/reorder';\n\r\nconst KANBAN_CARD = 'kanban-card';\r\nconst KANBAN_COLUMN = 'kanban-column';\r\n\r\nexport interface UseKanbanDndOptions {\r\n  onDragStart?: (draggable: { id: string; type: 'CARD' | 'COLUMN' }) => void;\r\n  onDragEnd: (result: DropResult, stateBefore: KanbanBoardState) => void;\r\n  state: KanbanBoardState;\r\n  disabled?: boolean;\r\n}\r\n\r\nexport function useKanbanDnd({ onDragStart, onDragEnd, state, disabled }: UseKanbanDndOptions) {\r\n  const [dragState, setDragState] = useState<KanbanDragState>({\r\n    draggingId: null,\r\n    draggingType: null,\r\n    source: null,\r\n    destination: null,\r\n  });\r\n\r\n  useEffect(() => {\r\n    if (disabled) return;\r\n\r\n    const cleanup = monitorForElements({\r\n      onDragStart({ source }) {\r\n        const typeRaw = source.data.type as string;\r\n        const id = source.data.id as string;\r\n        const columnId = source.data.columnId as string | undefined;\r\n        const index = source.data.index as number;\r\n\r\n        const type: 'CARD' | 'COLUMN' = typeRaw === KANBAN_CARD ? 'CARD' : 'COLUMN';\r\n\r\n        const sourceLocation: DragLocation = {\r\n          columnId: type === 'CARD' ? columnId : undefined,\r\n          index,\r\n        };\r\n\r\n        setDragState({\r\n          draggingId: id,\r\n          draggingType: type,\r\n          source: sourceLocation,\r\n          destination: sourceLocation,\r\n        });\r\n\r\n        onDragStart?.({ id, type });\r\n      },\r\n\r\n      onDrop({ source, location }) {\n        const sourceType = source.data.type as string;\n        const sourceId = source.data.id as string;\n        const sourceIndex = source.data.index as number;\n        const sourceColumnId = source.data.columnId as string | undefined;\n\r\n        // Find the drop target\r\n        const dropTargets = location.current.dropTargets;\r\n\r\n        let destination: DragLocation | undefined;\r\n\r\n        if (sourceType === KANBAN_CARD) {\n          // Card drop - find column drop target\n          const columnTarget = dropTargets.find((target) =>\n            target.data.type === 'kanban-column-drop-zone'\n          );\n\n          if (columnTarget) {\n            const destColumnId = columnTarget.data.columnId as string;\n            const sourceColumn = state.columns.find((column) => column.id === sourceColumnId);\n            const destColumn = state.columns.find((column) => column.id === destColumnId);\n            if (sourceColumn && destColumn) {\n              const cardTarget = dropTargets.find((target) =>\n                target.data.type === KANBAN_CARD && target.data.id !== sourceId\n              );\n\n              let rawDestinationIndex = destColumn.cardIds.length;\n              if (cardTarget) {\n                // Dropping on another card\n                const destIndex = cardTarget.data.index as number;\n                const edge = extractClosestEdge(cardTarget.data);\n                rawDestinationIndex = edge === 'bottom' ? destIndex + 1 : destIndex;\n              }\n\n              const isSameColumn = sourceColumnId === destColumnId;\n              const normalizedIndex = normalizeReorderDestinationIndex({\n                itemCount: isSameColumn ? sourceColumn.cardIds.length : destColumn.cardIds.length,\n                sourceIndex,\n                rawDestinationIndex,\n                isSameList: isSameColumn,\n              });\n\n              destination = {\n                columnId: destColumnId,\n                index: normalizedIndex,\n              };\n            }\n          }\n        } else if (sourceType === KANBAN_COLUMN) {\n          // Column drop\n          const columnTarget = dropTargets.find((target) =>\n            target.data.type === KANBAN_COLUMN && target.data.id !== sourceId\n          );\n\n          if (columnTarget) {\n            const destIndex = columnTarget.data.index as number;\n            const edge = extractClosestEdge(columnTarget.data);\n            const rawDestinationIndex =\n              edge === 'bottom' || edge === 'right' ? destIndex + 1 : destIndex;\n\n            destination = {\n              index: normalizeReorderDestinationIndex({\n                itemCount: state.columns.length,\n                sourceIndex,\n                rawDestinationIndex,\n                isSameList: true,\n              }),\n            };\n          }\n        }\n\r\n        const result: DropResult = {\r\n          type: sourceType === KANBAN_CARD ? 'CARD' : 'COLUMN',\r\n          source: {\r\n            columnId: sourceColumnId,\r\n            index: sourceIndex,\r\n          },\r\n          destination,\r\n          draggableId: sourceId,\r\n        };\r\n\r\n        setDragState({\r\n          draggingId: null,\r\n          draggingType: null,\r\n          source: null,\r\n          destination: null,\r\n        });\r\n\r\n        onDragEnd(result, state);\r\n      },\r\n    });\r\n\r\n    return cleanup;\r\n  }, [disabled, onDragStart, onDragEnd, state]);\r\n\r\n  return dragState;\r\n}\r\n","/**\r\n * Autoscroll Hook\r\n *\r\n * Automatically scrolls containers when dragging near edges.\r\n */\r\n\r\nimport { useEffect, useRef, useCallback } from 'react';\r\nimport type { AutoscrollConfig } from '../types';\r\nimport { isNearEdge, calculateScrollSpeed } from '../utils/dndMath';\r\nimport { getScrollParent, scrollBy, isScrollable } from '../utils/dom';\r\n\r\nconst DEFAULT_CONFIG: AutoscrollConfig = {\r\n  threshold: 50, // px from edge\r\n  maxSpeed: 20, // px per frame\r\n  enabled: true,\r\n};\r\n\r\n/**\r\n * Hook for autoscrolling containers during drag\r\n */\r\nexport function useAutoscroll(\r\n  containerRef: React.RefObject<HTMLElement>,\r\n  isDragging: boolean,\r\n  config: Partial<AutoscrollConfig> = {}\r\n) {\r\n  const { threshold, maxSpeed, enabled } = { ...DEFAULT_CONFIG, ...config };\r\n  const rafRef = useRef<number>();\r\n  const lastMousePosRef = useRef<{ x: number; y: number } | null>(null);\r\n\r\n  const handleMouseMove = useCallback(\r\n    (event: MouseEvent) => {\r\n      lastMousePosRef.current = { x: event.clientX, y: event.clientY };\r\n    },\r\n    []\r\n  );\r\n\r\n  const performScroll = useCallback(() => {\r\n    if (!enabled || !isDragging || !containerRef.current || !lastMousePosRef.current) {\r\n      return;\r\n    }\r\n\r\n    const container = containerRef.current;\r\n    const scrollParent = getScrollParent(container);\r\n    if (!scrollParent) return;\r\n\r\n    const rect = scrollParent.getBoundingClientRect();\r\n    const mousePos = lastMousePosRef.current;\r\n    const scrollability = isScrollable(scrollParent);\r\n\r\n    const nearEdge = isNearEdge(mousePos, rect, threshold);\r\n\r\n    if (nearEdge.edge) {\r\n      const speed = calculateScrollSpeed(nearEdge.distance, threshold, maxSpeed);\r\n\r\n      const delta = { x: 0, y: 0 };\r\n\r\n      if (scrollability.vertical) {\r\n        if (nearEdge.edge === 'top') {\r\n          delta.y = -speed;\r\n        } else if (nearEdge.edge === 'bottom') {\r\n          delta.y = speed;\r\n        }\r\n      }\r\n\r\n      if (scrollability.horizontal) {\r\n        if (nearEdge.edge === 'left') {\r\n          delta.x = -speed;\r\n        } else if (nearEdge.edge === 'right') {\r\n          delta.x = speed;\r\n        }\r\n      }\r\n\r\n      if (delta.x !== 0 || delta.y !== 0) {\r\n        scrollBy(scrollParent, delta);\r\n      }\r\n    }\r\n\r\n    rafRef.current = requestAnimationFrame(performScroll);\r\n  }, [enabled, isDragging, containerRef, threshold, maxSpeed]);\r\n\r\n  useEffect(() => {\r\n    if (!enabled || !isDragging) {\r\n      if (rafRef.current) {\r\n        cancelAnimationFrame(rafRef.current);\r\n        rafRef.current = undefined;\r\n      }\r\n      lastMousePosRef.current = null;\r\n      return;\r\n    }\r\n\r\n    window.addEventListener('mousemove', handleMouseMove);\r\n    rafRef.current = requestAnimationFrame(performScroll);\r\n\r\n    return () => {\r\n      window.removeEventListener('mousemove', handleMouseMove);\r\n      if (rafRef.current) {\r\n        cancelAnimationFrame(rafRef.current);\r\n      }\r\n    };\r\n  }, [enabled, isDragging, handleMouseMove, performScroll]);\r\n}\r\n","/**\r\n * Announcer Component\r\n *\r\n * Provides screen reader announcements for drag-and-drop operations.\r\n */\r\n\r\nimport React, { createContext, useContext, useEffect, useRef } from 'react';\r\n\r\ninterface AnnouncerContextValue {\r\n  announce: (message: string, politeness?: 'polite' | 'assertive') => void;\r\n}\r\n\r\nconst AnnouncerContext = createContext<AnnouncerContextValue | null>(null);\r\n\r\n/**\r\n * Hook to access the announcer context\r\n */\r\nexport function useAnnouncer(): AnnouncerContextValue {\r\n  const context = useContext(AnnouncerContext);\r\n  if (!context) {\r\n    throw new Error('useAnnouncer must be used within AnnouncerProvider');\r\n  }\r\n  return context;\r\n}\r\n\r\n/**\r\n * Props for AnnouncerProvider\r\n */\r\nexport interface AnnouncerProviderProps {\r\n  /** Child components */\r\n  children: React.ReactNode;\r\n  /** Default politeness level */\r\n  politeness?: 'polite' | 'assertive';\r\n}\r\n\r\n/**\r\n * Provider component that creates a live region for screen reader announcements\r\n */\r\nexport function AnnouncerProvider({\r\n  children,\r\n  politeness = 'polite',\r\n}: AnnouncerProviderProps) {\r\n  const politeRef = useRef<HTMLDivElement>(null);\r\n  const assertiveRef = useRef<HTMLDivElement>(null);\r\n  const timeoutRef = useRef<NodeJS.Timeout>();\r\n\r\n  const announce = (message: string, announcePoliteness: 'polite' | 'assertive' = politeness) => {\r\n    const regionRef = announcePoliteness === 'assertive' ? assertiveRef : politeRef;\r\n\r\n    if (!regionRef.current) return;\r\n\r\n    // Clear existing timeout\r\n    if (timeoutRef.current) {\r\n      clearTimeout(timeoutRef.current);\r\n    }\r\n\r\n    // Clear the region first\r\n    regionRef.current.textContent = '';\r\n\r\n    // Set the new message after a brief delay to ensure screen readers pick it up\r\n    timeoutRef.current = setTimeout(() => {\r\n      if (regionRef.current) {\r\n        regionRef.current.textContent = message;\r\n      }\r\n    }, 100);\r\n  };\r\n\r\n  useEffect(() => {\r\n    return () => {\r\n      if (timeoutRef.current) {\r\n        clearTimeout(timeoutRef.current);\r\n      }\r\n    };\r\n  }, []);\r\n\r\n  const value: AnnouncerContextValue = {\r\n    announce,\r\n  };\r\n\r\n  return (\r\n    <AnnouncerContext.Provider value={value}>\r\n      {children}\r\n      {/* Polite live region */}\r\n      <div\r\n        ref={politeRef}\r\n        role=\"status\"\r\n        aria-live=\"polite\"\r\n        aria-atomic=\"true\"\r\n        style={{\r\n          position: 'absolute',\r\n          width: '1px',\r\n          height: '1px',\r\n          padding: '0',\r\n          margin: '-1px',\r\n          overflow: 'hidden',\r\n          clip: 'rect(0, 0, 0, 0)',\r\n          whiteSpace: 'nowrap',\r\n          border: '0',\r\n        }}\r\n      />\r\n      {/* Assertive live region */}\r\n      <div\r\n        ref={assertiveRef}\r\n        role=\"alert\"\r\n        aria-live=\"assertive\"\r\n        aria-atomic=\"true\"\r\n        style={{\r\n          position: 'absolute',\r\n          width: '1px',\r\n          height: '1px',\r\n          padding: '0',\r\n          margin: '-1px',\r\n          overflow: 'hidden',\r\n          clip: 'rect(0, 0, 0, 0)',\r\n          whiteSpace: 'nowrap',\r\n          border: '0',\r\n        }}\r\n      />\r\n    </AnnouncerContext.Provider>\r\n  );\r\n}\r\n\r\n/**\r\n * Generate announcement messages for different drag events\r\n */\r\nexport const announcements = {\r\n  onDragStart: (itemName: string, position: number, totalItems: number): string =>\r\n    `Picked up ${itemName}. Position ${position + 1} of ${totalItems}.`,\r\n\r\n  onDragMove: (itemName: string, newPosition: number, totalItems: number): string =>\r\n    `${itemName} moved to position ${newPosition + 1} of ${totalItems}.`,\r\n\r\n  onDragEnd: (itemName: string, from: string, to: string, position: number): string =>\r\n    from === to\r\n      ? `${itemName} dropped. Position ${position + 1} in ${to}.`\r\n      : `${itemName} moved from ${from} to ${to}. Position ${position + 1}.`,\r\n\r\n  onDragCancel: (itemName: string, column: string): string =>\r\n    `Drag cancelled. ${itemName} returned to ${column}.`,\r\n\r\n  onColumnMove: (columnName: string, position: number, totalColumns: number): string =>\r\n    `${columnName} moved to position ${position + 1} of ${totalColumns}.`,\r\n};\r\n","/**\r\n * Kanban Board Component\r\n *\r\n * High-level component that composes the Kanban board with all features.\r\n */\r\n\r\nimport React, { useMemo } from 'react';\nimport type { KanbanBoardProps, KanbanCard, KanbanColumn } from '../types';\nimport { KanbanContext } from '../context';\r\nimport { KanbanColumnView } from './KanbanColumnView';\r\nimport { KanbanCardView } from './KanbanCardView';\r\nimport { useKanbanDnd } from '../hooks/useKanbanDnd';\r\n\r\nexport function KanbanBoard({\r\n  state,\r\n  onDragEnd,\r\n  onDragStart,\r\n  renderColumn,\r\n  renderCard,\r\n  getCardKey,\r\n  getColumnKey,\r\n  isDragDisabled,\r\n  className,\r\n  style,\r\n}: KanbanBoardProps) {\r\n  const dragState = useKanbanDnd({\r\n    state,\r\n    onDragEnd,\r\n    onDragStart,\r\n    disabled: false,\r\n  });\r\n\r\n  const contextValue = useMemo(\r\n    () => ({\r\n      state,\r\n      dragState,\r\n      isDragDisabled,\r\n    }),\r\n    [state, dragState, isDragDisabled]\r\n  );\r\n\r\n  const defaultGetCardKey = (card: KanbanCard) => card.id;\n  const defaultGetColumnKey = (column: KanbanColumn) => column.id;\n\r\n  const cardKeyExtractor = getCardKey || defaultGetCardKey;\r\n  const columnKeyExtractor = getColumnKey || defaultGetColumnKey;\r\n\r\n  return (\r\n    <KanbanContext.Provider value={contextValue}>\r\n      <div\r\n        className={className}\r\n        style={{\r\n          display: 'flex',\r\n          gap: '16px',\r\n          ...style,\r\n        }}\r\n      >\r\n        {state.columns.map((column, columnIndex) => (\r\n          <KanbanColumnView\r\n            key={columnKeyExtractor(column)}\r\n            column={column}\r\n            cardIds={column.cardIds}\r\n            index={columnIndex}\r\n            isDragDisabled={isDragDisabled?.(column.id, 'COLUMN')}\r\n          >\r\n            {(columnProvided, columnSnapshot) => (\r\n              <div\n                ref={columnProvided.innerRef}\n                {...columnProvided.draggableProps}\n                style={{\n                  minWidth: '250px',\n                  display: 'flex',\r\n                  flexDirection: 'column',\r\n                  ...columnProvided.draggableProps.style,\r\n                }}\r\n              >\r\n                {/* Column header (draggable) */}\r\n                <div {...columnProvided.dragHandleProps}>\r\n                  {renderColumn(column, columnProvided, columnSnapshot)}\r\n                </div>\r\n\r\n                {/* Card drop zone */}\r\n                <div\n                  ref={columnProvided.dropZoneRef}\n                  style={{\n                    flex: 1,\n                    minHeight: '100px',\n                    display: 'flex',\r\n                    flexDirection: 'column',\r\n                    gap: '8px',\r\n                  }}\r\n                >\r\n                  {column.cardIds.map((cardId, cardIndex) => {\r\n                    const card = state.cards[cardId];\r\n                    if (!card) return null;\r\n\r\n                    return (\r\n                      <KanbanCardView\r\n                        key={cardKeyExtractor(card)}\r\n                        card={card}\r\n                        index={cardIndex}\r\n                        columnId={column.id}\r\n                        isDragDisabled={isDragDisabled?.(card.id, 'CARD')}\r\n                      >\r\n                        {(cardProvided, cardSnapshot) => (\n                          <div\n                            ref={cardProvided.innerRef}\n                            {...cardProvided.draggableProps}\n                            {...cardProvided.dragHandleProps}\n                          >\n                            {renderCard(card, cardProvided, cardSnapshot)}\r\n                          </div>\r\n                        )}\r\n                      </KanbanCardView>\r\n                    );\r\n                  })}\r\n                </div>\r\n              </div>\r\n            )}\r\n          </KanbanColumnView>\r\n        ))}\r\n      </div>\r\n    </KanbanContext.Provider>\r\n  );\r\n}\r\n","/**\r\n * DOM Utilities\r\n *\r\n * Helper functions for DOM measurements and manipulation.\r\n */\r\n\r\n/**\r\n * Safely get bounding client rect for an element\r\n */\r\nexport function getBoundingRect(element: HTMLElement | null): DOMRect | null {\r\n  if (!element) return null;\r\n  return element.getBoundingClientRect();\r\n}\r\n\r\n/**\r\n * Get scrollable parent of an element\r\n */\r\nexport function getScrollParent(element: HTMLElement | null): HTMLElement | null {\r\n  if (!element) return null;\r\n\r\n  let parent = element.parentElement;\r\n\r\n  while (parent) {\r\n    const { overflow, overflowY } = window.getComputedStyle(parent);\r\n    if (/(auto|scroll)/.test(overflow + overflowY)) {\r\n      return parent;\r\n    }\r\n    parent = parent.parentElement;\r\n  }\r\n\r\n  return document.documentElement as HTMLElement;\r\n}\r\n\r\n/**\r\n * Scroll an element by a delta\r\n */\r\nexport function scrollBy(\r\n  element: HTMLElement,\r\n  delta: { x?: number; y?: number }\r\n): void {\r\n  if (delta.x) {\r\n    element.scrollLeft += delta.x;\r\n  }\r\n  if (delta.y) {\r\n    element.scrollTop += delta.y;\r\n  }\r\n}\r\n\r\n/**\r\n * Check if an element is scrollable\r\n */\r\nexport function isScrollable(element: HTMLElement): {\r\n  vertical: boolean;\r\n  horizontal: boolean;\r\n} {\r\n  const { overflow, overflowY, overflowX } = window.getComputedStyle(element);\r\n\r\n  const hasVerticalScroll = /(auto|scroll)/.test(overflow + overflowY);\r\n  const hasHorizontalScroll = /(auto|scroll)/.test(overflow + overflowX);\r\n\r\n  return {\r\n    vertical: hasVerticalScroll && element.scrollHeight > element.clientHeight,\r\n    horizontal: hasHorizontalScroll && element.scrollWidth > element.clientWidth,\r\n  };\r\n}\r\n\r\n/**\r\n * Get element's scroll position\r\n */\r\nexport function getScrollPosition(element: HTMLElement): { x: number; y: number } {\r\n  if (element === document.documentElement) {\r\n    return {\r\n      x: window.pageXOffset || document.documentElement.scrollLeft,\r\n      y: window.pageYOffset || document.documentElement.scrollTop,\r\n    };\r\n  }\r\n\r\n  return {\r\n    x: element.scrollLeft,\r\n    y: element.scrollTop,\r\n  };\r\n}\r\n\r\n/**\r\n * Get maximum scroll for an element\r\n */\r\nexport function getMaxScroll(element: HTMLElement): { x: number; y: number } {\r\n  return {\r\n    x: element.scrollWidth - element.clientWidth,\r\n    y: element.scrollHeight - element.clientHeight,\r\n  };\r\n}\r\n\r\n/**\r\n * Clamp scroll position to valid range\r\n */\r\nexport function clampScroll(\r\n  scroll: { x: number; y: number },\r\n  maxScroll: { x: number; y: number }\r\n): { x: number; y: number } {\r\n  return {\r\n    x: Math.max(0, Math.min(scroll.x, maxScroll.x)),\r\n    y: Math.max(0, Math.min(scroll.y, maxScroll.y)),\r\n  };\r\n}\r\n\r\n/**\r\n * Get all data attributes from an element as an object\r\n */\r\nexport function getDataAttributes(element: HTMLElement): Record<string, string> {\r\n  const data: Record<string, string> = {};\r\n  for (const key in element.dataset) {\r\n    data[key] = element.dataset[key] || '';\r\n  }\r\n  return data;\r\n}\r\n\r\n/**\r\n * Find closest ancestor with a data attribute\r\n */\r\nexport function findClosestWithData(\r\n  element: HTMLElement | null,\r\n  dataKey: string\r\n): HTMLElement | null {\r\n  let current = element;\r\n  while (current) {\r\n    if (current.dataset[dataKey]) {\r\n      return current;\r\n    }\r\n    current = current.parentElement;\r\n  }\r\n  return null;\r\n}\r\n","/**\r\n * DnD Math Utilities\r\n *\r\n * Helper functions for collision detection and positioning calculations.\r\n */\r\n\r\n/**\r\n * Calculate the distance from a point to a rectangle's edges\r\n */\r\nexport function distanceToEdge(\r\n  point: { x: number; y: number },\r\n  rect: DOMRect\r\n): {\r\n  top: number;\r\n  right: number;\r\n  bottom: number;\r\n  left: number;\r\n} {\r\n  return {\r\n    top: point.y - rect.top,\r\n    right: rect.right - point.x,\r\n    bottom: rect.bottom - point.y,\r\n    left: point.x - rect.left,\r\n  };\r\n}\r\n\r\n/**\r\n * Get the closest edge of a rectangle to a point\r\n */\r\nexport function getClosestEdge(\r\n  point: { x: number; y: number },\r\n  rect: DOMRect\r\n): 'top' | 'right' | 'bottom' | 'left' {\r\n  const distances = distanceToEdge(point, rect);\r\n  const entries = Object.entries(distances) as Array<[keyof typeof distances, number]>;\r\n  const sorted = entries.sort((a, b) => a[1] - b[1]);\r\n  return sorted[0][0];\r\n}\r\n\r\n/**\r\n * Check if a point is within a threshold distance from an edge\r\n */\r\nexport function isNearEdge(\r\n  point: { x: number; y: number },\r\n  rect: DOMRect,\r\n  threshold: number\r\n): { edge: 'top' | 'right' | 'bottom' | 'left' | null; distance: number } {\r\n  const distances = distanceToEdge(point, rect);\r\n\r\n  for (const [edge, distance] of Object.entries(distances)) {\r\n    if (distance < threshold) {\r\n      return {\r\n        edge: edge as 'top' | 'right' | 'bottom' | 'left',\r\n        distance,\r\n      };\r\n    }\r\n  }\r\n\r\n  return { edge: null, distance: Infinity };\r\n}\r\n\r\n/**\r\n * Calculate scroll speed based on distance from edge\r\n * Closer to edge = faster scroll\r\n */\r\nexport function calculateScrollSpeed(\r\n  distance: number,\r\n  threshold: number,\r\n  maxSpeed: number\r\n): number {\r\n  if (distance >= threshold) return 0;\r\n  const ratio = (threshold - distance) / threshold;\r\n  return ratio * maxSpeed;\r\n}\r\n\r\n/**\r\n * Check if a point is inside a rectangle\r\n */\r\nexport function isPointInRect(point: { x: number; y: number }, rect: DOMRect): boolean {\r\n  return (\r\n    point.x >= rect.left &&\r\n    point.x <= rect.right &&\r\n    point.y >= rect.top &&\r\n    point.y <= rect.bottom\r\n  );\r\n}\r\n\r\n/**\r\n * Calculate the center point of a rectangle\r\n */\r\nexport function getRectCenter(rect: DOMRect): { x: number; y: number } {\r\n  return {\r\n    x: rect.left + rect.width / 2,\r\n    y: rect.top + rect.height / 2,\r\n  };\r\n}\r\n\r\n/**\r\n * Calculate vertical drop position based on mouse Y relative to element center\r\n */\r\nexport function getVerticalDropPosition(\r\n  mouseY: number,\r\n  elementRect: DOMRect\r\n): 'top' | 'bottom' {\r\n  const center = getRectCenter(elementRect);\r\n  return mouseY < center.y ? 'top' : 'bottom';\r\n}\r\n\r\n/**\r\n * Calculate horizontal drop position based on mouse X relative to element center\r\n */\r\nexport function getHorizontalDropPosition(\r\n  mouseX: number,\r\n  elementRect: DOMRect\r\n): 'left' | 'right' {\r\n  const center = getRectCenter(elementRect);\r\n  return mouseX < center.x ? 'left' : 'right';\r\n}\r\n"],"names":["KanbanContext","createContext","KANBAN_COLUMN","KanbanColumnView","column","cardIds","children","isDragDisabled","index","columnRef","useRef","dropZoneRef","isDragging","setIsDragging","useState","isDraggingOver","setIsDraggingOver","createDraggableColumn","useCallback","element","draggable","getInitialData","type","id","onDragStart","onDrop","createColumnDropTarget","dropTargetForElements","getData","input","data","attachClosestEdge","allowedEdges","canDrop","source","createCardDropZone","columnId","onDragEnter","onDragLeave","useEffect","columnElement","current","dropZoneElement","cleanups","forEach","cleanup","provided","draggableProps","style","opacity","undefined","dragHandleProps","tabIndex","role","title","length","innerRef","snapshot","React","createElement","Fragment","KANBAN_CARD","KanbanCardView","card","cardRef","createDraggable","createDropTarget","combine","reorderArray","list","startIndex","endIndex","result","Array","from","removed","splice","normalizeReorderDestinationIndex","params","itemCount","sourceIndex","rawDestinationIndex","isSameList","maxRaw","clampedRaw","Math","max","min","adjusted","maxFinal","useKanbanDnd","onDragEnd","state","disabled","dragState","setDragState","draggingId","draggingType","destination","monitorForElements","typeRaw","sourceLocation","location","sourceType","sourceId","sourceColumnId","dropTargets","columnTarget","find","target","destColumnId","sourceColumn","columns","destColumn","cardTarget","destIndex","extractClosestEdge","isSameColumn","normalizedIndex","edge","draggableId","DEFAULT_CONFIG","threshold","maxSpeed","enabled","AnnouncerContext","politeness","politeRef","assertiveRef","timeoutRef","clearTimeout","value","announce","message","announcePoliteness","regionRef","textContent","setTimeout","Provider","ref","position","width","height","padding","margin","overflow","clip","whiteSpace","border","renderColumn","renderCard","getCardKey","getColumnKey","className","contextValue","useMemo","cardKeyExtractor","columnKeyExtractor","Object","assign","display","gap","map","columnIndex","key","columnProvided","columnSnapshot","minWidth","flexDirection","flex","minHeight","cardId","cardIndex","cards","cardProvided","cardSnapshot","itemName","totalItems","onDragMove","newPosition","to","onDragCancel","onColumnMove","columnName","totalColumns","reorderColumns","col","newCardIds","reorderCardInColumn","newSourceCardIds","newDestCardIds","moveCardBetweenColumns","context","useContext","Error","containerRef","config","rafRef","lastMousePosRef","handleMouseMove","event","x","clientX","y","clientY","performScroll","scrollParent","parent","parentElement","overflowY","window","getComputedStyle","test","document","documentElement","getScrollParent","rect","getBoundingClientRect","mousePos","scrollability","overflowX","hasVerticalScroll","hasHorizontalScroll","vertical","scrollHeight","clientHeight","horizontal","scrollWidth","clientWidth","isScrollable","nearEdge","point","distances","top","right","bottom","left","distanceToEdge","distance","entries","Infinity","isNearEdge","speed","calculateScrollSpeed","delta","scrollLeft","scrollTop","scrollBy","requestAnimationFrame","addEventListener","removeEventListener","cancelAnimationFrame"],"mappings":"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"}

package/dist/src/components/DragDropList.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
 import type { DragDropListProps, DraggableItem } from "../types";
-export declare function DragDropList<T extends DraggableItem>({ items, onReorder, renderItem, containerClassName, containerStyle, itemClassName, itemStyle, dragPreviewClassName, dragPreviewStyle, onDragStart, onDragEnd, disabled, gap, direction, showDropIndicator, dropIndicatorClassName, dropIndicatorStyle, dropIndicatorPosition, }: DragDropListProps<T>): React.JSX.Element;
+export declare function DragDropList<T extends DraggableItem>({ items, onReorder, renderItem, containerClassName, containerStyle, itemClassName, itemStyle, dragPreviewClassName, dragPreviewStyle, onDragStart, onDragEnd, disabled, gap, direction, showDropIndicator, dropIndicatorClassName, dropIndicatorStyle, dropIndicatorPosition, dragHandle, selectedIds, multiDragEnabled, }: DragDropListProps<T>): React.JSX.Element;

package/dist/src/components/DraggableItemWrapper.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
 import type { DraggableItemWrapperProps, DraggableItem } from "../types";
-export declare function DraggableItemWrapper<T extends DraggableItem>({ item, index, children, className, style, dragPreviewClassName, dragPreviewStyle, onDragStart, onDragEnd, disabled, showDropIndicator, dropIndicatorClassName, dropIndicatorStyle, dropIndicatorPosition, }: DraggableItemWrapperProps<T>): React.JSX.Element;
+export declare function DraggableItemWrapper<T extends DraggableItem>({ item, index, children, className, style, dragPreviewClassName, dragPreviewStyle, onDragStart, onDragEnd, disabled, showDropIndicator, dropIndicatorClassName, dropIndicatorStyle, dropIndicatorPosition, direction, dragHandle, }: DraggableItemWrapperProps<T>): React.JSX.Element;

package/dist/src/hooks/useDragDropMonitor.d.ts

@@ -1,6 +1,9 @@
 import type { DraggableItem, OrderUpdate } from "../types";
-export declare function useDragDropMonitor<T extends DraggableItem>({ items, onReorder, disabled, }: {
+export declare function useDragDropMonitor<T extends DraggableItem>({ items, onReorder, disabled, direction, selectedIds, multiDragEnabled, }: {
     items: T[];
     onReorder: (newItems: T[], orderUpdates: OrderUpdate[]) => void;
     disabled?: boolean;
-}): import("@atlaskit/pragmatic-drag-and-drop/dist/types/internal-types").CleanupFn;
+    direction?: "vertical" | "horizontal";
+    selectedIds?: string[];
+    multiDragEnabled?: boolean;
+}): () => void;

package/dist/src/kanban/a11y/Announcer.d.ts

@@ -0,0 +1,37 @@
+/**
+ * Announcer Component
+ *
+ * Provides screen reader announcements for drag-and-drop operations.
+ */
+import React from 'react';
+interface AnnouncerContextValue {
+    announce: (message: string, politeness?: 'polite' | 'assertive') => void;
+}
+/**
+ * Hook to access the announcer context
+ */
+export declare function useAnnouncer(): AnnouncerContextValue;
+/**
+ * Props for AnnouncerProvider
+ */
+export interface AnnouncerProviderProps {
+    /** Child components */
+    children: React.ReactNode;
+    /** Default politeness level */
+    politeness?: 'polite' | 'assertive';
+}
+/**
+ * Provider component that creates a live region for screen reader announcements
+ */
+export declare function AnnouncerProvider({ children, politeness, }: AnnouncerProviderProps): React.JSX.Element;
+/**
+ * Generate announcement messages for different drag events
+ */
+export declare const announcements: {
+    onDragStart: (itemName: string, position: number, totalItems: number) => string;
+    onDragMove: (itemName: string, newPosition: number, totalItems: number) => string;
+    onDragEnd: (itemName: string, from: string, to: string, position: number) => string;
+    onDragCancel: (itemName: string, column: string) => string;
+    onColumnMove: (columnName: string, position: number, totalColumns: number) => string;
+};
+export {};

package/dist/src/kanban/a11y/useLiveRegion.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Live Region Hook
+ *
+ * Hook for announcing messages to screen readers.
+ */
+export interface LiveRegionOptions {
+    /** Politeness level for announcements */
+    politeness?: 'polite' | 'assertive';
+}
+/**
+ * Hook to announce messages to screen readers via live region
+ */
+export declare function useLiveRegion(options?: LiveRegionOptions): {
+    announce: (message: string, announcePoliteness?: "polite" | "assertive") => void;
+    clear: () => void;
+    cleanup: () => void;
+};

package/dist/src/kanban/components/KanbanBoard.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Kanban Board Component
+ *
+ * High-level component that composes the Kanban board with all features.
+ */
+import React from 'react';
+import type { KanbanBoardProps } from '../types';
+export declare function KanbanBoard({ state, onDragEnd, onDragStart, renderColumn, renderCard, getCardKey, getColumnKey, isDragDisabled, className, style, }: KanbanBoardProps): React.JSX.Element;

package/dist/src/kanban/components/KanbanCardView.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Kanban Card View (Headless)
+ *
+ * Headless component for rendering draggable cards.
+ */
+import React from 'react';
+import type { KanbanCardViewProps } from '../types';
+export declare function KanbanCardView({ card, children, isDragDisabled, index, columnId, }: KanbanCardViewProps): React.JSX.Element;

package/dist/src/kanban/components/KanbanColumnView.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Kanban Column View (Headless)
+ *
+ * Headless component for rendering draggable columns with drop zones.
+ */
+import React from 'react';
+import type { KanbanColumnViewProps } from '../types';
+export declare function KanbanColumnView({ column, cardIds, children, isDragDisabled, index, }: KanbanColumnViewProps): React.JSX.Element;

package/dist/src/kanban/context.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Kanban Board Context
+ *
+ * Internal context for sharing board state between components.
+ */
+import type { KanbanBoardState, KanbanDragState } from './types';
+export interface KanbanContextValue {
+    state: KanbanBoardState;
+    dragState: KanbanDragState;
+    isDragDisabled?: (id: string, type: 'CARD' | 'COLUMN') => boolean;
+}
+export declare const KanbanContext: import("react").Context<KanbanContextValue | null>;
+export declare function useKanbanContext(): KanbanContextValue;

package/dist/src/kanban/hooks/useAutoscroll.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Autoscroll Hook
+ *
+ * Automatically scrolls containers when dragging near edges.
+ */
+import type { AutoscrollConfig } from '../types';
+/**
+ * Hook for autoscrolling containers during drag
+ */
+export declare function useAutoscroll(containerRef: React.RefObject<HTMLElement>, isDragging: boolean, config?: Partial<AutoscrollConfig>): void;

package/dist/src/kanban/hooks/useKanbanDnd.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Core Kanban DnD Hook
+ *
+ * Main hook that manages drag-and-drop state for the Kanban board.
+ */
+import type { KanbanDragState, DropResult, KanbanBoardState } from '../types';
+export interface UseKanbanDndOptions {
+    onDragStart?: (draggable: {
+        id: string;
+        type: 'CARD' | 'COLUMN';
+    }) => void;
+    onDragEnd: (result: DropResult, stateBefore: KanbanBoardState) => void;
+    state: KanbanBoardState;
+    disabled?: boolean;
+}
+export declare function useKanbanDnd({ onDragStart, onDragEnd, state, disabled }: UseKanbanDndOptions): KanbanDragState;

package/dist/src/kanban/index.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Kanban Board Module
+ *
+ * A headless, accessible Kanban board implementation for React.
+ *
+ * @packageDocumentation
+ */
+export type { Id, KanbanCard, KanbanColumn, KanbanBoardState, DragLocation, DropResult, DragProvided, DragSnapshot, KanbanBoardProps, KanbanColumnViewProps, KanbanCardViewProps, AutoscrollConfig, LiveAnnouncement, } from './types';
+export { KanbanBoard } from './components/KanbanBoard';
+export { KanbanColumnView } from './components/KanbanColumnView';
+export { KanbanCardView } from './components/KanbanCardView';
+export { useKanbanDnd } from './hooks/useKanbanDnd';
+export { useAutoscroll } from './hooks/useAutoscroll';
+export { AnnouncerProvider, useAnnouncer, announcements } from './a11y/Announcer';
+export { applyDragResult, reorderArray } from './utils/reorder';

package/dist/src/kanban/types.d.ts

@@ -0,0 +1,187 @@
+/**
+ * Kanban Board Types
+ *
+ * Type definitions for the Kanban board feature.
+ * Follows a normalized state pattern for efficient cross-column operations.
+ */
+import type React from 'react';
+export type Id = string;
+/**
+ * Represents a single card in the Kanban board
+ */
+export interface KanbanCard {
+    /** Unique identifier for the card */
+    id: Id;
+    /** Card title */
+    title: string;
+    /** Additional custom fields */
+    [key: string]: any;
+}
+/**
+ * Represents a column in the Kanban board
+ */
+export interface KanbanColumn {
+    /** Unique identifier for the column */
+    id: Id;
+    /** Column title */
+    title: string;
+    /** Ordered list of card IDs in this column */
+    cardIds: Id[];
+    /** Additional custom fields */
+    [key: string]: any;
+}
+/**
+ * Normalized state structure for the Kanban board
+ * Separates column ordering from card data for efficient updates
+ */
+export interface KanbanBoardState {
+    /** Ordered list of columns */
+    columns: KanbanColumn[];
+    /** Flat lookup object for all cards (by ID) */
+    cards: Record<Id, KanbanCard>;
+}
+/**
+ * Location within the Kanban board
+ */
+export interface DragLocation {
+    /** Column ID (undefined for column reorder operations) */
+    columnId?: Id;
+    /** Index within the column or board */
+    index: number;
+}
+/**
+ * Result of a drag-and-drop operation
+ * Similar to react-beautiful-dnd's DropResult for migration compatibility
+ */
+export interface DropResult {
+    /** Type of draggable that was moved */
+    type: 'CARD' | 'COLUMN';
+    /** Source location before drag */
+    source: DragLocation;
+    /** Destination location after drop (undefined if canceled) */
+    destination?: DragLocation;
+    /** ID of the dragged item */
+    draggableId: Id;
+}
+/**
+ * Props provided to render functions with drag-and-drop state and handlers
+ */
+export interface DragProvided {
+    /** Props to spread on the draggable element */
+    draggableProps: React.HTMLAttributes<HTMLElement> & {
+        'data-draggable-id': Id;
+        'data-draggable-type': 'CARD' | 'COLUMN';
+    };
+    /** Props to spread on the drag handle element (can be same as draggable) */
+    dragHandleProps: React.HTMLAttributes<HTMLElement> & {
+        tabIndex: number;
+        role: string;
+        'aria-roledescription': string;
+    };
+    /** Ref to attach to the draggable element */
+    innerRef: React.RefObject<HTMLDivElement>;
+    /** Optional drop zone ref (used by column containers) */
+    dropZoneRef?: React.RefObject<HTMLDivElement>;
+}
+/**
+ * Snapshot of current drag state
+ */
+export interface DragSnapshot {
+    /** Whether this element is currently being dragged */
+    isDragging: boolean;
+    /** Whether a drag is happening over this drop zone */
+    isDraggingOver?: boolean;
+    /** ID of the item being dragged (if any) */
+    draggingId?: Id;
+}
+/**
+ * Props for KanbanBoard component
+ */
+export interface KanbanBoardProps {
+    /** Current board state (controlled) */
+    state: KanbanBoardState;
+    /** Callback fired when drag ends */
+    onDragEnd: (result: DropResult, stateBefore: KanbanBoardState) => void;
+    /** Callback fired when drag starts (optional) */
+    onDragStart?: (draggable: {
+        id: Id;
+        type: 'CARD' | 'COLUMN';
+    }) => void;
+    /** Render function for a column */
+    renderColumn: (column: KanbanColumn, provided: DragProvided, snapshot: DragSnapshot) => React.ReactNode;
+    /** Render function for a card */
+    renderCard: (card: KanbanCard, provided: DragProvided, snapshot: DragSnapshot) => React.ReactNode;
+    /** Custom key extractor for cards (default: card.id) */
+    getCardKey?: (card: KanbanCard) => string;
+    /** Custom key extractor for columns (default: column.id) */
+    getColumnKey?: (column: KanbanColumn) => string;
+    /** Callback to determine if a drag should be disabled */
+    isDragDisabled?: (id: Id, type: 'CARD' | 'COLUMN') => boolean;
+    /** Class name for the board container */
+    className?: string;
+    /** Inline styles for the board container */
+    style?: React.CSSProperties;
+}
+/**
+ * Props for KanbanColumnView (headless)
+ */
+export interface KanbanColumnViewProps {
+    /** Column data */
+    column: KanbanColumn;
+    /** Card IDs in this column */
+    cardIds: Id[];
+    /** Render prop with provided props and snapshot */
+    children: (provided: DragProvided, snapshot: DragSnapshot) => React.ReactNode;
+    /** Whether column dragging is disabled */
+    isDragDisabled?: boolean;
+    /** Column index in the board */
+    index: number;
+}
+/**
+ * Props for KanbanCardView (headless)
+ */
+export interface KanbanCardViewProps {
+    /** Card data */
+    card: KanbanCard;
+    /** Render prop with provided props and snapshot */
+    children: (provided: DragProvided, snapshot: DragSnapshot) => React.ReactNode;
+    /** Whether card dragging is disabled */
+    isDragDisabled?: boolean;
+    /** Card index within its column */
+    index: number;
+    /** Parent column ID */
+    columnId: Id;
+}
+/**
+ * Internal drag state managed by useKanbanDnd
+ */
+export interface KanbanDragState {
+    /** Currently dragging item ID */
+    draggingId: Id | null;
+    /** Type of item being dragged */
+    draggingType: 'CARD' | 'COLUMN' | null;
+    /** Source location */
+    source: DragLocation | null;
+    /** Current destination (updates during drag) */
+    destination: DragLocation | null;
+}
+/**
+ * Autoscroll configuration
+ */
+export interface AutoscrollConfig {
+    /** Distance from edge to trigger autoscroll (px) */
+    threshold: number;
+    /** Maximum scroll speed (px per frame) */
+    maxSpeed: number;
+    /** Whether autoscroll is enabled */
+    enabled: boolean;
+}
+/**
+ * Live region announcement
+ */
+export interface LiveAnnouncement {
+    /** Message to announce */
+    message: string;
+    /** Politeness level */
+    politeness: 'polite' | 'assertive';
+}

package/dist/src/kanban/utils/dndMath.d.ts

@@ -0,0 +1,61 @@
+/**
+ * DnD Math Utilities
+ *
+ * Helper functions for collision detection and positioning calculations.
+ */
+/**
+ * Calculate the distance from a point to a rectangle's edges
+ */
+export declare function distanceToEdge(point: {
+    x: number;
+    y: number;
+}, rect: DOMRect): {
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+};
+/**
+ * Get the closest edge of a rectangle to a point
+ */
+export declare function getClosestEdge(point: {
+    x: number;
+    y: number;
+}, rect: DOMRect): 'top' | 'right' | 'bottom' | 'left';
+/**
+ * Check if a point is within a threshold distance from an edge
+ */
+export declare function isNearEdge(point: {
+    x: number;
+    y: number;
+}, rect: DOMRect, threshold: number): {
+    edge: 'top' | 'right' | 'bottom' | 'left' | null;
+    distance: number;
+};
+/**
+ * Calculate scroll speed based on distance from edge
+ * Closer to edge = faster scroll
+ */
+export declare function calculateScrollSpeed(distance: number, threshold: number, maxSpeed: number): number;
+/**
+ * Check if a point is inside a rectangle
+ */
+export declare function isPointInRect(point: {
+    x: number;
+    y: number;
+}, rect: DOMRect): boolean;
+/**
+ * Calculate the center point of a rectangle
+ */
+export declare function getRectCenter(rect: DOMRect): {
+    x: number;
+    y: number;
+};
+/**
+ * Calculate vertical drop position based on mouse Y relative to element center
+ */
+export declare function getVerticalDropPosition(mouseY: number, elementRect: DOMRect): 'top' | 'bottom';
+/**
+ * Calculate horizontal drop position based on mouse X relative to element center
+ */
+export declare function getHorizontalDropPosition(mouseX: number, elementRect: DOMRect): 'left' | 'right';

package/dist/src/kanban/utils/dom.d.ts

@@ -0,0 +1,62 @@
+/**
+ * DOM Utilities
+ *
+ * Helper functions for DOM measurements and manipulation.
+ */
+/**
+ * Safely get bounding client rect for an element
+ */
+export declare function getBoundingRect(element: HTMLElement | null): DOMRect | null;
+/**
+ * Get scrollable parent of an element
+ */
+export declare function getScrollParent(element: HTMLElement | null): HTMLElement | null;
+/**
+ * Scroll an element by a delta
+ */
+export declare function scrollBy(element: HTMLElement, delta: {
+    x?: number;
+    y?: number;
+}): void;
+/**
+ * Check if an element is scrollable
+ */
+export declare function isScrollable(element: HTMLElement): {
+    vertical: boolean;
+    horizontal: boolean;
+};
+/**
+ * Get element's scroll position
+ */
+export declare function getScrollPosition(element: HTMLElement): {
+    x: number;
+    y: number;
+};
+/**
+ * Get maximum scroll for an element
+ */
+export declare function getMaxScroll(element: HTMLElement): {
+    x: number;
+    y: number;
+};
+/**
+ * Clamp scroll position to valid range
+ */
+export declare function clampScroll(scroll: {
+    x: number;
+    y: number;
+}, maxScroll: {
+    x: number;
+    y: number;
+}): {
+    x: number;
+    y: number;
+};
+/**
+ * Get all data attributes from an element as an object
+ */
+export declare function getDataAttributes(element: HTMLElement): Record<string, string>;
+/**
+ * Find closest ancestor with a data attribute
+ */
+export declare function findClosestWithData(element: HTMLElement | null, dataKey: string): HTMLElement | null;

package/dist/src/kanban/utils/reorder.d.ts

@@ -0,0 +1,38 @@
+/**
+ * Kanban Reorder Utilities
+ *
+ * Functions for reordering cards and columns in a Kanban board.
+ */
+import type { KanbanBoardState, DragLocation } from '../types';
+/**
+ * Reorder an array by moving an item from one index to another
+ */
+export declare function reorderArray<T>(list: T[], startIndex: number, endIndex: number): T[];
+export declare function normalizeReorderDestinationIndex(params: {
+    itemCount: number;
+    sourceIndex: number;
+    rawDestinationIndex: number;
+    isSameList: boolean;
+}): number;
+/**
+ * Move a card within the same column
+ */
+export declare function reorderCardInColumn(state: KanbanBoardState, columnId: string, startIndex: number, endIndex: number): KanbanBoardState;
+/**
+ * Move a card from one column to another
+ */
+export declare function moveCardBetweenColumns(state: KanbanBoardState, source: DragLocation, destination: DragLocation, cardId: string): KanbanBoardState;
+/**
+ * Reorder columns
+ */
+export declare function reorderColumns(state: KanbanBoardState, startIndex: number, endIndex: number): KanbanBoardState;
+/**
+ * Apply a drag result to the board state
+ * This is a convenience function that handles all reorder cases
+ */
+export declare function applyDragResult(state: KanbanBoardState, result: {
+    type: 'CARD' | 'COLUMN';
+    source: DragLocation;
+    destination?: DragLocation;
+    draggableId: string;
+}): KanbanBoardState;