@particle-academy/react-fancy 4.14.0 → 4.14.1

package/dist/index.cjs

@@ -12963,6 +12963,7 @@ function TreeNode({ node, depth }) {
     indentSize,
     showIcons,
     draggable,
+    dragCursor,
     dragState,
     setDragState,
     onNodeMove,
@@ -13093,7 +13094,12 @@ function TreeNode({ node, depth }) {
               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",
-              canDrag && "cursor-grab active:cursor-grabbing",
+              // 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 },
@@ -13149,6 +13155,7 @@ function TreeNavRoot({
   defaultExpandAll = false,
   indentSize = 16,
   showIcons = true,
+  dragCursor = "none",
   className
 }) {
   const [internalExpanded, setInternalExpanded] = react.useState(() => {
@@ -13193,6 +13200,7 @@ function TreeNavRoot({
       indentSize,
       showIcons,
       draggable,
+      dragCursor,
       dragState,
       setDragState,
       onNodeMove,
@@ -13210,6 +13218,7 @@ function TreeNavRoot({
       indentSize,
       showIcons,
       draggable,
+      dragCursor,
       dragState,
       onNodeMove,
       acceptExternalDrops,