@particle-academy/react-fancy 1.8.1 → 1.9.0

package/dist/index.cjs

@@ -5317,12 +5317,18 @@ function useDropdown() {
 }
 function DropdownTrigger({ children }) {
   const { setOpen, open, anchorRef } = useDropdown();
-  return react.cloneElement(children, {
-    ref: anchorRef,
-    onClick: () => setOpen(!open),
-    "aria-expanded": open,
-    "aria-haspopup": "menu"
-  });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      ref: anchorRef,
+      "data-react-fancy-dropdown-trigger": "",
+      className: "inline-flex",
+      onClick: () => setOpen(!open),
+      "aria-expanded": open,
+      "aria-haspopup": "menu",
+      children
+    }
+  );
 }
 DropdownTrigger.displayName = "DropdownTrigger";
 function useAnimation({
@@ -10559,7 +10565,7 @@ function ChevronIcon({ open }) {
   );
 }
 function TreeNode({ node, depth }) {
-  const { selectedId, onSelect, expandedIds, toggle, indentSize, showIcons } = useTreeNav();
+  const { selectedId, onSelect, onNodeContextMenu, expandedIds, toggle, indentSize, showIcons } = useTreeNav();
   const isFolder = node.type === "folder" || node.children && node.children.length > 0;
   const isExpanded = expandedIds.includes(node.id);
   const isSelected = selectedId === node.id;
@@ -10571,12 +10577,19 @@ function TreeNode({ node, depth }) {
     }
     onSelect?.(node.id, node);
   };
+  const handleContextMenu = (e) => {
+    if (onNodeContextMenu) {
+      e.preventDefault();
+      onNodeContextMenu(e, node);
+    }
+  };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-react-fancy-tree-node": "", children: [
     /* @__PURE__ */ jsxRuntime.jsxs(
       "button",
       {
         type: "button",
         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",
@@ -10610,6 +10623,7 @@ function TreeNavRoot({
   nodes,
   selectedId,
   onSelect,
+  onNodeContextMenu,
   expandedIds: controlledExpanded,
   defaultExpandedIds,
   onExpandedChange,
@@ -10636,8 +10650,8 @@ function TreeNavRoot({
     [expandedIds, isControlled, onExpandedChange]
   );
   const ctx = react.useMemo(
-    () => ({ selectedId, onSelect, expandedIds, toggle, indentSize, showIcons }),
-    [selectedId, onSelect, expandedIds, toggle, indentSize, showIcons]
+    () => ({ selectedId, onSelect, onNodeContextMenu, expandedIds, toggle, indentSize, showIcons }),
+    [selectedId, onSelect, onNodeContextMenu, expandedIds, toggle, indentSize, showIcons]
   );
   return /* @__PURE__ */ jsxRuntime.jsx(TreeNavContext.Provider, { value: ctx, children: /* @__PURE__ */ jsxRuntime.jsx(
     "nav",