@aiquants/drag-drop-panels 0.8.3 → 0.8.4

package/dist/DragDropLayout.d.ts

@@ -1,10 +1,4 @@
-import { ColumnConfig, CustomDragState, DebugConfig, DragDropEventHandlers, DragDropStateUpdaters, DragOverPosition, DragState, OriginalPanelPosition, PanelConfig, PanelDragHandle, PanelSizeInfo, ResizeConfig } from './drag-drop/types';
-
-/**
- * Props for the DragDropLayout component.
- *
- * DragDropLayout コンポーネントのプロパティ。
- */
+import { ColumnConfig, CustomDragState, DebugConfig, DragDropEventHandlers, DragDropStateUpdaters, DragOverPosition, DragState, OriginalPanelPosition, PanelConfig, PanelDragHandle, PanelSizeInfo, ResizeConfig } from "./drag-drop/types";
 export interface DragDropLayoutProps extends DragDropEventHandlers, DragDropStateUpdaters, ResizeConfig {
     columns: ColumnConfig[];
     panels: PanelConfig[];
@@ -27,14 +21,4 @@ export interface DragDropLayoutProps extends DragDropEventHandlers, DragDropStat
     };
     onScaleChange?: (scale: number) => void;
 }
-/**
- * The main component for rendering the drag and drop layout.
- * It manages the arrangement of columns and panels, handles all drag and drop logic,
- * and implements FLIP animations for smooth transitions.
- *
- * ドラッグ＆ドロップレイアウトを描画するためのメインコンポーネント。
- * カラムとパネルの配置を管理し、すべてのドラッグ＆ドロップロジックを処理し、
- * スムーズなトランジションのためのFLIPアニメーションを実装します。
- */
 export declare const DragDropLayout: ({ columns, panels, columnPanels, panelVisibility, onPanelVisibilityChange, dragState, dragOverPosition, originalPanelPosition, dragModes, onDragStart, onDragEnd, onPlaceholderDragEnter, onPlaceholderDragLeave, onDragOverWithInsert, onDropWithInsert, onColumnDragLeave, onPanelClick, onPanelMouseDown, onTouchStart, onTouchMove, onTouchEnd, debugConfig, panelSizes, setPanelRef, enableResize, columnWidths, onResizeStart, onResize, onResizeEnd, isResizing, resizingColumn, onPanelSizeInfoClick, onToggleDragMode, onPanelClose, onPanelMaximizeChange, customDrag, dragHandle, maximizedPanel, panelClassName, scale: propScale, autoScale, onScaleChange, }: DragDropLayoutProps) => import("react").JSX.Element;
-//# sourceMappingURL=DragDropLayout.d.ts.map

package/dist/drag-drop/ColumnControlPanel.d.ts

@@ -1,36 +1,12 @@
-/**
- * Props for the ColumnControlPanel component.
- *
- * ColumnControlPanel コンポーネントのプロパティ。
- */
 export type ColumnControlPanelProps = {
-    /** The current number of columns. / 現在のカラム数。 */
     columnCount: number;
-    /** Callback function when the column count changes. / カラム数が変更されたときのコールバック関数。 */
     onColumnCountChange: (count: number) => void;
-    /** Callback function to auto-balance panels across columns. / パネルをカラム間で自動的にバランス調整するためのコールバック関数。 */
     onAutoBalance: () => void;
-    /** Callback function to reset column widths to their initial state. / カラム幅を初期状態にリセットするためのコールバック関数。 */
     onResetWidths: () => void;
-    /** The minimum number of columns allowed. Defaults to 2. / 許可される最小カラム数。デフォルトは2。 */
     minColumns?: number;
-    /** The maximum number of columns allowed. Defaults to 6. / 許可される最大カラム数。デフォルトは6。 */
     maxColumns?: number;
-    /** A flag indicating if a resize operation is in progress. / リサイズ操作が進行中かどうかを示すフラグ。 */
     isResizing?: boolean;
-    /** A flag indicating if responsive mode is active (restricts manual column adjustments). / レスポンシブモードが有効かどうか（手動カラム調整を制限）。 */
     isResponsiveMode?: boolean;
-    /** The responsive column count when responsive mode is active. / レスポンシブモード有効時のレスポンシブカラム数。 */
     responsiveColumnCount?: number;
 };
