@powerhousedao/design-system 1.27.0 → 1.28.0

package/dist/connect/components/breadcrumbs/breadcrumbs.js

@@ -1,63 +1,63 @@
-import { jsxs as l, jsx as r, Fragment as d } from "react/jsx-runtime";
-import { useState as f, createElement as g } from "react";
-import { NodeInput as N } from "../node-input/node-input.js";
-import { Icon as p } from "../../../powerhouse/components/icon/icon.js";
-function A(e) {
-  const {
-    selectedNodePath: t,
-    isAllowedToCreateDocuments: o,
-    onAddAndSelectNewFolder: s
-  } = e, [c, a] = f(!1);
-  function i() {
-    a(!0);
-  }
-  async function m(n) {
-    await s(n), a(!1);
-  }
+import { jsxs as l, jsx as n } from "react/jsx-runtime";
+import { useState as g, useCallback as i, Fragment as p } from "react";
+import { NodeInput as x } from "../node-input/node-input.js";
+import { Icon as y } from "../../../powerhouse/components/icon/icon.js";
+function w(t) {
+  const { breadcrumbs: e, createEnabled: r, onBreadcrumbSelected: d } = t, [m, o] = g(!1), c = t.createEnabled ? t.onCreate : void 0;
   function u() {
-    a(!1);
+    o(!0);
   }
+  const f = i(
+    (a) => {
+      var s;
+      !r || !c || (c(a, (s = e.at(-1)) == null ? void 0 : s.id), o(!1));
+    },
+    [e, r, c]
+  ), b = i(() => {
+    o(!1);
+  }, []);
   return /* @__PURE__ */ l("div", { className: "flex h-9 flex-row items-center gap-2 p-6 text-gray-500", children: [
-    t.map((n) => /* @__PURE__ */ g(x, { ...e, key: n.id, node: n })),
-    o ? /* @__PURE__ */ r(d, { children: c ? /* @__PURE__ */ r(
-      N,
+    e.map((a) => /* @__PURE__ */ l(p, { children: [
+      /* @__PURE__ */ n(h, { node: a, onClick: d }),
+      /* @__PURE__ */ n("span", { children: "/" })
+    ] }, a.id)),
+    r && (m ? /* @__PURE__ */ n(
+      x,
       {
         className: "text-gray-800",
         defaultValue: "New Folder",
-        onCancel: u,
-        onSubmit: m,
+        onCancel: b,
+        onSubmit: f,
         placeholder: "New Folder"
       }
     ) : /* @__PURE__ */ l(
       "button",
       {
+        type: "button",
         className: "ml-1 flex items-center justify-center gap-2 rounded-md bg-gray-50 px-2 py-1.5 transition-colors hover:bg-gray-200 hover:text-gray-800",
-        onClick: i,
+        onClick: u,
         children: [
-          /* @__PURE__ */ r(p, { name: "Plus", size: 14 }),
+          /* @__PURE__ */ n(y, { name: "Plus", size: 14 }),
           "Add new"
         ]
       }
-    ) }) : null
+    ))
   ] });
 }
-function x(e) {
-  const { node: t, setSelectedNode: o } = e;
-  return /* @__PURE__ */ l(d, { children: [
-    /* @__PURE__ */ r(
-      "div",
-      {
-        className: "transition-colors last-of-type:text-gray-800 hover:text-gray-800",
-        onClick: () => o(t),
-        role: "button",
-        children: t.name
-      }
-    ),
-    "/"
-  ] });
+function h(t) {
+  const { node: e, onClick: r } = t;
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      className: "transition-colors last-of-type:text-gray-800 hover:text-gray-800",
+      onClick: () => r(e),
+      role: "button",
+      children: e.name
+    }
+  );
 }
 export {
-  x as Breadcrumb,
-  A as Breadcrumbs
+  h as Breadcrumb,
+  w as Breadcrumbs
 };
 //# sourceMappingURL=breadcrumbs.js.map

