react-dragdrop-kit 1.0.0 → 1.2.0

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/styles/defaultStyles.ts","../src/components/DraggableItemWrapper.tsx","../src/hooks/useDragDropMonitor.ts","../src/components/DragDropList.tsx"],"sourcesContent":["export const defaultStyles = {\r\n  container: {\r\n    default: {\r\n      minHeight: \"200px\",\r\n      transition: \"all 0.2s ease\",\r\n      borderRadius: \"8px\",\r\n      border: \"1px solid #e2e8f0\",\r\n      backgroundColor: \"#ffffff\",\r\n      display: \"flex\",\r\n      flexDirection: \"column\" as const,\r\n      gap: \"16px\",\r\n      padding: \"16px\",\r\n    },\r\n    dragging: {\r\n      backgroundColor: \"rgba(66, 153, 225, 0.05)\",\r\n      borderColor: \"#3182ce\",\r\n    },\r\n    horizontal: {\r\n      flexDirection: \"row\" as const,\r\n      flexWrap: \"wrap\" as const,\r\n    },\r\n  },\r\n  item: {\r\n    default: {\r\n      transition: \"all 0.2s ease\",\r\n      cursor: \"grab\",\r\n      userSelect: \"none\" as const,\r\n      position: \"relative\" as const,\r\n    },\r\n    dragging: {\r\n      opacity: 0.5,\r\n      cursor: \"grabbing\",\r\n    },\r\n    hover: {\r\n      transform: \"scale(1.02)\",\r\n      boxShadow: \"0 4px 6px rgba(0, 0, 0, 0.1)\",\r\n    },\r\n    disabled: {\r\n      cursor: \"not-allowed\",\r\n      opacity: 0.6,\r\n    },\r\n  },\r\n  preview: {\r\n    position: \"fixed\" as const,\r\n    pointerEvents: \"none\" as const,\r\n    zIndex: 9999,\r\n    opacity: 0.8,\r\n    transform: \"rotate(2deg)\",\r\n    boxShadow: \"0 10px 20px rgba(0, 0, 0, 0.15)\",\r\n  },\r\n  dropIndicator: {\r\n    position: \"absolute\" as const,\r\n    height: \"2px\",\r\n    backgroundColor: \"#3182ce\",\r\n    left: 0,\r\n    right: 0,\r\n    zIndex: 10,\r\n    transition: \"all 0.2s ease\",\r\n  },\r\n};\r\n","import React, { useEffect, useRef, useState, useCallback } from \"react\";\r\nimport { combine } from \"@atlaskit/pragmatic-drag-and-drop/combine\";\r\nimport {\r\n  draggable,\r\n  dropTargetForElements,\r\n} from \"@atlaskit/pragmatic-drag-and-drop/element/adapter\";\r\nimport type { DraggableItemWrapperProps, DraggableItem } from \"../types\";\r\nimport { defaultStyles } from \"../styles/defaultStyles\";\r\n\r\nconst DRAGGABLE_ITEM = \"draggable-item\";\r\n\r\nexport function DraggableItemWrapper<T extends DraggableItem>({\r\n  item,\r\n  index,\r\n  children,\r\n  className = \"\",\r\n  style = {},\r\n  dragPreviewClassName = \"\",\r\n  dragPreviewStyle = {},\r\n  onDragStart,\r\n  onDragEnd,\r\n  disabled = false,\r\n  showDropIndicator = false,\r\n  dropIndicatorClassName = \"\",\r\n  dropIndicatorStyle = {},\r\n}: DraggableItemWrapperProps<T>) {\r\n  const elementRef = useRef<HTMLDivElement>(null);\r\n  const [isDragging, setIsDragging] = useState(false);\r\n  const [isHovered, setIsHovered] = useState(false);\r\n  const [dropPosition, setDropPosition] = useState<\"top\" | \"bottom\" | null>(\r\n    null\r\n  );\r\n\r\n  const getItemStyles = (): React.CSSProperties => {\r\n    const baseStyle = { ...defaultStyles.item.default };\r\n\r\n    if (disabled) {\r\n      Object.assign(baseStyle, defaultStyles.item.disabled);\r\n    } else if (isDragging) {\r\n      Object.assign(baseStyle, defaultStyles.item.dragging);\r\n    } else if (isHovered) {\r\n      Object.assign(baseStyle, defaultStyles.item.hover);\r\n    }\r\n\r\n    return { ...baseStyle, ...style };\r\n  };\r\n\r\n  const getPreviewStyles = (): React.CSSProperties => {\r\n    return { ...defaultStyles.preview, ...dragPreviewStyle };\r\n  };\r\n\r\n  const createDraggable = useCallback(\r\n    (element: HTMLElement) => {\r\n      if (disabled) return () => {};\r\n\r\n      return draggable({\r\n        element,\r\n        getInitialData: () => ({\r\n          type: DRAGGABLE_ITEM,\r\n          id: item.id,\r\n          index,\r\n        }),\r\n        onGenerateDragPreview: ({ nativeSetDragImage }) => {\r\n          const previewElement = element.cloneNode(true) as HTMLElement;\r\n          const previewStyles = getPreviewStyles();\r\n\r\n          // Apply custom preview class if provided\r\n          if (dragPreviewClassName) {\r\n            previewElement.className = dragPreviewClassName;\r\n          }\r\n\r\n          Object.assign(previewElement.style, previewStyles, {\r\n            width: `${element?.offsetWidth || 100}px`,\r\n            height: `${element?.offsetHeight || 50}px`,\r\n          });\r\n\r\n          document.body.appendChild(previewElement);\r\n          if (nativeSetDragImage) {\r\n            nativeSetDragImage(previewElement, 20, 20);\r\n          }\r\n          requestAnimationFrame(() => previewElement.remove());\r\n        },\r\n        onDragStart: () => {\r\n          setIsDragging(true);\r\n          onDragStart?.(item, index);\r\n        },\r\n        onDrop: () => {\r\n          setIsDragging(false);\r\n          onDragEnd?.(item, index);\r\n        },\r\n      });\r\n    },\r\n    [\r\n      item,\r\n      index,\r\n      dragPreviewClassName,\r\n      dragPreviewStyle,\r\n      onDragStart,\r\n      onDragEnd,\r\n      disabled,\r\n    ]\r\n  );\r\n\r\n  const createDropTarget = useCallback(\r\n    (element: HTMLElement) => {\r\n      if (disabled) return () => {};\r\n\r\n      return dropTargetForElements({\r\n        element,\r\n        getData: () => ({\r\n          type: DRAGGABLE_ITEM,\r\n          id: item.id,\r\n          index,\r\n        }),\r\n        canDrop: (args: any) => args.source.data?.type === DRAGGABLE_ITEM,\r\n        getIsSticky: () => true,\r\n        onDragEnter: ({ source, self, location }: any) => {\r\n          if (source.data?.id !== self.data?.id) {\r\n            setIsHovered(true);\r\n            if (showDropIndicator) {\r\n              const edge = location.current.dropTargets[0]?.edge;\r\n              setDropPosition(edge === \"top\" ? \"top\" : \"bottom\");\r\n            }\r\n          }\r\n        },\r\n        onDragLeave: () => {\r\n          setIsHovered(false);\r\n          setDropPosition(null);\r\n        },\r\n        onDrop: () => {\r\n          setIsHovered(false);\r\n          setDropPosition(null);\r\n        },\r\n      });\r\n    },\r\n    [item.id, index, disabled, showDropIndicator]\r\n  );\r\n\r\n//   useEffect(() => {\r\n//     const element = elementRef.current;\r\n//     if (!element) return;\r\n\r\n//     element.setAttribute(\"data-index\", index.toString());\r\n\r\n//     if (!disabled) {\r\n//       return combine(createDraggable(element), createDropTarget(element));\r\n//     }\r\n//   }, [index, createDraggable, createDropTarget, disabled]);\r\n\r\n  useEffect(() => {\r\n    const element = elementRef.current;\r\n    if (!element) return;\r\n\r\n    element.setAttribute(\"data-index\", index.toString());\r\n\r\n    if (disabled) {\r\n      // provide a no-op cleanup to satisfy all code paths\r\n      return () => {};\r\n    }\r\n\r\n    // normal draggable + droptarget setup\r\n    return combine(createDraggable(element), createDropTarget(element));\r\n  }, [index, createDraggable, createDropTarget, disabled]);\r\n\r\n  return (\r\n    <div ref={elementRef} className={className} style={getItemStyles()}>\r\n      {showDropIndicator && dropPosition === \"top\" && (\r\n        <div\r\n          className={dropIndicatorClassName}\r\n          style={{\r\n            ...defaultStyles.dropIndicator,\r\n            ...dropIndicatorStyle,\r\n            top: -1,\r\n          }}\r\n        />\r\n      )}\r\n      {children}\r\n      {showDropIndicator && dropPosition === \"bottom\" && (\r\n        <div\r\n          className={dropIndicatorClassName}\r\n          style={{\r\n            ...defaultStyles.dropIndicator,\r\n            ...dropIndicatorStyle,\r\n            bottom: -1,\r\n          }}\r\n        />\r\n      )}\r\n    </div>\r\n  );\r\n}\r\n","import { monitorForElements } from \"@atlaskit/pragmatic-drag-and-drop/element/adapter\";\r\nimport { extractClosestEdge } from \"@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge\";\r\nimport type { DraggableItem, OrderUpdate } from \"../types\";\r\n\r\nexport function useDragDropMonitor<T extends DraggableItem>({\r\n  items,\r\n  onReorder,\r\n  disabled = false,\r\n}: {\r\n  items: T[];\r\n  onReorder: (newItems: T[], orderUpdates: OrderUpdate[]) => void;\r\n  disabled?: boolean;\r\n}) {\r\n  if (disabled) {\r\n    return () => {};\r\n  }\r\n\r\n  const reorder = (list: T[], startIndex: number, endIndex: number) => {\r\n    const result = Array.from(list);\r\n    const [removed] = result.splice(startIndex, 1);\r\n    result.splice(endIndex, 0, removed);\r\n    return result;\r\n  };\r\n\r\n  const calculateOrderUpdates = (\r\n    oldItems: T[],\r\n    newItems: T[]\r\n  ): OrderUpdate[] => {\r\n    const affectedItems = newItems.filter(\r\n      (item, index) => item.id !== oldItems[index]?.id\r\n    );\r\n    const orderList = affectedItems\r\n      .slice()\r\n      .sort((a, b) => a.position - b.position)\r\n      .map((item) => item.position);\r\n\r\n    return affectedItems.map((item, index) => ({\r\n      id: item.id,\r\n      newPosition: orderList[index],\r\n    }));\r\n  };\r\n\r\n  const handleDrop = ({ location, source }: any) => {\r\n    const sourceIndex = source.data?.index as number;\r\n    if (sourceIndex === undefined) return;\r\n\r\n    const { dropTargets } = location.current;\r\n    const destinationTarget = dropTargets.find(\r\n      (target: any) =>\r\n        target.data?.type === \"draggable-item\" &&\r\n        target.data?.id !== source.data?.id\r\n    );\r\n\r\n    if (!destinationTarget) return;\r\n\r\n    const edge = extractClosestEdge(destinationTarget);\r\n    const targetIndex = Number(\r\n      destinationTarget.element.getAttribute(\"data-index\")\r\n    );\r\n    const destinationIndex = edge === \"bottom\" ? targetIndex + 1 : targetIndex;\r\n\r\n    if (sourceIndex !== destinationIndex) {\r\n      const oldItems = [...items];\r\n      const newItems = reorder(items, sourceIndex, destinationIndex);\r\n      const orderUpdates = calculateOrderUpdates(oldItems, newItems);\r\n      onReorder(newItems, orderUpdates);\r\n    }\r\n  };\r\n\r\n  return monitorForElements({\r\n    onDrop: handleDrop,\r\n  });\r\n}\r\n","import React, { useEffect, useRef, useState, useCallback } from \"react\";\r\nimport { combine } from \"@atlaskit/pragmatic-drag-and-drop/combine\";\r\nimport { dropTargetForElements } from \"@atlaskit/pragmatic-drag-and-drop/element/adapter\";\r\nimport { DraggableItemWrapper } from \"./DraggableItemWrapper\";\r\nimport type { DragDropListProps, DraggableItem } from \"../types\";\r\nimport { useDragDropMonitor } from \"../hooks/useDragDropMonitor\";\r\nimport { defaultStyles } from \"../styles/defaultStyles\";\r\n\r\nexport function DragDropList<T extends DraggableItem>({\r\n  items,\r\n  onReorder,\r\n  renderItem,\r\n  containerClassName = \"\",\r\n  containerStyle = {},\r\n  itemClassName = \"\",\r\n  itemStyle = {},\r\n  dragPreviewClassName = \"\",\r\n  dragPreviewStyle = {},\r\n  onDragStart,\r\n  onDragEnd,\r\n  disabled = false,\r\n  gap,\r\n  direction = \"vertical\",\r\n  showDropIndicator = false,\r\n  dropIndicatorClassName = \"\",\r\n  dropIndicatorStyle = {},\r\n}: DragDropListProps<T>) {\r\n  const containerRef = useRef<HTMLDivElement>(null);\r\n  const monitor = useDragDropMonitor({ items, onReorder, disabled });\r\n  const [isDraggingOver, setIsDraggingOver] = useState(false);\r\n\r\n  const getContainerStyles = (): React.CSSProperties => {\r\n    const baseStyle = { ...defaultStyles.container.default };\r\n\r\n    if (direction === \"horizontal\") {\r\n      Object.assign(baseStyle, defaultStyles.container.horizontal);\r\n    }\r\n\r\n    if (isDraggingOver) {\r\n      Object.assign(baseStyle, defaultStyles.container.dragging);\r\n    }\r\n\r\n    if (gap !== undefined) {\r\n      baseStyle.gap = typeof gap === \"number\" ? `${gap}px` : gap;\r\n    }\r\n\r\n    return { ...baseStyle, ...containerStyle };\r\n  };\r\n\r\n  const createDropTarget = useCallback(\r\n    (element: HTMLElement) => {\r\n      if (disabled) return () => {};\r\n\r\n      return dropTargetForElements({\r\n        element,\r\n        getData: () => ({ type: \"container\" }),\r\n        onDragEnter: () => setIsDraggingOver(true),\r\n        onDragLeave: () => setIsDraggingOver(false),\r\n        onDrop: () => setIsDraggingOver(false),\r\n      });\r\n    },\r\n    [disabled]\r\n  );\r\n\r\n  useEffect(() => {\r\n    const element = containerRef.current;\r\n    if (!element || disabled) return;\r\n\r\n    return combine(createDropTarget(element), monitor);\r\n  }, [createDropTarget, monitor, disabled]);\r\n\r\n  return (\r\n    <div\r\n      ref={containerRef}\r\n      className={containerClassName}\r\n      style={getContainerStyles()}\r\n    >\r\n      {items.map((item, index) => (\r\n        <DraggableItemWrapper\r\n          key={item.id}\r\n          item={item}\r\n          index={index}\r\n          className={itemClassName}\r\n          style={itemStyle}\r\n          dragPreviewClassName={dragPreviewClassName}\r\n          dragPreviewStyle={dragPreviewStyle}\r\n          onDragStart={onDragStart}\r\n          onDragEnd={onDragEnd}\r\n          disabled={disabled}\r\n          showDropIndicator={showDropIndicator}\r\n          dropIndicatorClassName={dropIndicatorClassName}\r\n          dropIndicatorStyle={dropIndicatorStyle}\r\n        >\r\n          {renderItem(item, index)}\r\n        </DraggableItemWrapper>\r\n      ))}\r\n    </div>\r\n  );\r\n}\r\n"],"names":["defaultStyles","container","default","minHeight","transition","borderRadius","border","backgroundColor","display","flexDirection","gap","padding","dragging","borderColor","horizontal","flexWrap","item","cursor","userSelect","position","opacity","hover","transform","boxShadow","disabled","preview","pointerEvents","zIndex","dropIndicator","height","left","right","DRAGGABLE_ITEM","DraggableItemWrapper","index","children","className","style","dragPreviewClassName","dragPreviewStyle","onDragStart","onDragEnd","showDropIndicator","dropIndicatorClassName","dropIndicatorStyle","elementRef","useRef","isDragging","setIsDragging","useState","isHovered","setIsHovered","dropPosition","setDropPosition","createDraggable","useCallback","element","draggable","getInitialData","type","id","onGenerateDragPreview","nativeSetDragImage","previewElement","cloneNode","previewStyles","Object","assign","width","offsetWidth","offsetHeight","document","body","appendChild","requestAnimationFrame","remove","onDrop","createDropTarget","dropTargetForElements","getData","canDrop","args","_a","source","data","getIsSticky","onDragEnter","self","location","_b","edge","_c","current","dropTargets","onDragLeave","useEffect","setAttribute","toString","combine","React","createElement","ref","baseStyle","getItemStyles","top","bottom","useDragDropMonitor","items","onReorder","monitorForElements","sourceIndex","undefined","destinationTarget","find","target","extractClosestEdge","targetIndex","Number","getAttribute","destinationIndex","oldItems","newItems","list","startIndex","endIndex","result","Array","from","removed","splice","reorder","orderUpdates","affectedItems","filter","orderList","slice","sort","a","b","map","newPosition","calculateOrderUpdates","renderItem","containerClassName","containerStyle","itemClassName","itemStyle","direction","containerRef","monitor","isDraggingOver","setIsDraggingOver","getContainerStyles","key"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../src/styles/defaultStyles.ts","../src/components/DraggableItemWrapper.tsx","../src/hooks/useDragDropMonitor.ts","../src/utils/order.ts","../src/components/DragDropList.tsx"],"sourcesContent":["export const defaultStyles = {\r\n  container: {\r\n    default: {\r\n      minHeight: \"200px\",\r\n      transition: \"all 0.2s ease\",\r\n      borderRadius: \"8px\",\r\n      border: \"1px solid #e2e8f0\",\r\n      backgroundColor: \"#ffffff\",\r\n      display: \"flex\",\r\n      flexDirection: \"column\" as const,\r\n      gap: \"16px\",\r\n      padding: \"16px\",\r\n    },\r\n    dragging: {\r\n      backgroundColor: \"rgba(66, 153, 225, 0.05)\",\r\n      borderColor: \"#3182ce\",\r\n    },\r\n    horizontal: {\r\n      flexDirection: \"row\" as const,\r\n      flexWrap: \"wrap\" as const,\r\n    },\r\n  },\r\n  item: {\r\n    default: {\r\n      transition: \"all 0.2s ease\",\r\n      cursor: \"grab\",\r\n      userSelect: \"none\" as const,\r\n      position: \"relative\" as const,\r\n    },\r\n    dragging: {\r\n      opacity: 0.5,\r\n      cursor: \"grabbing\",\r\n    },\r\n    hover: {\r\n      transform: \"scale(1.02)\",\r\n      boxShadow: \"0 4px 6px rgba(0, 0, 0, 0.1)\",\r\n    },\r\n    disabled: {\r\n      cursor: \"not-allowed\",\r\n      opacity: 0.6,\r\n    },\r\n  },\r\n  preview: {\r\n    position: \"fixed\" as const,\r\n    pointerEvents: \"none\" as const,\r\n    zIndex: 9999,\r\n    opacity: 0.8,\r\n    transform: \"rotate(2deg)\",\r\n    boxShadow: \"0 10px 20px rgba(0, 0, 0, 0.15)\",\r\n  },\r\n  dropIndicator: {\r\n    position: \"absolute\" as const,\r\n    height: \"2px\",\r\n    backgroundColor: \"#3182ce\",\r\n    left: 0,\r\n    right: 0,\r\n    zIndex: 10,\r\n    transition: \"all 0.2s ease\",\r\n  },\r\n};\r\n","import React, { useEffect, useRef, useState, useCallback } from \"react\";\r\nimport { combine } from \"@atlaskit/pragmatic-drag-and-drop/combine\";\r\nimport {\r\n  draggable,\r\n  dropTargetForElements,\r\n} from \"@atlaskit/pragmatic-drag-and-drop/element/adapter\";\r\nimport type { DraggableItemWrapperProps, DraggableItem } from \"../types\";\r\nimport { defaultStyles } from \"../styles/defaultStyles\";\r\n\r\nconst DRAGGABLE_ITEM = \"draggable-item\";\r\n\r\nexport function DraggableItemWrapper<T extends DraggableItem>({\r\n  item,\r\n  index,\r\n  children,\r\n  className = \"\",\r\n  style = {},\r\n  dragPreviewClassName = \"\",\r\n  dragPreviewStyle = {},\r\n  onDragStart,\r\n  onDragEnd,\r\n  disabled = false,\r\n  showDropIndicator = false,\r\n  dropIndicatorClassName = \"\",\r\n  dropIndicatorStyle = {},\r\n  dropIndicatorPosition = \"bottom\",\r\n}: DraggableItemWrapperProps<T>) {\r\n  const elementRef = useRef<HTMLDivElement>(null);\r\n  const [isDragging, setIsDragging] = useState(false);\r\n  const [isHovered, setIsHovered] = useState(false);\r\n  const [dropPosition, setDropPosition] = useState<\"top\" | \"bottom\" | null>(\r\n    null\r\n  );\r\n\r\n  const getItemStyles = (): React.CSSProperties => {\r\n    const baseStyle = { ...defaultStyles.item.default };\r\n\r\n    if (disabled) {\r\n      Object.assign(baseStyle, defaultStyles.item.disabled);\r\n    } else if (isDragging) {\r\n      Object.assign(baseStyle, defaultStyles.item.dragging);\r\n    } else if (isHovered) {\r\n      Object.assign(baseStyle, defaultStyles.item.hover);\r\n    }\r\n\r\n    return { ...baseStyle, ...style };\r\n  };\r\n\r\n  const getPreviewStyles = (): React.CSSProperties => {\r\n    return { ...defaultStyles.preview, ...dragPreviewStyle };\r\n  };\r\n\r\n  const createDraggable = useCallback(\r\n    (element: HTMLElement) => {\r\n      if (disabled) return () => {};\r\n\r\n      return draggable({\r\n        element,\r\n        getInitialData: () => ({\r\n          type: DRAGGABLE_ITEM,\r\n          id: item.id,\r\n          index,\r\n        }),\r\n        onGenerateDragPreview: ({ nativeSetDragImage }) => {\r\n          const previewElement = element.cloneNode(true) as HTMLElement;\r\n          const previewStyles = getPreviewStyles();\r\n\r\n          // Apply custom preview class if provided\r\n          if (dragPreviewClassName) {\r\n            previewElement.className = dragPreviewClassName;\r\n          }\r\n\r\n          Object.assign(previewElement.style, previewStyles, {\r\n            width: `${element?.offsetWidth || 100}px`,\r\n            height: `${element?.offsetHeight || 50}px`,\r\n          });\r\n\r\n          document.body.appendChild(previewElement);\r\n          if (nativeSetDragImage) {\r\n            nativeSetDragImage(previewElement, 20, 20);\r\n          }\r\n          requestAnimationFrame(() => previewElement.remove());\r\n        },\r\n        onDragStart: () => {\r\n          setIsDragging(true);\r\n          onDragStart?.(item, index);\r\n        },\r\n        onDrop: () => {\r\n          setIsDragging(false);\r\n          onDragEnd?.(item, index);\r\n        },\r\n      });\r\n    },\r\n    [\r\n      item,\r\n      index,\r\n      dragPreviewClassName,\r\n      dragPreviewStyle,\r\n      onDragStart,\r\n      onDragEnd,\r\n      disabled,\r\n    ]\r\n  );\r\n\r\n  const createDropTarget = useCallback(\r\n    (element: HTMLElement) => {\r\n      if (disabled) return () => {};\r\n\r\n      return dropTargetForElements({\r\n        element,\r\n        getData: () => ({\r\n          type: DRAGGABLE_ITEM,\r\n          id: item.id,\r\n          index,\r\n        }),\r\n        canDrop: (args: any) => args.source.data?.type === DRAGGABLE_ITEM,\r\n        getIsSticky: () => true,\r\n        onDragEnter: ({ source, self }: any) => {\r\n          if (source.data?.id !== self.data?.id) {\r\n            setIsHovered(true);\r\n            if (showDropIndicator) {\r\n              setDropPosition(dropIndicatorPosition);\r\n            }\r\n          }\r\n        },\r\n        onDragLeave: () => {\r\n          setIsHovered(false);\r\n          setDropPosition(null);\r\n        },\r\n        onDrop: () => {\r\n          setIsHovered(false);\r\n          setDropPosition(null);\r\n        },\r\n      });\r\n    },\r\n    [item.id, index, disabled, showDropIndicator, dropIndicatorPosition]\r\n  );\r\n\r\n  useEffect(() => {\r\n    const element = elementRef.current;\r\n    if (!element) return;\r\n\r\n    element.setAttribute(\"data-index\", index.toString());\r\n\r\n    if (disabled) {\r\n      // provide a no-op cleanup to satisfy all code paths\r\n      return () => {};\r\n    }\r\n\r\n    // normal draggable + droptarget setup\r\n    return combine(createDraggable(element), createDropTarget(element));\r\n  }, [index, createDraggable, createDropTarget, disabled]);\r\n\r\n  return (\r\n    <div ref={elementRef} className={className} style={getItemStyles()}>\r\n      {showDropIndicator && dropPosition === \"top\" && (\r\n        <div\r\n          className={dropIndicatorClassName}\r\n          style={{\r\n            ...defaultStyles.dropIndicator,\r\n            ...dropIndicatorStyle,\r\n            top: -1,\r\n          }}\r\n        />\r\n      )}\r\n      {children}\r\n      {showDropIndicator && dropPosition === \"bottom\" && (\r\n        <div\r\n          className={dropIndicatorClassName}\r\n          style={{\r\n            ...defaultStyles.dropIndicator,\r\n            ...dropIndicatorStyle,\r\n            bottom: -1,\r\n          }}\r\n        />\r\n      )}\r\n    </div>\r\n  );\r\n}\r\n","import { monitorForElements } from \"@atlaskit/pragmatic-drag-and-drop/element/adapter\";\r\nimport { extractClosestEdge } from \"@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge\";\r\nimport type { DraggableItem, OrderUpdate } from \"../types\";\r\nimport { reorder, calculateOrderUpdates } from \"../utils/order\";\r\n\r\nexport function useDragDropMonitor<T extends DraggableItem>({\r\n  items,\r\n  onReorder,\r\n  disabled = false,\r\n}: {\r\n  items: T[];\r\n  onReorder: (newItems: T[], orderUpdates: OrderUpdate[]) => void;\r\n  disabled?: boolean;\r\n}) {\r\n  if (disabled) {\r\n    return () => {};\r\n  }\r\n\r\n\r\n  const handleDrop = ({ location, source }: any) => {\r\n    const sourceIndex = source.data?.index as number;\r\n    if (sourceIndex === undefined) return;\r\n\r\n    const { dropTargets } = location.current;\r\n    const destinationTarget = dropTargets.find(\r\n      (target: any) =>\r\n        target.data?.type === \"draggable-item\" &&\r\n        target.data?.id !== source.data?.id\r\n    );\r\n\r\n    if (!destinationTarget) return;\r\n\r\n    const edge = extractClosestEdge(destinationTarget);\r\n    const targetIndex = Number(\r\n      destinationTarget.element.getAttribute(\"data-index\")\r\n    );\r\n    const destinationIndex = edge === \"bottom\" ? targetIndex + 1 : targetIndex;\r\n\r\n    if (sourceIndex !== destinationIndex) {\r\n      const oldItems = [...items];\r\n      const newItems = reorder(items, sourceIndex, destinationIndex);\r\n      const orderUpdates = calculateOrderUpdates(oldItems, newItems);\r\n      onReorder(newItems, orderUpdates);\r\n    }\r\n  };\r\n\r\n  return monitorForElements({\r\n    onDrop: handleDrop,\r\n  });\r\n}\r\n","import type { DraggableItem, OrderUpdate } from '../types';\r\n\r\nexport function reorder<T>(list: T[], startIndex: number, endIndex: number): T[] {\r\n  const result = Array.from(list);\r\n  const [removed] = result.splice(startIndex, 1);\r\n  result.splice(endIndex, 0, removed);\r\n  return result;\r\n}\r\n\r\nexport function calculateOrderUpdates<T extends DraggableItem>(oldItems: T[], newItems: T[]): OrderUpdate[] {\r\n  const affected = newItems.filter((item, i) => item.id !== oldItems[i]?.id);\r\n  const orderList = affected.slice().sort((a, b) => a.position - b.position).map(i => i.position);\r\n  return affected.map((item, i) => ({ id: item.id, newPosition: orderList[i] }));\r\n}\r\n","import React, { useEffect, useRef, useState, useCallback } from \"react\";\r\nimport { combine } from \"@atlaskit/pragmatic-drag-and-drop/combine\";\r\nimport { dropTargetForElements } from \"@atlaskit/pragmatic-drag-and-drop/element/adapter\";\r\nimport { DraggableItemWrapper } from \"./DraggableItemWrapper\";\r\nimport type { DragDropListProps, DraggableItem } from \"../types\";\r\nimport { useDragDropMonitor } from \"../hooks/useDragDropMonitor\";\r\nimport { defaultStyles } from \"../styles/defaultStyles\";\r\n\r\nexport function DragDropList<T extends DraggableItem>({\r\n  items,\r\n  onReorder,\r\n  renderItem,\r\n  containerClassName = \"\",\r\n  containerStyle = {},\r\n  itemClassName = \"\",\r\n  itemStyle = {},\r\n  dragPreviewClassName = \"\",\r\n  dragPreviewStyle = {},\r\n  onDragStart,\r\n  onDragEnd,\r\n  disabled = false,\r\n  gap,\r\n  direction = \"vertical\",\r\n  showDropIndicator = false,\r\n  dropIndicatorClassName = \"\",\r\n  dropIndicatorStyle = {},\r\n  dropIndicatorPosition = \"bottom\",\r\n}: DragDropListProps<T>) {\r\n  const containerRef = useRef<HTMLDivElement>(null);\r\n  const monitor = useDragDropMonitor({ items, onReorder, disabled });\r\n  const [isDraggingOver, setIsDraggingOver] = useState(false);\r\n\r\n  const getContainerStyles = (): React.CSSProperties => {\r\n    const baseStyle = { ...defaultStyles.container.default };\r\n\r\n    if (direction === \"horizontal\") {\r\n      Object.assign(baseStyle, defaultStyles.container.horizontal);\r\n    }\r\n\r\n    if (isDraggingOver) {\r\n      Object.assign(baseStyle, defaultStyles.container.dragging);\r\n    }\r\n\r\n    if (gap !== undefined) {\r\n      baseStyle.gap = typeof gap === \"number\" ? `${gap}px` : gap;\r\n    }\r\n\r\n    return { ...baseStyle, ...containerStyle };\r\n  };\r\n\r\n  const createDropTarget = useCallback(\r\n    (element: HTMLElement) => {\r\n      if (disabled) return () => {};\r\n\r\n      return dropTargetForElements({\r\n        element,\r\n        getData: () => ({ type: \"container\" }),\r\n        onDragEnter: () => setIsDraggingOver(true),\r\n        onDragLeave: () => setIsDraggingOver(false),\r\n        onDrop: () => setIsDraggingOver(false),\r\n      });\r\n    },\r\n    [disabled]\r\n  );\r\n\r\n  useEffect(() => {\r\n    const element = containerRef.current;\r\n    if (!element || disabled) return;\r\n\r\n    return combine(createDropTarget(element), monitor);\r\n  }, [createDropTarget, monitor, disabled]);\r\n\r\n  return (\r\n    <div\r\n      ref={containerRef}\r\n      className={containerClassName}\r\n      style={getContainerStyles()}\r\n    >\r\n      {items.map((item, index) => (\r\n        <DraggableItemWrapper\r\n          key={item.id}\r\n          item={item}\r\n          index={index}\r\n          className={itemClassName}\r\n          style={itemStyle}\r\n          dragPreviewClassName={dragPreviewClassName}\r\n          dragPreviewStyle={dragPreviewStyle}\r\n          onDragStart={onDragStart}\r\n          onDragEnd={onDragEnd}\r\n          disabled={disabled}\r\n          showDropIndicator={showDropIndicator}\r\n          dropIndicatorClassName={dropIndicatorClassName}\r\n          dropIndicatorStyle={dropIndicatorStyle}\r\n          dropIndicatorPosition={dropIndicatorPosition}\r\n        >\r\n          {renderItem(item, index)}\r\n        </DraggableItemWrapper>\r\n      ))}\r\n    </div>\r\n  );\r\n}\r\n"],"names":["defaultStyles","container","default","minHeight","transition","borderRadius","border","backgroundColor","display","flexDirection","gap","padding","dragging","borderColor","horizontal","flexWrap","item","cursor","userSelect","position","opacity","hover","transform","boxShadow","disabled","preview","pointerEvents","zIndex","dropIndicator","height","left","right","DRAGGABLE_ITEM","DraggableItemWrapper","index","children","className","style","dragPreviewClassName","dragPreviewStyle","onDragStart","onDragEnd","showDropIndicator","dropIndicatorClassName","dropIndicatorStyle","dropIndicatorPosition","elementRef","useRef","isDragging","setIsDragging","useState","isHovered","setIsHovered","dropPosition","setDropPosition","createDraggable","useCallback","element","draggable","getInitialData","type","id","onGenerateDragPreview","nativeSetDragImage","previewElement","cloneNode","previewStyles","Object","assign","width","offsetWidth","offsetHeight","document","body","appendChild","requestAnimationFrame","remove","onDrop","createDropTarget","dropTargetForElements","getData","canDrop","args","_a","source","data","getIsSticky","onDragEnter","self","_b","onDragLeave","useEffect","current","setAttribute","toString","combine","React","createElement","ref","baseStyle","getItemStyles","top","bottom","useDragDropMonitor","items","onReorder","monitorForElements","location","sourceIndex","undefined","dropTargets","destinationTarget","find","target","_c","edge","extractClosestEdge","targetIndex","Number","getAttribute","destinationIndex","oldItems","newItems","list","startIndex","endIndex","result","Array","from","removed","splice","reorder","orderUpdates","affected","filter","i","orderList","slice","sort","a","b","map","newPosition","calculateOrderUpdates","renderItem","containerClassName","containerStyle","itemClassName","itemStyle","direction","containerRef","monitor","isDraggingOver","setIsDraggingOver","getContainerStyles","key"],"mappings":"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"}

package/dist/jest.setup.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/kanban.esm.js

@@ -0,0 +1,2 @@
+import e,{createContext as n,useRef as t,useState as r,useCallback as a,useEffect as o,useMemo as i,useContext as d}from"react";import{draggable as c,dropTargetForElements as l,monitorForElements as s}from"@atlaskit/pragmatic-drag-and-drop/element/adapter";import{attachClosestEdge as u,extractClosestEdge as g}from"@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge";import{combine as m}from"@atlaskit/pragmatic-drag-and-drop/combine";const p=n(null),f="kanban-column";function b({column:n,cardIds:i,children:d,isDragDisabled:s=!1,index:g}){const m=t(null),p=t(null),[b,x]=r(!1),[D,y]=r(!1),v=a(e=>s?()=>{}:c({element:e,getInitialData:()=>({type:f,id:n.id,index:g}),onDragStart:()=>x(!0),onDrop:()=>x(!1)}),[n.id,g,s]),I=a(e=>s?()=>{}:l({element:e,getData:({input:e,element:t})=>{const r={type:f,id:n.id,index:g};return u(r,{input:e,element:t,allowedEdges:["left","right"]})},canDrop:({source:e})=>e.data.type===f&&e.data.id!==n.id}),[n.id,g,s]),h=a(e=>l({element:e,getData:()=>({type:"kanban-column-drop-zone",columnId:n.id}),canDrop:({source:e})=>"kanban-card"===e.data.type,onDragEnter:()=>y(!0),onDragLeave:()=>y(!1),onDrop:()=>y(!1)}),[n.id]);o(()=>{const e=m.current,n=p.current;if(!e||!n)return;const t=[v(e),I(e),h(n)];return()=>{t.forEach(e=>e())}},[v,I,h]);const O={draggableProps:{"data-draggable-id":n.id,"data-draggable-type":"COLUMN",style:b?{opacity:.5}:void 0},dragHandleProps:{tabIndex:0,role:"button","aria-roledescription":"draggable column","aria-label":`${n.title}, press space to pick up`},innerRef:m},E={isDragging:b,isDraggingOver:D},w=Object.assign(Object.assign({},O),{dropZoneRef:p});return e.createElement(e.Fragment,null,d(w,E))}const x="kanban-card";function D({card:n,children:i,isDragDisabled:d=!1,index:s,columnId:g}){const p=t(null),[f,b]=r(!1),[D,y]=r(!1),v=a(e=>d?()=>{}:c({element:e,getInitialData:()=>({type:x,id:n.id,index:s,columnId:g}),onDragStart:()=>b(!0),onDrop:()=>b(!1)}),[n.id,s,g,d]),I=a(e=>d?()=>{}:l({element:e,getData:({input:e,element:t})=>{const r={type:x,id:n.id,index:s,columnId:g};return u(r,{input:e,element:t,allowedEdges:["top","bottom"]})},canDrop:({source:e})=>e.data.type===x&&e.data.id!==n.id,onDragEnter:()=>y(!0),onDragLeave:()=>y(!1),onDrop:()=>y(!1)}),[n.id,s,g,d]);o(()=>{const e=p.current;if(e&&!d)return m(v(e),I(e))},[v,I,d]);const h={draggableProps:{"data-draggable-id":n.id,"data-draggable-type":"CARD",style:f?{opacity:.5}:void 0},dragHandleProps:{tabIndex:0,role:"button","aria-roledescription":"draggable card","aria-label":`${n.title}, press space to pick up`},innerRef:p},O={isDragging:f,isDraggingOver:D};return e.createElement(e.Fragment,null,i(h,O))}const y="kanban-card",v="kanban-column";function I({onDragStart:e,onDragEnd:n,state:t,disabled:a}){const[i,d]=r({draggingId:null,draggingType:null,source:null,destination:null});return o(()=>{if(a)return;return s({onDragStart({source:n}){const t=n.data.type,r=n.data.id,a=n.data.columnId,o=n.data.index,i=t===y?"CARD":"COLUMN",c={columnId:"CARD"===i?a:void 0,index:o};d({draggingId:r,draggingType:i,source:c,destination:c}),null==e||e({id:r,type:i})},onDrop({source:e,location:r}){const a=e.data.type,o=e.data.id,i=e.data.index,c=e.data.columnId,l=r.current.dropTargets;let s;if(a===y){const e=l.find(e=>"kanban-column-drop-zone"===e.data.type);if(e){const n=e.data.columnId,t=l.find(e=>e.data.type===y&&e.data.id!==o);if(t){const e=t.data.index;s={columnId:n,index:"bottom"===g(t)?e+1:e}}else s={columnId:n,index:0}}}else if(a===v){const e=l.find(e=>e.data.type===v&&e.data.id!==o);if(e){const n=e.data.index,t=g(e);s={index:"bottom"===t||"right"===t?n+1:n}}}const u={type:a===y?"CARD":"COLUMN",source:{columnId:c,index:i},destination:s,draggableId:o};d({draggingId:null,draggingType:null,source:null,destination:null}),n(u,t)}})},[a,e,n,t]),i}function h({state:n,onDragEnd:t,onDragStart:r,renderColumn:a,renderCard:o,getCardKey:d,getColumnKey:c,isDragDisabled:l,className:s,style:u}){const g=I({state:n,onDragEnd:t,onDragStart:r,disabled:!1}),m=i(()=>({state:n,dragState:g,isDragDisabled:l}),[n,g,l]),f=d||(e=>e.id),x=c||(e=>e.id);return e.createElement(p.Provider,{value:m},e.createElement("div",{className:s,style:Object.assign({display:"flex",gap:"16px"},u)},n.columns.map((t,r)=>e.createElement(b,{key:x(t),column:t,cardIds:t.cardIds,index:r,isDragDisabled:null==l?void 0:l(t.id,"COLUMN")},(r,i)=>e.createElement("div",Object.assign({ref:r.innerRef},r.draggableProps,{style:Object.assign({minWidth:"250px",display:"flex",flexDirection:"column"},r.draggableProps.style)}),e.createElement("div",Object.assign({},r.dragHandleProps),a(t,r,i)),e.createElement("div",{ref:r.dropZoneRef,style:{flex:1,minHeight:"100px",display:"flex",flexDirection:"column",gap:"8px"}},t.cardIds.map((r,a)=>{const i=n.cards[r];return i?e.createElement(D,{key:f(i),card:i,index:a,columnId:t.id,isDragDisabled:null==l?void 0:l(i.id,"CARD")},(n,t)=>e.createElement("div",Object.assign({ref:n.innerRef},n.draggableProps,n.dragHandleProps),o(i,n,t))):null})))))))}const O={threshold:50,maxSpeed:20,enabled:!0};function E(e,n,r={}){const{threshold:i,maxSpeed:d,enabled:c}=Object.assign(Object.assign({},O),r),l=t(),s=t(null),u=a(e=>{s.current={x:e.clientX,y:e.clientY}},[]),g=a(()=>{if(!(c&&n&&e.current&&s.current))return;const t=function(e){if(!e)return null;let n=e.parentElement;for(;n;){const{overflow:e,overflowY:t}=window.getComputedStyle(n);if(/(auto|scroll)/.test(e+t))return n;n=n.parentElement}return document.documentElement}(e.current);if(!t)return;const r=t.getBoundingClientRect(),a=s.current,o=function(e){const{overflow:n,overflowY:t,overflowX:r}=window.getComputedStyle(e),a=/(auto|scroll)/.test(n+t),o=/(auto|scroll)/.test(n+r);return{vertical:a&&e.scrollHeight>e.clientHeight,horizontal:o&&e.scrollWidth>e.clientWidth}}(t),u=function(e,n,t){const r=function(e,n){return{top:e.y-n.top,right:n.right-e.x,bottom:n.bottom-e.y,left:e.x-n.left}}(e,n);for(const[e,n]of Object.entries(r))if(n<t)return{edge:e,distance:n};return{edge:null,distance:1/0}}(a,r,i);if(u.edge){const e=function(e,n,t){return e>=n?0:(n-e)/n*t}(u.distance,i,d),n={x:0,y:0};o.vertical&&("top"===u.edge?n.y=-e:"bottom"===u.edge&&(n.y=e)),o.horizontal&&("left"===u.edge?n.x=-e:"right"===u.edge&&(n.x=e)),0===n.x&&0===n.y||function(e,n){n.x&&(e.scrollLeft+=n.x),n.y&&(e.scrollTop+=n.y)}(t,n)}l.current=requestAnimationFrame(g)},[c,n,e,i,d]);o(()=>c&&n?(window.addEventListener("mousemove",u),l.current=requestAnimationFrame(g),()=>{window.removeEventListener("mousemove",u),l.current&&cancelAnimationFrame(l.current)}):(l.current&&(cancelAnimationFrame(l.current),l.current=void 0),void(s.current=null)),[c,n,u,g])}const w=n(null);function j(){const e=d(w);if(!e)throw new Error("useAnnouncer must be used within AnnouncerProvider");return e}function C({children:n,politeness:r="polite"}){const a=t(null),i=t(null),d=t();o(()=>()=>{d.current&&clearTimeout(d.current)},[]);const c={announce:(e,n=r)=>{const t="assertive"===n?i:a;t.current&&(d.current&&clearTimeout(d.current),t.current.textContent="",d.current=setTimeout(()=>{t.current&&(t.current.textContent=e)},100))}};return e.createElement(w.Provider,{value:c},n,e.createElement("div",{ref:a,role:"status","aria-live":"polite","aria-atomic":"true",style:{position:"absolute",width:"1px",height:"1px",padding:"0",margin:"-1px",overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",border:"0"}}),e.createElement("div",{ref:i,role:"alert","aria-live":"assertive","aria-atomic":"true",style:{position:"absolute",width:"1px",height:"1px",padding:"0",margin:"-1px",overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",border:"0"}}))}const $={onDragStart:(e,n,t)=>`Picked up ${e}. Position ${n+1} of ${t}.`,onDragMove:(e,n,t)=>`${e} moved to position ${n+1} of ${t}.`,onDragEnd:(e,n,t,r)=>n===t?`${e} dropped. Position ${r+1} in ${t}.`:`${e} moved from ${n} to ${t}. Position ${r+1}.`,onDragCancel:(e,n)=>`Drag cancelled. ${e} returned to ${n}.`,onColumnMove:(e,n,t)=>`${e} moved to position ${n+1} of ${t}.`};function P(e,n,t){const r=Array.from(e),[a]=r.splice(n,1);return r.splice(t,0,a),r}function k(e,n){if(!n.destination)return e;const{source:t,destination:r,type:a}=n;return"COLUMN"===a?t.index===r.index?e:function(e,n,t){return Object.assign(Object.assign({},e),{columns:P(e.columns,n,t)})}(e,t.index,r.index):"CARD"===a?t.columnId===r.columnId?t.index===r.index?e:function(e,n,t,r){const a=e.columns.find(e=>e.id===n);if(!a)return e;const o=P(a.cardIds,t,r);return Object.assign(Object.assign({},e),{columns:e.columns.map(e=>e.id===n?Object.assign(Object.assign({},e),{cardIds:o}):e)})}(e,t.columnId,t.index,r.index):function(e,n,t,r){const a=e.columns.find(e=>e.id===n.columnId),o=e.columns.find(e=>e.id===t.columnId);if(!a||!o)return e;const i=[...a.cardIds];i.splice(n.index,1);const d=[...o.cardIds];return d.splice(t.index,0,r),Object.assign(Object.assign({},e),{columns:e.columns.map(e=>e.id===n.columnId?Object.assign(Object.assign({},e),{cardIds:i}):e.id===t.columnId?Object.assign(Object.assign({},e),{cardIds:d}):e)})}(e,t,r,n.draggableId):e}export{C as AnnouncerProvider,h as KanbanBoard,D as KanbanCardView,b as KanbanColumnView,$ as announcements,k as applyDragResult,P as reorderArray,j as useAnnouncer,E as useAutoscroll,I as useKanbanDnd};
+//# sourceMappingURL=kanban.esm.js.map

package/dist/kanban.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kanban.esm.js","sources":["../src/kanban/context.ts","../src/kanban/components/KanbanColumnView.tsx","../src/kanban/components/KanbanCardView.tsx","../src/kanban/hooks/useKanbanDnd.ts","../src/kanban/components/KanbanBoard.tsx","../src/kanban/hooks/useAutoscroll.ts","../src/kanban/utils/dom.ts","../src/kanban/utils/dndMath.ts","../src/kanban/a11y/Announcer.tsx","../src/kanban/utils/reorder.ts"],"sourcesContent":["/**\n * Kanban Board Context\n *\n * Internal context for sharing board state between components.\n */\n\nimport { createContext, useContext } from 'react';\nimport type { KanbanBoardState, KanbanDragState } from './types';\n\nexport interface KanbanContextValue {\n  state: KanbanBoardState;\n  dragState: KanbanDragState;\n  isDragDisabled?: (id: string, type: 'CARD' | 'COLUMN') => boolean;\n}\n\nexport const KanbanContext = createContext<KanbanContextValue | null>(null);\n\nexport function useKanbanContext(): KanbanContextValue {\n  const context = useContext(KanbanContext);\n  if (!context) {\n    throw new Error('Kanban components must be used within KanbanBoard');\n  }\n  return context;\n}\n","/**\n * Kanban Column View (Headless)\n *\n * Headless component for rendering draggable columns with drop zones.\n */\n\nimport React, { useRef, useEffect, useState, useCallback } from 'react';\nimport { combine } from '@atlaskit/pragmatic-drag-and-drop/combine';\nimport { draggable, dropTargetForElements } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';\nimport { attachClosestEdge } from '@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge';\nimport type { KanbanColumnViewProps, DragProvided, DragSnapshot } from '../types';\n\nconst KANBAN_COLUMN = 'kanban-column';\nconst KANBAN_COLUMN_DROP_ZONE = 'kanban-column-drop-zone';\n\nexport function KanbanColumnView({\n  column,\n  cardIds,\n  children,\n  isDragDisabled = false,\n  index,\n}: KanbanColumnViewProps) {\n  const columnRef = useRef<HTMLDivElement>(null);\n  const dropZoneRef = useRef<HTMLDivElement>(null);\n  const [isDragging, setIsDragging] = useState(false);\n  const [isDraggingOver, setIsDraggingOver] = useState(false);\n\n  // Make column header draggable\n  const createDraggableColumn = useCallback(\n    (element: HTMLElement) => {\n      if (isDragDisabled) return () => {};\n\n      return draggable({\n        element,\n        getInitialData: () => ({\n          type: KANBAN_COLUMN,\n          id: column.id,\n          index,\n        }),\n        onDragStart: () => setIsDragging(true),\n        onDrop: () => setIsDragging(false),\n      });\n    },\n    [column.id, index, isDragDisabled]\n  );\n\n  // Make column header a drop target for column reordering\n  const createColumnDropTarget = useCallback(\n    (element: HTMLElement) => {\n      if (isDragDisabled) return () => {};\n\n      return dropTargetForElements({\n        element,\n        getData: ({ input, element }) => {\n          const data = { type: KANBAN_COLUMN, id: column.id, index };\n          return attachClosestEdge(data, { input, element, allowedEdges: ['left', 'right'] });\n        },\n        canDrop: ({ source }) => source.data.type === KANBAN_COLUMN && source.data.id !== column.id,\n      });\n    },\n    [column.id, index, isDragDisabled]\n  );\n\n  // Make card list area a drop zone for cards\n  const createCardDropZone = useCallback(\n    (element: HTMLElement) => {\n      return dropTargetForElements({\n        element,\n        getData: () => ({\n          type: KANBAN_COLUMN_DROP_ZONE,\n          columnId: column.id,\n        }),\n        canDrop: ({ source }) => source.data.type === 'kanban-card',\n        onDragEnter: () => setIsDraggingOver(true),\n        onDragLeave: () => setIsDraggingOver(false),\n        onDrop: () => setIsDraggingOver(false),\n      });\n    },\n    [column.id]\n  );\n\n  useEffect(() => {\n    const columnElement = columnRef.current;\n    const dropZoneElement = dropZoneRef.current;\n    if (!columnElement || !dropZoneElement) return;\n\n    const cleanups = [\n      createDraggableColumn(columnElement),\n      createColumnDropTarget(columnElement),\n      createCardDropZone(dropZoneElement),\n    ];\n\n    return () => {\n      cleanups.forEach((cleanup) => cleanup());\n    };\n  }, [createDraggableColumn, createColumnDropTarget, createCardDropZone]);\n\n  const provided: DragProvided = {\n    draggableProps: {\n      'data-draggable-id': column.id,\n      'data-draggable-type': 'COLUMN',\n      style: isDragging ? { opacity: 0.5 } : undefined,\n    },\n    dragHandleProps: {\n      tabIndex: 0,\n      role: 'button',\n      'aria-roledescription': 'draggable column',\n      'aria-label': `${column.title}, press space to pick up`,\n    },\n    innerRef: columnRef as React.RefObject<HTMLElement>,\n  };\n\n  const snapshot: DragSnapshot = {\n    isDragging,\n    isDraggingOver,\n  };\n\n  // Pass both refs through provided\n  const providedWithDropZone = {\n    ...provided,\n    dropZoneRef,\n  };\n\n  return <>{children(providedWithDropZone as any, snapshot)}</>;\n}\n","/**\n * Kanban Card View (Headless)\n *\n * Headless component for rendering draggable cards.\n */\n\nimport React, { useRef, useEffect, useState, useCallback } from 'react';\nimport { combine } from '@atlaskit/pragmatic-drag-and-drop/combine';\nimport { draggable, dropTargetForElements } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';\nimport { attachClosestEdge } from '@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge';\nimport type { KanbanCardViewProps, DragProvided, DragSnapshot } from '../types';\n\nconst KANBAN_CARD = 'kanban-card';\n\nexport function KanbanCardView({\n  card,\n  children,\n  isDragDisabled = false,\n  index,\n  columnId,\n}: KanbanCardViewProps) {\n  const cardRef = useRef<HTMLDivElement>(null);\n  const [isDragging, setIsDragging] = useState(false);\n  const [isDraggingOver, setIsDraggingOver] = useState(false);\n\n  const createDraggable = useCallback(\n    (element: HTMLElement) => {\n      if (isDragDisabled) return () => {};\n\n      return draggable({\n        element,\n        getInitialData: () => ({\n          type: KANBAN_CARD,\n          id: card.id,\n          index,\n          columnId,\n        }),\n        onDragStart: () => setIsDragging(true),\n        onDrop: () => setIsDragging(false),\n      });\n    },\n    [card.id, index, columnId, isDragDisabled]\n  );\n\n  const createDropTarget = useCallback(\n    (element: HTMLElement) => {\n      if (isDragDisabled) return () => {};\n\n      return dropTargetForElements({\n        element,\n        getData: ({ input, element }) => {\n          const data = { type: KANBAN_CARD, id: card.id, index, columnId };\n          return attachClosestEdge(data, { input, element, allowedEdges: ['top', 'bottom'] });\n        },\n        canDrop: ({ source }) => source.data.type === KANBAN_CARD && source.data.id !== card.id,\n        onDragEnter: () => setIsDraggingOver(true),\n        onDragLeave: () => setIsDraggingOver(false),\n        onDrop: () => setIsDraggingOver(false),\n      });\n    },\n    [card.id, index, columnId, isDragDisabled]\n  );\n\n  useEffect(() => {\n    const element = cardRef.current;\n    if (!element || isDragDisabled) return;\n\n    return combine(createDraggable(element), createDropTarget(element));\n  }, [createDraggable, createDropTarget, isDragDisabled]);\n\n  const provided: DragProvided = {\n    draggableProps: {\n      'data-draggable-id': card.id,\n      'data-draggable-type': 'CARD',\n      style: isDragging ? { opacity: 0.5 } : undefined,\n    },\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 as React.RefObject<HTMLElement>,\n  };\n\n  const snapshot: DragSnapshot = {\n    isDragging,\n    isDraggingOver,\n  };\n\n  return <>{children(provided, snapshot)}</>;\n}\n","/**\n * Core Kanban DnD Hook\n *\n * Main hook that manages drag-and-drop state for the Kanban board.\n */\n\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';\n\nconst KANBAN_CARD = 'kanban-card';\nconst KANBAN_COLUMN = 'kanban-column';\n\nexport interface UseKanbanDndOptions {\n  onDragStart?: (draggable: { id: string; type: 'CARD' | 'COLUMN' }) => void;\n  onDragEnd: (result: DropResult, stateBefore: KanbanBoardState) => void;\n  state: KanbanBoardState;\n  disabled?: boolean;\n}\n\nexport function useKanbanDnd({ onDragStart, onDragEnd, state, disabled }: UseKanbanDndOptions) {\n  const [dragState, setDragState] = useState<KanbanDragState>({\n    draggingId: null,\n    draggingType: null,\n    source: null,\n    destination: null,\n  });\n\n  useEffect(() => {\n    if (disabled) return;\n\n    const cleanup = monitorForElements({\n      onDragStart({ source }) {\n        const typeRaw = source.data.type as string;\n        const id = source.data.id as string;\n        const columnId = source.data.columnId as string | undefined;\n        const index = source.data.index as number;\n\n        const type: 'CARD' | 'COLUMN' = typeRaw === KANBAN_CARD ? 'CARD' : 'COLUMN';\n\n        const sourceLocation: DragLocation = {\n          columnId: type === 'CARD' ? columnId : undefined,\n          index,\n        };\n\n        setDragState({\n          draggingId: id,\n          draggingType: type,\n          source: sourceLocation,\n          destination: sourceLocation,\n        });\n\n        onDragStart?.({ id, type });\n      },\n\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\n        // Find the drop target\n        const dropTargets = location.current.dropTargets;\n\n        let destination: DragLocation | undefined;\n\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 cardTarget = dropTargets.find((target) =>\n              target.data.type === KANBAN_CARD && target.data.id !== sourceId\n            );\n\n            if (cardTarget) {\n              // Dropping on another card\n              const destIndex = cardTarget.data.index as number;\n              const edge = extractClosestEdge(cardTarget);\n\n              destination = {\n                columnId: destColumnId,\n                index: edge === 'bottom' ? destIndex + 1 : destIndex,\n              };\n            } else {\n              // Dropping in empty column\n              destination = {\n                columnId: destColumnId,\n                index: 0,\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);\n\n            destination = {\n              index: edge === 'bottom' || edge === 'right' ? destIndex + 1 : destIndex,\n            };\n          }\n        }\n\n        const result: DropResult = {\n          type: sourceType === KANBAN_CARD ? 'CARD' : 'COLUMN',\n          source: {\n            columnId: sourceColumnId,\n            index: sourceIndex,\n          },\n          destination,\n          draggableId: sourceId,\n        };\n\n        setDragState({\n          draggingId: null,\n          draggingType: null,\n          source: null,\n          destination: null,\n        });\n\n        onDragEnd(result, state);\n      },\n    });\n\n    return cleanup;\n  }, [disabled, onDragStart, onDragEnd, state]);\n\n  return dragState;\n}\n","/**\n * Kanban Board Component\n *\n * High-level component that composes the Kanban board with all features.\n */\n\nimport React, { useMemo } from 'react';\nimport type { KanbanBoardProps } from '../types';\nimport { KanbanContext } from '../context';\nimport { KanbanColumnView } from './KanbanColumnView';\nimport { KanbanCardView } from './KanbanCardView';\nimport { useKanbanDnd } from '../hooks/useKanbanDnd';\n\nexport function KanbanBoard({\n  state,\n  onDragEnd,\n  onDragStart,\n  renderColumn,\n  renderCard,\n  getCardKey,\n  getColumnKey,\n  isDragDisabled,\n  className,\n  style,\n}: KanbanBoardProps) {\n  const dragState = useKanbanDnd({\n    state,\n    onDragEnd,\n    onDragStart,\n    disabled: false,\n  });\n\n  const contextValue = useMemo(\n    () => ({\n      state,\n      dragState,\n      isDragDisabled,\n    }),\n    [state, dragState, isDragDisabled]\n  );\n\n  const defaultGetCardKey = (card: any) => card.id;\n  const defaultGetColumnKey = (column: any) => column.id;\n\n  const cardKeyExtractor = getCardKey || defaultGetCardKey;\n  const columnKeyExtractor = getColumnKey || defaultGetColumnKey;\n\n  return (\n    <KanbanContext.Provider value={contextValue}>\n      <div\n        className={className}\n        style={{\n          display: 'flex',\n          gap: '16px',\n          ...style,\n        }}\n      >\n        {state.columns.map((column, columnIndex) => (\n          <KanbanColumnView\n            key={columnKeyExtractor(column)}\n            column={column}\n            cardIds={column.cardIds}\n            index={columnIndex}\n            isDragDisabled={isDragDisabled?.(column.id, 'COLUMN')}\n          >\n            {(columnProvided, columnSnapshot) => (\n              <div\n                ref={columnProvided.innerRef as any}\n                {...columnProvided.draggableProps}\n                style={{\n                  minWidth: '250px',\n                  display: 'flex',\n                  flexDirection: 'column',\n                  ...columnProvided.draggableProps.style,\n                }}\n              >\n                {/* Column header (draggable) */}\n                <div {...columnProvided.dragHandleProps}>\n                  {renderColumn(column, columnProvided, columnSnapshot)}\n                </div>\n\n                {/* Card drop zone */}\n                <div\n                  ref={(columnProvided as any).dropZoneRef}\n                  style={{\n                    flex: 1,\n                    minHeight: '100px',\n                    display: 'flex',\n                    flexDirection: 'column',\n                    gap: '8px',\n                  }}\n                >\n                  {column.cardIds.map((cardId, cardIndex) => {\n                    const card = state.cards[cardId];\n                    if (!card) return null;\n\n                    return (\n                      <KanbanCardView\n                        key={cardKeyExtractor(card)}\n                        card={card}\n                        index={cardIndex}\n                        columnId={column.id}\n                        isDragDisabled={isDragDisabled?.(card.id, 'CARD')}\n                      >\n                        {(cardProvided, cardSnapshot) => (\n                          <div\n                            ref={cardProvided.innerRef as any}\n                            {...cardProvided.draggableProps}\n                            {...cardProvided.dragHandleProps}\n                          >\n                            {renderCard(card, cardProvided, cardSnapshot)}\n                          </div>\n                        )}\n                      </KanbanCardView>\n                    );\n                  })}\n                </div>\n              </div>\n            )}\n          </KanbanColumnView>\n        ))}\n      </div>\n    </KanbanContext.Provider>\n  );\n}\n","/**\n * Autoscroll Hook\n *\n * Automatically scrolls containers when dragging near edges.\n */\n\nimport { useEffect, useRef, useCallback } from 'react';\nimport type { AutoscrollConfig } from '../types';\nimport { isNearEdge, calculateScrollSpeed } from '../utils/dndMath';\nimport { getScrollParent, scrollBy, isScrollable } from '../utils/dom';\n\nconst DEFAULT_CONFIG: AutoscrollConfig = {\n  threshold: 50, // px from edge\n  maxSpeed: 20, // px per frame\n  enabled: true,\n};\n\n/**\n * Hook for autoscrolling containers during drag\n */\nexport function useAutoscroll(\n  containerRef: React.RefObject<HTMLElement>,\n  isDragging: boolean,\n  config: Partial<AutoscrollConfig> = {}\n) {\n  const { threshold, maxSpeed, enabled } = { ...DEFAULT_CONFIG, ...config };\n  const rafRef = useRef<number>();\n  const lastMousePosRef = useRef<{ x: number; y: number } | null>(null);\n\n  const handleMouseMove = useCallback(\n    (event: MouseEvent) => {\n      lastMousePosRef.current = { x: event.clientX, y: event.clientY };\n    },\n    []\n  );\n\n  const performScroll = useCallback(() => {\n    if (!enabled || !isDragging || !containerRef.current || !lastMousePosRef.current) {\n      return;\n    }\n\n    const container = containerRef.current;\n    const scrollParent = getScrollParent(container);\n    if (!scrollParent) return;\n\n    const rect = scrollParent.getBoundingClientRect();\n    const mousePos = lastMousePosRef.current;\n    const scrollability = isScrollable(scrollParent);\n\n    const nearEdge = isNearEdge(mousePos, rect, threshold);\n\n    if (nearEdge.edge) {\n      const speed = calculateScrollSpeed(nearEdge.distance, threshold, maxSpeed);\n\n      const delta = { x: 0, y: 0 };\n\n      if (scrollability.vertical) {\n        if (nearEdge.edge === 'top') {\n          delta.y = -speed;\n        } else if (nearEdge.edge === 'bottom') {\n          delta.y = speed;\n        }\n      }\n\n      if (scrollability.horizontal) {\n        if (nearEdge.edge === 'left') {\n          delta.x = -speed;\n        } else if (nearEdge.edge === 'right') {\n          delta.x = speed;\n        }\n      }\n\n      if (delta.x !== 0 || delta.y !== 0) {\n        scrollBy(scrollParent, delta);\n      }\n    }\n\n    rafRef.current = requestAnimationFrame(performScroll);\n  }, [enabled, isDragging, containerRef, threshold, maxSpeed]);\n\n  useEffect(() => {\n    if (!enabled || !isDragging) {\n      if (rafRef.current) {\n        cancelAnimationFrame(rafRef.current);\n        rafRef.current = undefined;\n      }\n      lastMousePosRef.current = null;\n      return;\n    }\n\n    window.addEventListener('mousemove', handleMouseMove);\n    rafRef.current = requestAnimationFrame(performScroll);\n\n    return () => {\n      window.removeEventListener('mousemove', handleMouseMove);\n      if (rafRef.current) {\n        cancelAnimationFrame(rafRef.current);\n      }\n    };\n  }, [enabled, isDragging, handleMouseMove, performScroll]);\n}\n","/**\n * DOM Utilities\n *\n * Helper functions for DOM measurements and manipulation.\n */\n\n/**\n * Safely get bounding client rect for an element\n */\nexport function getBoundingRect(element: HTMLElement | null): DOMRect | null {\n  if (!element) return null;\n  return element.getBoundingClientRect();\n}\n\n/**\n * Get scrollable parent of an element\n */\nexport function getScrollParent(element: HTMLElement | null): HTMLElement | null {\n  if (!element) return null;\n\n  let parent = element.parentElement;\n\n  while (parent) {\n    const { overflow, overflowY } = window.getComputedStyle(parent);\n    if (/(auto|scroll)/.test(overflow + overflowY)) {\n      return parent;\n    }\n    parent = parent.parentElement;\n  }\n\n  return document.documentElement as HTMLElement;\n}\n\n/**\n * Scroll an element by a delta\n */\nexport function scrollBy(\n  element: HTMLElement,\n  delta: { x?: number; y?: number }\n): void {\n  if (delta.x) {\n    element.scrollLeft += delta.x;\n  }\n  if (delta.y) {\n    element.scrollTop += delta.y;\n  }\n}\n\n/**\n * Check if an element is scrollable\n */\nexport function isScrollable(element: HTMLElement): {\n  vertical: boolean;\n  horizontal: boolean;\n} {\n  const { overflow, overflowY, overflowX } = window.getComputedStyle(element);\n\n  const hasVerticalScroll = /(auto|scroll)/.test(overflow + overflowY);\n  const hasHorizontalScroll = /(auto|scroll)/.test(overflow + overflowX);\n\n  return {\n    vertical: hasVerticalScroll && element.scrollHeight > element.clientHeight,\n    horizontal: hasHorizontalScroll && element.scrollWidth > element.clientWidth,\n  };\n}\n\n/**\n * Get element's scroll position\n */\nexport function getScrollPosition(element: HTMLElement): { x: number; y: number } {\n  if (element === document.documentElement) {\n    return {\n      x: window.pageXOffset || document.documentElement.scrollLeft,\n      y: window.pageYOffset || document.documentElement.scrollTop,\n    };\n  }\n\n  return {\n    x: element.scrollLeft,\n    y: element.scrollTop,\n  };\n}\n\n/**\n * Get maximum scroll for an element\n */\nexport function getMaxScroll(element: HTMLElement): { x: number; y: number } {\n  return {\n    x: element.scrollWidth - element.clientWidth,\n    y: element.scrollHeight - element.clientHeight,\n  };\n}\n\n/**\n * Clamp scroll position to valid range\n */\nexport function clampScroll(\n  scroll: { x: number; y: number },\n  maxScroll: { x: number; y: number }\n): { x: number; y: number } {\n  return {\n    x: Math.max(0, Math.min(scroll.x, maxScroll.x)),\n    y: Math.max(0, Math.min(scroll.y, maxScroll.y)),\n  };\n}\n\n/**\n * Get all data attributes from an element as an object\n */\nexport function getDataAttributes(element: HTMLElement): Record<string, string> {\n  const data: Record<string, string> = {};\n  for (const key in element.dataset) {\n    data[key] = element.dataset[key] || '';\n  }\n  return data;\n}\n\n/**\n * Find closest ancestor with a data attribute\n */\nexport function findClosestWithData(\n  element: HTMLElement | null,\n  dataKey: string\n): HTMLElement | null {\n  let current = element;\n  while (current) {\n    if (current.dataset[dataKey]) {\n      return current;\n    }\n    current = current.parentElement;\n  }\n  return null;\n}\n","/**\n * DnD Math Utilities\n *\n * Helper functions for collision detection and positioning calculations.\n */\n\n/**\n * Calculate the distance from a point to a rectangle's edges\n */\nexport function distanceToEdge(\n  point: { x: number; y: number },\n  rect: DOMRect\n): {\n  top: number;\n  right: number;\n  bottom: number;\n  left: number;\n} {\n  return {\n    top: point.y - rect.top,\n    right: rect.right - point.x,\n    bottom: rect.bottom - point.y,\n    left: point.x - rect.left,\n  };\n}\n\n/**\n * Get the closest edge of a rectangle to a point\n */\nexport function getClosestEdge(\n  point: { x: number; y: number },\n  rect: DOMRect\n): 'top' | 'right' | 'bottom' | 'left' {\n  const distances = distanceToEdge(point, rect);\n  const entries = Object.entries(distances) as Array<[keyof typeof distances, number]>;\n  const sorted = entries.sort((a, b) => a[1] - b[1]);\n  return sorted[0][0];\n}\n\n/**\n * Check if a point is within a threshold distance from an edge\n */\nexport function isNearEdge(\n  point: { x: number; y: number },\n  rect: DOMRect,\n  threshold: number\n): { edge: 'top' | 'right' | 'bottom' | 'left' | null; distance: number } {\n  const distances = distanceToEdge(point, rect);\n\n  for (const [edge, distance] of Object.entries(distances)) {\n    if (distance < threshold) {\n      return {\n        edge: edge as 'top' | 'right' | 'bottom' | 'left',\n        distance,\n      };\n    }\n  }\n\n  return { edge: null, distance: Infinity };\n}\n\n/**\n * Calculate scroll speed based on distance from edge\n * Closer to edge = faster scroll\n */\nexport function calculateScrollSpeed(\n  distance: number,\n  threshold: number,\n  maxSpeed: number\n): number {\n  if (distance >= threshold) return 0;\n  const ratio = (threshold - distance) / threshold;\n  return ratio * maxSpeed;\n}\n\n/**\n * Check if a point is inside a rectangle\n */\nexport function isPointInRect(point: { x: number; y: number }, rect: DOMRect): boolean {\n  return (\n    point.x >= rect.left &&\n    point.x <= rect.right &&\n    point.y >= rect.top &&\n    point.y <= rect.bottom\n  );\n}\n\n/**\n * Calculate the center point of a rectangle\n */\nexport function getRectCenter(rect: DOMRect): { x: number; y: number } {\n  return {\n    x: rect.left + rect.width / 2,\n    y: rect.top + rect.height / 2,\n  };\n}\n\n/**\n * Calculate vertical drop position based on mouse Y relative to element center\n */\nexport function getVerticalDropPosition(\n  mouseY: number,\n  elementRect: DOMRect\n): 'top' | 'bottom' {\n  const center = getRectCenter(elementRect);\n  return mouseY < center.y ? 'top' : 'bottom';\n}\n\n/**\n * Calculate horizontal drop position based on mouse X relative to element center\n */\nexport function getHorizontalDropPosition(\n  mouseX: number,\n  elementRect: DOMRect\n): 'left' | 'right' {\n  const center = getRectCenter(elementRect);\n  return mouseX < center.x ? 'left' : 'right';\n}\n","/**\n * Announcer Component\n *\n * Provides screen reader announcements for drag-and-drop operations.\n */\n\nimport React, { createContext, useContext, useEffect, useRef } from 'react';\n\ninterface AnnouncerContextValue {\n  announce: (message: string, politeness?: 'polite' | 'assertive') => void;\n}\n\nconst AnnouncerContext = createContext<AnnouncerContextValue | null>(null);\n\n/**\n * Hook to access the announcer context\n */\nexport function useAnnouncer(): AnnouncerContextValue {\n  const context = useContext(AnnouncerContext);\n  if (!context) {\n    throw new Error('useAnnouncer must be used within AnnouncerProvider');\n  }\n  return context;\n}\n\n/**\n * Props for AnnouncerProvider\n */\nexport interface AnnouncerProviderProps {\n  /** Child components */\n  children: React.ReactNode;\n  /** Default politeness level */\n  politeness?: 'polite' | 'assertive';\n}\n\n/**\n * Provider component that creates a live region for screen reader announcements\n */\nexport function AnnouncerProvider({\n  children,\n  politeness = 'polite',\n}: AnnouncerProviderProps) {\n  const politeRef = useRef<HTMLDivElement>(null);\n  const assertiveRef = useRef<HTMLDivElement>(null);\n  const timeoutRef = useRef<NodeJS.Timeout>();\n\n  const announce = (message: string, announcePoliteness: 'polite' | 'assertive' = politeness) => {\n    const regionRef = announcePoliteness === 'assertive' ? assertiveRef : politeRef;\n\n    if (!regionRef.current) return;\n\n    // Clear existing timeout\n    if (timeoutRef.current) {\n      clearTimeout(timeoutRef.current);\n    }\n\n    // Clear the region first\n    regionRef.current.textContent = '';\n\n    // Set the new message after a brief delay to ensure screen readers pick it up\n    timeoutRef.current = setTimeout(() => {\n      if (regionRef.current) {\n        regionRef.current.textContent = message;\n      }\n    }, 100);\n  };\n\n  useEffect(() => {\n    return () => {\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current);\n      }\n    };\n  }, []);\n\n  const value: AnnouncerContextValue = {\n    announce,\n  };\n\n  return (\n    <AnnouncerContext.Provider value={value}>\n      {children}\n      {/* Polite live region */}\n      <div\n        ref={politeRef}\n        role=\"status\"\n        aria-live=\"polite\"\n        aria-atomic=\"true\"\n        style={{\n          position: 'absolute',\n          width: '1px',\n          height: '1px',\n          padding: '0',\n          margin: '-1px',\n          overflow: 'hidden',\n          clip: 'rect(0, 0, 0, 0)',\n          whiteSpace: 'nowrap',\n          border: '0',\n        }}\n      />\n      {/* Assertive live region */}\n      <div\n        ref={assertiveRef}\n        role=\"alert\"\n        aria-live=\"assertive\"\n        aria-atomic=\"true\"\n        style={{\n          position: 'absolute',\n          width: '1px',\n          height: '1px',\n          padding: '0',\n          margin: '-1px',\n          overflow: 'hidden',\n          clip: 'rect(0, 0, 0, 0)',\n          whiteSpace: 'nowrap',\n          border: '0',\n        }}\n      />\n    </AnnouncerContext.Provider>\n  );\n}\n\n/**\n * Generate announcement messages for different drag events\n */\nexport const announcements = {\n  onDragStart: (itemName: string, position: number, totalItems: number): string =>\n    `Picked up ${itemName}. Position ${position + 1} of ${totalItems}.`,\n\n  onDragMove: (itemName: string, newPosition: number, totalItems: number): string =>\n    `${itemName} moved to position ${newPosition + 1} of ${totalItems}.`,\n\n  onDragEnd: (itemName: string, from: string, to: string, position: number): string =>\n    from === to\n      ? `${itemName} dropped. Position ${position + 1} in ${to}.`\n      : `${itemName} moved from ${from} to ${to}. Position ${position + 1}.`,\n\n  onDragCancel: (itemName: string, column: string): string =>\n    `Drag cancelled. ${itemName} returned to ${column}.`,\n\n  onColumnMove: (columnName: string, position: number, totalColumns: number): string =>\n    `${columnName} moved to position ${position + 1} of ${totalColumns}.`,\n};\n","/**\n * Kanban Reorder Utilities\n *\n * Functions for reordering cards and columns in a Kanban board.\n */\n\nimport type { KanbanBoardState, KanbanColumn, DragLocation } from '../types';\n\n/**\n * Reorder an array by moving an item from one index to another\n */\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\n/**\n * Move a card within the same column\n */\nexport function reorderCardInColumn(\n  state: KanbanBoardState,\n  columnId: string,\n  startIndex: number,\n  endIndex: number\n): KanbanBoardState {\n  const column = state.columns.find((col) => col.id === columnId);\n  if (!column) return state;\n\n  const newCardIds = reorderArray(column.cardIds, startIndex, endIndex);\n\n  return {\n    ...state,\n    columns: state.columns.map((col) =>\n      col.id === columnId ? { ...col, cardIds: newCardIds } : col\n    ),\n  };\n}\n\n/**\n * Move a card from one column to another\n */\nexport function moveCardBetweenColumns(\n  state: KanbanBoardState,\n  source: DragLocation,\n  destination: DragLocation,\n  cardId: string\n): KanbanBoardState {\n  const sourceColumn = state.columns.find((col) => col.id === source.columnId);\n  const destColumn = state.columns.find((col) => col.id === destination.columnId);\n\n  if (!sourceColumn || !destColumn) return state;\n\n  // Remove from source\n  const newSourceCardIds = [...sourceColumn.cardIds];\n  newSourceCardIds.splice(source.index, 1);\n\n  // Add to destination\n  const newDestCardIds = [...destColumn.cardIds];\n  newDestCardIds.splice(destination.index, 0, cardId);\n\n  return {\n    ...state,\n    columns: state.columns.map((col) => {\n      if (col.id === source.columnId) {\n        return { ...col, cardIds: newSourceCardIds };\n      }\n      if (col.id === destination.columnId) {\n        return { ...col, cardIds: newDestCardIds };\n      }\n      return col;\n    }),\n  };\n}\n\n/**\n * Reorder columns\n */\nexport function reorderColumns(\n  state: KanbanBoardState,\n  startIndex: number,\n  endIndex: number\n): KanbanBoardState {\n  return {\n    ...state,\n    columns: reorderArray(state.columns, startIndex, endIndex),\n  };\n}\n\n/**\n * Apply a drag result to the board state\n * This is a convenience function that handles all reorder cases\n */\nexport function applyDragResult(\n  state: KanbanBoardState,\n  result: {\n    type: 'CARD' | 'COLUMN';\n    source: DragLocation;\n    destination?: DragLocation;\n    draggableId: string;\n  }\n): KanbanBoardState {\n  // No destination = drag canceled\n  if (!result.destination) {\n    return state;\n  }\n\n  const { source, destination, type } = result;\n\n  // Column reorder\n  if (type === 'COLUMN') {\n    if (source.index === destination.index) {\n      return state; // No change\n    }\n    return reorderColumns(state, source.index, destination.index);\n  }\n\n  // Card reorder\n  if (type === 'CARD') {\n    // Same column\n    if (source.columnId === destination.columnId) {\n      if (source.index === destination.index) {\n        return state; // No change\n      }\n      return reorderCardInColumn(\n        state,\n        source.columnId!,\n        source.index,\n        destination.index\n      );\n    }\n\n    // Different columns\n    return moveCardBetweenColumns(state, source, destination, result.draggableId);\n  }\n\n  return state;\n}\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","innerRef","snapshot","providedWithDropZone","Object","assign","React","createElement","Fragment","KANBAN_CARD","KanbanCardView","card","cardRef","createDraggable","createDropTarget","combine","useKanbanDnd","onDragEnd","state","disabled","dragState","setDragState","draggingId","draggingType","destination","monitorForElements","typeRaw","sourceLocation","location","sourceType","sourceId","sourceIndex","sourceColumnId","dropTargets","columnTarget","find","target","destColumnId","cardTarget","destIndex","extractClosestEdge","edge","result","draggableId","KanbanBoard","renderColumn","renderCard","getCardKey","getColumnKey","className","contextValue","useMemo","cardKeyExtractor","columnKeyExtractor","Provider","value","display","gap","columns","map","columnIndex","key","columnProvided","columnSnapshot","ref","minWidth","flexDirection","flex","minHeight","cardId","cardIndex","cards","cardProvided","cardSnapshot","DEFAULT_CONFIG","threshold","maxSpeed","enabled","useAutoscroll","containerRef","config","rafRef","lastMousePosRef","handleMouseMove","event","x","clientX","y","clientY","performScroll","scrollParent","parent","parentElement","overflow","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","AnnouncerContext","useAnnouncer","context","useContext","Error","AnnouncerProvider","politeness","politeRef","assertiveRef","timeoutRef","clearTimeout","announce","message","announcePoliteness","regionRef","textContent","setTimeout","position","width","height","padding","margin","clip","whiteSpace","border","announcements","itemName","totalItems","onDragMove","newPosition","from","to","onDragCancel","onColumnMove","columnName","totalColumns","reorderArray","list","startIndex","endIndex","Array","removed","splice","applyDragResult","reorderColumns","col","newCardIds","reorderCardInColumn","sourceColumn","destColumn","newSourceCardIds","newDestCardIds","moveCardBetweenColumns"],"mappings":"ubAeO,MAAMA,EAAgBC,EAAyC,MCHhEC,EAAgB,gBAGN,SAAAC,GAAiBC,OAC/BA,EAAMC,QACNA,EAAOC,SACPA,EAAQC,eACRA,GAAiB,EAAKC,MACtBA,IAEA,MAAMC,EAAYC,EAAuB,MACnCC,EAAcD,EAAuB,OACpCE,EAAYC,GAAiBC,GAAS,IACtCC,EAAgBC,GAAqBF,GAAS,GAG/CG,EAAwBC,EAC3BC,GACKZ,EAAuB,OAEpBa,EAAU,CACfD,UACAE,eAAgB,KAAO,CACrBC,KAAMpB,EACNqB,GAAInB,EAAOmB,GACXf,UAEFgB,YAAa,IAAMX,GAAc,GACjCY,OAAQ,IAAMZ,GAAc,KAGhC,CAACT,EAAOmB,GAAIf,EAAOD,IAIfmB,EAAyBR,EAC5BC,GACKZ,EAAuB,OAEpBoB,EAAsB,CAC3BR,UACAS,QAAS,EAAGC,QAAOV,cACjB,MAAMW,EAAO,CAAER,KAAMpB,EAAeqB,GAAInB,EAAOmB,GAAIf,SACnD,OAAOuB,EAAkBD,EAAM,CAAED,QAAOV,UAASa,aAAc,CAAC,OAAQ,YAE1EC,QAAS,EAAGC,YAAaA,EAAOJ,KAAKR,OAASpB,GAAiBgC,EAAOJ,KAAKP,KAAOnB,EAAOmB,KAG7F,CAACnB,EAAOmB,GAAIf,EAAOD,IAIf4B,EAAqBjB,EACxBC,GACQQ,EAAsB,CAC3BR,UACAS,QAAS,KAAO,CACdN,KAxDsB,0BAyDtBc,SAAUhC,EAAOmB,KAEnBU,QAAS,EAAGC,YAAkC,gBAArBA,EAAOJ,KAAKR,KACrCe,YAAa,IAAMrB,GAAkB,GACrCsB,YAAa,IAAMtB,GAAkB,GACrCS,OAAQ,IAAMT,GAAkB,KAGpC,CAACZ,EAAOmB,KAGVgB,EAAU,KACR,MAAMC,EAAgB/B,EAAUgC,QAC1BC,EAAkB/B,EAAY8B,QACpC,IAAKD,IAAkBE,EAAiB,OAExC,MAAMC,EAAW,CACf1B,EAAsBuB,GACtBd,EAAuBc,GACvBL,EAAmBO,IAGrB,MAAO,KACLC,EAASC,QAASC,GAAYA,OAE/B,CAAC5B,EAAuBS,EAAwBS,IAEnD,MAAMW,EAAyB,CAC7BC,eAAgB,CACd,oBAAqB3C,EAAOmB,GAC5B,sBAAuB,SACvByB,MAAOpC,EAAa,CAAEqC,QAAS,SAAQC,GAEzCC,gBAAiB,CACfC,SAAU,EACVC,KAAM,SACN,uBAAwB,mBACxB,aAAc,GAAGjD,EAAOkD,iCAE1BC,SAAU9C,GAGN+C,EAAyB,CAC7B5C,aACAG,kBAII0C,EACDC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAb,GACH,CAAAnC,gBAGF,OAAOiD,EAAAC,cAAAD,EAAAE,SAAA,KAAGxD,EAASmD,EAA6BD,GAClD,CChHA,MAAMO,EAAc,cAEJ,SAAAC,GAAeC,KAC7BA,EAAI3D,SACJA,EAAQC,eACRA,GAAiB,EAAKC,MACtBA,EAAK4B,SACLA,IAEA,MAAM8B,EAAUxD,EAAuB,OAChCE,EAAYC,GAAiBC,GAAS,IACtCC,EAAgBC,GAAqBF,GAAS,GAE/CqD,EAAkBjD,EACrBC,GACKZ,EAAuB,OAEpBa,EAAU,CACfD,UACAE,eAAgB,KAAO,CACrBC,KAAMyC,EACNxC,GAAI0C,EAAK1C,GACTf,QACA4B,aAEFZ,YAAa,IAAMX,GAAc,GACjCY,OAAQ,IAAMZ,GAAc,KAGhC,CAACoD,EAAK1C,GAAIf,EAAO4B,EAAU7B,IAGvB6D,EAAmBlD,EACtBC,GACKZ,EAAuB,OAEpBoB,EAAsB,CAC3BR,UACAS,QAAS,EAAGC,QAAOV,cACjB,MAAMW,EAAO,CAAER,KAAMyC,EAAaxC,GAAI0C,EAAK1C,GAAIf,QAAO4B,YACtD,OAAOL,EAAkBD,EAAM,CAAED,QAAOV,UAASa,aAAc,CAAC,MAAO,aAEzEC,QAAS,EAAGC,YAAaA,EAAOJ,KAAKR,OAASyC,GAAe7B,EAAOJ,KAAKP,KAAO0C,EAAK1C,GACrFc,YAAa,IAAMrB,GAAkB,GACrCsB,YAAa,IAAMtB,GAAkB,GACrCS,OAAQ,IAAMT,GAAkB,KAGpC,CAACiD,EAAK1C,GAAIf,EAAO4B,EAAU7B,IAG7BgC,EAAU,KACR,MAAMpB,EAAU+C,EAAQzB,QACxB,GAAKtB,IAAWZ,EAEhB,OAAO8D,EAAQF,EAAgBhD,GAAUiD,EAAiBjD,KACzD,CAACgD,EAAiBC,EAAkB7D,IAEvC,MAAMuC,EAAyB,CAC7BC,eAAgB,CACd,oBAAqBkB,EAAK1C,GAC1B,sBAAuB,OACvByB,MAAOpC,EAAa,CAAEqC,QAAS,SAAQC,GAEzCC,gBAAiB,CACfC,SAAU,EACVC,KAAM,SACN,uBAAwB,iBACxB,aAAc,GAAGY,EAAKX,iCAExBC,SAAUW,GAGNV,EAAyB,CAC7B5C,aACAG,kBAGF,OAAO6C,EAAAC,cAAAD,EAAAE,SAAA,KAAGxD,EAASwC,EAAUU,GAC/B,CChFA,MAAMO,EAAc,cACd7D,EAAgB,gBAShB,SAAUoE,GAAa9C,YAAEA,EAAW+C,UAAEA,EAASC,MAAEA,EAAKC,SAAEA,IAC5D,MAAOC,EAAWC,GAAgB7D,EAA0B,CAC1D8D,WAAY,KACZC,aAAc,KACd3C,OAAQ,KACR4C,YAAa,OA8Gf,OA3GAvC,EAAU,KACR,GAAIkC,EAAU,OAuGd,OArGgBM,EAAmB,CACjC,WAAAvD,EAAYU,OAAEA,IACZ,MAAM8C,EAAU9C,EAAOJ,KAAKR,KACtBC,EAAKW,EAAOJ,KAAKP,GACjBa,EAAWF,EAAOJ,KAAKM,SACvB5B,EAAQ0B,EAAOJ,KAAKtB,MAEpBc,EAA0B0D,IAAYjB,EAAc,OAAS,SAE7DkB,EAA+B,CACnC7C,SAAmB,SAATd,EAAkBc,OAAWc,EACvC1C,SAGFmE,EAAa,CACXC,WAAYrD,EACZsD,aAAcvD,EACdY,OAAQ+C,EACRH,YAAaG,IAGfzD,SAAAA,EAAc,CAAED,KAAID,QACrB,EAED,MAAAG,EAAOS,OAAEA,EAAMgD,SAAEA,IACf,MAAMC,EAAajD,EAAOJ,KAAKR,KACzB8D,EAAWlD,EAAOJ,KAAKP,GACvB8D,EAAcnD,EAAOJ,KAAKtB,MAC1B8E,EAAiBpD,EAAOJ,KAAKM,SAG7BmD,EAAcL,EAASzC,QAAQ8C,YAErC,IAAIT,EAEJ,GAAIK,IAAepB,EAAa,CAE9B,MAAMyB,EAAeD,EAAYE,KAAMC,GAChB,4BAArBA,EAAO5D,KAAKR,MAGd,GAAIkE,EAAc,CAChB,MAAMG,EAAeH,EAAa1D,KAAKM,SACjCwD,EAAaL,EAAYE,KAAMC,GACnCA,EAAO5D,KAAKR,OAASyC,GAAe2B,EAAO5D,KAAKP,KAAO6D,GAGzD,GAAIQ,EAAY,CAEd,MAAMC,EAAYD,EAAW9D,KAAKtB,MAGlCsE,EAAc,CACZ1C,SAAUuD,EACVnF,MAAgB,WAJLsF,EAAmBF,GAIHC,EAAY,EAAIA,EAE9C,MAECf,EAAc,CACZ1C,SAAUuD,EACVnF,MAAO,EAGZ,CACF,MAAM,GAAI2E,IAAejF,EAAe,CAEvC,MAAMsF,EAAeD,EAAYE,KAAMC,GACrCA,EAAO5D,KAAKR,OAASpB,GAAiBwF,EAAO5D,KAAKP,KAAO6D,GAG3D,GAAII,EAAc,CAChB,MAAMK,EAAYL,EAAa1D,KAAKtB,MAC9BuF,EAAOD,EAAmBN,GAEhCV,EAAc,CACZtE,MAAgB,WAATuF,GAA8B,UAATA,EAAmBF,EAAY,EAAIA,EAElE,CACF,CAED,MAAMG,EAAqB,CACzB1E,KAAM6D,IAAepB,EAAc,OAAS,SAC5C7B,OAAQ,CACNE,SAAUkD,EACV9E,MAAO6E,GAETP,cACAmB,YAAab,GAGfT,EAAa,CACXC,WAAY,KACZC,aAAc,KACd3C,OAAQ,KACR4C,YAAa,OAGfP,EAAUyB,EAAQxB,EACnB,KAIF,CAACC,EAAUjD,EAAa+C,EAAWC,IAE/BE,CACT,CC5HM,SAAUwB,GAAY1B,MAC1BA,EAAKD,UACLA,EAAS/C,YACTA,EAAW2E,aACXA,EAAYC,WACZA,EAAUC,WACVA,EAAUC,aACVA,EAAY/F,eACZA,EAAcgG,UACdA,EAASvD,MACTA,IAEA,MAAM0B,EAAYJ,EAAa,CAC7BE,QACAD,YACA/C,cACAiD,UAAU,IAGN+B,EAAeC,EACnB,KAAO,CACLjC,QACAE,YACAnE,mBAEF,CAACiE,EAAOE,EAAWnE,IAMfmG,EAAmBL,GAHC,CAACpC,GAAcA,EAAK1C,IAIxCoF,EAAqBL,GAHC,CAAClG,GAAgBA,EAAOmB,IAKpD,OACEqC,gBAAC5D,EAAc4G,SAAS,CAAAC,MAAOL,GAC7B5C,EACEC,cAAA,MAAA,CAAA0C,UAAWA,EACXvD,MACEU,OAAAC,OAAA,CAAAmD,QAAS,OACTC,IAAK,QACF/D,IAGJwB,EAAMwC,QAAQC,IAAI,CAAC7G,EAAQ8G,IAC1BtD,EAACC,cAAA1D,GACCgH,IAAKR,EAAmBvG,GACxBA,OAAQA,EACRC,QAASD,EAAOC,QAChBG,MAAO0G,EACP3G,eAAgBA,eAAAA,EAAiBH,EAAOmB,GAAI,WAE3C,CAAC6F,EAAgBC,IAChBzD,EAAAC,cAAA,MAAAH,OAAAC,OAAA,CACE2D,IAAKF,EAAe7D,UAChB6D,EAAerE,gBACnBC,MAAKU,OAAAC,OAAA,CACH4D,SAAU,QACVT,QAAS,OACTU,cAAe,UACZJ,EAAerE,eAAeC,SAInCY,EAAAC,cAAA,MAAAH,OAAAC,OAAA,CAAA,EAASyD,EAAejE,iBACrBgD,EAAa/F,EAAQgH,EAAgBC,IAIxCzD,EAAAC,cAAA,MAAA,CACEyD,IAAMF,EAAuBzG,YAC7BqC,MAAO,CACLyE,KAAM,EACNC,UAAW,QACXZ,QAAS,OACTU,cAAe,SACfT,IAAK,QAGN3G,EAAOC,QAAQ4G,IAAI,CAACU,EAAQC,KAC3B,MAAM3D,EAAOO,EAAMqD,MAAMF,GACzB,OAAK1D,EAGHL,EAAAC,cAACG,EAAc,CACbmD,IAAKT,EAAiBzC,GACtBA,KAAMA,EACNzD,MAAOoH,EACPxF,SAAUhC,EAAOmB,GACjBhB,eAAgBA,aAAA,EAAAA,EAAiB0D,EAAK1C,GAAI,SAEzC,CAACuG,EAAcC,IACdnE,EAAAC,cAAA,MAAAH,OAAAC,OAAA,CACE2D,IAAKQ,EAAavE,UACduE,EAAa/E,eACb+E,EAAa3E,iBAEhBiD,EAAWnC,EAAM6D,EAAcC,KAhBtB,YA8BtC,CCjHA,MAAMC,EAAmC,CACvCC,UAAW,GACXC,SAAU,GACVC,SAAS,GAML,SAAUC,EACdC,EACAzH,EACA0H,EAAoC,CAAA,GAEpC,MAAML,UAAEA,EAASC,SAAEA,EAAQC,QAAEA,GAASzE,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAQqE,GAAmBM,GAC3DC,EAAS7H,IACT8H,EAAkB9H,EAAwC,MAE1D+H,EAAkBvH,EACrBwH,IACCF,EAAgB/F,QAAU,CAAEkG,EAAGD,EAAME,QAASC,EAAGH,EAAMI,UAEzD,IAGIC,EAAgB7H,EAAY,KAChC,KAAKiH,GAAYvH,GAAeyH,EAAa5F,SAAY+F,EAAgB/F,SACvE,OAGF,MACMuG,ECzBJ,SAA0B7H,GAC9B,IAAKA,EAAS,OAAO,KAErB,IAAI8H,EAAS9H,EAAQ+H,cAErB,KAAOD,GAAQ,CACb,MAAME,SAAEA,EAAQC,UAAEA,GAAcC,OAAOC,iBAAiBL,GACxD,GAAI,gBAAgBM,KAAKJ,EAAWC,GAClC,OAAOH,EAETA,EAASA,EAAOC,aACjB,CAED,OAAOM,SAASC,eAClB,CDWyBC,CADHrB,EAAa5F,SAE/B,IAAKuG,EAAc,OAEnB,MAAMW,EAAOX,EAAaY,wBACpBC,EAAWrB,EAAgB/F,QAC3BqH,ECIJ,SAAuB3I,GAI3B,MAAMgI,SAAEA,EAAQC,UAAEA,EAASW,UAAEA,GAAcV,OAAOC,iBAAiBnI,GAE7D6I,EAAoB,gBAAgBT,KAAKJ,EAAWC,GACpDa,EAAsB,gBAAgBV,KAAKJ,EAAWY,GAE5D,MAAO,CACLG,SAAUF,GAAqB7I,EAAQgJ,aAAehJ,EAAQiJ,aAC9DC,WAAYJ,GAAuB9I,EAAQmJ,YAAcnJ,EAAQoJ,YAErE,CDjB0BC,CAAaxB,GAE7ByB,WENRC,EACAf,EACA1B,GAEA,MAAM0C,EAtCQ,SACdD,EACAf,GAOA,MAAO,CACLiB,IAAKF,EAAM7B,EAAIc,EAAKiB,IACpBC,MAAOlB,EAAKkB,MAAQH,EAAM/B,EAC1BmC,OAAQnB,EAAKmB,OAASJ,EAAM7B,EAC5BkC,KAAML,EAAM/B,EAAIgB,EAAKoB,KAEzB,CAuBoBC,CAAeN,EAAOf,GAExC,IAAK,MAAO5D,EAAMkF,KAAavH,OAAOwH,QAAQP,GAC5C,GAAIM,EAAWhD,EACb,MAAO,CACLlC,KAAMA,EACNkF,YAKN,MAAO,CAAElF,KAAM,KAAMkF,SAAUE,IACjC,CFVqBC,CAAWvB,EAAUF,EAAM1B,GAE5C,GAAIwC,EAAS1E,KAAM,CACjB,MAAMsF,WEcVJ,EACAhD,EACAC,GAEA,OAAI+C,GAAYhD,EAAkB,GACnBA,EAAYgD,GAAYhD,EACxBC,CACjB,CFrBoBoD,CAAqBb,EAASQ,SAAUhD,EAAWC,GAE3DqD,EAAQ,CAAE5C,EAAG,EAAGE,EAAG,GAErBiB,EAAcI,WACM,QAAlBO,EAAS1E,KACXwF,EAAM1C,GAAKwC,EACgB,WAAlBZ,EAAS1E,OAClBwF,EAAM1C,EAAIwC,IAIVvB,EAAcO,aACM,SAAlBI,EAAS1E,KACXwF,EAAM5C,GAAK0C,EACgB,UAAlBZ,EAAS1E,OAClBwF,EAAM5C,EAAI0C,IAIE,IAAZE,EAAM5C,GAAuB,IAAZ4C,EAAM1C,GCpCjB,SACd1H,EACAoK,GAEIA,EAAM5C,IACRxH,EAAQqK,YAAcD,EAAM5C,GAE1B4C,EAAM1C,IACR1H,EAAQsK,WAAaF,EAAM1C,EAE/B,CD2BQ6C,CAAS1C,EAAcuC,EAE1B,CAEDhD,EAAO9F,QAAUkJ,sBAAsB5C,IACtC,CAACZ,EAASvH,EAAYyH,EAAcJ,EAAWC,IAElD3F,EAAU,IACH4F,GAAYvH,GASjByI,OAAOuC,iBAAiB,YAAanD,GACrCF,EAAO9F,QAAUkJ,sBAAsB5C,GAEhC,KACLM,OAAOwC,oBAAoB,YAAapD,GACpCF,EAAO9F,SACTqJ,qBAAqBvD,EAAO9F,YAd1B8F,EAAO9F,UACTqJ,qBAAqBvD,EAAO9F,SAC5B8F,EAAO9F,aAAUS,QAEnBsF,EAAgB/F,QAAU,OAa3B,CAAC0F,EAASvH,EAAY6H,EAAiBM,GAC5C,CGxFA,MAAMgD,EAAmB9L,EAA4C,eAKrD+L,IACd,MAAMC,EAAUC,EAAWH,GAC3B,IAAKE,EACH,MAAM,IAAIE,MAAM,sDAElB,OAAOF,CACT,CAeM,SAAUG,GAAkB9L,SAChCA,EAAQ+L,WACRA,EAAa,WAEb,MAAMC,EAAY5L,EAAuB,MACnC6L,EAAe7L,EAAuB,MACtC8L,EAAa9L,IAuBnB6B,EAAU,IACD,KACDiK,EAAW/J,SACbgK,aAAaD,EAAW/J,UAG3B,IAEH,MAAMoE,EAA+B,CACnC6F,SA9Be,CAACC,EAAiBC,EAA6CP,KAC9E,MAAMQ,EAAmC,cAAvBD,EAAqCL,EAAeD,EAEjEO,EAAUpK,UAGX+J,EAAW/J,SACbgK,aAAaD,EAAW/J,SAI1BoK,EAAUpK,QAAQqK,YAAc,GAGhCN,EAAW/J,QAAUsK,WAAW,KAC1BF,EAAUpK,UACZoK,EAAUpK,QAAQqK,YAAcH,IAEjC,QAeL,OACE/I,gBAACmI,EAAiBnF,SAAS,CAAAC,MAAOA,GAC/BvG,EAEDsD,EAAAC,cAAA,MAAA,CACEyD,IAAKgF,EACLjJ,KAAK,SAAQ,YACH,SAAQ,cACN,OACZL,MAAO,CACLgK,SAAU,WACVC,MAAO,MACPC,OAAQ,MACRC,QAAS,IACTC,OAAQ,OACRjE,SAAU,SACVkE,KAAM,mBACNC,WAAY,SACZC,OAAQ,OAIZ3J,EAAAC,cAAA,MAAA,CACEyD,IAAKiF,EACLlJ,KAAK,QAAO,YACF,YAAW,cACT,OACZL,MAAO,CACLgK,SAAU,WACVC,MAAO,MACPC,OAAQ,MACRC,QAAS,IACTC,OAAQ,OACRjE,SAAU,SACVkE,KAAM,mBACNC,WAAY,SACZC,OAAQ,OAKlB,CAKa,MAAAC,EAAgB,CAC3BhM,YAAa,CAACiM,EAAkBT,EAAkBU,IAChD,aAAaD,eAAsBT,EAAW,QAAQU,KAExDC,WAAY,CAACF,EAAkBG,EAAqBF,IAClD,GAAGD,uBAA8BG,EAAc,QAAQF,KAEzDnJ,UAAW,CAACkJ,EAAkBI,EAAcC,EAAYd,IACtDa,IAASC,EACL,GAAGL,uBAA8BT,EAAW,QAAQc,KACpD,GAAGL,gBAAuBI,QAAWC,eAAgBd,EAAW,KAEtEe,aAAc,CAACN,EAAkBrN,IAC/B,mBAAmBqN,iBAAwBrN,KAE7C4N,aAAc,CAACC,EAAoBjB,EAAkBkB,IACnD,GAAGD,uBAAgCjB,EAAW,QAAQkB,eClI1CC,EAAgBC,EAAWC,EAAoBC,GAC7D,MAAMtI,EAASuI,MAAMV,KAAKO,IACnBI,GAAWxI,EAAOyI,OAAOJ,EAAY,GAE5C,OADArI,EAAOyI,OAAOH,EAAU,EAAGE,GACpBxI,CACT,CA8EgB,SAAA0I,EACdlK,EACAwB,GAQA,IAAKA,EAAOlB,YACV,OAAON,EAGT,MAAMtC,OAAEA,EAAM4C,YAAEA,EAAWxD,KAAEA,GAAS0E,EAGtC,MAAa,WAAT1E,EACEY,EAAO1B,QAAUsE,EAAYtE,MACxBgE,WAjCXA,EACA6J,EACAC,GAEA,OAAA5K,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACKa,GAAK,CACRwC,QAASmH,EAAa3J,EAAMwC,QAASqH,EAAYC,IAErD,CA2BWK,CAAenK,EAAOtC,EAAO1B,MAAOsE,EAAYtE,OAI5C,SAATc,EAEEY,EAAOE,WAAa0C,EAAY1C,SAC9BF,EAAO1B,QAAUsE,EAAYtE,MACxBgE,EAtGT,SACJA,EACApC,EACAiM,EACAC,GAEA,MAAMlO,EAASoE,EAAMwC,QAAQvB,KAAMmJ,GAAQA,EAAIrN,KAAOa,GACtD,IAAKhC,EAAQ,OAAOoE,EAEpB,MAAMqK,EAAaV,EAAa/N,EAAOC,QAASgO,EAAYC,GAE5D,OAAA5K,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACKa,GAAK,CACRwC,QAASxC,EAAMwC,QAAQC,IAAK2H,GAC1BA,EAAIrN,KAAOa,iCAAgBwM,GAAG,CAAEvO,QAASwO,IAAeD,IAG9D,CAuFaE,CACLtK,EACAtC,EAAOE,SACPF,EAAO1B,MACPsE,EAAYtE,OAtFd,SACJgE,EACAtC,EACA4C,EACA6C,GAEA,MAAMoH,EAAevK,EAAMwC,QAAQvB,KAAMmJ,GAAQA,EAAIrN,KAAOW,EAAOE,UAC7D4M,EAAaxK,EAAMwC,QAAQvB,KAAMmJ,GAAQA,EAAIrN,KAAOuD,EAAY1C,UAEtE,IAAK2M,IAAiBC,EAAY,OAAOxK,EAGzC,MAAMyK,EAAmB,IAAIF,EAAa1O,SAC1C4O,EAAiBR,OAAOvM,EAAO1B,MAAO,GAGtC,MAAM0O,EAAiB,IAAIF,EAAW3O,SAGtC,OAFA6O,EAAeT,OAAO3J,EAAYtE,MAAO,EAAGmH,GAE5CjE,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACKa,GAAK,CACRwC,QAASxC,EAAMwC,QAAQC,IAAK2H,GACtBA,EAAIrN,KAAOW,EAAOE,SACpBsB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAYiL,GAAG,CAAEvO,QAAS4O,IAExBL,EAAIrN,KAAOuD,EAAY1C,SACzBsB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAYiL,GAAG,CAAEvO,QAAS6O,IAErBN,IAGb,CA4DWO,CAAuB3K,EAAOtC,EAAQ4C,EAAakB,EAAOC,aAG5DzB,CACT"}

package/dist/kanban.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("react"),t=require("@atlaskit/pragmatic-drag-and-drop/element/adapter"),n=require("@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge"),r=require("@atlaskit/pragmatic-drag-and-drop/combine");const a=e.createContext(null),o="kanban-column";function i({column:r,cardIds:a,children:i,isDragDisabled:d=!1,index:s}){const l=e.useRef(null),c=e.useRef(null),[u,g]=e.useState(!1),[p,m]=e.useState(!1),f=e.useCallback(e=>d?()=>{}:t.draggable({element:e,getInitialData:()=>({type:o,id:r.id,index:s}),onDragStart:()=>g(!0),onDrop:()=>g(!1)}),[r.id,s,d]),b=e.useCallback(e=>d?()=>{}:t.dropTargetForElements({element:e,getData:({input:e,element:t})=>{const a={type:o,id:r.id,index:s};return n.attachClosestEdge(a,{input:e,element:t,allowedEdges:["left","right"]})},canDrop:({source:e})=>e.data.type===o&&e.data.id!==r.id}),[r.id,s,d]),x=e.useCallback(e=>t.dropTargetForElements({element:e,getData:()=>({type:"kanban-column-drop-zone",columnId:r.id}),canDrop:({source:e})=>"kanban-card"===e.data.type,onDragEnter:()=>m(!0),onDragLeave:()=>m(!1),onDrop:()=>m(!1)}),[r.id]);e.useEffect(()=>{const e=l.current,t=c.current;if(!e||!t)return;const n=[f(e),b(e),x(t)];return()=>{n.forEach(e=>e())}},[f,b,x]);const D={draggableProps:{"data-draggable-id":r.id,"data-draggable-type":"COLUMN",style:u?{opacity:.5}:void 0},dragHandleProps:{tabIndex:0,role:"button","aria-roledescription":"draggable column","aria-label":`${r.title}, press space to pick up`},innerRef:l},y={isDragging:u,isDraggingOver:p},v=Object.assign(Object.assign({},D),{dropZoneRef:c});return e.createElement(e.Fragment,null,i(v,y))}const d="kanban-card";function s({card:a,children:o,isDragDisabled:i=!1,index:s,columnId:l}){const c=e.useRef(null),[u,g]=e.useState(!1),[p,m]=e.useState(!1),f=e.useCallback(e=>i?()=>{}:t.draggable({element:e,getInitialData:()=>({type:d,id:a.id,index:s,columnId:l}),onDragStart:()=>g(!0),onDrop:()=>g(!1)}),[a.id,s,l,i]),b=e.useCallback(e=>i?()=>{}:t.dropTargetForElements({element:e,getData:({input:e,element:t})=>{const r={type:d,id:a.id,index:s,columnId:l};return n.attachClosestEdge(r,{input:e,element:t,allowedEdges:["top","bottom"]})},canDrop:({source:e})=>e.data.type===d&&e.data.id!==a.id,onDragEnter:()=>m(!0),onDragLeave:()=>m(!1),onDrop:()=>m(!1)}),[a.id,s,l,i]);e.useEffect(()=>{const e=c.current;if(e&&!i)return r.combine(f(e),b(e))},[f,b,i]);const x={draggableProps:{"data-draggable-id":a.id,"data-draggable-type":"CARD",style:u?{opacity:.5}:void 0},dragHandleProps:{tabIndex:0,role:"button","aria-roledescription":"draggable card","aria-label":`${a.title}, press space to pick up`},innerRef:c},D={isDragging:u,isDraggingOver:p};return e.createElement(e.Fragment,null,o(x,D))}const l="kanban-card",c="kanban-column";function u({onDragStart:r,onDragEnd:a,state:o,disabled:i}){const[d,s]=e.useState({draggingId:null,draggingType:null,source:null,destination:null});return e.useEffect(()=>{if(i)return;return t.monitorForElements({onDragStart({source:e}){const t=e.data.type,n=e.data.id,a=e.data.columnId,o=e.data.index,i=t===l?"CARD":"COLUMN",d={columnId:"CARD"===i?a:void 0,index:o};s({draggingId:n,draggingType:i,source:d,destination:d}),null==r||r({id:n,type:i})},onDrop({source:e,location:t}){const r=e.data.type,i=e.data.id,d=e.data.index,u=e.data.columnId,g=t.current.dropTargets;let p;if(r===l){const e=g.find(e=>"kanban-column-drop-zone"===e.data.type);if(e){const t=e.data.columnId,r=g.find(e=>e.data.type===l&&e.data.id!==i);if(r){const e=r.data.index;p={columnId:t,index:"bottom"===n.extractClosestEdge(r)?e+1:e}}else p={columnId:t,index:0}}}else if(r===c){const e=g.find(e=>e.data.type===c&&e.data.id!==i);if(e){const t=e.data.index,r=n.extractClosestEdge(e);p={index:"bottom"===r||"right"===r?t+1:t}}}const m={type:r===l?"CARD":"COLUMN",source:{columnId:u,index:d},destination:p,draggableId:i};s({draggingId:null,draggingType:null,source:null,destination:null}),a(m,o)}})},[i,r,a,o]),d}const g={threshold:50,maxSpeed:20,enabled:!0};const p=e.createContext(null);function m(e,t,n){const r=Array.from(e),[a]=r.splice(t,1);return r.splice(n,0,a),r}exports.AnnouncerProvider=function({children:t,politeness:n="polite"}){const r=e.useRef(null),a=e.useRef(null),o=e.useRef();e.useEffect(()=>()=>{o.current&&clearTimeout(o.current)},[]);const i={announce:(e,t=n)=>{const i="assertive"===t?a:r;i.current&&(o.current&&clearTimeout(o.current),i.current.textContent="",o.current=setTimeout(()=>{i.current&&(i.current.textContent=e)},100))}};return e.createElement(p.Provider,{value:i},t,e.createElement("div",{ref:r,role:"status","aria-live":"polite","aria-atomic":"true",style:{position:"absolute",width:"1px",height:"1px",padding:"0",margin:"-1px",overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",border:"0"}}),e.createElement("div",{ref:a,role:"alert","aria-live":"assertive","aria-atomic":"true",style:{position:"absolute",width:"1px",height:"1px",padding:"0",margin:"-1px",overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",border:"0"}}))},exports.KanbanBoard=function({state:t,onDragEnd:n,onDragStart:r,renderColumn:o,renderCard:d,getCardKey:l,getColumnKey:c,isDragDisabled:g,className:p,style:m}){const f=u({state:t,onDragEnd:n,onDragStart:r,disabled:!1}),b=e.useMemo(()=>({state:t,dragState:f,isDragDisabled:g}),[t,f,g]),x=l||(e=>e.id),D=c||(e=>e.id);return e.createElement(a.Provider,{value:b},e.createElement("div",{className:p,style:Object.assign({display:"flex",gap:"16px"},m)},t.columns.map((n,r)=>e.createElement(i,{key:D(n),column:n,cardIds:n.cardIds,index:r,isDragDisabled:null==g?void 0:g(n.id,"COLUMN")},(r,a)=>e.createElement("div",Object.assign({ref:r.innerRef},r.draggableProps,{style:Object.assign({minWidth:"250px",display:"flex",flexDirection:"column"},r.draggableProps.style)}),e.createElement("div",Object.assign({},r.dragHandleProps),o(n,r,a)),e.createElement("div",{ref:r.dropZoneRef,style:{flex:1,minHeight:"100px",display:"flex",flexDirection:"column",gap:"8px"}},n.cardIds.map((r,a)=>{const o=t.cards[r];return o?e.createElement(s,{key:x(o),card:o,index:a,columnId:n.id,isDragDisabled:null==g?void 0:g(o.id,"CARD")},(t,n)=>e.createElement("div",Object.assign({ref:t.innerRef},t.draggableProps,t.dragHandleProps),d(o,t,n))):null})))))))},exports.KanbanCardView=s,exports.KanbanColumnView=i,exports.announcements={onDragStart:(e,t,n)=>`Picked up ${e}. Position ${t+1} of ${n}.`,onDragMove:(e,t,n)=>`${e} moved to position ${t+1} of ${n}.`,onDragEnd:(e,t,n,r)=>t===n?`${e} dropped. Position ${r+1} in ${n}.`:`${e} moved from ${t} to ${n}. Position ${r+1}.`,onDragCancel:(e,t)=>`Drag cancelled. ${e} returned to ${t}.`,onColumnMove:(e,t,n)=>`${e} moved to position ${t+1} of ${n}.`},exports.applyDragResult=function(e,t){if(!t.destination)return e;const{source:n,destination:r,type:a}=t;return"COLUMN"===a?n.index===r.index?e:function(e,t,n){return Object.assign(Object.assign({},e),{columns:m(e.columns,t,n)})}(e,n.index,r.index):"CARD"===a?n.columnId===r.columnId?n.index===r.index?e:function(e,t,n,r){const a=e.columns.find(e=>e.id===t);if(!a)return e;const o=m(a.cardIds,n,r);return Object.assign(Object.assign({},e),{columns:e.columns.map(e=>e.id===t?Object.assign(Object.assign({},e),{cardIds:o}):e)})}(e,n.columnId,n.index,r.index):function(e,t,n,r){const a=e.columns.find(e=>e.id===t.columnId),o=e.columns.find(e=>e.id===n.columnId);if(!a||!o)return e;const i=[...a.cardIds];i.splice(t.index,1);const d=[...o.cardIds];return d.splice(n.index,0,r),Object.assign(Object.assign({},e),{columns:e.columns.map(e=>e.id===t.columnId?Object.assign(Object.assign({},e),{cardIds:i}):e.id===n.columnId?Object.assign(Object.assign({},e),{cardIds:d}):e)})}(e,n,r,t.draggableId):e},exports.reorderArray=m,exports.useAnnouncer=function(){const t=e.useContext(p);if(!t)throw new Error("useAnnouncer must be used within AnnouncerProvider");return t},exports.useAutoscroll=function(t,n,r={}){const{threshold:a,maxSpeed:o,enabled:i}=Object.assign(Object.assign({},g),r),d=e.useRef(),s=e.useRef(null),l=e.useCallback(e=>{s.current={x:e.clientX,y:e.clientY}},[]),c=e.useCallback(()=>{if(!(i&&n&&t.current&&s.current))return;const e=function(e){if(!e)return null;let t=e.parentElement;for(;t;){const{overflow:e,overflowY:n}=window.getComputedStyle(t);if(/(auto|scroll)/.test(e+n))return t;t=t.parentElement}return document.documentElement}(t.current);if(!e)return;const r=e.getBoundingClientRect(),l=s.current,u=function(e){const{overflow:t,overflowY:n,overflowX:r}=window.getComputedStyle(e),a=/(auto|scroll)/.test(t+n),o=/(auto|scroll)/.test(t+r);return{vertical:a&&e.scrollHeight>e.clientHeight,horizontal:o&&e.scrollWidth>e.clientWidth}}(e),g=function(e,t,n){const r=function(e,t){return{top:e.y-t.top,right:t.right-e.x,bottom:t.bottom-e.y,left:e.x-t.left}}(e,t);for(const[e,t]of Object.entries(r))if(t<n)return{edge:e,distance:t};return{edge:null,distance:1/0}}(l,r,a);if(g.edge){const t=function(e,t,n){return e>=t?0:(t-e)/t*n}(g.distance,a,o),n={x:0,y:0};u.vertical&&("top"===g.edge?n.y=-t:"bottom"===g.edge&&(n.y=t)),u.horizontal&&("left"===g.edge?n.x=-t:"right"===g.edge&&(n.x=t)),0===n.x&&0===n.y||function(e,t){t.x&&(e.scrollLeft+=t.x),t.y&&(e.scrollTop+=t.y)}(e,n)}d.current=requestAnimationFrame(c)},[i,n,t,a,o]);e.useEffect(()=>i&&n?(window.addEventListener("mousemove",l),d.current=requestAnimationFrame(c),()=>{window.removeEventListener("mousemove",l),d.current&&cancelAnimationFrame(d.current)}):(d.current&&(cancelAnimationFrame(d.current),d.current=void 0),void(s.current=null)),[i,n,l,c])},exports.useKanbanDnd=u;
+//# sourceMappingURL=kanban.js.map

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

@@ -1,4 +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, }: DragDropListProps<T>): React.JSX.Element;
-//# sourceMappingURL=DragDropList.d.ts.map
+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;

package/dist/{components → src/components}/DraggableItemWrapper.d.ts

@@ -1,4 +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, }: DraggableItemWrapperProps<T>): React.JSX.Element;
-//# sourceMappingURL=DraggableItemWrapper.d.ts.map
+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;

package/dist/{hooks → src/hooks}/useDragDropMonitor.d.ts

@@ -4,4 +4,3 @@ export declare function useDragDropMonitor<T extends DraggableItem>({ items, onR
     onReorder: (newItems: T[], orderUpdates: OrderUpdate[]) => void;
     disabled?: boolean;
 }): import("@atlaskit/pragmatic-drag-and-drop/dist/types/internal-types").CleanupFn;
-//# sourceMappingURL=useDragDropMonitor.d.ts.map

package/dist/{index.d.ts → src/index.d.ts}

@@ -3,4 +3,3 @@ export { DraggableItemWrapper } from './components/DraggableItemWrapper';
 export { useDragDropMonitor } from './hooks/useDragDropMonitor';
 export * from './types';
 export { defaultStyles } from './styles/defaultStyles';
-//# sourceMappingURL=index.d.ts.map

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';