@particle-academy/react-fancy 5.12.0 → 5.14.0

package/dist/chunk-7XDKIZQE.js

@@ -0,0 +1,382 @@
+import { cn } from './chunk-DSUHZO6T.js';
+import { createContext, useState, useCallback, useMemo, useRef, useEffect, useContext } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var TreeNavContext = createContext(null);
+function useTreeNav() {
+  const ctx = useContext(TreeNavContext);
+  if (!ctx) {
+    throw new Error("useTreeNav must be used within a <TreeNav> component");
+  }
+  return ctx;
+}
+var EXT_COLORS = {
+  ts: "#3178c6",
+  tsx: "#3178c6",
+  js: "#f7df1e",
+  jsx: "#f7df1e",
+  php: "#777bb4",
+  html: "#e34c26",
+  htm: "#e34c26",
+  css: "#264de4",
+  json: "#a1a1aa",
+  md: "#71717a",
+  yaml: "#cb171e",
+  yml: "#cb171e"
+};
+function FileIcon({ ext }) {
+  const color = ext && EXT_COLORS[ext.toLowerCase()] || "#71717a";
+  return /* @__PURE__ */ jsxs("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", className: "shrink-0", children: [
+    /* @__PURE__ */ jsx("path", { d: "M4 1h5.5L13 4.5V14a1 1 0 01-1 1H4a1 1 0 01-1-1V2a1 1 0 011-1z", stroke: color, strokeWidth: "1.2" }),
+    /* @__PURE__ */ jsx("path", { d: "M9 1v4h4", stroke: color, strokeWidth: "1.2" })
+  ] });
+}
+function FolderIcon({ open }) {
+  if (open) {
+    return /* @__PURE__ */ jsxs("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", className: "shrink-0", children: [
+      /* @__PURE__ */ jsx("path", { d: "M1.5 3.5a1 1 0 011-1h3l1.5 1.5H13a1 1 0 011 1V5H2.5V3.5z", fill: "#fbbf24" }),
+      /* @__PURE__ */ jsx("path", { d: "M1 6h13l-1.5 7.5H2.5L1 6z", fill: "#fbbf24", opacity: "0.7" })
+    ] });
+  }
+  return /* @__PURE__ */ jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", className: "shrink-0", children: /* @__PURE__ */ jsx("path", { d: "M1.5 3a1 1 0 011-1h3l1.5 1.5H13a1 1 0 011 1v8a1 1 0 01-1 1H2.5a1 1 0 01-1-1V3z", fill: "#fbbf24" }) });
+}
+function ChevronIcon({ open }) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "14",
+      height: "14",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: cn("shrink-0 transition-transform duration-150", open && "rotate-90"),
+      children: /* @__PURE__ */ jsx("polyline", { points: "9 18 15 12 9 6" })
+    }
+  );
+}
+function isDescendantOf(nodes, ancestorId, targetId) {
+  function findNode(haystack, id) {
+    for (const n of haystack) {
+      if (n.id === id) return n;
+      if (n.children) {
+        const found = findNode(n.children, id);
+        if (found) return found;
+      }
+    }
+    return void 0;
+  }
+  function hasDescendant(node, id) {
+    if (!node.children) return false;
+    for (const child of node.children) {
+      if (child.id === id) return true;
+      if (hasDescendant(child, id)) return true;
+    }
+    return false;
+  }
+  const ancestor = findNode(nodes, ancestorId);
+  return ancestor ? hasDescendant(ancestor, targetId) : false;
+}
+function computeDropPosition(e, isFolder) {
+  const rect = e.currentTarget.getBoundingClientRect();
+  const offsetY = e.clientY - rect.top;
+  const third = rect.height / 3;
+  if (offsetY < third) return "before";
+  if (offsetY > third * 2) return "after";
+  return isFolder ? "inside" : "after";
+}
+function TreeNode({ node, depth }) {
+  const {
+    selectedId,
+    onSelect,
+    onNodeContextMenu,
+    expandedIds,
+    toggle,
+    indentSize,
+    showIcons,
+    draggable,
+    dragCursor,
+    dragState,
+    setDragState,
+    onNodeMove,
+    acceptExternalDrops,
+    onExternalDrop,
+    nodes,
+    expandNode
+  } = useTreeNav();
+  const isFolder = node.type === "folder" || node.children && node.children.length > 0;
+  const isExpanded = expandedIds.includes(node.id);
+  const isSelected = selectedId === node.id;
+  const paddingLeft = depth * indentSize + 4;
+  const isDragging = dragState.draggedNodeId === node.id;
+  const isDropTarget = dragState.dropTargetId === node.id;
+  const dropPosition = isDropTarget ? dragState.dropPosition : null;
+  const autoExpandTimer = useRef(null);
+  const clearAutoExpand = useCallback(() => {
+    if (autoExpandTimer.current) {
+      clearTimeout(autoExpandTimer.current);
+      autoExpandTimer.current = null;
+    }
+  }, []);
+  useEffect(() => clearAutoExpand, [clearAutoExpand]);
+  const handleClick = () => {
+    if (node.disabled) return;
+    if (isFolder) {
+      toggle(node.id);
+    }
+    onSelect?.(node.id, node);
+  };
+  const handleContextMenu = (e) => {
+    if (onNodeContextMenu) {
+      e.preventDefault();
+      onNodeContextMenu(e, node);
+    }
+  };
+  const handleDragStart = useCallback((e) => {
+    e.dataTransfer.setData("text/plain", node.id);
+    e.dataTransfer.effectAllowed = "move";
+    requestAnimationFrame(() => {
+      setDragState({ draggedNodeId: node.id, dropTargetId: null, dropPosition: null });
+    });
+  }, [node.id, setDragState]);
+  const handleDragEnd = useCallback(() => {
+    clearAutoExpand();
+    setDragState({ draggedNodeId: null, dropTargetId: null, dropPosition: null });
+  }, [clearAutoExpand, setDragState]);
+  const isExternalDrag = !dragState.draggedNodeId;
+  const handleDragOver = useCallback((e) => {
+    if (isExternalDrag) {
+      if (!acceptExternalDrops) return;
+    } else {
+      const sourceId = dragState.draggedNodeId;
+      if (sourceId === node.id) return;
+      if (isDescendantOf(nodes, sourceId, node.id)) return;
+    }
+    e.preventDefault();
+    e.stopPropagation();
+    e.dataTransfer.dropEffect = isExternalDrag ? "copy" : "move";
+    const position = computeDropPosition(e, !!isFolder);
+    if (isFolder && !isExpanded && position === "inside") {
+      if (!autoExpandTimer.current) {
+        autoExpandTimer.current = setTimeout(() => {
+          expandNode(node.id);
+          autoExpandTimer.current = null;
+        }, 500);
+      }
+    } else {
+      clearAutoExpand();
+    }
+    if (dragState.dropTargetId !== node.id || dragState.dropPosition !== position) {
+      setDragState({ draggedNodeId: dragState.draggedNodeId, dropTargetId: node.id, dropPosition: position });
+    }
+  }, [dragState, isExternalDrag, acceptExternalDrops, node.id, isFolder, isExpanded, nodes, setDragState, expandNode, clearAutoExpand]);
+  const handleDragLeave = useCallback((e) => {
+    if (!e.currentTarget.contains(e.relatedTarget)) {
+      clearAutoExpand();
+      if (dragState.dropTargetId === node.id) {
+        setDragState({ ...dragState, dropTargetId: null, dropPosition: null });
+      }
+    }
+  }, [dragState, node.id, setDragState, clearAutoExpand]);
+  const handleDrop = useCallback((e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    clearAutoExpand();
+    const sourceId = dragState.draggedNodeId;
+    const position = dragState.dropPosition ?? computeDropPosition(e, !!isFolder);
+    if (sourceId) {
+      if (sourceId === node.id) return;
+      if (isDescendantOf(nodes, sourceId, node.id)) return;
+      onNodeMove?.(sourceId, node.id, position);
+    } else if (acceptExternalDrops) {
+      onExternalDrop?.(e, node, position);
+    }
+    setDragState({ draggedNodeId: null, dropTargetId: null, dropPosition: null });
+  }, [dragState, node, isFolder, nodes, onNodeMove, acceptExternalDrops, onExternalDrop, setDragState, clearAutoExpand]);
+  const canDrag = draggable && !node.disabled;
+  const dropEnabled = draggable || acceptExternalDrops;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-react-fancy-tree-node": "",
+      onDragOver: dropEnabled ? handleDragOver : void 0,
+      onDragLeave: dropEnabled ? handleDragLeave : void 0,
+      onDrop: dropEnabled ? handleDrop : void 0,
+      children: [
+        isDropTarget && dropPosition === "before" && /* @__PURE__ */ jsx(
+          "div",
+          {
+            "data-react-fancy-tree-drop-indicator": "before",
+            className: "pointer-events-none h-0.5 rounded-full bg-blue-500",
+            style: { marginLeft: paddingLeft }
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            draggable: canDrag,
+            onDragStart: canDrag ? handleDragStart : void 0,
+            onDragEnd: canDrag ? handleDragEnd : void 0,
+            onClick: handleClick,
+            onContextMenu: handleContextMenu,
+            disabled: node.disabled,
+            className: cn(
+              "flex w-full items-center gap-1 rounded-md py-0.5 text-left text-[13px] transition-colors",
+              isSelected ? "bg-blue-500/15 text-blue-600 dark:text-blue-400" : "text-zinc-700 hover:bg-zinc-100 dark:text-zinc-300 dark:hover:bg-zinc-800",
+              node.disabled && "pointer-events-none opacity-40",
+              isDragging && "opacity-50",
+              // Grab affordance. By default (`dragCursor="none"`) the row keeps its
+              // normal click cursor on hover — no open-hand "move me" cursor before
+              // any drag — and only shows the closed-hand `grabbing` cursor while a
+              // drag is actually underway (mousedown/drag). `dragCursor="grab"` opts
+              // back into the always-on grab cursor for whole-row drag handles (#14).
+              canDrag && (dragCursor === "grab" ? "cursor-grab active:cursor-grabbing" : "active:cursor-grabbing"),
+              isDropTarget && dropPosition === "inside" && "bg-blue-500/10 ring-1 ring-blue-500/30 ring-inset"
+            ),
+            style: { paddingLeft },
+            children: [
+              isFolder && /* @__PURE__ */ jsx(ChevronIcon, { open: isExpanded }),
+              !isFolder && /* @__PURE__ */ jsx("span", { className: "w-3.5 shrink-0" }),
+              showIcons && (node.icon ?? (isFolder ? /* @__PURE__ */ jsx(FolderIcon, { open: isExpanded }) : /* @__PURE__ */ jsx(FileIcon, { ext: node.ext ?? node.label.split(".").pop() }))),
+              /* @__PURE__ */ jsx("span", { className: "truncate", children: node.label })
+            ]
+          }
+        ),
+        isDropTarget && dropPosition === "after" && /* @__PURE__ */ jsx(
+          "div",
+          {
+            "data-react-fancy-tree-drop-indicator": "after",
+            className: "pointer-events-none h-0.5 rounded-full bg-blue-500",
+            style: { marginLeft: paddingLeft }
+          }
+        ),
+        isFolder && isExpanded && node.children && /* @__PURE__ */ jsx("div", { "data-react-fancy-tree-node-children": "", children: node.children.map((child) => /* @__PURE__ */ jsx(TreeNode, { node: child, depth: depth + 1 }, child.id)) })
+      ]
+    }
+  );
+}
+TreeNode.displayName = "TreeNode";
+function collectFolderIds(nodes) {
+  const ids = [];
+  for (const node of nodes) {
+    if (node.children && node.children.length > 0) {
+      ids.push(node.id);
+      ids.push(...collectFolderIds(node.children));
+    }
+  }
+  return ids;
+}
+var EMPTY_DRAG_STATE = {
+  draggedNodeId: null,
+  dropTargetId: null,
+  dropPosition: null
+};
+function TreeNavRoot({
+  nodes,
+  selectedId,
+  onSelect,
+  onNodeContextMenu,
+  draggable = false,
+  onNodeMove,
+  acceptExternalDrops = false,
+  onExternalDrop,
+  expandedIds: controlledExpanded,
+  defaultExpandedIds,
+  onExpandedChange,
+  defaultExpandAll = false,
+  indentSize = 16,
+  showIcons = true,
+  dragCursor = "none",
+  className
+}) {
+  const [internalExpanded, setInternalExpanded] = useState(() => {
+    if (defaultExpandedIds) return defaultExpandedIds;
+    if (defaultExpandAll) return collectFolderIds(nodes);
+    return [];
+  });
+  const isControlled = controlledExpanded !== void 0;
+  const expandedIds = isControlled ? controlledExpanded : internalExpanded;
+  const toggle = useCallback(
+    (id) => {
+      const next = expandedIds.includes(id) ? expandedIds.filter((v) => v !== id) : [...expandedIds, id];
+      if (!isControlled) {
+        setInternalExpanded(next);
+      }
+      onExpandedChange?.(next);
+    },
+    [expandedIds, isControlled, onExpandedChange]
+  );
+  const expandNode = useCallback(
+    (id) => {
+      if (expandedIds.includes(id)) return;
+      const next = [...expandedIds, id];
+      if (!isControlled) {
+        setInternalExpanded(next);
+      }
+      onExpandedChange?.(next);
+    },
+    [expandedIds, isControlled, onExpandedChange]
+  );
+  const [dragState, setDragState] = useState(EMPTY_DRAG_STATE);
+  const handleDragEnd = useCallback(() => {
+    setDragState(EMPTY_DRAG_STATE);
+  }, []);
+  const ctx = useMemo(
+    () => ({
+      selectedId,
+      onSelect,
+      onNodeContextMenu,
+      expandedIds,
+      toggle,
+      indentSize,
+      showIcons,
+      draggable,
+      dragCursor,
+      dragState,
+      setDragState,
+      onNodeMove,
+      acceptExternalDrops,
+      onExternalDrop,
+      nodes,
+      expandNode
+    }),
+    [
+      selectedId,
+      onSelect,
+      onNodeContextMenu,
+      expandedIds,
+      toggle,
+      indentSize,
+      showIcons,
+      draggable,
+      dragCursor,
+      dragState,
+      onNodeMove,
+      acceptExternalDrops,
+      onExternalDrop,
+      nodes,
+      expandNode
+    ]
+  );
+  const dropEnabled = draggable || acceptExternalDrops;
+  return /* @__PURE__ */ jsx(TreeNavContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx(
+    "nav",
+    {
+      "data-react-fancy-tree-nav": "",
+      className: cn("flex flex-col gap-0.5 py-1 text-sm", className),
+      onDragEnd: dropEnabled ? handleDragEnd : void 0,
+      children: nodes.map((node) => /* @__PURE__ */ jsx(TreeNode, { node, depth: 0 }, node.id))
+    }
+  ) });
+}
+TreeNavRoot.displayName = "TreeNav";
+var TreeNav = Object.assign(TreeNavRoot, {
+  Node: TreeNode
+});
+
+export { TreeNav, useTreeNav };
+//# sourceMappingURL=chunk-7XDKIZQE.js.map
+//# sourceMappingURL=chunk-7XDKIZQE.js.map