package/dist/connect/components/breadcrumbs/breadcrumbs.js.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumbs.js","sources":["../../../../src/connect/components/breadcrumbs/breadcrumbs.tsx"],"sourcesContent":["import { NodeInput, NodeProps, TUiNodesContext, UiNode } from \"@/connect\";\nimport { Icon } from \"@/powerhouse\";\nimport { useState } from \"react\";\n\nexport type BreadcrumbsProps = NodeProps & TUiNodesContext;\n\nexport function Breadcrumbs(props: BreadcrumbsProps) {\n  const {\n    selectedNodePath,\n    isAllowedToCreateDocuments,\n    onAddAndSelectNewFolder,\n  } = props;\n  const [isAddingNewItem, setIsAddingNewFolder] = useState(false);\n\n  function onAddNew() {\n    setIsAddingNewFolder(true);\n  }\n\n  async function onSubmit(name: string) {\n    await onAddAndSelectNewFolder(name);\n    setIsAddingNewFolder(false);\n  }\n\n  function onCancel() {\n    setIsAddingNewFolder(false);\n  }\n\n  return (\n    <div className=\"flex h-9 flex-row items-center gap-2 p-6 text-gray-500\">\n      {selectedNodePath.map((node) => (\n        <Breadcrumb {...props} key={node.id} node={node} />\n      ))}\n      {isAllowedToCreateDocuments ? (\n        <>\n          {isAddingNewItem ? (\n            <NodeInput\n              className=\"text-gray-800\"\n              defaultValue=\"New Folder\"\n              onCancel={onCancel}\n              onSubmit={onSubmit}\n              placeholder=\"New Folder\"\n            />\n          ) : (\n            <button\n              className=\"ml-1 flex items-center justify-center gap-2 rounded-md bg-gray-50 px-2 py-1.5 transition-colors hover:bg-gray-200 hover:text-gray-800\"\n              onClick={onAddNew}\n            >\n              <Icon name=\"Plus\" size={14} />\n              Add new\n            </button>\n          )}\n        </>\n      ) : null}\n    </div>\n  );\n}\n\nexport type BreadcrumbProps = BreadcrumbsProps & {\n  readonly node: UiNode;\n};\n\nexport function Breadcrumb(props: BreadcrumbProps) {\n  const { node, setSelectedNode } = props;\n\n  return (\n    <>\n      <div\n        className=\"transition-colors last-of-type:text-gray-800 hover:text-gray-800\"\n        onClick={() => setSelectedNode(node)}\n        role=\"button\"\n      >\n        {node.name}\n      </div>\n      /\n    </>\n  );\n}\n"],"names":["Breadcrumbs","props","selectedNodePath","isAllowedToCreateDocuments","onAddAndSelectNewFolder","isAddingNewItem","setIsAddingNewFolder","useState","onAddNew","onSubmit","name","onCancel","jsxs","node","createElement","Breadcrumb","jsx","NodeInput","Icon","setSelectedNode","Fragment"],"mappings":";;;;AAMO,SAASA,EAAYC,GAAyB;AAC7C,QAAA;AAAA,IACJ,kBAAAC;AAAA,IACA,4BAAAC;AAAA,IACA,yBAAAC;AAAA,EAAA,IACEH,GACE,CAACI,GAAiBC,CAAoB,IAAIC,EAAS,EAAK;AAE9D,WAASC,IAAW;AAClB,IAAAF,EAAqB,EAAI;AAAA,EAAA;AAG3B,iBAAeG,EAASC,GAAc;AACpC,UAAMN,EAAwBM,CAAI,GAClCJ,EAAqB,EAAK;AAAA,EAAA;AAG5B,WAASK,IAAW;AAClB,IAAAL,EAAqB,EAAK;AAAA,EAAA;AAI1B,SAAA,gBAAAM,EAAC,OAAI,EAAA,WAAU,0DACZ,UAAA;AAAA,IAAiBV,EAAA,IAAI,CAACW,MACpB,gBAAAC,EAAAC,GAAA,EAAY,GAAGd,GAAO,KAAKY,EAAK,IAAI,MAAAA,EAAY,CAAA,CAClD;AAAA,IACAV,2BAEI,UACCE,IAAA,gBAAAW;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,cAAa;AAAA,QACb,UAAAN;AAAA,QACA,UAAAF;AAAA,QACA,aAAY;AAAA,MAAA;AAAA,IAAA,IAGd,gBAAAG;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,SAASJ;AAAA,QAET,UAAA;AAAA,UAAA,gBAAAQ,EAACE,GAAK,EAAA,MAAK,QAAO,MAAM,IAAI;AAAA,UAAE;AAAA,QAAA;AAAA,MAAA;AAAA,OAIpC,IACE;AAAA,EAAA,GACN;AAEJ;AAMO,SAASH,EAAWd,GAAwB;AAC3C,QAAA,EAAE,MAAAY,GAAM,iBAAAM,EAAA,IAAoBlB;AAElC,SAEI,gBAAAW,EAAAQ,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAJ;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,SAAS,MAAMG,EAAgBN,CAAI;AAAA,QACnC,MAAK;AAAA,QAEJ,UAAKA,EAAA;AAAA,MAAA;AAAA,IACR;AAAA,IAAM;AAAA,EAAA,GAER;AAEJ;"}
+{"version":3,"file":"breadcrumbs.js","sources":["../../../../src/connect/components/breadcrumbs/breadcrumbs.tsx"],"sourcesContent":["import { NodeInput } from \"@/connect\";\nimport { Icon } from \"@/powerhouse\";\nimport { Fragment, useCallback, useState } from \"react\";\n\nexport type BreadcrumbNode = {\n  id: string;\n  name: string;\n};\n\nexport type BreadcrumbsProps<T extends boolean = boolean> = {\n  breadcrumbs: BreadcrumbNode[];\n  onBreadcrumbSelected: (node: BreadcrumbNode) => void;\n  createEnabled?: T;\n  onCreate: T extends true\n    ? (name: string, parentFolder: string | undefined) => void\n    : never;\n};\n\nexport function Breadcrumbs(props: BreadcrumbsProps) {\n  const { breadcrumbs, createEnabled, onBreadcrumbSelected } = props;\n  const [isCreating, setIsCreating] = useState(false);\n  const onCreate = props.createEnabled ? props.onCreate : undefined;\n\n  function onAddNew() {\n    setIsCreating(true);\n  }\n\n  const onSubmit = useCallback(\n    (name: string) => {\n      if (!createEnabled || !onCreate) return;\n      onCreate(name, breadcrumbs.at(-1)?.id);\n      setIsCreating(false);\n    },\n    [breadcrumbs, createEnabled, onCreate],\n  );\n\n  const onCancel = useCallback(() => {\n    setIsCreating(false);\n  }, []);\n\n  return (\n    <div className=\"flex h-9 flex-row items-center gap-2 p-6 text-gray-500\">\n      {breadcrumbs.map((node) => (\n        <Fragment key={node.id}>\n          <Breadcrumb node={node} onClick={onBreadcrumbSelected} />\n          <span>/</span>\n        </Fragment>\n      ))}\n      {createEnabled &&\n        (isCreating ? (\n          <NodeInput\n            className=\"text-gray-800\"\n            defaultValue=\"New Folder\"\n            onCancel={onCancel}\n            onSubmit={onSubmit}\n            placeholder=\"New Folder\"\n          />\n        ) : (\n          <button\n            type=\"button\"\n            className=\"ml-1 flex items-center justify-center gap-2 rounded-md bg-gray-50 px-2 py-1.5 transition-colors hover:bg-gray-200 hover:text-gray-800\"\n            onClick={onAddNew}\n          >\n            <Icon name=\"Plus\" size={14} />\n            Add new\n          </button>\n        ))}\n    </div>\n  );\n}\n\nexport type BreadcrumbProps = {\n  node: BreadcrumbNode;\n  onClick: (node: BreadcrumbNode) => void;\n};\n\nexport function Breadcrumb(props: BreadcrumbProps) {\n  const { node, onClick } = props;\n\n  return (\n    <div\n      className=\"transition-colors last-of-type:text-gray-800 hover:text-gray-800\"\n      onClick={() => onClick(node)}\n      role=\"button\"\n    >\n      {node.name}\n    </div>\n  );\n}\n"],"names":["Breadcrumbs","props","breadcrumbs","createEnabled","onBreadcrumbSelected","isCreating","setIsCreating","useState","onCreate","onAddNew","onSubmit","useCallback","name","_a","onCancel","jsxs","node","Fragment","jsx","Breadcrumb","NodeInput","Icon","onClick"],"mappings":";;;;AAkBO,SAASA,EAAYC,GAAyB;AACnD,QAAM,EAAE,aAAAC,GAAa,eAAAC,GAAe,sBAAAC,EAAyB,IAAAH,GACvD,CAACI,GAAYC,CAAa,IAAIC,EAAS,EAAK,GAC5CC,IAAWP,EAAM,gBAAgBA,EAAM,WAAW;AAExD,WAASQ,IAAW;AAClB,IAAAH,EAAc,EAAI;AAAA,EAAA;AAGpB,QAAMI,IAAWC;AAAA,IACf,CAACC,MAAiB;;AACZ,MAAA,CAACT,KAAiB,CAACK,MACvBA,EAASI,IAAMC,IAAAX,EAAY,GAAG,EAAE,MAAjB,gBAAAW,EAAoB,EAAE,GACrCP,EAAc,EAAK;AAAA,IACrB;AAAA,IACA,CAACJ,GAAaC,GAAeK,CAAQ;AAAA,EACvC,GAEMM,IAAWH,EAAY,MAAM;AACjC,IAAAL,EAAc,EAAK;AAAA,EACrB,GAAG,EAAE;AAGH,SAAA,gBAAAS,EAAC,OAAI,EAAA,WAAU,0DACZ,UAAA;AAAA,IAAAb,EAAY,IAAI,CAACc,MAChB,gBAAAD,EAACE,GACC,EAAA,UAAA;AAAA,MAAC,gBAAAC,EAAAC,GAAA,EAAW,MAAAH,GAAY,SAASZ,EAAsB,CAAA;AAAA,MACvD,gBAAAc,EAAC,UAAK,UAAC,IAAA,CAAA;AAAA,IAAA,KAFMF,EAAK,EAGpB,CACD;AAAA,IACAb,MACEE,IACC,gBAAAa;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,cAAa;AAAA,QACb,UAAAN;AAAA,QACA,UAAAJ;AAAA,QACA,aAAY;AAAA,MAAA;AAAA,IAAA,IAGd,gBAAAK;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAU;AAAA,QACV,SAASN;AAAA,QAET,UAAA;AAAA,UAAA,gBAAAS,EAACG,GAAK,EAAA,MAAK,QAAO,MAAM,IAAI;AAAA,UAAE;AAAA,QAAA;AAAA,MAAA;AAAA,IAEhC;AAAA,EAAA,GAEN;AAEJ;AAOO,SAASF,EAAWlB,GAAwB;AAC3C,QAAA,EAAE,MAAAe,GAAM,SAAAM,EAAA,IAAYrB;AAGxB,SAAA,gBAAAiB;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,SAAS,MAAMI,EAAQN,CAAI;AAAA,MAC3B,MAAK;AAAA,MAEJ,UAAKA,EAAA;AAAA,IAAA;AAAA,EACR;AAEJ;"}

