@particle-academy/react-fancy 5.12.0 → 5.13.1

package/dist/chunk-YXC7QHNT.cjs

@@ -0,0 +1,385 @@
+'use strict';
+
+var chunk3Z6ALUWP_cjs = require('./chunk-3Z6ALUWP.cjs');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var TreeNavContext = react.createContext(null);
+function useTreeNav() {
+  const ctx = react.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__ */ jsxRuntime.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", className: "shrink-0", children: [
+    /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("path", { d: "M9 1v4h4", stroke: color, strokeWidth: "1.2" })
+  ] });
+}
+function FolderIcon({ open }) {
+  if (open) {
+    return /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", className: "shrink-0", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M1.5 3.5a1 1 0 011-1h3l1.5 1.5H13a1 1 0 011 1V5H2.5V3.5z", fill: "#fbbf24" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M1 6h13l-1.5 7.5H2.5L1 6z", fill: "#fbbf24", opacity: "0.7" })
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", className: "shrink-0", children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      width: "14",
+      height: "14",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: chunk3Z6ALUWP_cjs.cn("shrink-0 transition-transform duration-150", open && "rotate-90"),
+      children: /* @__PURE__ */ jsxRuntime.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 = react.useRef(null);
+  const clearAutoExpand = react.useCallback(() => {
+    if (autoExpandTimer.current) {
+      clearTimeout(autoExpandTimer.current);
+      autoExpandTimer.current = null;
+    }
+  }, []);
+  react.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 = react.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 = react.useCallback(() => {
+    clearAutoExpand();
+    setDragState({ draggedNodeId: null, dropTargetId: null, dropPosition: null });
+  }, [clearAutoExpand, setDragState]);
+  const isExternalDrag = !dragState.draggedNodeId;
+  const handleDragOver = react.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 = react.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 = react.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            type: "button",
+            draggable: canDrag,
+            onDragStart: canDrag ? handleDragStart : void 0,
+            onDragEnd: canDrag ? handleDragEnd : void 0,
+            onClick: handleClick,
+            onContextMenu: handleContextMenu,
+            disabled: node.disabled,
+            className: chunk3Z6ALUWP_cjs.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__ */ jsxRuntime.jsx(ChevronIcon, { open: isExpanded }),
+              !isFolder && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "w-3.5 shrink-0" }),
+              showIcons && (node.icon ?? (isFolder ? /* @__PURE__ */ jsxRuntime.jsx(FolderIcon, { open: isExpanded }) : /* @__PURE__ */ jsxRuntime.jsx(FileIcon, { ext: node.ext ?? node.label.split(".").pop() }))),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: node.label })
+            ]
+          }
+        ),
+        isDropTarget && dropPosition === "after" && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { "data-react-fancy-tree-node-children": "", children: node.children.map((child) => /* @__PURE__ */ jsxRuntime.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] = react.useState(() => {
+    if (defaultExpandedIds) return defaultExpandedIds;
+    if (defaultExpandAll) return collectFolderIds(nodes);
+    return [];
+  });
+  const isControlled = controlledExpanded !== void 0;
+  const expandedIds = isControlled ? controlledExpanded : internalExpanded;
+  const toggle = react.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 = react.useCallback(
+    (id) => {
+      if (expandedIds.includes(id)) return;
+      const next = [...expandedIds, id];
+      if (!isControlled) {
+        setInternalExpanded(next);
+      }
+      onExpandedChange?.(next);
+    },
+    [expandedIds, isControlled, onExpandedChange]
+  );
+  const [dragState, setDragState] = react.useState(EMPTY_DRAG_STATE);
+  const handleDragEnd = react.useCallback(() => {
+    setDragState(EMPTY_DRAG_STATE);
+  }, []);
+  const ctx = react.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__ */ jsxRuntime.jsx(TreeNavContext.Provider, { value: ctx, children: /* @__PURE__ */ jsxRuntime.jsx(
+    "nav",
+    {
+      "data-react-fancy-tree-nav": "",
+      className: chunk3Z6ALUWP_cjs.cn("flex flex-col gap-0.5 py-1 text-sm", className),
+      onDragEnd: dropEnabled ? handleDragEnd : void 0,
+      children: nodes.map((node) => /* @__PURE__ */ jsxRuntime.jsx(TreeNode, { node, depth: 0 }, node.id))
+    }
+  ) });
+}
+TreeNavRoot.displayName = "TreeNav";
+var TreeNav = Object.assign(TreeNavRoot, {
+  Node: TreeNode
+});
+
+exports.TreeNav = TreeNav;
+exports.useTreeNav = useTreeNav;
+//# sourceMappingURL=chunk-YXC7QHNT.cjs.map
+//# sourceMappingURL=chunk-YXC7QHNT.cjs.map

