gantt-lib 0.0.1

package/dist/index.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/styles.css","../src/components/TimeScaleHeader/TimeScaleHeader.css","../src/components/TaskRow/TaskRow.css","../src/components/TodayIndicator/TodayIndicator.css","../src/components/GridBackground/GridBackground.css","../src/components/DragGuideLines/DragGuideLines.css","../src/components/GanttChart/GanttChart.css"],"sourcesContent":["/* Gantt Chart CSS Variables - User customizable theming */\n:root {\n  /* Grid Colors */\n  --gantt-grid-line-color: #e0e0e0;\n  --gantt-cell-background: #ffffff;\n  --gantt-row-hover-background: #f8f9fa;\n\n  /* Dimensions */\n  --gantt-row-height: 30px;\n  --gantt-header-height: 40px;\n  --gantt-day-width: 30px;\n\n  /* Task Bar Styling */\n  --gantt-task-bar-default-color: #3b82f6;\n  --gantt-task-bar-text-color: #ffffff;\n  --gantt-task-bar-border-radius: 4px;\n  --gantt-task-bar-height: 24px;\n\n  /* Today Indicator */\n  --gantt-today-indicator-color: rgba(255, 0, 0, 0.2);\n  --gantt-today-indicator-width: 2px;\n\n  /* Calendar Grid - Weekend */\n  --gantt-weekend-background: #fff9f8;\n  --gantt-weekend-border: #fca5a5;\n\n  /* Calendar Grid - Separators */\n  --gantt-month-separator-width: 2px;\n  --gantt-month-separator-color: #a1a1a1;\n  --gantt-week-separator-width: 1px;\n  --gantt-week-separator-color: #f3f4f6;\n  --gantt-day-line-width: 1px;\n  --gantt-day-line-color: #f3f4f6;\n}\n\n/* GanttChart Component Styles */\n.gantt-container {\n  width: 100%;\n  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  border: 1px solid var(--gantt-grid-line-color, #e0e0e0);\n  background-color: var(--gantt-cell-background, #ffffff);\n}\n\n.gantt-scrollContainer {\n  overflow: auto;\n}\n\n.gantt-stickyHeader {\n  position: sticky;\n  top: 0;\n  z-index: 10;\n  background-color: var(--gantt-cell-background, #ffffff);\n  border-bottom: 1px solid var(--gantt-grid-line-color, #e0e0e0);\n}\n\n.gantt-taskArea {\n  position: relative;\n  background-color: var(--gantt-cell-background, #ffffff);\n}\n\n/* TaskRow Component Styles */\n.gantt-tr-row {\n  position: relative;\n  width: 100%;\n  border-bottom: 1px solid var(--gantt-grid-line-color);\n  box-sizing: border-box;\n}\n\n.gantt-tr-row:hover {\n  background-color: rgba(0, 0, 0, 0.05);\n}\n\n.gantt-tr-taskBar {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  border-radius: var(--gantt-task-bar-border-radius);\n  display: flex;\n  align-items: center;\n  padding: 0 0.5rem;\n  box-sizing: border-box;\n  white-space: nowrap;\n  overflow: visible;\n  cursor: grab;\n}\n\n.gantt-tr-taskBar:hover {\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n}\n\n.gantt-tr-taskBar.gantt-tr-dragging {\n  cursor: grabbing;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);\n  opacity: 1;\n  transition: none !important;\n}\n\n.gantt-tr-taskName {\n  color: var(--gantt-task-bar-text-color);\n  font-size: 0.875rem;\n  font-weight: 500;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  max-width: 100%;\n}\n\n.gantt-tr-taskDuration {\n  color: var(--gantt-task-bar-text-color);\n  font-size: 0.875rem;\n  font-weight: 500;\n  white-space: nowrap;\n  margin-right: 4px;\n}\n\n.gantt-tr-taskNameHidden {\n  visibility: hidden;\n}\n\n.gantt-tr-rightLabels {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  pointer-events: none;\n}\n\n.gantt-tr-dateLabelRight {\n  position: static;\n  margin-right: 0;\n}\n\n.gantt-tr-externalTaskName {\n  font-size: 0.9rem;\n  font-weight: 500;\n  color: #00389f;\n  white-space: nowrap;\n  user-select: none;\n  margin-left: 4px;\n}\n\n.gantt-tr-resizeHandle {\n  position: absolute;\n  top: 0;\n  width: 8px;\n  height: 100%;\n  background-color: rgba(0, 0, 0, 0.1);\n  cursor: ew-resize;\n}\n\n.gantt-tr-resizeHandleLeft {\n  left: 0;\n}\n\n.gantt-tr-resizeHandleRight {\n  right: 0;\n}\n\n.gantt-tr-resizeZoneLeft {\n  cursor: ew-resize;\n}\n\n.gantt-tr-resizeZoneRight {\n  cursor: ew-resize;\n}\n\n.gantt-tr-taskContainer {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n}\n\n.gantt-tr-leftLabels {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  display: flex;\n  align-items: center;\n  pointer-events: none;\n}\n\n.gantt-tr-dateLabel {\n  font-size: 0.85rem;\n  color: #666666;\n  white-space: nowrap;\n  pointer-events: none;\n  user-select: none;\n}\n\n.gantt-tr-dateLabelLeft {\n  position: absolute;\n  right: 100%;\n  margin-right: 6px;\n  top: 50%;\n  transform: translateY(-50%);\n}\n\n/* TimeScaleHeader Component Styles - Two-row header layout */\n.gantt-tsh-header {\n  display: flex;\n  flex-direction: column;\n  background-color: var(--gantt-cell-background);\n  border-bottom: var(--gantt-week-separator-width, 1px) solid var(--gantt-week-separator-color, #374151);\n  box-sizing: border-box;\n}\n\n.gantt-tsh-monthRow {\n  display: flex;\n  border-bottom: var(--gantt-day-line-width, 1px) solid var(--gantt-day-line-color, #f3f4f6);\n  align-items: center;\n}\n\n.gantt-tsh-monthCell {\n  box-sizing: border-box;\n  padding: 0.1rem 0.5rem;\n  font-size: 0.75rem;\n  font-weight: 600;\n  color: #1f2937;\n  border-left: var(--gantt-month-separator-width, 2px) solid var(--gantt-month-separator-color, #a1a1a1);\n  text-align: left;\n}\n\n.gantt-tsh-monthCell:first-child {\n  border-left: none;\n}\n\n.gantt-tsh-dayRow {\n  display: grid;\n  box-sizing: border-box;\n}\n\n.gantt-tsh-dayCell {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n}\n\n.gantt-tsh-monthBoundary {\n  border-left: var(--gantt-month-separator-width, 2px) solid var(--gantt-month-separator-color, #a1a1a1);\n}\n\n.gantt-tsh-dayLabel {\n  font-size: 0.75rem;\n  font-weight: 500;\n  color: #374151;\n}\n\n.gantt-tsh-weekendDay {\n  background-color: var(--gantt-weekend-background, #fee2e2);\n}\n\n.gantt-tsh-weekendDay .gantt-tsh-dayLabel {\n  color: #dc2626;\n}\n\n.gantt-tsh-today {\n  background-color: #dc2626;\n  border-radius: 0 4px 4px 0;\n}\n\n.gantt-tsh-today .gantt-tsh-dayLabel {\n  color: #ffffff;\n}\n\n/* GridBackground Component Styles */\n.gantt-gb-gridBackground {\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 0;\n  pointer-events: none;\n}\n\n.gantt-gb-weekendBlock {\n  position: absolute;\n  top: 0;\n  height: 100%;\n  background-color: var(--gantt-weekend-background, #fee2e2);\n}\n\n.gantt-gb-gridLine {\n  position: absolute;\n  top: 0;\n  height: 100%;\n  background-color: var(--gantt-day-line-color, #f3f4f6);\n}\n\n.gantt-gb-monthSeparator {\n  width: var(--gantt-month-separator-width, 2px);\n  background-color: var(--gantt-month-separator-color, #374151);\n}\n\n.gantt-gb-weekSeparator {\n  width: var(--gantt-week-separator-width, 1px);\n  background-color: var(--gantt-week-separator-color, #d1d5db);\n}\n\n.gantt-gb-dayLine {\n  width: var(--gantt-day-line-width, 1px);\n  background-color: var(--gantt-day-line-color, #f3f4f6);\n}\n\n/* TodayIndicator Component Styles */\n.gantt-ti-indicator {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  z-index: 5;\n  pointer-events: none;\n}\n\n/* DragGuideLines Component Styles */\n.gantt-dgl-guideLine {\n  position: absolute;\n  top: 0;\n  width: 2px;\n  background-color: var(--gantt-drag-guide-line-color, #3b82f6);\n  z-index: 20;\n  pointer-events: none;\n  opacity: 0.6;\n}\n","/**\n * TimeScaleHeader Component Styles - Two-row header layout\n */\n\n.gantt-tsh-header {\n  display: flex;\n  flex-direction: column;\n  background-color: var(--gantt-cell-background);\n  border-bottom: var(--gantt-week-separator-width, 1px) solid var(--gantt-week-separator-color, #374151);\n  box-sizing: border-box;\n}\n\n/* Month row (top row) */\n.gantt-tsh-monthRow {\n  display: flex;\n  border-bottom: var(--gantt-day-line-width, 1px) solid var(--gantt-day-line-color, #f3f4f6);\n  align-items: center;\n}\n\n.gantt-tsh-monthCell {\n  box-sizing: border-box;\n  padding: 0.1rem 0.5rem;\n  font-size: 0.75rem;\n  font-weight: 600;\n  color: #1f2937;\n  border-left: var(--gantt-month-separator-width, 2px) solid var(--gantt-month-separator-color, #a1a1a1);\n  text-align: left;\n}\n\n.gantt-tsh-monthCell:first-child {\n  border-left: none;\n}\n\n/* Day row (bottom row) */\n.gantt-tsh-dayRow {\n  display: grid;\n  box-sizing: border-box;\n}\n\n.gantt-tsh-dayCell {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n}\n\n.gantt-tsh-monthBoundary {\n  border-left: var(--gantt-month-separator-width, 2px) solid var(--gantt-month-separator-color, #a1a1a1);\n}\n\n.gantt-tsh-dayLabel {\n  font-size: 0.75rem;\n  font-weight: 500;\n  color: #374151;\n}\n\n.gantt-tsh-weekendDay {\n  background-color: var(--gantt-weekend-background, #fee2e2);\n}\n\n.gantt-tsh-weekendDay .gantt-tsh-dayLabel {\n  color: #dc2626;\n}\n\n.gantt-tsh-today {\n  background-color: #dc2626;\n  border-radius: 0 4px 4px 0;\n}\n\n.gantt-tsh-today .gantt-tsh-dayLabel {\n  color: #ffffff;\n}\n","/**\n * TaskRow Component Styles\n */\n\n.gantt-tr-row {\n  position: relative;\n  width: 100%;\n  border-bottom: 1px solid var(--gantt-grid-line-color);\n  box-sizing: border-box;\n}\n\n.gantt-tr-row:hover {\n  background-color: rgba(0, 0, 0, 0.05);\n}\n\n.gantt-tr-taskBar {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  border-radius: var(--gantt-task-bar-border-radius);\n  display: flex;\n  align-items: center;\n  padding: 0 0.5rem;\n  box-sizing: border-box;\n  white-space: nowrap;\n  overflow: visible;\n  /* transition: box-shadow 0.15s ease; */\n  cursor: grab;\n}\n\n/**\n * Hover state - provides smooth visual feedback\n * Transition disabled during drag (see .gantt-tr-taskBar.gantt-tr-dragging)\n */\n.gantt-tr-taskBar:hover {\n  /* box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); */\n}\n\n/**\n * Dragging state - disables all transitions for performance\n *\n * CRITICAL: transition: none !important is required to override the\n * default box-shadow transition on .gantt-tr-taskBar. Without this, CSS transitions\n * during drag cause lag/ghosting and break the 60fps performance target.\n *\n * Per research anti-pattern: \"Using CSS transitions during drag causes lag/ghosting.\"\n */\n.gantt-tr-taskBar.gantt-tr-dragging {\n  cursor: grabbing;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);\n  opacity: 1;\n  transition: none !important;\n}\n\n.gantt-tr-taskName {\n  color: var(--gantt-task-bar-text-color);\n  font-size: 0.875rem;\n  font-weight: 500;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  max-width: 100%;\n}\n\n.gantt-tr-taskDuration {\n  color: var(--gantt-task-bar-text-color);\n  font-size: 0.875rem;\n  font-weight: 500;\n  white-space: nowrap;\n  margin-right: 4px;\n}\n\n.gantt-tr-taskNameHidden {\n  visibility: hidden;\n}\n\n.gantt-tr-rightLabels {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  pointer-events: none;\n}\n\n.gantt-tr-dateLabelRight {\n  position: static;\n  margin-right: 0;\n}\n\n.gantt-tr-externalTaskName {\n  font-size: 0.9rem;\n  font-weight: 500;\n  color: #00389f;\n  white-space: nowrap;\n  user-select: none;\n  margin-left: 4px;\n}\n\n.gantt-tr-resizeHandle {\n  position: absolute;\n  top: 0;\n  width: 8px;\n  height: 100%;\n  background-color: rgba(0, 0, 0, 0.1);\n  cursor: ew-resize;\n}\n\n.gantt-tr-resizeHandleLeft {\n  left: 0;\n}\n\n.gantt-tr-resizeHandleRight {\n  right: 0;\n}\n\n.gantt-tr-resizeZoneLeft {\n  cursor: ew-resize;\n}\n\n.gantt-tr-resizeZoneRight {\n  cursor: ew-resize;\n}\n\n.gantt-tr-taskContainer {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n}\n\n.gantt-tr-leftLabels {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  display: flex;\n  align-items: center;\n  pointer-events: none;\n}\n\n.gantt-tr-dateLabel {\n  font-size: 0.85rem;\n  color: #666666;\n  white-space: nowrap;\n  pointer-events: none;\n  user-select: none;\n}\n\n.gantt-tr-dateLabelLeft {\n  position: absolute;\n  right: 100%;\n  margin-right: 6px;\n  top: 50%;\n  transform: translateY(-50%);\n}\n","/**\n * TodayIndicator Component Styles\n */\n\n.gantt-ti-indicator {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  z-index: 5;\n  pointer-events: none;\n}\n",".gantt-gb-gridBackground {\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 0;\n  pointer-events: none;\n}\n\n.gantt-gb-weekendBlock {\n  position: absolute;\n  top: 0;\n  height: 100%;\n  background-color: var(--gantt-weekend-background, #fee2e2);\n}\n\n.gantt-gb-gridLine {\n  position: absolute;\n  top: 0;\n  height: 100%;\n  background-color: var(--gantt-day-line-color, #f3f4f6);\n}\n\n.gantt-gb-monthSeparator {\n  width: var(--gantt-month-separator-width, 2px);\n  background-color: var(--gantt-month-separator-color, #374151);\n}\n\n.gantt-gb-weekSeparator {\n  width: var(--gantt-week-separator-width, 1px);\n  background-color: var(--gantt-week-separator-color, #d1d5db);\n}\n\n.gantt-gb-dayLine {\n  width: var(--gantt-day-line-width, 1px);\n  background-color: var(--gantt-day-line-color, #f3f4f6);\n}\n",".gantt-dgl-guideLine {\n  position: absolute;\n  top: 0;\n  width: 2px;\n  background-color: var(--gantt-drag-guide-line-color, #3b82f6);\n  z-index: 20;\n  pointer-events: none;\n  opacity: 0.6;\n}\n",".gantt-container {\r\n  width: 100%;\r\n  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n  border: 1px solid var(--gantt-grid-line-color, #e0e0e0);\r\n  background-color: var(--gantt-cell-background, #ffffff);\r\n}\r\n\r\n.gantt-scrollContainer {\r\n  overflow: auto;\r\n}\r\n\r\n.gantt-stickyHeader {\r\n  position: sticky;\r\n  top: 0;\r\n  z-index: 10;\r\n  background-color: var(--gantt-cell-background, #ffffff);\r\n  border-bottom: 1px solid var(--gantt-grid-line-color, #e0e0e0);\r\n}\r\n\r\n.gantt-taskArea {\r\n  position: relative;\r\n  background-color: var(--gantt-cell-background, #ffffff);\r\n}\r\n"],"mappings":"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","names":[]}

package/dist/index.d.mts

@@ -0,0 +1,376 @@
+import React$1 from 'react';
+
+/**
+ * Task data structure for Gantt chart
+ */
+interface Task {
+    /** Unique identifier for the task */
+    id: string;
+    /** Display name of the task */
+    name: string;
+    /** Task start date (ISO string or Date object) */
+    startDate: string | Date;
+    /** Task end date (ISO string or Date object) */
+    endDate: string | Date;
+    /** Optional color for task bar visualization */
+    color?: string;
+}
+interface GanttChartProps {
+    /** Array of tasks to display */
+    tasks: Task[];
+    /** Width of each day column in pixels (default: 40) */
+    dayWidth?: number;
+    /** Height of each task row in pixels (default: 40) */
+    rowHeight?: number;
+    /** Height of the header row in pixels (default: 40) */
+    headerHeight?: number;
+    /** Container height in pixels (default: 600) - adds vertical scrolling when tasks exceed this height */
+    containerHeight?: number;
+    /** Callback when tasks are modified via drag/resize. Can receive either the new tasks array or a functional updater. */
+    onChange?: (tasks: Task[] | ((currentTasks: Task[]) => Task[])) => void;
+}
+/**
+ * GanttChart component - displays tasks on a monthly timeline with Excel-like styling
+ *
+ * The calendar automatically shows full months based on task date ranges.
+ * For example, if tasks span from March 25 to May 5, the calendar shows
+ * the complete months of March, April, and May (March 1 - May 31).
+ *
+ * @example
+ * ```tsx
+ * <GanttChart
+ *   tasks={[
+ *     { id: '1', name: 'Task 1', startDate: '2026-02-01', endDate: '2026-02-05' }
+ *   ]}
+ * />
+ * ```
+ */
+declare const GanttChart: React$1.FC<GanttChartProps>;
+
+interface TaskRowProps {
+    /** Task data to render */
+    task: Task;
+    /** Start of the month for positioning calculations */
+    monthStart: Date;
+    /** Width of each day column in pixels */
+    dayWidth: number;
+    /** Height of the task row in pixels */
+    rowHeight: number;
+    /** Callback when task is modified via drag/resize */
+    onChange?: (updatedTask: Task) => void;
+    /** Callback when task drag state changes (for rendering guide lines) */
+    onDragStateChange?: (state: {
+        isDragging: boolean;
+        dragMode: 'move' | 'resize-left' | 'resize-right' | null;
+        left: number;
+        width: number;
+    }) => void;
+}
+/**
+ * TaskRow component - renders a single task row with a task bar
+ *
+ * Uses React.memo for performance optimization (QL-01).
+ * The task bar is positioned absolutely based on start/end dates.
+ */
+declare const TaskRow: React$1.FC<TaskRowProps>;
+
+interface TimeScaleHeaderProps {
+    /** Array of dates to display (from getMultiMonthDays) */
+    days: Date[];
+    /** Width of each day column in pixels */
+    dayWidth: number;
+    /** Height of the header row in pixels */
+    headerHeight: number;
+}
+/**
+ * TimeScaleHeader component - displays two-row date headers for the Gantt chart
+ *
+ * Top row: Month names (Russian, left-aligned) spanning multiple day columns
+ * Bottom row: Day numbers (centered) in individual columns
+ */
+declare const TimeScaleHeader: React$1.FC<TimeScaleHeaderProps>;
+
+interface GridBackgroundProps {
+    /** Array of dates to display (from getMultiMonthDays) */
+    dateRange: Date[];
+    /** Width of each day column in pixels */
+    dayWidth: number;
+    /** Total height of the grid area in pixels */
+    totalHeight: number;
+}
+/**
+ * GridBackground component - renders vertical grid lines and weekend background highlighting
+ *
+ * This component provides the visual grid structure that runs behind task rows.
+ * It separates grid rendering from task rendering for better performance and cleaner code.
+ *
+ * Features:
+ * - Vertical grid lines at month/week/day boundaries
+ * - Pink background highlighting for weekend days
+ * - React.memo optimization for performance
+ * - Pointer events disabled (clicks pass through to tasks)
+ */
+declare const GridBackground: React$1.FC<GridBackgroundProps>;
+
+interface TodayIndicatorProps {
+    /** Start of the month for positioning calculations */
+    monthStart: Date;
+    /** Width of each day column in pixels */
+    dayWidth: number;
+}
+/**
+ * TodayIndicator component - displays a vertical line at the current date
+ *
+ * Only renders when the current date is within the visible month range.
+ * Satisfies REND-04 requirement for visual today indicator.
+ */
+declare const TodayIndicator: React$1.FC<TodayIndicatorProps>;
+
+interface DragGuideLinesProps {
+    isDragging: boolean;
+    dragMode: 'move' | 'resize-left' | 'resize-right' | null;
+    left: number;
+    width: number;
+    totalHeight: number;
+}
+declare const DragGuideLines: React$1.FC<DragGuideLinesProps>;
+
+/**
+ * Options for useTaskDrag hook
+ */
+interface UseTaskDragOptions {
+    /** Unique identifier for the task */
+    taskId: string;
+    /** Initial start date of the task */
+    initialStartDate: Date;
+    /** Initial end date of the task */
+    initialEndDate: Date;
+    /** Start of the visible range (e.g., month start) */
+    monthStart: Date;
+    /** Width of each day in pixels */
+    dayWidth: number;
+    /** Callback when drag operation completes */
+    onDragEnd?: (result: {
+        id: string;
+        startDate: Date;
+        endDate: Date;
+    }) => void;
+    /** Callback for drag state changes (for parent components to render guide lines) */
+    onDragStateChange?: (state: {
+        isDragging: boolean;
+        dragMode: 'move' | 'resize-left' | 'resize-right' | null;
+        left: number;
+        width: number;
+    }) => void;
+    /** Width of edge zones for resize detection (default: 12px) */
+    edgeZoneWidth?: number;
+}
+/**
+ * Return value from useTaskDrag hook
+ */
+interface UseTaskDragReturn {
+    /** Whether a drag operation is in progress */
+    isDragging: boolean;
+    /** Current drag mode (null when not dragging) */
+    dragMode: 'move' | 'resize-left' | 'resize-right' | null;
+    /** Current left position in pixels (updated during drag) */
+    currentLeft: number;
+    /** Current width in pixels (updated during drag) */
+    currentWidth: number;
+    /** Props to spread on the drag handle element */
+    dragHandleProps: {
+        onMouseDown: (e: React.MouseEvent) => void;
+        style: React.CSSProperties;
+    };
+}
+/**
+ * Custom hook for managing task drag interactions
+ *
+ * HMR-SAFE: Uses module-level singleton to ensure drag state survives
+ * React Fast Refresh. Window event listeners are attached once at module
+ * level rather than per component instance.
+ */
+declare const useTaskDrag: (options: UseTaskDragOptions) => UseTaskDragReturn;
+
+/**
+ * Parse date string as UTC to prevent DST issues
+ * @param date - Date string or Date object
+ * @returns Date object representing UTC midnight
+ * @throws Error if date string is invalid
+ */
+declare const parseUTCDate: (date: string | Date) => Date;
+/**
+ * Get all days in the month of given date (UTC)
+ * @param date - Reference date (any day in the target month)
+ * @returns Array of Date objects for each day in the month
+ */
+declare const getMonthDays: (date: Date | string) => Date[];
+/**
+ * Calculate day offset from month start (0-based)
+ * @param date - The date to calculate offset for
+ * @param monthStart - The start of the month as reference
+ * @returns Number of days from month start (negative if date is before month start)
+ */
+declare const getDayOffset: (date: Date, monthStart: Date) => number;
+/**
+ * Check if date is today (UTC comparison)
+ * @param date - Date to check
+ * @returns True if date is today, false otherwise
+ */
+declare const isToday: (date: Date) => boolean;
+/**
+ * Check if date is a weekend day (Saturday or Sunday)
+ * @param date - Date to check
+ * @returns True if date is Saturday (6) or Sunday (0), false otherwise
+ */
+declare const isWeekend: (date: Date) => boolean;
+/**
+ * Calculate multi-month date range from task dates
+ * Expands range to include full months (1st of first month to last day of last month)
+ * @param tasks - Array of tasks with startDate and endDate
+ * @returns Array of Date objects for all days in the expanded range
+ */
+declare const getMultiMonthDays: (tasks: Array<{
+    startDate: string | Date;
+    endDate: string | Date;
+}>) => Date[];
+/**
+ * Calculate month spans within a date range
+ * @param dateRange - Array of Date objects representing the full range
+ * @returns Array of month span objects with month, days count, and start index
+ */
+declare const getMonthSpans: (dateRange: Date[]) => Array<{
+    month: Date;
+    days: number;
+    startIndex: number;
+}>;
+/**
+ * Format date as DD.MM (e.g., 25.03 for March 25th)
+ * @param date - Date to format
+ * @returns Formatted date string in DD.MM format
+ */
+declare const formatDateLabel: (date: Date | string) => string;
+
+/**
+ * Calculate task bar positioning and dimensions
+ * @param taskStartDate - Start date of the task
+ * @param taskEndDate - End date of the task
+ * @param monthStart - Start of the month/visible range
+ * @param dayWidth - Width of each day in pixels
+ * @returns Object with left position and width in pixels
+ */
+declare const calculateTaskBar: (taskStartDate: Date, taskEndDate: Date, monthStart: Date, dayWidth: number) => {
+    left: number;
+    width: number;
+};
+/**
+ * Convert pixel position to date (inverse of calculateTaskBar)
+ * @param pixels - Position in pixels (left or width)
+ * @param monthStart - Start of the month/visible range
+ * @param dayWidth - Width of each day in pixels
+ * @returns Date calculated from pixel position
+ */
+declare const pixelsToDate: (pixels: number, monthStart: Date, dayWidth: number) => Date;
+/**
+ * Calculate total width for month grid
+ * @param daysInMonth - Number of days in the month
+ * @param dayWidth - Width of each day in pixels
+ * @returns Total grid width in pixels
+ */
+declare const calculateGridWidth: (daysInMonth: number, dayWidth: number) => number;
+/**
+ * Detect which edge zone the cursor is in on a task bar
+ * @param clientX - Mouse X coordinate relative to viewport
+ * @param taskBarElement - The task bar DOM element
+ * @param edgeZoneWidth - Width of edge zones in pixels (default: 12px)
+ * @returns 'left' if in left edge, 'right' if in right edge, 'move' if in middle
+ */
+declare const detectEdgeZone: (clientX: number, taskBarElement: HTMLElement, edgeZoneWidth?: number) => "left" | "right" | "move";
+/**
+ * Get appropriate cursor style for drag position
+ * @param position - The drag position (left edge, right edge, or move)
+ * @returns CSS cursor string for the position
+ */
+declare const getCursorForPosition: (position: "left" | "right" | "move") => string;
+/**
+ * Calculate grid line positions for a date range
+ * @param dateRange - Array of Date objects representing the visible range
+ * @param dayWidth - Width of each day column in pixels
+ * @returns Array of grid line objects with x position and flags
+ */
+declare const calculateGridLines: (dateRange: Date[], dayWidth: number) => Array<{
+    x: number;
+    isMonthStart: boolean;
+    isWeekStart: boolean;
+}>;
+/**
+ * Calculate weekend background blocks for a date range
+ * @param dateRange - Array of Date objects representing the visible range
+ * @param dayWidth - Width of each day column in pixels
+ * @returns Array of weekend block objects with left position and width
+ */
+declare const calculateWeekendBlocks: (dateRange: Date[], dayWidth: number) => Array<{
+    left: number;
+    width: number;
+}>;
+
+/**
+ * Date range for Gantt chart display
+ */
+interface GanttDateRange {
+    /** Start date of the visible range */
+    start: Date;
+    /** End date of the visible range */
+    end: Date;
+}
+/**
+ * Task bar positioning and dimensions
+ */
+interface TaskBarGeometry {
+    /** Left position in pixels */
+    left: number;
+    /** Width in pixels */
+    width: number;
+}
+/**
+ * Grid configuration for layout calculations
+ */
+interface GridConfig {
+    /** Width of each day column in pixels */
+    dayWidth: number;
+    /** Height of each task row in pixels */
+    rowHeight: number;
+}
+/**
+ * Represents a month span in the calendar header
+ */
+interface MonthSpan {
+    /** First day of the month (UTC) */
+    month: Date;
+    /** Number of days this month spans in the visible range */
+    days: number;
+    /** Start index in the date range array */
+    startIndex: number;
+}
+/**
+ * Represents a vertical grid line
+ */
+interface GridLine {
+    /** X position in pixels */
+    x: number;
+    /** True if this line is at the start of a month */
+    isMonthStart: boolean;
+    /** True if this line is at the start of a week (Monday) */
+    isWeekStart: boolean;
+}
+/**
+ * Represents a weekend background block
+ */
+interface WeekendBlock {
+    /** Left position in pixels */
+    left: number;
+    /** Width in pixels */
+    width: number;
+}
+
+export { DragGuideLines, GanttChart, type GanttChartProps, type GanttDateRange, GridBackground, type GridConfig, type GridLine, type MonthSpan, type Task, type TaskBarGeometry, TaskRow, TimeScaleHeader, TodayIndicator, type WeekendBlock, calculateGridLines, calculateGridWidth, calculateTaskBar, calculateWeekendBlocks, detectEdgeZone, formatDateLabel, getCursorForPosition, getDayOffset, getMonthDays, getMonthSpans, getMultiMonthDays, isToday, isWeekend, parseUTCDate, pixelsToDate, useTaskDrag };