package/dist/connect/components/breadcrumbs/useBreadcrumbs.js

@@ -0,0 +1,28 @@
+import { useMemo as c, useCallback as e } from "react";
+function t({
+  selectedNodePath: o,
+  getNodeById: r,
+  setSelectedNode: i
+}) {
+  const m = c(
+    () => o.map((n) => ({
+      id: n.id,
+      name: n.name
+    })),
+    [o]
+  ), u = e(
+    (n) => {
+      const s = r(n.id);
+      s ? i(s) : console.error(`Node with id ${n.id} not found`, n);
+    },
+    [r, i]
+  );
+  return {
+    breadcrumbs: m,
+    onBreadcrumbSelected: u
+  };
+}
+export {
+  t as useBreadcrumbs
+};
+//# sourceMappingURL=useBreadcrumbs.js.map

package/dist/connect/components/breadcrumbs/useBreadcrumbs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBreadcrumbs.js","sources":["../../../../src/connect/components/breadcrumbs/useBreadcrumbs.ts"],"sourcesContent":["import { BreadcrumbNode, UiNode } from \"@/connect\";\nimport { useCallback, useMemo } from \"react\";\n\ninterface UseBreadcrumbsProps {\n  selectedNodePath: UiNode[];\n  getNodeById: (id: string) => UiNode | null;\n  setSelectedNode: (node: UiNode | null) => void;\n}\n\nexport function useBreadcrumbs({\n  selectedNodePath,\n  getNodeById,\n  setSelectedNode,\n}: UseBreadcrumbsProps) {\n  const breadcrumbs = useMemo(\n    () =>\n      selectedNodePath.map((node) => ({\n        id: node.id,\n        name: node.name,\n      })),\n    [selectedNodePath],\n  );\n\n  const onBreadcrumbSelected = useCallback(\n    (breadcrumb: BreadcrumbNode) => {\n      const node = getNodeById(breadcrumb.id);\n      if (node) {\n        setSelectedNode(node);\n      } else {\n        console.error(`Node with id ${breadcrumb.id} not found`, breadcrumb);\n      }\n    },\n    [getNodeById, setSelectedNode],\n  );\n\n  return {\n    breadcrumbs,\n    onBreadcrumbSelected,\n  };\n}\n"],"names":["useBreadcrumbs","selectedNodePath","getNodeById","setSelectedNode","breadcrumbs","useMemo","node","onBreadcrumbSelected","useCallback","breadcrumb"],"mappings":";AASO,SAASA,EAAe;AAAA,EAC7B,kBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,iBAAAC;AACF,GAAwB;AACtB,QAAMC,IAAcC;AAAA,IAClB,MACEJ,EAAiB,IAAI,CAACK,OAAU;AAAA,MAC9B,IAAIA,EAAK;AAAA,MACT,MAAMA,EAAK;AAAA,IAAA,EACX;AAAA,IACJ,CAACL,CAAgB;AAAA,EACnB,GAEMM,IAAuBC;AAAA,IAC3B,CAACC,MAA+B;AACxB,YAAAH,IAAOJ,EAAYO,EAAW,EAAE;AACtC,MAAIH,IACFH,EAAgBG,CAAI,IAEpB,QAAQ,MAAM,gBAAgBG,EAAW,EAAE,cAAcA,CAAU;AAAA,IAEvE;AAAA,IACA,CAACP,GAAaC,CAAe;AAAA,EAC/B;AAEO,SAAA;AAAA,IACL,aAAAC;AAAA,IACA,sBAAAG;AAAA,EACF;AACF;"}