package/dist/chunk-7XDKIZQE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/TreeNav/TreeNav.context.ts","../src/components/TreeNav/TreeNode.tsx","../src/components/TreeNav/TreeNav.tsx"],"names":["useCallback","jsx"],"mappings":"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","file":"chunk-7XDKIZQE.js","sourcesContent":["import { createContext, useContext } from \"react\";\nimport type { TreeNavContextValue } from \"./TreeNav.types\";\n\nexport const TreeNavContext = createContext<TreeNavContextValue | null>(null);\n\nexport function useTreeNav(): TreeNavContextValue {\n  const ctx = useContext(TreeNavContext);\n  if (!ctx) {\n    throw new Error(\"useTreeNav must be used within a <TreeNav> component\");\n  }\n  return ctx;\n}\n","import { useRef, useEffect, useCallback } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { useTreeNav } from \"./TreeNav.context\";\nimport type { TreeNodeProps, TreeNodeData, DropPosition } from \"./TreeNav.types\";\n\nconst EXT_COLORS: Record<string, string> = {\n  ts: \"#3178c6\",\n  tsx: \"#3178c6\",\n  js: \"#f7df1e\",\n  jsx: \"#f7df1e\",\n  php: \"#777bb4\",\n  html: \"#e34c26\",\n  htm: \"#e34c26\",\n  css: \"#264de4\",\n  json: \"#a1a1aa\",\n  md: \"#71717a\",\n  yaml: \"#cb171e\",\n  yml: \"#cb171e\",\n};\n\nfunction FileIcon({ ext }: { ext?: string }) {\n  const color = (ext && EXT_COLORS[ext.toLowerCase()]) || \"#71717a\";\n  return (\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" className=\"shrink-0\">\n      <path d=\"M4 1h5.5L13 4.5V14a1 1 0 01-1 1H4a1 1 0 01-1-1V2a1 1 0 011-1z\" stroke={color} strokeWidth=\"1.2\" />\n      <path d=\"M9 1v4h4\" stroke={color} strokeWidth=\"1.2\" />\n    </svg>\n  );\n}\n\nfunction FolderIcon({ open }: { open: boolean }) {\n  if (open) {\n    return (\n      <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" className=\"shrink-0\">\n        <path d=\"M1.5 3.5a1 1 0 011-1h3l1.5 1.5H13a1 1 0 011 1V5H2.5V3.5z\" fill=\"#fbbf24\" />\n        <path d=\"M1 6h13l-1.5 7.5H2.5L1 6z\" fill=\"#fbbf24\" opacity=\"0.7\" />\n      </svg>\n    );\n  }\n  return (\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" className=\"shrink-0\">\n      <path d=\"M1.5 3a1 1 0 011-1h3l1.5 1.5H13a1 1 0 011 1v8a1 1 0 01-1 1H2.5a1 1 0 01-1-1V3z\" fill=\"#fbbf24\" />\n    </svg>\n  );\n}\n\nfunction ChevronIcon({ open }: { open: boolean }) {\n  return (\n    <svg\n      width=\"14\"\n      height=\"14\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className={cn(\"shrink-0 transition-transform duration-150\", open && \"rotate-90\")}\n    >\n      <polyline points=\"9 18 15 12 9 6\" />\n    </svg>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Utilities\n// ---------------------------------------------------------------------------\n\nfunction isDescendantOf(\n  nodes: TreeNodeData[],\n  ancestorId: string,\n  targetId: string,\n): boolean {\n  function findNode(haystack: TreeNodeData[], id: string): TreeNodeData | undefined {\n    for (const n of haystack) {\n      if (n.id === id) return n;\n      if (n.children) {\n        const found = findNode(n.children, id);\n        if (found) return found;\n      }\n    }\n    return undefined;\n  }\n\n  function hasDescendant(node: TreeNodeData, id: string): boolean {\n    if (!node.children) return false;\n    for (const child of node.children) {\n      if (child.id === id) return true;\n      if (hasDescendant(child, id)) return true;\n    }\n    return false;\n  }\n\n  const ancestor = findNode(nodes, ancestorId);\n  return ancestor ? hasDescendant(ancestor, targetId) : false;\n}\n\nfunction computeDropPosition(\n  e: React.DragEvent,\n  isFolder: boolean,\n): DropPosition {\n  const rect = e.currentTarget.getBoundingClientRect();\n  const offsetY = e.clientY - rect.top;\n  const third = rect.height / 3;\n\n  if (offsetY < third) return \"before\";\n  if (offsetY > third * 2) return \"after\";\n  return isFolder ? \"inside\" : \"after\";\n}\n\n// ---------------------------------------------------------------------------\n// Component\n// ---------------------------------------------------------------------------\n\nexport function TreeNode({ node, depth }: TreeNodeProps) {\n  const {\n    selectedId, onSelect, onNodeContextMenu, expandedIds, toggle, indentSize, showIcons,\n    draggable, dragCursor, dragState, setDragState, onNodeMove, acceptExternalDrops, onExternalDrop, nodes, expandNode,\n  } = useTreeNav();\n\n  const isFolder = node.type === \"folder\" || (node.children && node.children.length > 0);\n  const isExpanded = expandedIds.includes(node.id);\n  const isSelected = selectedId === node.id;\n  const paddingLeft = depth * indentSize + 4;\n\n  const isDragging = dragState.draggedNodeId === node.id;\n  const isDropTarget = dragState.dropTargetId === node.id;\n  const dropPosition = isDropTarget ? dragState.dropPosition : null;\n\n  // Auto-expand timer for folders during drag\n  const autoExpandTimer = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const clearAutoExpand = useCallback(() => {\n    if (autoExpandTimer.current) {\n      clearTimeout(autoExpandTimer.current);\n      autoExpandTimer.current = null;\n    }\n  }, []);\n\n  useEffect(() => clearAutoExpand, [clearAutoExpand]);\n\n  // ---------------------------------------------------------------------------\n  // Click handlers\n  // ---------------------------------------------------------------------------\n\n  const handleClick = () => {\n    if (node.disabled) return;\n    if (isFolder) {\n      toggle(node.id);\n    }\n    onSelect?.(node.id, node);\n  };\n\n  const handleContextMenu = (e: React.MouseEvent) => {\n    if (onNodeContextMenu) {\n      e.preventDefault();\n      onNodeContextMenu(e, node);\n    }\n  };\n\n  // ---------------------------------------------------------------------------\n  // Drag source handlers\n  // ---------------------------------------------------------------------------\n\n  const handleDragStart = useCallback((e: React.DragEvent) => {\n    e.dataTransfer.setData(\"text/plain\", node.id);\n    e.dataTransfer.effectAllowed = \"move\";\n    // Set state async so the browser captures the element for the drag ghost first\n    requestAnimationFrame(() => {\n      setDragState({ draggedNodeId: node.id, dropTargetId: null, dropPosition: null });\n    });\n  }, [node.id, setDragState]);\n\n  const handleDragEnd = useCallback(() => {\n    clearAutoExpand();\n    setDragState({ draggedNodeId: null, dropTargetId: null, dropPosition: null });\n  }, [clearAutoExpand, setDragState]);\n\n  // ---------------------------------------------------------------------------\n  // Drop target handlers (on outer div)\n  // ---------------------------------------------------------------------------\n\n  const isExternalDrag = !dragState.draggedNodeId;\n\n  const handleDragOver = useCallback((e: React.DragEvent) => {\n    if (isExternalDrag) {\n      // External drop accepted only when host opted in.\n      if (!acceptExternalDrops) return;\n    } else {\n      const sourceId = dragState.draggedNodeId!;\n      if (sourceId === node.id) return;\n      if (isDescendantOf(nodes, sourceId, node.id)) return;\n    }\n\n    e.preventDefault();\n    e.stopPropagation();\n    e.dataTransfer.dropEffect = isExternalDrag ? \"copy\" : \"move\";\n\n    const position = computeDropPosition(e, !!isFolder);\n\n    // Auto-expand collapsed folders when hovering \"inside\"\n    if (isFolder && !isExpanded && position === \"inside\") {\n      if (!autoExpandTimer.current) {\n        autoExpandTimer.current = setTimeout(() => {\n          expandNode(node.id);\n          autoExpandTimer.current = null;\n        }, 500);\n      }\n    } else {\n      clearAutoExpand();\n    }\n\n    if (dragState.dropTargetId !== node.id || dragState.dropPosition !== position) {\n      setDragState({ draggedNodeId: dragState.draggedNodeId, dropTargetId: node.id, dropPosition: position });\n    }\n  }, [dragState, isExternalDrag, acceptExternalDrops, node.id, isFolder, isExpanded, nodes, setDragState, expandNode, clearAutoExpand]);\n\n  const handleDragLeave = useCallback((e: React.DragEvent) => {\n    if (!e.currentTarget.contains(e.relatedTarget as Node)) {\n      clearAutoExpand();\n      if (dragState.dropTargetId === node.id) {\n        setDragState({ ...dragState, dropTargetId: null, dropPosition: null });\n      }\n    }\n  }, [dragState, node.id, setDragState, clearAutoExpand]);\n\n  const handleDrop = useCallback((e: React.DragEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    clearAutoExpand();\n\n    const sourceId = dragState.draggedNodeId;\n    const position = dragState.dropPosition ?? computeDropPosition(e, !!isFolder);\n\n    if (sourceId) {\n      // Internal node move.\n      if (sourceId === node.id) return;\n      if (isDescendantOf(nodes, sourceId, node.id)) return;\n      onNodeMove?.(sourceId, node.id, position);\n    } else if (acceptExternalDrops) {\n      // External drop — files, items from other components, etc.\n      onExternalDrop?.(e, node, position);\n    }\n\n    setDragState({ draggedNodeId: null, dropTargetId: null, dropPosition: null });\n  }, [dragState, node, isFolder, nodes, onNodeMove, acceptExternalDrops, onExternalDrop, setDragState, clearAutoExpand]);\n\n  // ---------------------------------------------------------------------------\n  // Render\n  // ---------------------------------------------------------------------------\n\n  const canDrag = draggable && !node.disabled;\n  const dropEnabled = draggable || acceptExternalDrops;\n\n  return (\n    <div\n      data-react-fancy-tree-node=\"\"\n      onDragOver={dropEnabled ? handleDragOver : undefined}\n      onDragLeave={dropEnabled ? handleDragLeave : undefined}\n      onDrop={dropEnabled ? handleDrop : undefined}\n    >\n      {/* Before drop indicator */}\n      {isDropTarget && dropPosition === \"before\" && (\n        <div\n          data-react-fancy-tree-drop-indicator=\"before\"\n          className=\"pointer-events-none h-0.5 rounded-full bg-blue-500\"\n          style={{ marginLeft: paddingLeft }}\n        />\n      )}\n\n      <button\n        type=\"button\"\n        draggable={canDrag}\n        onDragStart={canDrag ? handleDragStart : undefined}\n        onDragEnd={canDrag ? handleDragEnd : undefined}\n        onClick={handleClick}\n        onContextMenu={handleContextMenu}\n        disabled={node.disabled}\n        className={cn(\n          \"flex w-full items-center gap-1 rounded-md py-0.5 text-left text-[13px] transition-colors\",\n          isSelected\n            ? \"bg-blue-500/15 text-blue-600 dark:text-blue-400\"\n            : \"text-zinc-700 hover:bg-zinc-100 dark:text-zinc-300 dark:hover:bg-zinc-800\",\n          node.disabled && \"pointer-events-none opacity-40\",\n          isDragging && \"opacity-50\",\n          // Grab affordance. By default (`dragCursor=\"none\"`) the row keeps its\n          // normal click cursor on hover — no open-hand \"move me\" cursor before\n          // any drag — and only shows the closed-hand `grabbing` cursor while a\n          // drag is actually underway (mousedown/drag). `dragCursor=\"grab\"` opts\n          // back into the always-on grab cursor for whole-row drag handles (#14).\n          canDrag &&\n            (dragCursor === \"grab\" ? \"cursor-grab active:cursor-grabbing\" : \"active:cursor-grabbing\"),\n          isDropTarget && dropPosition === \"inside\" && \"bg-blue-500/10 ring-1 ring-blue-500/30 ring-inset\",\n        )}\n        style={{ paddingLeft }}\n      >\n        {isFolder && <ChevronIcon open={isExpanded} />}\n        {!isFolder && <span className=\"w-3.5 shrink-0\" />}\n        {showIcons && (\n          node.icon ?? (isFolder\n            ? <FolderIcon open={isExpanded} />\n            : <FileIcon ext={node.ext ?? node.label.split(\".\").pop()} />)\n        )}\n        <span className=\"truncate\">{node.label}</span>\n      </button>\n\n      {/* After drop indicator */}\n      {isDropTarget && dropPosition === \"after\" && (\n        <div\n          data-react-fancy-tree-drop-indicator=\"after\"\n          className=\"pointer-events-none h-0.5 rounded-full bg-blue-500\"\n          style={{ marginLeft: paddingLeft }}\n        />\n      )}\n\n      {isFolder && isExpanded && node.children && (\n        <div data-react-fancy-tree-node-children=\"\">\n          {node.children.map((child) => (\n            <TreeNode key={child.id} node={child} depth={depth + 1} />\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n\nTreeNode.displayName = \"TreeNode\";\n","import { useMemo, useCallback, useState } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { TreeNavContext } from \"./TreeNav.context\";\nimport { TreeNode } from \"./TreeNode\";\nimport type { TreeNavProps, TreeNodeData, DragState } from \"./TreeNav.types\";\n\nfunction collectFolderIds(nodes: TreeNodeData[]): string[] {\n  const ids: string[] = [];\n  for (const node of nodes) {\n    if (node.children && node.children.length > 0) {\n      ids.push(node.id);\n      ids.push(...collectFolderIds(node.children));\n    }\n  }\n  return ids;\n}\n\nconst EMPTY_DRAG_STATE: DragState = {\n  draggedNodeId: null,\n  dropTargetId: null,\n  dropPosition: null,\n};\n\nfunction TreeNavRoot({\n  nodes,\n  selectedId,\n  onSelect,\n  onNodeContextMenu,\n  draggable = false,\n  onNodeMove,\n  acceptExternalDrops = false,\n  onExternalDrop,\n  expandedIds: controlledExpanded,\n  defaultExpandedIds,\n  onExpandedChange,\n  defaultExpandAll = false,\n  indentSize = 16,\n  showIcons = true,\n  dragCursor = \"none\",\n  className,\n}: TreeNavProps) {\n  const [internalExpanded, setInternalExpanded] = useState<string[]>(() => {\n    if (defaultExpandedIds) return defaultExpandedIds;\n    if (defaultExpandAll) return collectFolderIds(nodes);\n    return [];\n  });\n\n  const isControlled = controlledExpanded !== undefined;\n  const expandedIds = isControlled ? controlledExpanded : internalExpanded;\n\n  const toggle = useCallback(\n    (id: string) => {\n      const next = expandedIds.includes(id)\n        ? expandedIds.filter((v) => v !== id)\n        : [...expandedIds, id];\n\n      if (!isControlled) {\n        setInternalExpanded(next);\n      }\n      onExpandedChange?.(next);\n    },\n    [expandedIds, isControlled, onExpandedChange],\n  );\n\n  const expandNode = useCallback(\n    (id: string) => {\n      if (expandedIds.includes(id)) return;\n      const next = [...expandedIds, id];\n      if (!isControlled) {\n        setInternalExpanded(next);\n      }\n      onExpandedChange?.(next);\n    },\n    [expandedIds, isControlled, onExpandedChange],\n  );\n\n  const [dragState, setDragState] = useState<DragState>(EMPTY_DRAG_STATE);\n\n  const handleDragEnd = useCallback(() => {\n    setDragState(EMPTY_DRAG_STATE);\n  }, []);\n\n  const ctx = useMemo(\n    () => ({\n      selectedId, onSelect, onNodeContextMenu, expandedIds, toggle, indentSize, showIcons,\n      draggable, dragCursor, dragState, setDragState, onNodeMove, acceptExternalDrops, onExternalDrop, nodes, expandNode,\n    }),\n    [selectedId, onSelect, onNodeContextMenu, expandedIds, toggle, indentSize, showIcons,\n     draggable, dragCursor, dragState, onNodeMove, acceptExternalDrops, onExternalDrop, nodes, expandNode],\n  );\n\n  const dropEnabled = draggable || acceptExternalDrops;\n\n  return (\n    <TreeNavContext.Provider value={ctx}>\n      <nav\n        data-react-fancy-tree-nav=\"\"\n        className={cn(\"flex flex-col gap-0.5 py-1 text-sm\", className)}\n        onDragEnd={dropEnabled ? handleDragEnd : undefined}\n      >\n        {nodes.map((node) => (\n          <TreeNode key={node.id} node={node} depth={0} />\n        ))}\n      </nav>\n    </TreeNavContext.Provider>\n  );\n}\n\nTreeNavRoot.displayName = \"TreeNav\";\n\nexport const TreeNav = Object.assign(TreeNavRoot, {\n  Node: TreeNode,\n});\n"]}