-/**
- * A UI component that provides controls for managing layout columns.
- * It allows users to add or remove columns, balance panels, and reset widths.
- *
- * レイアウトカラムを管理するためのコントロールを提供するUIコンポーネント。
- * ユーザーはカラムの追加・削除、パネルのバランス調整、幅のリセットができます。
- * @param {ColumnControlPanelProps} props - The props for the component.
- * @returns {JSX.Element} The rendered column control panel.
- */
 export declare const ColumnControlPanel: ({ columnCount, onColumnCountChange, onAutoBalance, onResetWidths, minColumns, maxColumns, isResizing, isResponsiveMode, responsiveColumnCount }: ColumnControlPanelProps) => import("react").JSX.Element;
-//# sourceMappingURL=ColumnControlPanel.d.ts.map

package/dist/drag-drop/ColumnInsertPanel.d.ts

@@ -1,34 +1,10 @@
-/**
- * Props for the ColumnInsertPanel component。
- *
- * ColumnInsertPanel コンポーネントのプロパティ。
- */
 export type ColumnInsertPanelProps = {
-    /** The current number of columns. / 現在のカラム数。 */
     columnCount: number;
-    /** Callback function to insert a column at a specific position. / 特定の位置にカラムを挿入するためのコールバック関数。 */
     onInsertColumn: (position: number) => void;
-    /** Callback function to delete a column at a specific position. / 特定の位置のカラムを削除するためのコールバック関数。 */
     onDeleteColumn: (position: number) => void;
-    /** The minimum number of columns allowed. Defaults to 1. / 許可される最小カラム数。デフォルトは1。 */
     minColumns?: number;
-    /** The maximum number of columns allowed. Defaults to 6. / 許可される最大カラム数。デフォルトは6。 */
     maxColumns?: number;
-    /** A flag indicating if a resize operation is in progress. / リサイズ操作が進行中かどうかを示すフラグ。 */
     isResizing?: boolean;
-    /** A flag to disable the entire panel (e.g., during responsive mode). / パネル全体を無効化するフラグ（レスポンシブモード時など）。 */
     disabled?: boolean;
 };
-/**
- * A UI component that provides controls for inserting and deleting columns at specific positions.
- * It shows visual indicators between columns where new columns can be inserted,
- * and delete buttons on each column.
- *
- * 特定の位置でカラムの挿入・削除を行うためのコントロールを提供するUIコンポーネント。
- * 新しいカラムを挿入できる位置にビジュアルインジケーターを表示し、
- * 各カラムに削除ボタンを表示します。
- * @param {ColumnInsertPanelProps} props - The props for the component.
- * @returns {JSX.Element} The rendered column insert panel。
- */
 export declare const ColumnInsertPanel: ({ columnCount, onInsertColumn, onDeleteColumn, minColumns, maxColumns, isResizing, disabled }: ColumnInsertPanelProps) => import("react").JSX.Element;
-//# sourceMappingURL=ColumnInsertPanel.d.ts.map

package/dist/drag-drop/DebugComponents.d.ts

@@ -1,66 +1,24 @@
-import { MouseEvent } from 'react';
-import { CustomDragState, DebugConfig, DragOverPosition, DragState, MousePosition, OriginalPanelPosition, TouchDragState } from './types';
-
-/**
- * Props for the DebugPanel component.
- *
- * DebugPanel コンポーネントのプロパティ。
- */
+import { MouseEvent } from "react";
+import { CustomDragState, DebugConfig, DragOverPosition, DragState, MousePosition, OriginalPanelPosition, TouchDragState } from "./types";
 interface DebugPanelProps {
-    /** Debug configuration object. / デバッグ設定オブジェクト。 */
     config: DebugConfig;
-    /** The current state of the drag operation. / ドラッグ操作の現在の状態。 */
     dragState: DragState;
-    /** The position where the dragged panel is hovering over. / ドラッグ中のパネルがホバーしている位置。 */
     dragOverPosition: DragOverPosition | null;
-    /** The original position of the panel being dragged. / ドラッグされているパネルの元の位置。 */
     originalPanelPosition: OriginalPanelPosition | null;
-    /** The current mouse coordinates. / 現在のマウス座標。 */
     mousePosition: MousePosition;
-    /** The state related to touch-based dragging. / タッチベースのドラッグに関連する状態。 */
     touchDragState: TouchDragState;
-    /** The state for custom drag handling. / カスタムドラッグ処理の状態。 */
     customDrag: CustomDragState;
 }
-/**
- * A panel that displays various debug information related to the drag-and-drop state.
- *
- * ドラッグ＆ドロップの状態に関連する様々なデバッグ情報を表示するパネル。
- * @param {DebugPanelProps} props - The props for the component.
- * @returns {JSX.Element | null} The rendered debug panel or null if not enabled.
- */
 export declare const DebugPanel: ({ config, dragState, dragOverPosition, originalPanelPosition, mousePosition, touchDragState, customDrag }: DebugPanelProps) => import("react").JSX.Element | null;