package/dist/connect/components/file-item/file-item.js

@@ -1,125 +1,115 @@
-import { jsxs as r, jsx as o } from "react/jsx-runtime";
-import { useState as p } from "react";
-import { twMerge as f } from "tailwind-merge";
-import { READ as i, FILE as U, WRITE as z } from "../../constants/nodes.js";
-import { useDrag as H } from "../../hooks/drag-and-drop/use-drag.js";
-import { nodeOptionsMap as K, DUPLICATE as W, RENAME as $, DELETE as q, ADD_TRIGGER as B, REMOVE_TRIGGER as J, ADD_INVALID_TRIGGER as Q } from "../../constants/options.js";
-import { getDocumentIconSrc as X } from "../../utils/get-document-icon-src.js";
-import { SyncStatusIcon as Y } from "../status-icon/sync-status-icon.js";
-import { ConnectDropdownMenu as Z } from "../dropdown-menu/dropdown-menu.js";
-import { Icon as ee } from "../../../powerhouse/components/icon/icon.js";
-import { NodeInput as oe } from "../node-input/node-input.js";
-function pe(a) {
-  var u;
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { useState as m } from "react";
+import { twMerge as d } from "tailwind-merge";
+import { READ as c, WRITE as R } from "../../constants/nodes.js";
+import { useDrag as j } from "../../hooks/drag-and-drop/use-drag.js";
+import { nodeOptionsMap as A, defaultFileOptions as F, DUPLICATE as P, RENAME as L, DELETE as U } from "../../constants/options.js";
+import { getDocumentIconSrc as V } from "../../utils/get-document-icon-src.js";
+import { SyncStatusIcon as z } from "../status-icon/sync-status-icon.js";
+import { ConnectDropdownMenu as H } from "../dropdown-menu/dropdown-menu.js";
+import { Icon as W } from "../../../powerhouse/components/icon/icon.js";
+import { NodeInput as $ } from "../node-input/node-input.js";
+function oe(u) {
   const {
-    uiNode: e,
-    selectedNodePath: c,
-    nodeOptions: h,
-    isAllowedToCreateDocuments: g,
-    isRemoteDrive: N,
-    customDocumentIconSrc: v,
-    className: x,
-    setSelectedNode: I,
-    onRenameNode: D,
-    onDuplicateNode: y,
-    onDeleteNode: E,
-    onAddTrigger: S,
-    onRemoveTrigger: w,
-    onAddInvalidTrigger: R
-  } = a, [T, s] = p(i), [l, d] = p(!1), { dragProps: C } = H(a), m = T === i, M = f(
-    "group flex h-12 cursor-pointer select-none items-center rounded-lg bg-gray-200 px-2 text-gray-600 hover:text-gray-800",
-    x
-  ), b = {
-    [W]: () => y(e),
-    [$]: () => s(z),
-    [q]: () => E(e),
-    [B]: () => S(e.driveId),
-    [J]: () => w(e.driveId),
-    [Q]: () => R(e.driveId)
-  }, O = h[e.sharingType][U], A = Object.entries(K).map(([n, t]) => ({
+    uiNode: o,
+    className: p,
+    customDocumentIconSrc: f,
+    onSelectNode: h,
+    onRenameNode: N,
+    onDuplicateNode: g,
+    onDeleteNode: x,
+    isAllowedToCreateDocuments: v
+  } = u, [y, s] = m(c), [a, i] = m(!1), { dragProps: S } = j({ uiNode: o }), l = y === c, w = {
+    [P]: () => g(o),
+    [L]: () => s(R),
+    [U]: () => x(o)
+  }, D = Object.entries(A).map(([n, t]) => ({
     ...t,
     id: n
-  })).filter((n) => O.includes(n.id));
-  function k(n) {
-    D(n, e), s(i);
+  })).filter((n) => F.includes(n.id));
+  function C(n) {
+    N(n, o), s(c);
   }
-  function G() {
-    s(i);
+  function b() {
+    s(c);
   }
-  function j() {
-    I(e);
+  function M() {
+    h(o);
   }
-  function F(n) {
-    const t = b[n];
+  function I(n) {
+    const t = w[n];
     if (!t) {
       console.error(`No handler found for dropdown menu item: ${n}`);
       return;
     }
-    t(e), d(!1);
+    t(), i(!1);
   }
-  const L = X(
-    e.documentType,
-    v
-  ), P = /* @__PURE__ */ r("div", { className: "relative", children: [
-    /* @__PURE__ */ o(
+  const E = V(
+    o.documentType,
+    f
+  ), O = /* @__PURE__ */ r("div", { className: "relative", children: [
+    /* @__PURE__ */ e(
       "img",
       {
         alt: "file icon",
         className: "max-w-none",
         height: 34,
-        src: L,
+        src: E,
         width: 32
       }
     ),
-    m && N && e.syncStatus ? /* @__PURE__ */ o("div", { className: "absolute bottom-[-2px] right-0 size-3 rounded-full bg-white", children: /* @__PURE__ */ o("div", { className: "absolute left-[-2px] top-[-2px]", children: /* @__PURE__ */ o(
-      Y,
+    l && o.syncStatus && /* @__PURE__ */ e("div", { className: "absolute bottom-[-2px] right-0 size-3 rounded-full bg-white", children: /* @__PURE__ */ e("div", { className: "absolute left-[-2px] top-[-2px]", children: /* @__PURE__ */ e(
+      z,
       {
         overrideSyncIcons: { SUCCESS: "CheckCircleFill" },
-        syncStatus: e.syncStatus
+        syncStatus: o.syncStatus
       }
-    ) }) }) : null
-  ] }), V = ((u = c.at(-1)) == null ? void 0 : u.kind) === "FILE" ? c.slice(0, -1) : c, _ = m ? /* @__PURE__ */ r("div", { className: "flex w-52 items-center justify-between", children: [
+    ) }) })
+  ] }), k = d(
+    "group flex h-12 cursor-pointer select-none items-center rounded-lg bg-gray-200 px-2 text-gray-600 hover:text-gray-800",
+    p
+  ), T = l ? /* @__PURE__ */ r("div", { className: "flex w-52 items-center justify-between", children: [
     /* @__PURE__ */ r("div", { className: "mr-2 truncate group-hover:mr-0", children: [
-      /* @__PURE__ */ o("div", { className: "max-h-6 truncate text-sm font-medium group-hover:text-gray-800", children: e.name }),
-      /* @__PURE__ */ o("div", { className: "max-h-6 truncate text-xs font-medium text-gray-600 group-hover:text-gray-800", children: "documentType" in e ? e.documentType : V.map((n) => n.name).join(" / ") })
+      /* @__PURE__ */ e("div", { className: "max-h-6 truncate text-sm font-medium group-hover:text-gray-800", children: o.name }),
+      /* @__PURE__ */ e("div", { className: "max-h-6 truncate text-xs font-medium text-gray-600 group-hover:text-gray-800", children: o.documentType })
     ] }),
-    g ? /* @__PURE__ */ o(
-      Z,
+    v ? /* @__PURE__ */ e(
+      H,
       {
-        items: A,
-        onItemClick: F,
-        onOpenChange: d,
-        open: l,
-        children: /* @__PURE__ */ o(
+        items: D,
+        onItemClick: I,
+        onOpenChange: i,
+        open: a,
+        children: /* @__PURE__ */ e(
           "button",
           {
-            className: f(
+            className: d(
               "hidden group-hover:block",
-              l && "block"
+              a && "block"
             ),
             onClick: (n) => {
-              n.stopPropagation(), d(!0);
+              n.stopPropagation(), i(!0);
             },
-            children: /* @__PURE__ */ o(ee, { className: "text-gray-600", name: "VerticalDots" })
+            children: /* @__PURE__ */ e(W, { className: "text-gray-600", name: "VerticalDots" })
           }
         )
       }
     ) : null
-  ] }) : /* @__PURE__ */ o(
-    oe,
+  ] }) : /* @__PURE__ */ e(
+    $,
     {
       className: "ml-3 flex-1 font-medium",
-      defaultValue: e.name,
-      onCancel: G,
-      onSubmit: k
+      defaultValue: o.name,
+      onCancel: b,
+      onSubmit: C
     }
   );
-  return /* @__PURE__ */ o("div", { className: "relative w-64", onClick: j, children: /* @__PURE__ */ o("div", { ...C, className: M, children: /* @__PURE__ */ r("div", { className: "flex items-center", children: [
-    /* @__PURE__ */ o("div", { className: "mr-1.5", children: P }),
-    _
+  return /* @__PURE__ */ e("div", { className: "relative w-64", onClick: M, children: /* @__PURE__ */ e("div", { ...S, className: k, children: /* @__PURE__ */ r("div", { className: "flex items-center", children: [
+    /* @__PURE__ */ e("div", { className: "mr-1.5", children: O }),
+    T
   ] }) }) });
 }
 export {
-  pe as FileItem
+  oe as FileItem
 };
 //# sourceMappingURL=file-item.js.map

package/dist/connect/components/file-item/file-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"file-item.js","sources":["../../../../src/connect/components/file-item/file-item.tsx"],"sourcesContent":["import {\n  ADD_INVALID_TRIGGER,\n  ADD_TRIGGER,\n  ConnectDropdownMenu,\n  DELETE,\n  DropdownMenuHandlers,\n  DUPLICATE,\n  FILE,\n  getDocumentIconSrc,\n  NodeInput,\n  NodeOption,\n  nodeOptionsMap,\n  NodeProps,\n  READ,\n  REMOVE_TRIGGER,\n  RENAME,\n  TUiNodesContext,\n  UiFileNode,\n  useDrag,\n  WRITE,\n} from \"@/connect\";\nimport { Icon } from \"@/powerhouse\";\nimport { useState } from \"react\";\nimport { twMerge } from \"tailwind-merge\";\nimport { SyncStatusIcon } from \"../status-icon\";\n\nexport type FileItemProps = TUiNodesContext &\n  NodeProps & {\n    readonly uiNode: UiFileNode;\n    readonly customDocumentIconSrc?: string;\n    readonly className?: string;\n  };\n\nexport function FileItem(props: FileItemProps) {\n  const {\n    uiNode,\n    selectedNodePath,\n    nodeOptions,\n    isAllowedToCreateDocuments,\n    isRemoteDrive,\n    customDocumentIconSrc,\n    className,\n    setSelectedNode,\n    onRenameNode,\n    onDuplicateNode,\n    onDeleteNode,\n    onAddTrigger,\n    onRemoveTrigger,\n    onAddInvalidTrigger,\n  } = props;\n  const [mode, setMode] = useState<typeof READ | typeof WRITE>(READ);\n  const [isDropdownMenuOpen, setIsDropdownMenuOpen] = useState(false);\n  const { dragProps } = useDrag(props);\n\n  const isReadMode = mode === READ;\n\n  const containerStyles = twMerge(\n    \"group flex h-12 cursor-pointer select-none items-center rounded-lg bg-gray-200 px-2 text-gray-600 hover:text-gray-800\",\n    className,\n  );\n\n  const dropdownMenuHandlers: DropdownMenuHandlers = {\n    [DUPLICATE]: () => onDuplicateNode(uiNode),\n    [RENAME]: () => setMode(WRITE),\n    [DELETE]: () => onDeleteNode(uiNode),\n    [ADD_TRIGGER]: () => onAddTrigger(uiNode.driveId),\n    [REMOVE_TRIGGER]: () => onRemoveTrigger(uiNode.driveId),\n    [ADD_INVALID_TRIGGER]: () => onAddInvalidTrigger(uiNode.driveId),\n  } as const;\n\n  const nodeOptionsForKind = nodeOptions[uiNode.sharingType][FILE];\n\n  const dropdownMenuOptions = Object.entries(nodeOptionsMap)\n    .map(([id, option]) => ({\n      ...option,\n      id: id as NodeOption,\n    }))\n    .filter((option) => nodeOptionsForKind.includes(option.id));\n\n  function onSubmit(name: string) {\n    onRenameNode(name, uiNode);\n    setMode(READ);\n  }\n\n  function onCancel() {\n    setMode(READ);\n  }\n\n  function onClick() {\n    setSelectedNode(uiNode);\n  }\n\n  function onDropdownMenuOptionClick(itemId: NodeOption) {\n    const handler = dropdownMenuHandlers[itemId];\n    if (!handler) {\n      console.error(`No handler found for dropdown menu item: ${itemId}`);\n      return;\n    }\n    handler(uiNode);\n    setIsDropdownMenuOpen(false);\n  }\n\n  const iconSrc = getDocumentIconSrc(\n    uiNode.documentType,\n    customDocumentIconSrc,\n  );\n\n  const iconNode = (\n    <div className=\"relative\">\n      <img\n        alt=\"file icon\"\n        className=\"max-w-none\"\n        height={34}\n        src={iconSrc}\n        width={32}\n      />\n      {isReadMode && isRemoteDrive && uiNode.syncStatus ? (\n        <div className=\"absolute bottom-[-2px] right-0 size-3 rounded-full bg-white\">\n          <div className=\"absolute left-[-2px] top-[-2px]\">\n            <SyncStatusIcon\n              overrideSyncIcons={{ SUCCESS: \"CheckCircleFill\" }}\n              syncStatus={uiNode.syncStatus}\n            />\n          </div>\n        </div>\n      ) : null}\n    </div>\n  );\n\n  // if this selected node is a file then hide it from the node path\n  const nodePath =\n    selectedNodePath.at(-1)?.kind === \"FILE\"\n      ? selectedNodePath.slice(0, -1)\n      : selectedNodePath;\n\n  const content = isReadMode ? (\n    <div className=\"flex w-52 items-center justify-between\">\n      <div className=\"mr-2 truncate group-hover:mr-0\">\n        <div className=\"max-h-6 truncate text-sm font-medium group-hover:text-gray-800\">\n          {uiNode.name}\n        </div>\n        <div className=\"max-h-6 truncate text-xs font-medium text-gray-600 group-hover:text-gray-800\">\n          {\"documentType\" in uiNode\n            ? uiNode.documentType\n            : nodePath.map((node) => node.name).join(\" / \")}\n        </div>\n      </div>\n      {isAllowedToCreateDocuments ? (\n        <ConnectDropdownMenu\n          items={dropdownMenuOptions}\n          onItemClick={onDropdownMenuOptionClick}\n          onOpenChange={setIsDropdownMenuOpen}\n          open={isDropdownMenuOpen}\n        >\n          <button\n            className={twMerge(\n              \"hidden group-hover:block\",\n              isDropdownMenuOpen && \"block\",\n            )}\n            onClick={(e) => {\n              e.stopPropagation();\n              setIsDropdownMenuOpen(true);\n            }}\n          >\n            <Icon className=\"text-gray-600\" name=\"VerticalDots\" />\n          </button>\n        </ConnectDropdownMenu>\n      ) : null}\n    </div>\n  ) : (\n    <NodeInput\n      className=\"ml-3 flex-1 font-medium\"\n      defaultValue={uiNode.name}\n      onCancel={onCancel}\n      onSubmit={onSubmit}\n    />\n  );\n\n  return (\n    <div className=\"relative w-64\" onClick={onClick}>\n      <div {...dragProps} className={containerStyles}>\n        <div className=\"flex items-center\">\n          <div className=\"mr-1.5\">{iconNode}</div>\n          {content}\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"names":["FileItem","props","uiNode","selectedNodePath","nodeOptions","isAllowedToCreateDocuments","isRemoteDrive","customDocumentIconSrc","className","setSelectedNode","onRenameNode","onDuplicateNode","onDeleteNode","onAddTrigger","onRemoveTrigger","onAddInvalidTrigger","mode","setMode","useState","READ","isDropdownMenuOpen","setIsDropdownMenuOpen","dragProps","useDrag","isReadMode","containerStyles","twMerge","dropdownMenuHandlers","DUPLICATE","RENAME","WRITE","DELETE","ADD_TRIGGER","REMOVE_TRIGGER","ADD_INVALID_TRIGGER","nodeOptionsForKind","FILE","dropdownMenuOptions","nodeOptionsMap","id","option","onSubmit","name","onCancel","onClick","onDropdownMenuOptionClick","itemId","handler","iconSrc","getDocumentIconSrc","iconNode","jsxs","jsx","SyncStatusIcon","nodePath","_a","content","node","ConnectDropdownMenu","e","Icon","NodeInput"],"mappings":"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"}
+{"version":3,"file":"file-item.js","sources":["../../../../src/connect/components/file-item/file-item.tsx"],"sourcesContent":["import {\n  ConnectDropdownMenu,\n  defaultFileOptions,\n  DELETE,\n  DUPLICATE,\n  getDocumentIconSrc,\n  NodeInput,\n  NodeOption,\n  nodeOptionsMap,\n  READ,\n  RENAME,\n  UiFileNode,\n  useDrag,\n  WRITE,\n} from \"@/connect\";\nimport { Icon } from \"@/powerhouse\";\nimport { useState } from \"react\";\nimport { twMerge } from \"tailwind-merge\";\nimport { SyncStatusIcon } from \"../status-icon\";\n\nexport type FileItemProps = {\n  uiNode: UiFileNode;\n  customDocumentIconSrc?: string;\n  className?: string;\n  onSelectNode: (uiNode: UiFileNode) => void;\n  onRenameNode: (name: string, uiNode: UiFileNode) => void;\n  onDuplicateNode: (uiNode: UiFileNode) => void;\n  onDeleteNode: (uiNode: UiFileNode) => void;\n  isAllowedToCreateDocuments: boolean;\n};\n\nexport function FileItem(props: FileItemProps) {\n  const {\n    uiNode,\n    className,\n    customDocumentIconSrc,\n    onSelectNode,\n    onRenameNode,\n    onDuplicateNode,\n    onDeleteNode,\n    isAllowedToCreateDocuments,\n  } = props;\n  const [mode, setMode] = useState<typeof READ | typeof WRITE>(READ);\n  const [isDropdownMenuOpen, setIsDropdownMenuOpen] = useState(false);\n  const { dragProps } = useDrag({ uiNode });\n\n  const isReadMode = mode === READ;\n\n  const dropdownMenuHandlers = {\n    [DUPLICATE]: () => onDuplicateNode(uiNode),\n    [RENAME]: () => setMode(WRITE),\n    [DELETE]: () => onDeleteNode(uiNode),\n  } as const;\n\n  const dropdownMenuOptions = Object.entries(nodeOptionsMap)\n    .map(([id, option]) => ({\n      ...option,\n      id: id as NodeOption,\n    }))\n    .filter((option) => defaultFileOptions.includes(option.id));\n\n  function onSubmit(name: string) {\n    onRenameNode(name, uiNode);\n    setMode(READ);\n  }\n\n  function onCancel() {\n    setMode(READ);\n  }\n\n  function onClick() {\n    onSelectNode(uiNode);\n  }\n\n  function onDropdownMenuOptionClick(itemId: NodeOption) {\n    const handler =\n      dropdownMenuHandlers[itemId as keyof typeof dropdownMenuHandlers];\n    if (!handler) {\n      console.error(`No handler found for dropdown menu item: ${itemId}`);\n      return;\n    }\n    handler();\n    setIsDropdownMenuOpen(false);\n  }\n\n  const iconSrc = getDocumentIconSrc(\n    uiNode.documentType,\n    customDocumentIconSrc,\n  );\n\n  const iconNode = (\n    <div className=\"relative\">\n      <img\n        alt=\"file icon\"\n        className=\"max-w-none\"\n        height={34}\n        src={iconSrc}\n        width={32}\n      />\n      {isReadMode && uiNode.syncStatus && (\n        <div className=\"absolute bottom-[-2px] right-0 size-3 rounded-full bg-white\">\n          <div className=\"absolute left-[-2px] top-[-2px]\">\n            <SyncStatusIcon\n              overrideSyncIcons={{ SUCCESS: \"CheckCircleFill\" }}\n              syncStatus={uiNode.syncStatus}\n            />\n          </div>\n        </div>\n      )}\n    </div>\n  );\n\n  const containerStyles = twMerge(\n    \"group flex h-12 cursor-pointer select-none items-center rounded-lg bg-gray-200 px-2 text-gray-600 hover:text-gray-800\",\n    className,\n  );\n\n  const content = isReadMode ? (\n    <div className=\"flex w-52 items-center justify-between\">\n      <div className=\"mr-2 truncate group-hover:mr-0\">\n        <div className=\"max-h-6 truncate text-sm font-medium group-hover:text-gray-800\">\n          {uiNode.name}\n        </div>\n        <div className=\"max-h-6 truncate text-xs font-medium text-gray-600 group-hover:text-gray-800\">\n          {uiNode.documentType}\n        </div>\n      </div>\n      {isAllowedToCreateDocuments ? (\n        <ConnectDropdownMenu\n          items={dropdownMenuOptions}\n          onItemClick={onDropdownMenuOptionClick}\n          onOpenChange={setIsDropdownMenuOpen}\n          open={isDropdownMenuOpen}\n        >\n          <button\n            className={twMerge(\n              \"hidden group-hover:block\",\n              isDropdownMenuOpen && \"block\",\n            )}\n            onClick={(e) => {\n              e.stopPropagation();\n              setIsDropdownMenuOpen(true);\n            }}\n          >\n            <Icon className=\"text-gray-600\" name=\"VerticalDots\" />\n          </button>\n        </ConnectDropdownMenu>\n      ) : null}\n    </div>\n  ) : (\n    <NodeInput\n      className=\"ml-3 flex-1 font-medium\"\n      defaultValue={uiNode.name}\n      onCancel={onCancel}\n      onSubmit={onSubmit}\n    />\n  );\n\n  return (\n    <div className=\"relative w-64\" onClick={onClick}>\n      <div {...dragProps} className={containerStyles}>\n        <div className=\"flex items-center\">\n          <div className=\"mr-1.5\">{iconNode}</div>\n          {content}\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"names":["FileItem","props","uiNode","className","customDocumentIconSrc","onSelectNode","onRenameNode","onDuplicateNode","onDeleteNode","isAllowedToCreateDocuments","mode","setMode","useState","READ","isDropdownMenuOpen","setIsDropdownMenuOpen","dragProps","useDrag","isReadMode","dropdownMenuHandlers","DUPLICATE","RENAME","WRITE","DELETE","dropdownMenuOptions","nodeOptionsMap","id","option","defaultFileOptions","onSubmit","name","onCancel","onClick","onDropdownMenuOptionClick","itemId","handler","iconSrc","getDocumentIconSrc","iconNode","jsxs","jsx","SyncStatusIcon","containerStyles","twMerge","content","ConnectDropdownMenu","e","Icon","NodeInput"],"mappings":"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"}

package/dist/connect/components/folder-item/folder-item.js

@@ -1,104 +1,104 @@
-import { jsx as o, jsxs as d } from "react/jsx-runtime";
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
 import { useState as u } from "react";
 import { twMerge as p } from "tailwind-merge";
-import { useDrop as V } from "../../hooks/drag-and-drop/use-drop.js";
-import { READ as l, FOLDER as _, WRITE as j } from "../../constants/nodes.js";
-import { useDrag as z } from "../../hooks/drag-and-drop/use-drag.js";
-import { nodeOptionsMap as U, DUPLICATE as H, RENAME as K, DELETE as W, ADD_TRIGGER as $, REMOVE_TRIGGER as q, ADD_INVALID_TRIGGER as B } from "../../constants/options.js";
-import { NodeInput as J } from "../node-input/node-input.js";
+import { useDrop as P } from "../../hooks/drag-and-drop/use-drop.js";
+import { nodeOptionsMap as j, defaultFolderOptions as z, DUPLICATE as L, RENAME as U, DELETE as V } from "../../constants/options.js";
+import { READ as l, WRITE as H } from "../../constants/nodes.js";
+import { useDrag as W } from "../../hooks/drag-and-drop/use-drag.js";
+import { NodeInput as $ } from "../node-input/node-input.js";
 import { Icon as f } from "../../../powerhouse/components/icon/icon.js";
-import { SyncStatusIcon as Q } from "../status-icon/sync-status-icon.js";
-import { ConnectDropdownMenu as X } from "../dropdown-menu/dropdown-menu.js";
-function ce(r) {
+import { SyncStatusIcon as q } from "../status-icon/sync-status-icon.js";
+import { ConnectDropdownMenu as B } from "../dropdown-menu/dropdown-menu.js";
+function te(c) {
   const {
-    uiNode: e,
-    isAllowedToCreateDocuments: c,
-    nodeOptions: g,
-    isRemoteDrive: h,
-    className: D,
-    setSelectedNode: N,
-    onRenameNode: v,
-    onDuplicateNode: I,
-    onDeleteNode: E,
-    onAddTrigger: R,
-    onRemoveTrigger: x,
-    onAddInvalidTrigger: C
-  } = r, [S, a] = u(l), [m, i] = u(!1), { dragProps: b } = z(r), { isDropTarget: w, dropProps: M } = V(r), s = S === l;
-  function T() {
-    a(l);
+    uiNode: n,
+    isAllowedToCreateDocuments: a,
+    className: h,
+    onRenameNode: N,
+    onDuplicateNode: g,
+    onDeleteNode: v,
+    onSelectNode: C,
+    onAddFile: x,
+    onCopyNode: D,
+    onMoveNode: S
+  } = c, [b, d] = u(l), [m, r] = u(!1), { dragProps: w } = W(c), { isDropTarget: M, dropProps: y } = P({
+    uiNode: n,
+    onAddFile: x,
+    onCopyNode: D,
+    onMoveNode: S
+  }), s = b === l;
+  function E() {
+    d(l);
   }
-  function y(n) {
-    v(n, e);
+  function I(o) {
+    N(o, n);
   }
   function O() {
-    N(e);
+    C(n);
   }
-  const A = {
-    [H]: () => I(e),
-    [K]: () => a(j),
-    [W]: () => E(e),
-    [$]: () => R(e.driveId),
-    [q]: () => x(e.driveId),
-    [B]: () => C(e.driveId)
-  }, k = g[e.sharingType][_], G = Object.entries(U).map(([n, t]) => ({
+  const k = {
+    [L]: () => g(n),
+    [U]: () => d(H),
+    [V]: () => v(n)
+  }, A = Object.entries(j).map(([o, t]) => ({
     ...t,
-    id: n
-  })).filter((n) => k.includes(n.id));
-  function F(n) {
-    const t = A[n];
+    id: o
+  })).filter((o) => z.includes(o.id));
+  function F(o) {
+    const t = k[o];
     if (!t) {
-      console.error(`No handler found for dropdown menu item: ${n}`);
+      console.error(`No handler found for dropdown menu item: ${o}`);
       return;
     }
-    t(), i(!1);
+    t(), r(!1);
   }
-  const L = s || !c ? /* @__PURE__ */ o("div", { className: "ml-3 max-h-6 truncate font-medium text-gray-600 group-hover:text-gray-800", children: e.name }) : /* @__PURE__ */ o(
-    J,
+  const R = s || !a ? /* @__PURE__ */ e("div", { className: "ml-3 max-h-6 truncate font-medium text-gray-600 group-hover:text-gray-800", children: n.name }) : /* @__PURE__ */ e(
+    $,
     {
       className: "ml-3 font-medium",
-      defaultValue: e.name,
-      onCancel: T,
-      onSubmit: y
+      defaultValue: n.name,
+      onCancel: E,
+      onSubmit: I
     }
-  ), P = p(
+  ), T = p(
     "group flex h-12 cursor-pointer select-none items-center rounded-lg bg-gray-200 px-2",
-    D,
-    w && "bg-blue-100"
+    h,
+    M && "bg-blue-100"
   );
-  return /* @__PURE__ */ o("div", { className: "relative w-64", onClick: O, children: /* @__PURE__ */ d("div", { ...b, ...M, className: P, children: [
-    /* @__PURE__ */ d("div", { className: "flex items-center overflow-hidden", children: [
-      /* @__PURE__ */ o("div", { className: "p-1", children: /* @__PURE__ */ d("div", { className: "relative", children: [
-        /* @__PURE__ */ o(f, { name: "FolderClose", size: 24 }),
-        s && h && e.syncStatus ? /* @__PURE__ */ o("div", { className: "absolute bottom-[-3px] right-[-2px] size-3 rounded-full bg-white", children: /* @__PURE__ */ o("div", { className: "absolute left-[-2px] top-[-2px]", children: /* @__PURE__ */ o(
-          Q,
+  return /* @__PURE__ */ e("div", { className: "relative w-64", onClick: O, children: /* @__PURE__ */ i("div", { ...w, ...y, className: T, children: [
+    /* @__PURE__ */ i("div", { className: "flex items-center overflow-hidden", children: [
+      /* @__PURE__ */ e("div", { className: "p-1", children: /* @__PURE__ */ i("div", { className: "relative", children: [
+        /* @__PURE__ */ e(f, { name: "FolderClose", size: 24 }),
+        s && n.syncStatus ? /* @__PURE__ */ e("div", { className: "absolute bottom-[-3px] right-[-2px] size-3 rounded-full bg-white", children: /* @__PURE__ */ e("div", { className: "absolute left-[-2px] top-[-2px]", children: /* @__PURE__ */ e(
+          q,
           {
             overrideSyncIcons: {
               SUCCESS: "CheckCircleFill"
             },
-            syncStatus: e.syncStatus
+            syncStatus: n.syncStatus
           }
         ) }) }) : null
       ] }) }),
-      L
+      R
     ] }),
-    s && c ? /* @__PURE__ */ o(
-      X,
+    s && a ? /* @__PURE__ */ e(
+      B,
       {
-        items: G,
+        items: A,
         onItemClick: F,
-        onOpenChange: i,
+        onOpenChange: r,
         open: m,
-        children: /* @__PURE__ */ o(
+        children: /* @__PURE__ */ e(
           "button",
           {
             className: p(
               "ml-auto hidden group-hover:block",
               m && "block"
             ),
-            onClick: (n) => {
-              n.stopPropagation(), i(!0);
+            onClick: (o) => {
+              o.stopPropagation(), r(!0);
             },
-            children: /* @__PURE__ */ o(f, { className: "text-gray-600", name: "VerticalDots" })
+            children: /* @__PURE__ */ e(f, { className: "text-gray-600", name: "VerticalDots" })
           }
         )
       }
@@ -106,6 +106,6 @@ function ce(r) {
   ] }) });
 }
 export {
-  ce as FolderItem
+  te as FolderItem
 };
 //# sourceMappingURL=folder-item.js.map