package/dist/chunk-YXC7QHNT.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/TreeNav/TreeNav.context.ts","../src/components/TreeNav/TreeNode.tsx","../src/components/TreeNav/TreeNav.tsx"],"names":["createContext","useContext","jsxs","jsx","cn","useRef","useCallback","useEffect","useState","useMemo"],"mappings":"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","file":"chunk-YXC7QHNT.cjs","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"]}

package/dist/chunk-ZFVSEO5Z.cjs

@@ -0,0 +1,136 @@
+'use strict';
+
+var chunkNBZC6LOB_cjs = require('./chunk-NBZC6LOB.cjs');
+var chunk3Z6ALUWP_cjs = require('./chunk-3Z6ALUWP.cjs');
+var react = require('react');
+var lucideReact = require('lucide-react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var ToastContext = react.createContext(null);
+function useToast() {
+  const ctx = react.useContext(ToastContext);
+  if (!ctx) {
+    throw new Error("useToast must be used within a <Toast.Provider>");
+  }
+  return ctx;
+}
+var VARIANT_STYLES = {
+  default: "border-zinc-200 bg-white dark:border-zinc-700 dark:bg-zinc-900",
+  success: "border-emerald-200 bg-emerald-50 dark:border-emerald-800 dark:bg-emerald-950",
+  error: "border-red-200 bg-red-50 dark:border-red-800 dark:bg-red-950",
+  warning: "border-amber-200 bg-amber-50 dark:border-amber-800 dark:bg-amber-950",
+  info: "border-blue-200 bg-blue-50 dark:border-blue-800 dark:bg-blue-950"
+};
+var VARIANT_ICON_COLORS = {
+  default: "text-zinc-400",
+  success: "text-emerald-500",
+  error: "text-red-500",
+  warning: "text-amber-500",
+  info: "text-blue-500"
+};
+function ToastItem({ data, onDismiss }) {
+  const { id, title, description, variant = "default", action } = data;
+  const duration = data.duration ?? (action ? 0 : 5e3);
+  react.useEffect(() => {
+    if (duration <= 0) return;
+    const timer = setTimeout(() => onDismiss(id), duration);
+    return () => clearTimeout(timer);
+  }, [id, duration, onDismiss]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-react-fancy-toast-item": "",
+      role: "alert",
+      onKeyDown: (e) => {
+        if (e.key === "Escape") onDismiss(id);
+      },
+      className: chunk3Z6ALUWP_cjs.cn(
+        "fancy-toast-in pointer-events-auto w-80 rounded-xl border p-4 shadow-lg",
+        VARIANT_STYLES[variant]
+      ),
+      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunk3Z6ALUWP_cjs.cn("mt-0.5 shrink-0", VARIANT_ICON_COLORS[variant]), children: [
+          variant === "success" && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { size: 16 }),
+          variant === "error" && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.XCircle, { size: 16 }),
+          variant === "warning" && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertTriangle, { size: 16 }),
+          variant === "info" && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Info, { size: 16 })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-zinc-900 dark:text-zinc-100", children: title }),
+          description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-xs text-zinc-500 dark:text-zinc-400", children: description })
+        ] }),
+        action && /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => {
+              action.onClick();
+              onDismiss(id);
+            },
+            className: "shrink-0 self-center rounded-md px-2 py-1 text-xs font-medium text-zinc-700 underline-offset-2 transition-colors hover:bg-zinc-100 hover:underline dark:text-zinc-200 dark:hover:bg-zinc-800",
+            children: action.label
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => onDismiss(id),
+            className: "shrink-0 rounded p-0.5 text-zinc-400 transition-colors hover:text-zinc-600 dark:hover:text-zinc-300",
+            "aria-label": "Dismiss",
+            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { size: 14 })
+          }
+        )
+      ] })
+    }
+  );
+}
+ToastItem.displayName = "ToastItem";
+var POSITION_STYLES = {
+  "top-right": "top-4 right-4",
+  "top-left": "top-4 left-4",
+  "bottom-right": "bottom-4 right-4",
+  "bottom-left": "bottom-4 left-4"
+};
+function ToastProvider({
+  children,
+  position = "bottom-right",
+  maxToasts = 5
+}) {
+  const [toasts, setToasts] = react.useState([]);
+  const idCounter = react.useRef(0);
+  const toast = react.useCallback(
+    (data) => {
+      const id = `toast-${++idCounter.current}`;
+      setToasts((prev) => [...prev.slice(-(maxToasts - 1)), { ...data, id }]);
+      return id;
+    },
+    [maxToasts]
+  );
+  const dismiss = react.useCallback((id) => {
+    setToasts((prev) => prev.filter((t) => t.id !== id));
+  }, []);
+  const ctx = react.useMemo(() => ({ toasts, toast, dismiss }), [toasts, toast, dismiss]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(ToastContext.Provider, { value: ctx, children: [
+    children,
+    /* @__PURE__ */ jsxRuntime.jsx(chunkNBZC6LOB_cjs.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        "data-react-fancy-toast": "",
+        className: chunk3Z6ALUWP_cjs.cn(
+          "fixed z-[100] flex flex-col gap-2 pointer-events-none",
+          POSITION_STYLES[position]
+        ),
+        children: toasts.map((t) => /* @__PURE__ */ jsxRuntime.jsx(ToastItem, { data: t, onDismiss: dismiss }, t.id))
+      }
+    ) })
+  ] });
+}
+var Toast = {
+  Provider: ToastProvider
+};
+
+exports.Toast = Toast;
+exports.useToast = useToast;
+//# sourceMappingURL=chunk-ZFVSEO5Z.cjs.map
+//# sourceMappingURL=chunk-ZFVSEO5Z.cjs.map