-/**
- * Props for the MousePositionDisplay component.
- *
- * MousePositionDisplay コンポーネントのプロパティ。
- */
 interface MousePositionDisplayProps {
-    /** Debug configuration object. / デバッグ設定オブジェクト。 */
     config: DebugConfig;
-    /** The current mouse coordinates. / 現在のマウス座標。 */
     mousePosition: MousePosition;
-    /** The current state of the drag operation. / ドラッグ操作の現在の状態。 */
     dragState: DragState;
 }
-/**
- * Displays the current mouse coordinates on the screen during a drag operation.
- *
- * ドラッグ操作中に画面上に現在のマウス座標を表示します。
- * @param {MousePositionDisplayProps} props - The props for the component。
- * @returns {JSX.Element | null} The rendered mouse position display or null if not enabled。
- */
 export declare const MousePositionDisplay: ({ config, mousePosition, dragState }: MousePositionDisplayProps) => import("react").JSX.Element | null;
-/**
- * Props for the PanelSizeDisplay component。
- *
- * PanelSizeDisplay コンポーネントのプロパティ。
- */
 interface PanelSizeDisplayProps {
-    /** Debug configuration object. / デバッグ設定オブジェクト。 */
     config: DebugConfig;
     panelId: string;
-    /** The size and position information of the panel. / パネルのサイズと位置情報。 */
     sizeInfo: {
         width: number;
         height: number;
@@ -69,25 +27,8 @@ interface PanelSizeDisplayProps {
         minHeight: string;
         maxHeight: string;
     } | undefined;
-    /** Callback function for click events on the size info display. / サイズ情報表示のクリックイベントのコールバック関数。 */
     onSizeInfoClick: (e: MouseEvent | TouchEvent) => void;
 }
-/**
- * Displays the size and position of a panel.
- *
- * パネルのサイズと位置を表示します。
- * @param {PanelSizeDisplayProps} props - The props for the component。
- * @returns {JSX.Element | null} The rendered panel size display or null if not enabled。
- */
 export declare const PanelSizeDisplay: ({ config, panelId, sizeInfo, onSizeInfoClick }: PanelSizeDisplayProps) => import("react").JSX.Element | null;
-/**
- * A helper function for logging debug messages to the console based on the configured log level.
- *
- * 設定されたログレベルに基づいてデバッグメッセージをコンソールに出力するためのヘルパー関数。
- * @param {DebugConfig} config - The debug configuration object。
- * @param {1 | 2} level - The log level of the message (1 for basic, 2 for verbose)。
- * @param {...any[]} args - The arguments to log to the console。
- */
 export declare const debugLog: (config: DebugConfig, level: 1 | 2, ...args: unknown[]) => void;
 export {};
-//# sourceMappingURL=DebugComponents.d.ts.map

package/dist/drag-drop/DebugControlPanel.d.ts

@@ -1,31 +1,9 @@
-import { DebugConfig } from './types';
-
-/**
- * Props for the DebugControlPanel component.
- *
- * DebugControlPanel コンポーネントのプロパティ。
- */
+import { DebugConfig } from "./types";
 type DebugControlPanelProps = {
-    /** The current debug configuration object. / 現在のデバッグ設定オブジェクト。 */
     config: DebugConfig;
-    /** Callback function to update the debug configuration. / デバッグ設定を更新するためのコールバック関数。 */
     onConfigChange: (newConfig: DebugConfig) => void;
-    /** A flag indicating if the control panel is currently visible. / コントロールパネルが現在表示されているかどうかを示すフラグ。 */
     isVisible: boolean;
-    /** Callback function to toggle the visibility of the control panel. / コントロールパネルの表示を切り替えるためのコールバック関数。 */
     onToggleVisibility: () => void;
 };
-/**
- * A floating panel with controls to manage debug settings.
- * It can be toggled to show/hide and provides checkboxes and a slider
- * to dynamically change the debug configuration.
- *
- * デバッグ設定を管理するためのコントロールを持つフローティングパネル。
- * 表示・非表示を切り替えることができ、チェックボックスとスライダーで
- * デバッグ設定を動的に変更できます。
- * @param {DebugControlPanelProps} props - The props for the component.
- * @returns {JSX.Element} The rendered debug control panel.
- */
 export declare const DebugControlPanel: ({ config, onConfigChange, isVisible, onToggleVisibility }: DebugControlPanelProps) => import("react").JSX.Element;
 export {};
-//# sourceMappingURL=DebugControlPanel.d.ts.map

package/dist/drag-drop/DebugOverlay.d.ts

@@ -1,71 +1,29 @@
-import { default as React } from 'react';
-import { DebugConfig, DragOverPosition, OriginalPanelPosition } from './types';
-
-/**
- * Props for the InsertPlaceholder component.
- *
- * InsertPlaceholder コンポーネントのプロパティ。
- */
+import { default as React } from "react";
+import { DebugConfig, DragOverPosition, OriginalPanelPosition } from "./types";
 interface InsertPlaceholderProps {
-    /** The index where the placeholder appears in the column. / カラム内でのプレースホルダーのインデックス。 */
     index: number;
-    /** The index of the column containing the placeholder. / プレースホルダーが含まれるカラムのインデックス。 */
     columnIndex: number;
-    /** A flag indicating if a drag operation is in progress. / ドラッグ操作が進行中かどうかを示すフラグ。 */
     isDragging: boolean;
-    /** The position where the dragged panel is hovering over. / ドラッグ中のパネルがホバーしている位置。 */
     dragOverPosition: DragOverPosition | null;
-    /** The original position of the panel being dragged. / ドラッグされているパネルの元の位置。 */
     originalPosition: OriginalPanelPosition | null;
-    /** Callback when a dragged item enters the placeholder. / ドラッグアイテムがプレースホルダーに入ったときのコールバック。 */
     onDragEnter: (columnIndex: number, insertIndex: number) => void;
-    /** Callback when a dragged item leaves the placeholder. / ドラッグアイテムがプレースホルダーから離れたときのコールバック。 */
     onDragLeave: (e?: React.DragEvent, columnIndex?: number, insertIndex?: number) => void;
-    /** Debug configuration object. / デバッグ設定オブジェクト。 */
     config: DebugConfig;
-    /** State for custom (non-HTML5) drag handling. / カスタム（非HTML5）ドラッグ処理の状態。 */
     customDrag?: {
         isActive: boolean;
         panelId: string;
     };
 }
-/**
- * A component that renders a placeholder to indicate where a dragged panel can be dropped.
- * It highlights when a panel is dragged over it and is hidden when no drag is active.
- * Features smooth fade-in/fade-out animations for a polished user experience.
- *
- * ドラッグされたパネルをドロップできる場所を示すプレースホルダーをレンダリングするコンポーネント。
- * パネルが上にドラッグされるとハイライトされ、ドラッグがアクティブでないときは非表示になります。
- * 洗練されたユーザーエクスペリエンスのために、滑らかなフェードイン・フェードアウトアニメーションを特徴とします。
- */
 export declare const InsertPlaceholder: React.NamedExoticComponent<InsertPlaceholderProps>;
-/**
- * Props for the DropZoneDebugOverlay component.
- *
- * DropZoneDebugOverlay コンポーネントのプロパティ。
- */
 interface DropZoneDebugOverlayProps {
-    /** The index of the column this overlay is for. / このオーバーレイが対象とするカラムのインデックス。 */
     columnIndex: number;
-    /** A flag indicating if a drag operation is in progress. / ドラッグ操作が進行中かどうかを示すフラグ。 */
     isDragging: boolean;
-    /** The position where the dragged panel is hovering over. / ドラッグ中のパネルがホバーしている位置。 */
     dragOverPosition: DragOverPosition | null;
-    /** The child elements to be rendered within the overlay. / オーバーレイ内にレンダリングされる子要素。 */
     children: React.ReactNode;
-    /** Debug configuration object. / デバッグ設定オブジェクト。 */
     config: DebugConfig;
 }
-/**
- * A component that renders a debug overlay over a drop zone (a column).
- * It shows the boundaries and state (active/idle) of the drop zone during a drag operation。
- *
- * ドロップゾーン（カラム）の上にデバッグオーバーレイをレンダリングするコンポーネント。
- * ドラッグ操作中にドロップゾーンの境界と状態（アクティブ/アイドル）を表示します。
- */
 export declare const DropZoneDebugOverlay: {
     ({ columnIndex, isDragging, dragOverPosition, children, config }: DropZoneDebugOverlayProps): React.JSX.Element;
     displayName: string;
 };
 export {};
-//# sourceMappingURL=DebugOverlay.d.ts.map

package/dist/drag-drop/ResizeHandle.d.ts

@@ -1,6 +1,5 @@
-import { ReactNode } from 'react';
-import { DebugConfig } from './types';
-
+import { ReactNode } from "react";
+import { DebugConfig } from "./types";
 export interface ResizeHandleProps {
     columnId: string;
     onResizeStart: (columnId: string, startX: number) => void;
@@ -27,4 +26,3 @@ export interface ResizableColumnProps {
     children: ReactNode;
 }
 export declare const ResizableColumn: ({ columnId, width, minWidth, maxWidth, onResizeStart, onResize, onResizeEnd, isResizing, resizable, className, debug, children }: ResizableColumnProps) => import("react").JSX.Element;
-//# sourceMappingURL=ResizeHandle.d.ts.map

package/dist/drag-drop/ResponsiveControl.d.ts

@@ -6,4 +6,3 @@ export interface ResponsiveControlProps {
     onToggleResponsive: () => void;
 }
 export declare const ResponsiveControl: ({ isResponsiveMode, responsiveColumnCount, currentColumnCount, screenWidth, onToggleResponsive }: ResponsiveControlProps) => import("react").JSX.Element;
-//# sourceMappingURL=ResponsiveControl.d.ts.map

package/dist/drag-drop/hooks/useColumnLayout.d.ts

@@ -1,5 +1,4 @@
-import { DebugConfig } from '../types';
-
+import { DebugConfig } from "../types";
 export interface ColumnConfig {
     id: string;
     title: string;
@@ -44,4 +43,3 @@ export interface UseColumnLayoutReturn {
     setShowInsertPlaceholders: (show: boolean) => void;
 }
 export declare const useColumnLayout: ({ initialColumns, initialPanels, debug, onLayoutChange }: UseColumnLayoutProps) => UseColumnLayoutReturn;
-//# sourceMappingURL=useColumnLayout.d.ts.map

package/dist/drag-drop/hooks/useCustomDragHandlers.d.ts

@@ -1,6 +1,5 @@
-import { DragEvent, MouseEvent } from 'react';
-import { ClickState, CustomDragState, DebugConfig, DragOverPosition, DragState, OriginalPanelPosition } from '../types';
-
+import { DragEvent, MouseEvent } from "react";
+import { ClickState, CustomDragState, DebugConfig, DragOverPosition, DragState, OriginalPanelPosition } from "../types";
 interface UseCustomDragHandlersProps {
     debugConfig: DebugConfig;
     dragState: DragState;
@@ -39,4 +38,3 @@ export declare const useCustomDragHandlers: ({ debugConfig, dragState, customDra
     handleMouseDown: (e: MouseEvent, panelId: string) => void;
 };
 export {};
-//# sourceMappingURL=useCustomDragHandlers.d.ts.map

package/dist/drag-drop/hooks/useDragDropColumns.d.ts

@@ -1,5 +1,4 @@
-import { DebugConfig, UseDragDropColumnsReturn } from '../types';
-
+import { DebugConfig, UseDragDropColumnsReturn } from "../types";
 export interface UseDragDropColumnsProps {
     initialColumnPanels: Record<string, string[]>;
     initialPanelVisibility: Record<string, boolean>;
@@ -13,9 +12,4 @@ export interface UseDragDropColumnsProps {
     onColumnPanelsChange?: (newColumnPanels: Record<string, string[]>) => void;
     scale?: number;
 }
-/**
- * Main drag and drop columns hook - integrates all sub-hooks.
- * メインドラッグ&ドロップカラムフック - 全てのサブフックを統合。
- */
 export declare const useDragDropColumns: ({ initialColumnPanels, initialPanelVisibility, initialDragModes, debugConfig, onPanelMove, onDragModeChange, onColumnPanelsChange, scale }: UseDragDropColumnsProps) => UseDragDropColumnsReturn;
-//# sourceMappingURL=useDragDropColumns.d.ts.map

package/dist/drag-drop/hooks/useDragDropState.d.ts

@@ -1,12 +1,4 @@
-import { ClickState, CustomDragState, DragOverPosition, DragState, OriginalPanelPosition, TouchDragState } from '../types';
-
-/**
- * A custom hook for managing all states related to drag-and-drop operations.
- * It encapsulates the state logic, providing a clean interface for components to use.
- *
- * ドラッグ＆ドロップ操作に関連するすべての状態を管理するためのカスタムフック。
- * 状態ロジックをカプセル化し、コンポーネントが使用するためのクリーンなインターフェースを提供します。
- */
+import { ClickState, CustomDragState, DragOverPosition, DragState, OriginalPanelPosition, TouchDragState } from "../types";
 export declare const useDragDropState: () => {
     dragState: DragState;
     dragOverPosition: DragOverPosition | null;
@@ -25,4 +17,3 @@ export declare const useDragDropState: () => {
     resetDragState: () => void;
     resetClickState: () => void;
 };
-//# sourceMappingURL=useDragDropState.d.ts.map

package/dist/drag-drop/hooks/useFitScale.d.ts

@@ -1,12 +1,4 @@
-/**
- * コンテンツ領域の幅を ResizeObserver で監視し、requiredWidth に満たない場合に
- * ワークスペース全体を視覚縮小するための scale (minScale 〜 1) を返すフック。
- *
- * @param {number} requiredWidth - 等倍表示に必要な最小幅
- * @param {number} [minScale] - 縮小の下限値
- */
 export declare const useFitScale: (requiredWidth: number, minScale?: number) => {
-    containerRef: import('react').RefObject<HTMLDivElement | null>;
+    containerRef: import("react").RefObject<HTMLDivElement | null>;
     scale: number;
 };
-//# sourceMappingURL=useFitScale.d.ts.map

package/dist/drag-drop/hooks/useMouseTracking.d.ts

@@ -1,5 +1,4 @@
-import { MousePosition } from '../types';
-
+import { MousePosition } from "../types";
 export declare const useMouseTracking: () => {
     mousePosition: MousePosition;
     lastClickPosition: {
@@ -20,4 +19,3 @@ export declare const useMouseTracking: () => {
     calculateMoveDistance: (x: number, y: number) => number;
     clearMouseTracking: () => void;
 };
-//# sourceMappingURL=useMouseTracking.d.ts.map

package/dist/drag-drop/hooks/useNormalDragHandlers.d.ts

@@ -1,9 +1,4 @@
-import { CustomDragState, DebugConfig, DragOverPosition, DragState, OriginalPanelPosition } from '../types';
-
-/**
- * `useNormalDragHandlers` フックが受け取るプロパティの型定義。
- * Defines the props structure for the `useNormalDragHandlers` hook.
- */
+import { CustomDragState, DebugConfig, DragOverPosition, DragState, OriginalPanelPosition } from "../types";
 interface UseNormalDragHandlersProps {
     debugConfig: DebugConfig;
     dragState: DragState;
@@ -23,19 +18,6 @@ interface UseNormalDragHandlersProps {
     handlePlaceholderDragLeave: (e?: React.DragEvent<Element>, columnIndex?: number, insertIndex?: number) => void;
     scale?: number;
 }
-/**
- * 標準HTML5 D&Dイベントハンドラを提供するカスタムフック。
- *
- * `useCallback` でメモ化されたイベントハンドラ群を返す。
- * パフォーマンス向上のため、頻繁に更新される値は `useRef` を介して参照し、
- * コールバック関数の再生成を最小限に抑える。
- *
- * A custom hook that provides memoized event handlers for standard HTML5 drag-and-drop。
- *
- * It returns a set of event handlers memoized with `useCallback`。
- * For performance optimization, frequently updated values are accessed via `useRef`
- * to minimize the re-creation of callback functions。
- */
 export declare const useNormalDragHandlers: ({ debugConfig, dragState, customDrag, dragModes, columnPanels, dragOverPosition, originalPanelPosition, setDragState, setDragOverPosition, setOriginalPanelPosition, performPanelMove, showMousePosition, updateMousePosition, resetDragState, handlePlaceholderDragEnter, handlePlaceholderDragLeave, scale, }: UseNormalDragHandlersProps) => {
     handleDragStart: (e: React.DragEvent, panelId: string) => void;
     handleDragEnd: () => void;
@@ -44,4 +26,3 @@ export declare const useNormalDragHandlers: ({ debugConfig, dragState, customDra
     handleColumnDragLeave: (e: React.DragEvent) => void;
 };
 export {};
-//# sourceMappingURL=useNormalDragHandlers.d.ts.map

package/dist/drag-drop/hooks/usePanelManagement.d.ts

@@ -1,19 +1,9 @@
-import { PanelSizeInfo } from '../types';
-
-/**
- * A simplified custom hook for managing panel state such as size, visibility, and refs。
- * It provides basic functionalities without the complexity of ResizeObserver for performance。
- *
- * パネルの状態（サイズ、可視性、refなど）を管理するための簡略化されたカスタムフック。
- * パフォーマンスのためにResizeObserverの複雑さなしに、基本的な機能を提供します。
- * @param {Record<string, boolean>} initialPanelVisibility - An object mapping panel IDs to their initial visibility state.
- * @param {number} scale - Current layout scale.
- */
+import { PanelSizeInfo } from "../types";
 export declare const usePanelManagement: (initialPanelVisibility: Record<string, boolean>, scale?: number) => {
     panelVisibility: Record<string, boolean>;
     panelSizes: Record<string, PanelSizeInfo>;
-    setPanelVisibility: import('react').Dispatch<import('react').SetStateAction<Record<string, boolean>>>;
-    setPanelSizes: import('react').Dispatch<import('react').SetStateAction<Record<string, PanelSizeInfo>>>;
+    setPanelVisibility: import("react").Dispatch<import("react").SetStateAction<Record<string, boolean>>>;
+    setPanelSizes: import("react").Dispatch<import("react").SetStateAction<Record<string, PanelSizeInfo>>>;
     setPanelRef: (panelId: string, el: HTMLDivElement | null) => void;
     updatePanelSize: (panelId: string) => void;
     togglePanelVisibility: (panelId: string) => void;
@@ -22,4 +12,3 @@ export declare const usePanelManagement: (initialPanelVisibility: Record<string,
     updateDragImagePosition: (x: number, y: number) => void;
     removeDragImage: () => void;
 };
-//# sourceMappingURL=usePanelManagement.d.ts.map

package/dist/drag-drop/hooks/useResponsiveColumns.d.ts

@@ -1,41 +1,14 @@
-/**
- * Props for the `useResponsiveColumns` hook.
- * `useResponsiveColumns` フックのプロパティ。
- */
 export interface UseResponsiveColumnsProps {
-    /** The minimum width for each column in pixels. / 各カラムの最小幅（ピクセル単位）。 */
     minColumnWidth?: number;
-    /** The default number of columns to display when not in responsive mode. / レスポンシブモードでない場合に表示するデフォルトのカラム数。 */
     defaultColumns?: number;
-    /** The maximum number of columns allowed. / 許容される最大カラム数。 */
     maxColumns?: number;
-    /** The minimum number of columns allowed. / 許容される最小カラム数。 */
     minColumns?: number;
-    /** The current column widths to consider for responsive calculation. / レスポンシブ計算で考慮する現在のカラム幅。 */
     currentColumnWidths?: Record<string, number>;
 }
-/**
- * The return value of the `useResponsiveColumns` hook.
- * `useResponsiveColumns` フックの戻り値。
- */
 export interface UseResponsiveColumnsReturn {
-    /** The calculated number of columns for the current screen width. / 現在の画面幅に対して計算されたカラム数。 */
     responsiveColumnCount: number;
-    /** A boolean indicating if responsive mode is currently active. / レスポンシブモードが現在アクティブかどうかを示すブール値。 */
     isResponsiveMode: boolean;
-    /** The current width of the screen in pixels. / 現在の画面幅（ピクセル単位）。 */
     screenWidth: number;
-    /** A function to toggle responsive mode on and off. / レスポンシブモードのオン/オフを切り替える関数。 */
     toggleResponsiveMode: () => void;
 }
-/**
- * A custom hook that determines the number of columns for a responsive layout.
- * It listens to screen resize events and calculates the column count based on the available width.
- *
- * レスポンシブレイアウトのカラム数を決定するカスタムフック。
- * 画面のリサイズイベントをリッスンし、利用可能な幅に基づいてカラム数を計算します。
- * @param {UseResponsiveColumnsProps} [props={}] - Configuration properties for the hook.
- * @returns {UseResponsiveColumnsReturn} An object containing the calculated column count and related state.
- */
 export declare const useResponsiveColumns: ({ minColumnWidth, defaultColumns, maxColumns, minColumns, currentColumnWidths }?: UseResponsiveColumnsProps) => UseResponsiveColumnsReturn;
-//# sourceMappingURL=useResponsiveColumns.d.ts.map

package/dist/drag-drop/types.d.ts

@@ -1,11 +1,10 @@
-import { ComponentType, DragEvent, MouseEvent, RefObject, TouchEvent } from 'react';
-
+import { ComponentType, DragEvent, MouseEvent, RefObject, TouchEvent } from "react";
 export interface ElementWithResizeObserver extends HTMLElement {
     __resizeObserver?: ResizeObserver;
 }
-export type ReactMouseEvent = import('react').MouseEvent<Element>;
-export type ReactDragEvent = import('react').DragEvent<Element>;
-export type ReactTouchEvent = import('react').TouchEvent<Element>;
+export type ReactMouseEvent = import("react").MouseEvent<Element>;
+export type ReactDragEvent = import("react").DragEvent<Element>;
+export type ReactTouchEvent = import("react").TouchEvent<Element>;
 export type DOMMouseEvent = globalThis.MouseEvent;
 export type DOMDragEvent = globalThis.DragEvent;
 export type DOMTouchEvent = globalThis.TouchEvent;
@@ -123,37 +122,9 @@ export interface DragDropEventHandlers {
     onTouchEnd?: (e: TouchEvent<Element>) => void;
     onPanelSizeInfoClick?: (e: MouseEvent<Element> | TouchEvent<Element>, panelId: string) => void;
     onToggleDragMode?: (panelId: string) => void;
-    /**
-     * Optional close handler. When provided, the panel header shows an X button that the
-     * consumer uses to REMOVE the panel (unlike the EyeOff button, which only hides the
-     * panel into the restore bar).
-     *
-     * 指定時のみパネルヘッダに ✕(完全クローズ)ボタンを表示する。
-     * EyeOff(非表示 + 復元バー)とは別の「パネルを取り除く」意味論。
-     */
     onPanelClose?: (panelId: string) => void;
-    /**
-     * Optional maximize handler (controlled). When provided, the panel header shows a
-     * maximize/restore button and the panel whose id equals `maximizedPanel` is rendered
-     * as a viewport-filling fixed overlay (OS-window-like maximize). Called with the
-     * panelId to maximize, or null to restore. Escape and header double-click also restore.
-     *
-     * 指定時のみパネルヘッダに最大化/復元ボタンを表示する (制御型)。`maximizedPanel` に
-     * 一致するパネルはビューポート全面の fixed オーバーレイとして描画される (OS ウインドウの
-     * 最大化と同様)。最大化するときは panelId、復元するときは null で呼ばれる。
-     * Escape キーとヘッダのダブルクリックでも復元/最大化をトグルする。
-     */
     onPanelMaximizeChange?: (panelId: string | null) => void;
 }
-/**
- * Where the HTML5 drag can be initiated from (dragMode "normal" only).
- * - "panel" (default): the whole panel is draggable — current behavior.
- * - "header": only the panel header is draggable, so text inside the panel body
- *   can be selected/copied (essential for document-viewer panels).
- *
- * HTML5 ドラッグの開始領域。"header" 指定でパネル本文のテキスト選択が可能になる
- * (ドキュメントビューア用途で必須)。既定は従来どおり "panel" 全体。
- */
 export type PanelDragHandle = "panel" | "header";
 export interface DragDropState {
     columnPanels: Record<string, string[]>;
@@ -212,4 +183,3 @@ export interface ResizeConfig {
     resizingColumn?: string | null;
 }
 export type DragMode = "normal" | "custom";
-//# sourceMappingURL=types.d.ts.map

package/dist/drag-drop/utils/columnIdUtils.d.ts

@@ -1,7 +1,3 @@
-/**
- * @fileoverview Column ID management utilities for consistent column identification across the application.
- * カラムID管理ユーティリティ - アプリケーション全体でのカラム識別の一貫性を保つ。
- */
 export interface ColumnIdConfig {
     prefix: string;
     startIndex: number;
@@ -16,4 +12,3 @@ export declare const getNextColumnId: (existingIds: string[], config?: ColumnIdC
 export declare const sortColumnIds: (columnIds: string[], config?: ColumnIdConfig) => string[];
 export declare const createColumnIdMapping: (oldIds: string[], config?: ColumnIdConfig) => Record<string, string>;
 export declare const normalizeColumnPanels: (columnPanels: Record<string, string[]>, newColumnCount: number, config?: ColumnIdConfig) => Record<string, string[]>;
-//# sourceMappingURL=columnIdUtils.d.ts.map

package/dist/drag-drop/utils/edgeScrollUtils.d.ts

@@ -1,10 +1,3 @@
-/**
- * @fileoverview Utility functions for implementing edge scrolling during drag operations.
- * This provides auto-scrolling functionality when the cursor reaches the edge of the viewport.
- *
- * ドラッグ操作中のエッジスクロール機能を実装するためのユーティリティ関数。
- * カーソルがビューポートの端に到達した際の自動スクロール機能を提供します。
- */
 export interface EdgeScrollConfig {
     triggerDistance: number;
     scrollSpeed: number;
@@ -30,4 +23,3 @@ export declare class EdgeScrollManager {
     isScrolling(): boolean;
     updateConfig(newConfig: EdgeScrollConfig): void;
 }
-//# sourceMappingURL=edgeScrollUtils.d.ts.map