package/dist/chunk-ZFVSEO5Z.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Toast/Toast.context.ts","../src/components/Toast/ToastItem.tsx","../src/components/Toast/Toast.tsx"],"names":["createContext","useContext","useEffect","jsx","cn","jsxs","Check","XCircle","AlertTriangle","Info","X","useState","useRef","useCallback","useMemo","Portal"],"mappings":"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","file":"chunk-ZFVSEO5Z.cjs","sourcesContent":["import { createContext, useContext } from \"react\";\nimport type { ToastContextValue } from \"./Toast.types\";\n\nexport const ToastContext = createContext<ToastContextValue | null>(null);\n\nexport function useToast(): ToastContextValue {\n  const ctx = useContext(ToastContext);\n  if (!ctx) {\n    throw new Error(\"useToast must be used within a <Toast.Provider>\");\n  }\n  return ctx;\n}\n","import { useEffect } from \"react\";\nimport { AlertTriangle, Check, Info, X, XCircle } from \"lucide-react\";\nimport { cn } from \"../../utils/cn\";\nimport type { ToastItemProps } from \"./Toast.types\";\n\nconst VARIANT_STYLES = {\n  default:\n    \"border-zinc-200 bg-white dark:border-zinc-700 dark:bg-zinc-900\",\n  success:\n    \"border-emerald-200 bg-emerald-50 dark:border-emerald-800 dark:bg-emerald-950\",\n  error:\n    \"border-red-200 bg-red-50 dark:border-red-800 dark:bg-red-950\",\n  warning:\n    \"border-amber-200 bg-amber-50 dark:border-amber-800 dark:bg-amber-950\",\n  info: \"border-blue-200 bg-blue-50 dark:border-blue-800 dark:bg-blue-950\",\n} as const;\n\nconst VARIANT_ICON_COLORS = {\n  default: \"text-zinc-400\",\n  success: \"text-emerald-500\",\n  error: \"text-red-500\",\n  warning: \"text-amber-500\",\n  info: \"text-blue-500\",\n} as const;\n\nexport function ToastItem({ data, onDismiss }: ToastItemProps) {\n  const { id, title, description, variant = \"default\", action } = data;\n  // An action toast does not expire by default.\n  const duration = data.duration ?? (action ? 0 : 5000);\n\n  useEffect(() => {\n    if (duration <= 0) return;\n    const timer = setTimeout(() => onDismiss(id), duration);\n    return () => clearTimeout(timer);\n  }, [id, duration, onDismiss]);\n\n  return (\n    <div\n      data-react-fancy-toast-item=\"\"\n      role=\"alert\"\n      // Scoped to the toast rather than the document: a global Escape handler\n      // would fight whatever modal or drawer is already listening.\n      onKeyDown={(e) => {\n        if (e.key === \"Escape\") onDismiss(id);\n      }}\n      className={cn(\n        \"fancy-toast-in pointer-events-auto w-80 rounded-xl border p-4 shadow-lg\",\n        VARIANT_STYLES[variant],\n      )}\n    >\n      <div className=\"flex items-start gap-3\">\n        <div className={cn(\"mt-0.5 shrink-0\", VARIANT_ICON_COLORS[variant])}>\n          {variant === \"success\" && <Check size={16} />}\n          {variant === \"error\" && <XCircle size={16} />}\n          {variant === \"warning\" && <AlertTriangle size={16} />}\n          {variant === \"info\" && <Info size={16} />}\n        </div>\n        <div className=\"flex-1 min-w-0\">\n          <p className=\"text-sm font-medium text-zinc-900 dark:text-zinc-100\">{title}</p>\n          {description && (\n            <p className=\"mt-1 text-xs text-zinc-500 dark:text-zinc-400\">\n              {description}\n            </p>\n          )}\n        </div>\n        {action && (\n          <button\n            type=\"button\"\n            onClick={() => {\n              action.onClick();\n              // The offer is consumed; leaving it up invites undoing an\n              // already-undone action.\n              onDismiss(id);\n            }}\n            className=\"shrink-0 self-center rounded-md px-2 py-1 text-xs font-medium text-zinc-700 underline-offset-2 transition-colors hover:bg-zinc-100 hover:underline dark:text-zinc-200 dark:hover:bg-zinc-800\"\n          >\n            {action.label}\n          </button>\n        )}\n        <button\n          type=\"button\"\n          onClick={() => onDismiss(id)}\n          className=\"shrink-0 rounded p-0.5 text-zinc-400 transition-colors hover:text-zinc-600 dark:hover:text-zinc-300\"\n          aria-label=\"Dismiss\"\n        >\n          <X size={14} />\n        </button>\n      </div>\n    </div>\n  );\n}\n\nToastItem.displayName = \"ToastItem\";\n","import { useCallback, useMemo, useRef, useState } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { Portal } from \"../Portal\";\nimport { ToastContext } from \"./Toast.context\";\nimport { ToastItem } from \"./ToastItem\";\nimport type { ToastData, ToastProviderProps } from \"./Toast.types\";\n\nconst POSITION_STYLES = {\n  \"top-right\": \"top-4 right-4\",\n  \"top-left\": \"top-4 left-4\",\n  \"bottom-right\": \"bottom-4 right-4\",\n  \"bottom-left\": \"bottom-4 left-4\",\n} as const;\n\nfunction ToastProvider({\n  children,\n  position = \"bottom-right\",\n  maxToasts = 5,\n}: ToastProviderProps) {\n  const [toasts, setToasts] = useState<ToastData[]>([]);\n  const idCounter = useRef(0);\n\n  const toast = useCallback(\n    (data: Omit<ToastData, \"id\">) => {\n      const id = `toast-${++idCounter.current}`;\n      setToasts((prev) => [...prev.slice(-(maxToasts - 1)), { ...data, id }]);\n      return id;\n    },\n    [maxToasts],\n  );\n\n  const dismiss = useCallback((id: string) => {\n    setToasts((prev) => prev.filter((t) => t.id !== id));\n  }, []);\n\n  const ctx = useMemo(() => ({ toasts, toast, dismiss }), [toasts, toast, dismiss]);\n\n  return (\n    <ToastContext.Provider value={ctx}>\n      {children}\n      <Portal>\n        <div\n          data-react-fancy-toast=\"\"\n          className={cn(\n            \"fixed z-[100] flex flex-col gap-2 pointer-events-none\",\n            POSITION_STYLES[position],\n          )}\n        >\n          {toasts.map((t) => (\n            <ToastItem key={t.id} data={t} onDismiss={dismiss} />\n          ))}\n        </div>\n      </Portal>\n    </ToastContext.Provider>\n  );\n}\n\nexport const Toast = {\n  Provider: ToastProvider,\n};\n"]}