@cubone/react-file-manager 1.14.0 → 1.15.0

package/dist/react-file-manager.es.js

@@ -1,6 +1,6 @@
 import { jsx as e, jsxs as g, Fragment as se } from "react/jsx-runtime";
 import lt from "react-loading";
-import Lt, { useState as b, useRef as re, useEffect as Y, createContext as ve, useContext as ge, useMemo as $e } from "react";
+import Lt, { useState as b, useRef as re, useEffect as V, createContext as ve, useContext as ge, useMemo as $e } from "react";
 import { BsGridFill as ct, BsScissors as dt, BsCopy as ut, BsFolderPlus as ft, BsGrid as Ue } from "react-icons/bs";
 import { FiRefreshCw as ht } from "react-icons/fi";
 import { MdOutlineFileDownload as je, MdOutlineDelete as pt, MdClear as It, MdOutlineFileUpload as mt, MdKeyboardArrowRight as At, MdHome as $t, MdOutlineNavigateNext as jt, MdMoreHoriz as zt, MdClose as Wt } from "react-icons/md";
@@ -22,7 +22,7 @@ const Ct = ({ isLoading: t }) => {
     var i;
     (i = r.current) != null && i.contains(a.target) ? s(!1) : (s(!0), t(a, r));
   };
-  return Y(() => (document.addEventListener("click", o, !0), document.addEventListener("mousedown", o, !0), () => {
+  return V(() => (document.addEventListener("click", o, !0), document.addEventListener("mousedown", o, !0), () => {
     document.removeEventListener("click", o, !0), document.removeEventListener("mousedown", o, !0);
   }), []), { ref: r, isClicked: n, setIsClicked: s };
 }, wt = ve(), tn = ({ children: t, layout: n }) => {
@@ -64,16 +64,16 @@ const Ct = ({ isLoading: t }) => {
   )) }) });
 }, bt = ve(), rn = ({ children: t, filesData: n, onError: s }) => {
   const [r, o] = b([]);
-  Y(() => {
+  V(() => {
     o(n);
   }, [n]);
   const a = (i) => i.isDirectory ? r.filter((l) => l.path === `${i.path}/${l.name}`) : [];
   return /* @__PURE__ */ e(bt.Provider, { value: { files: r, setFiles: o, getChildren: a, onError: s }, children: t });
 }, ke = () => ge(bt), Ft = ve(), sn = ({ children: t, initialPath: n }) => {
   const { files: s } = ke(), r = re(!1), [o, a] = b(""), [i, l] = b(null), [c, u] = b([]);
-  return Y(() => {
+  return V(() => {
     Array.isArray(s) && s.length > 0 && (u(() => s.filter((h) => h.path === `${o}/${h.name}`)), l(() => s.find((h) => h.path === o) ?? null));
-  }, [s, o]), Y(() => {
+  }, [s, o]), V(() => {
     !r.current && Array.isArray(s) && s.length > 0 && (a(s.some((h) => h.path === n) ? n : ""), r.current = !0);
   }, [n, s]), /* @__PURE__ */ e(
     Ft.Provider,
@@ -125,7 +125,7 @@ const Ct = ({ isLoading: t }) => {
   triggerAction: o
 }) => {
   var N;
-  const [a, i] = b(!1), { currentFolder: l } = oe(), { selectedFiles: c, setSelectedFiles: u, handleDownload: h } = le(), { clipBoard: f, setClipBoard: w, handleCutCopy: D, handlePasting: R } = Ne(), { activeLayout: O } = ce(), M = [
+  const [a, i] = b(!1), { currentFolder: l } = oe(), { selectedFiles: c, setSelectedFiles: u, handleDownload: h } = le(), { clipBoard: f, setClipBoard: w, handleCutCopy: T, handlePasting: R } = Ne(), { activeLayout: O } = ce(), M = [
     {
       icon: /* @__PURE__ */ e(ft, { size: 17, strokeWidth: 0.3 }),
       text: "New folder",
@@ -166,11 +166,11 @@ const Ct = ({ isLoading: t }) => {
   };
   return c.length > 0 ? /* @__PURE__ */ e("div", { className: "toolbar file-selected", children: /* @__PURE__ */ g("div", { className: "file-action-container", children: [
     /* @__PURE__ */ g("div", { children: [
-      /* @__PURE__ */ g("button", { className: "item-action file-action", onClick: () => D(!0), children: [
+      /* @__PURE__ */ g("button", { className: "item-action file-action", onClick: () => T(!0), children: [
         /* @__PURE__ */ e(dt, { size: 18 }),
         /* @__PURE__ */ e("span", { children: "Cut" })
       ] }),
-      /* @__PURE__ */ g("button", { className: "item-action file-action", onClick: () => D(!1), children: [
+      /* @__PURE__ */ g("button", { className: "item-action file-action", onClick: () => T(!1), children: [
         /* @__PURE__ */ e(ut, { strokeWidth: 0.1, size: 17 }),
         /* @__PURE__ */ e("span", { children: "Copy" })
       ] }),
@@ -254,7 +254,7 @@ const Ct = ({ isLoading: t }) => {
   }, c = (u) => {
     u.stopPropagation(), s((h) => !h);
   };
-  return Y(() => {
+  return V(() => {
     o(a === t.path);
     const u = a.split("/");
     u.pop(), u.join("/") === t.path && s(!0);
@@ -302,17 +302,17 @@ const Ct = ({ isLoading: t }) => {
       subDirectories: r(l.path, a)
     })) : [];
   };
-  return Y(() => {
+  return V(() => {
     if (Array.isArray(s)) {
       const o = s.filter((i) => i.isDirectory), a = Object.groupBy(o, ({ path: i }) => cn(i));
       n(() => r("", a));
     }
   }, [s]), /* @__PURE__ */ e("div", { className: "sb-folders-list", children: (t == null ? void 0 : t.length) > 0 ? /* @__PURE__ */ e(se, { children: t == null ? void 0 : t.map((o, a) => /* @__PURE__ */ e(Pt, { folder: o }, a)) }) : /* @__PURE__ */ e("div", { className: "empty-nav-pane", children: "Nothing here yet" }) });
 }, un = () => {
-  const [t, n] = b([]), [s, r] = b([]), [o, a] = b([]), [i, l] = b(!1), { currentPath: c, setCurrentPath: u } = oe(), h = re(null), f = re([]), w = re(null), D = ye(() => {
+  const [t, n] = b([]), [s, r] = b([]), [o, a] = b([]), [i, l] = b(!1), { currentPath: c, setCurrentPath: u } = oe(), h = re(null), f = re([]), w = re(null), T = ye(() => {
     l(!1);
   });
-  Y(() => {
+  V(() => {
     n(() => {
       let E = "";
       return c == null ? void 0 : c.split("/").map((F) => ({
@@ -328,14 +328,14 @@ const Ct = ({ isLoading: t }) => {
     return E - (N + p);
   }, M = () => {
     var m;
-    const E = O(), F = f.current.reduce((p, T) => T ? p + T.clientWidth : p, 0), N = ((m = w.current) == null ? void 0 : m.clientWidth) || 0;
+    const E = O(), F = f.current.reduce((p, D) => D ? p + D.clientWidth : p, 0), N = ((m = w.current) == null ? void 0 : m.clientWidth) || 0;
     return E - (F + N);
   }, C = () => h.current.scrollWidth > h.current.clientWidth;
-  return Y(() => {
+  return V(() => {
     var E;
     if (C()) {
       const F = t[1], N = (E = f.current[1]) == null ? void 0 : E.clientWidth;
-      a((m) => [...m, N]), r((m) => [...m, F]), n((m) => m.filter((p, T) => T !== 1));
+      a((m) => [...m, N]), r((m) => [...m, F]), n((m) => m.filter((p, D) => D !== 1));
     } else if (s.length > 0 && M() > o.at(-1)) {
       const F = [t[0], s.at(-1), ...t.slice(1)];
       n(F), r((N) => N.slice(0, -1)), a((N) => N.slice(0, -1));
@@ -365,7 +365,7 @@ const Ct = ({ isLoading: t }) => {
         }
       )
     ] }, F)) }),
-    i && /* @__PURE__ */ e("ul", { ref: D.ref, className: "hidden-folders-container", children: s.map((E, F) => /* @__PURE__ */ e(
+    i && /* @__PURE__ */ e("ul", { ref: T.ref, className: "hidden-folders-container", children: s.map((E, F) => /* @__PURE__ */ e(
       "li",
       {
         onClick: () => {
@@ -440,7 +440,7 @@ const Ct = ({ isLoading: t }) => {
     rows: i
   }
 ), xt = ({ message: t, xPlacement: n, yPlacement: s }) => /* @__PURE__ */ e("p", { className: `error-tooltip ${n} ${s}`, children: t }), fn = 220, hn = ({ filesViewRef: t, file: n, onCreateFolder: s, triggerAction: r }) => {
-  const [o, a] = b(n.name), [i, l] = b(!1), [c, u] = b(""), [h, f] = b("right"), [w, D] = b("bottom"), R = ye((p) => {
+  const [o, a] = b(n.name), [i, l] = b(!1), [c, u] = b(""), [h, f] = b("right"), [w, T] = b("bottom"), R = ye((p) => {
     p.preventDefault(), p.stopPropagation();
   }), { currentFolder: O, currentPathFiles: M, setCurrentPathFiles: C } = oe(), { activeLayout: E } = ce(), F = (p) => {
     a(p.target.value), l(!1);
@@ -453,7 +453,7 @@ const Ct = ({ isLoading: t }) => {
       `A file name can't contain any of the following characters: \\ / : * ? " < > |`
     ), l(!0)) : (l(!1), u(""));
   };
-  Y(() => {
+  V(() => {
     if (i) {
       const p = setTimeout(() => {
         l(!1), u("");
@@ -464,20 +464,20 @@ const Ct = ({ isLoading: t }) => {
   function m() {
     var P, x;
     let p = o.trim();
-    const T = M.filter((j) => !(j.key && j.key === n.key));
-    if (T.find((j) => j.name.toLowerCase() === p.toLowerCase())) {
+    const D = M.filter((j) => !(j.key && j.key === n.key));
+    if (D.find((j) => j.name.toLowerCase() === p.toLowerCase())) {
       u(`This destination already contains a folder named '${p}'.`), l(!0), (P = R.ref.current) == null || P.focus(), (x = R.ref.current) == null || x.select(), R.setIsClicked(!1);
       return;
     }
-    p === "" && (p = Et("New Folder", !0, T)), fe(s, "onCreateFolder", p, O), C((j) => j.filter((H) => H.key !== n.key)), r.close();
+    p === "" && (p = Et("New Folder", !0, D)), fe(s, "onCreateFolder", p, O), C((j) => j.filter((H) => H.key !== n.key)), r.close();
   }
-  return Y(() => {
-    var p, T, y;
-    if ((p = R.ref.current) == null || p.focus(), (T = R.ref.current) == null || T.select(), (y = R.ref) != null && y.current) {
+  return V(() => {
+    var p, D, y;
+    if ((p = R.ref.current) == null || p.focus(), (D = R.ref.current) == null || D.select(), (y = R.ref) != null && y.current) {
       const H = t.current.getBoundingClientRect(), I = R.ref.current, K = I.getBoundingClientRect();
-      H.right - K.left > 313 ? f("right") : f("left"), H.bottom - (K.top + I.clientHeight) > 88 ? D("bottom") : D("top");
+      H.right - K.left > 313 ? f("right") : f("left"), H.bottom - (K.top + I.clientHeight) > 88 ? T("bottom") : T("top");
     }
-  }, []), Y(() => {
+  }, []), V(() => {
     R.isClicked && m();
   }, [R.isClicked]), /* @__PURE__ */ g(se, { children: [
     /* @__PURE__ */ e(
@@ -522,7 +522,7 @@ const Ct = ({ isLoading: t }) => {
   const l = re(null), c = (u) => {
     u.key === "Escape" && s(!1);
   };
-  return Y(() => {
+  return V(() => {
     n ? l.current.showModal() : l.current.close();
   }, [n]), /* @__PURE__ */ g(
     "dialog",
@@ -541,7 +541,7 @@ const Ct = ({ isLoading: t }) => {
     }
   );
 }, pe = (t) => t.split(".").pop(), pn = 220, mn = ({ filesViewRef: t, file: n, onRename: s, triggerAction: r }) => {
-  const [o, a] = b(n == null ? void 0 : n.name), [i, l] = b(!1), [c, u] = b(!1), [h, f] = b(""), [w, D] = b("right"), [R, O] = b("bottom"), { currentPathFiles: M, setCurrentPathFiles: C } = oe(), { activeLayout: E } = ce(), F = re(null), N = ye((y) => {
+  const [o, a] = b(n == null ? void 0 : n.name), [i, l] = b(!1), [c, u] = b(!1), [h, f] = b(""), [w, T] = b("right"), [R, O] = b("bottom"), { currentPathFiles: M, setCurrentPathFiles: C } = oe(), { activeLayout: E } = ce(), F = re(null), N = ye((y) => {
     var P;
     (P = F.current) != null && P.contains(y.target) || (y.preventDefault(), y.stopPropagation());
   }), m = (y) => {
@@ -553,7 +553,7 @@ const Ct = ({ isLoading: t }) => {
       `A file name can't contain any of the following characters: \\ / : * ? " < > |`
     ), u(!0)) : u(!1);
   };
-  Y(() => {
+  V(() => {
     if (c) {
       const y = setTimeout(() => {
         u(!1), f("");
@@ -579,23 +579,23 @@ const Ct = ({ isLoading: t }) => {
     }
     u(!1), fe(s, "onRename", n, o), C((P) => P.filter((x) => x.key !== n.key)), r.close();
   }
-  const T = () => {
+  const D = () => {
     var y, P, x, j, H, I;
     if ((P = (y = N.ref) == null ? void 0 : y.current) == null || P.focus(), n.isDirectory)
       (j = (x = N.ref) == null ? void 0 : x.current) == null || j.select();
     else {
-      const K = pe(n.name), te = n.name.length - K.length - 1;
-      (I = (H = N.ref) == null ? void 0 : H.current) == null || I.setSelectionRange(0, te);
+      const K = pe(n.name), Z = n.name.length - K.length - 1;
+      (I = (H = N.ref) == null ? void 0 : H.current) == null || I.setSelectionRange(0, Z);
     }
   };
-  return Y(() => {
+  return V(() => {
     var y;
-    if (T(), (y = N.ref) != null && y.current) {
+    if (D(), (y = N.ref) != null && y.current) {
       const H = t.current.getBoundingClientRect(), I = N.ref.current, K = I.getBoundingClientRect();
-      H.right - K.left > 313 ? D("right") : D("left"), H.bottom - (K.top + I.clientHeight) > 88 ? O("bottom") : O("top");
+      H.right - K.left > 313 ? T("right") : T("left"), H.bottom - (K.top + I.clientHeight) > 88 ? O("bottom") : O("top");
     }
-  }, []), Y(() => {
-    N.isClicked && p(!1), T();
+  }, []), V(() => {
+    N.isClicked && p(!1), D();
   }, [N.isClicked]), /* @__PURE__ */ g(se, { children: [
     /* @__PURE__ */ e(
       Rt,
@@ -703,11 +703,11 @@ const Ct = ({ isLoading: t }) => {
   handleContextMenu: u,
   setLastSelectedFile: h
 }) => {
-  var Z, G, ie, We;
-  const [f, w] = b(!1), [D, R] = b(0), [O, M] = b("hidden"), [C, E] = b(""), [F, N] = b(null), { activeLayout: m } = ce(), p = m === "grid" ? 48 : 20, T = Fe(p), { setCurrentPath: y, currentPathFiles: P } = oe(), { setSelectedFiles: x } = le(), { clipBoard: j, handleCutCopy: H, setClipBoard: I, handlePasting: K } = Ne(), te = re(null), X = Fe(Re), V = (j == null ? void 0 : j.isMoving) && j.files.find((W) => W.name === n.name && W.path === n.path), de = () => {
+  var Q, G, ie, We;
+  const [f, w] = b(!1), [T, R] = b(0), [O, M] = b("hidden"), [C, E] = b(""), [F, N] = b(null), { activeLayout: m } = ce(), p = m === "grid" ? 48 : 20, D = Fe(p), { setCurrentPath: y, currentPathFiles: P } = oe(), { setSelectedFiles: x } = le(), { clipBoard: j, handleCutCopy: H, setClipBoard: I, handlePasting: K } = Ne(), Z = re(null), X = Fe(Re), Y = (j == null ? void 0 : j.isMoving) && j.files.find((B) => B.name === n.name && B.path === n.path), de = () => {
     a(n), n.isDirectory ? (y(n.path), x([])) : o && c.show("previewFile");
-  }, Ce = (W, ne) => {
-    if (l.length > 0 && W) {
+  }, Ce = (B, ne) => {
+    if (l.length > 0 && B) {
       let ae = !1, ue = l[0], he = t;
       if (ue >= he) {
         const Mt = ue;
@@ -719,40 +719,40 @@ const Ct = ({ isLoading: t }) => {
       const ue = ae.filter((he) => he.path !== n.path);
       return ae.length === ue.length ? [...ae, n] : ue;
     }) : x([n]);
-  }, d = (W) => {
-    if (W.stopPropagation(), n.isEditing) return;
-    Ce(W.shiftKey, W.ctrlKey);
+  }, d = (B) => {
+    if (B.stopPropagation(), n.isEditing) return;
+    Ce(B.shiftKey, B.ctrlKey);
     const ne = (/* @__PURE__ */ new Date()).getTime();
-    if (ne - D < 300) {
+    if (ne - T < 300) {
       de();
       return;
     }
     R(ne);
-  }, v = (W) => {
-    W.key === "Enter" && (W.stopPropagation(), x([n]), de());
-  }, $ = (W) => {
-    W.stopPropagation(), W.preventDefault(), !n.isEditing && (f || x([n]), h(n), u(W, !0));
+  }, v = (B) => {
+    B.key === "Enter" && (B.stopPropagation(), x([n]), de());
+  }, $ = (B) => {
+    B.stopPropagation(), B.preventDefault(), !n.isEditing && (f || x([n]), h(n), u(B, !0));
   }, A = () => {
     M("visible");
   }, S = () => {
     !f && M("hidden");
-  }, z = (W) => {
-    W.target.checked ? x((ne) => [...ne, n]) : x((ne) => ne.filter((ae) => ae.name !== n.name && ae.path !== n.path)), w(W.target.checked);
-  }, k = (W) => {
-    W.dataTransfer.setDragImage(te.current, 30, 50), W.dataTransfer.effectAllowed = "copy", H(!0);
-  }, L = () => I(null), B = (W) => {
-    W.preventDefault(), f || !n.isDirectory ? W.dataTransfer.dropEffect = "none" : (N({ x: W.clientX, y: W.clientY + 12 }), W.dataTransfer.dropEffect = "copy", E("file-drop-zone"));
-  }, _ = (W) => {
-    W.currentTarget.contains(W.relatedTarget) || (E((ne) => ne && ""), N(null));
-  }, q = (W) => {
-    W.preventDefault(), !(f || !n.isDirectory) && (K(n), E((ne) => ne && ""), N(null));
+  }, W = (B) => {
+    B.target.checked ? x((ne) => [...ne, n]) : x((ne) => ne.filter((ae) => ae.name !== n.name && ae.path !== n.path)), w(B.target.checked);
+  }, k = (B) => {
+    B.dataTransfer.setDragImage(Z.current, 30, 50), B.dataTransfer.effectAllowed = "copy", H(!0);
+  }, L = () => I(null), U = (B) => {
+    B.preventDefault(), f || !n.isDirectory ? B.dataTransfer.dropEffect = "none" : (N({ x: B.clientX, y: B.clientY + 12 }), B.dataTransfer.dropEffect = "copy", E("file-drop-zone"));
+  }, _ = (B) => {
+    B.currentTarget.contains(B.relatedTarget) || (E((ne) => ne && ""), N(null));
+  }, q = (B) => {
+    B.preventDefault(), !(f || !n.isDirectory) && (K(n), E((ne) => ne && ""), N(null));
   };
-  return Y(() => {
+  return V(() => {
     w(l.includes(t)), M(l.includes(t) ? "visible" : "hidden");
   }, [l]), /* @__PURE__ */ g(
     "div",
     {
-      className: `file-item-container ${C} ${f || n.isEditing ? "file-selected" : ""} ${V ? "file-moving" : ""}`,
+      className: `file-item-container ${C} ${f || n.isEditing ? "file-selected" : ""} ${Y ? "file-moving" : ""}`,
       tabIndex: 0,
       title: n.name,
       onClick: d,
@@ -763,8 +763,8 @@ const Ct = ({ isLoading: t }) => {
       draggable: f,
       onDragStart: k,
       onDragEnd: L,
-      onDragEnter: B,
-      onDragOver: B,
+      onDragEnter: U,
+      onDragOver: U,
       onDragLeave: _,
       onDrop: q,
       children: [
@@ -776,11 +776,11 @@ const Ct = ({ isLoading: t }) => {
               id: n.name,
               checked: f,
               className: `selection-checkbox ${O}`,
-              onChange: z,
-              onClick: (W) => W.stopPropagation()
+              onChange: W,
+              onClick: (B) => B.stopPropagation()
             }
           ),
-          n.isDirectory ? /* @__PURE__ */ e(Ve, { size: p }) : /* @__PURE__ */ e(se, { children: T[(G = (Z = n.name) == null ? void 0 : Z.split(".").pop()) == null ? void 0 : G.toLowerCase()] ?? /* @__PURE__ */ e(be, { size: p }) }),
+          n.isDirectory ? /* @__PURE__ */ e(Ve, { size: p }) : /* @__PURE__ */ e(se, { children: D[(G = (Q = n.name) == null ? void 0 : Q.split(".").pop()) == null ? void 0 : G.toLowerCase()] ?? /* @__PURE__ */ e(be, { size: p }) }),
           n.isEditing ? /* @__PURE__ */ e("div", { className: `rename-file-container ${m}`, children: c.actionType === "createFolder" ? /* @__PURE__ */ e(
             hn,
             {
@@ -817,7 +817,7 @@ const Ct = ({ isLoading: t }) => {
             ]
           }
         ),
-        /* @__PURE__ */ e("div", { ref: te, className: "drag-icon", children: n.isDirectory ? /* @__PURE__ */ e(Ve, { size: Re }) : /* @__PURE__ */ e(se, { children: X[(We = (ie = n.name) == null ? void 0 : ie.split(".").pop()) == null ? void 0 : We.toLowerCase()] ?? /* @__PURE__ */ e(be, { size: Re }) }) })
+        /* @__PURE__ */ e("div", { ref: Z, className: "drag-icon", children: n.isDirectory ? /* @__PURE__ */ e(Ve, { size: Re }) : /* @__PURE__ */ e(se, { children: X[(We = (ie = n.name) == null ? void 0 : ie.split(".").pop()) == null ? void 0 : We.toLowerCase()] ?? /* @__PURE__ */ e(be, { size: Re }) }) })
       ]
     }
   );
@@ -826,15 +826,15 @@ const Ct = ({ isLoading: t }) => {
   r.icon,
   /* @__PURE__ */ e("span", { children: r.title })
 ] }, r.title)) }), Cn = ({ filesViewRef: t, contextMenuRef: n, menuItems: s, visible: r, clickPosition: o }) => {
-  const [a, i] = b(0), [l, c] = b(0), [u, h] = b(null), [f, w] = b("right"), D = re(null), R = () => {
-    const { clickX: C, clickY: E } = o, F = t.current, N = F.getBoundingClientRect(), m = F.offsetWidth - F.clientWidth, p = n.current.getBoundingClientRect(), T = p.width, y = p.height, P = C - N.left, x = N.width - (P + m) > T, j = !x, H = E - N.top, I = N.height - H > y, K = !I;
-    x ? (i(`${P}px`), w("right")) : j && (i(`${P - T}px`), w("left")), I ? c(`${H + F.scrollTop}px`) : K && c(`${H + F.scrollTop - y}px`);
+  const [a, i] = b(0), [l, c] = b(0), [u, h] = b(null), [f, w] = b("right"), T = re(null), R = () => {
+    const { clickX: C, clickY: E } = o, F = t.current, N = F.getBoundingClientRect(), m = F.offsetWidth - F.clientWidth, p = n.current.getBoundingClientRect(), D = p.width, y = p.height, P = C - N.left, x = N.width - (P + m) > D, j = !x, H = E - N.top, I = N.height - H > y, K = !I;
+    x ? (i(`${P}px`), w("right")) : j && (i(`${P - D}px`), w("left")), I ? c(`${H + F.scrollTop}px`) : K && c(`${H + F.scrollTop - y}px`);
   }, O = (C) => {
     C.preventDefault(), C.stopPropagation();
   }, M = (C) => {
     h(C);
   };
-  if (Y(() => {
+  if (V(() => {
     r && n.current ? R() : (c(0), i(0), h(null));
   }, [r]), r)
     return /* @__PURE__ */ e(
@@ -865,7 +865,7 @@ const Ct = ({ isLoading: t }) => {
                     N && /* @__PURE__ */ e(
                       yn,
                       {
-                        subMenuRef: D,
+                        subMenuRef: T,
                         list: C.children,
                         position: f
                       }
@@ -880,7 +880,7 @@ const Ct = ({ isLoading: t }) => {
       }
     );
 }, wn = (t, n, s) => {
-  const [r, o] = b([]), [a, i] = b(!1), [l, c] = b(!1), [u, h] = b({ clickX: 0, clickY: 0 }), [f, w] = b(null), { clipBoard: D, setClipBoard: R, handleCutCopy: O, handlePasting: M } = Ne(), { selectedFiles: C, setSelectedFiles: E, handleDownload: F } = le(), { currentPath: N, setCurrentPath: m, currentPathFiles: p, setCurrentPathFiles: T } = oe(), { activeLayout: y, setActiveLayout: P } = ce(), x = () => {
+  const [r, o] = b([]), [a, i] = b(!1), [l, c] = b(!1), [u, h] = b({ clickX: 0, clickY: 0 }), [f, w] = b(null), { clipBoard: T, setClipBoard: R, handleCutCopy: O, handlePasting: M } = Ne(), { selectedFiles: C, setSelectedFiles: E, handleDownload: F } = le(), { currentPath: N, setCurrentPath: m, currentPathFiles: p, setCurrentPathFiles: D } = oe(), { activeLayout: y, setActiveLayout: P } = ce(), x = () => {
     f.isDirectory ? (m(f.path), o([]), E([])) : n && s.show("previewFile"), i(!1);
   }, j = (k) => {
     O(k), i(!1);
@@ -890,7 +890,7 @@ const Ct = ({ isLoading: t }) => {
     i(!1), s.show("rename");
   }, K = () => {
     F(), i(!1);
-  }, te = () => {
+  }, Z = () => {
     i(!1), s.show("delete");
   }, d = [
     {
@@ -969,7 +969,7 @@ const Ct = ({ isLoading: t }) => {
       title: "Paste",
       icon: /* @__PURE__ */ e(Ie, { size: 18 }),
       onClick: H,
-      className: `${D ? "" : "disable-paste"}`,
+      className: `${T ? "" : "disable-paste"}`,
       hidden: !(f != null && f.isDirectory),
       divider: !0
     },
@@ -988,10 +988,10 @@ const Ct = ({ isLoading: t }) => {
     {
       title: "Delete",
       icon: /* @__PURE__ */ e(pt, { size: 19 }),
-      onClick: te
+      onClick: Z
     }
   ], $ = () => {
-    T((k) => [
+    D((k) => [
       ...k,
       {
         name: Et("New Folder", !0, k),
@@ -1002,13 +1002,13 @@ const Ct = ({ isLoading: t }) => {
       }
     ]);
   }, A = () => {
-    T((k) => (k[r.at(-1)] && (k[r.at(-1)].isEditing = !0), k)), o([]), E([]);
+    D((k) => (k[r.at(-1)] && (k[r.at(-1)].isEditing = !0), k)), o([]), E([]);
   }, S = () => {
     o([]), E((k) => k.length > 0 ? [] : k);
-  }, z = (k, L = !1) => {
+  }, W = (k, L = !1) => {
     k.preventDefault(), h({ clickX: k.clientX, clickY: k.clientY }), c(L), !L && S(), i(!0);
   };
-  return Y(() => {
+  return V(() => {
     if (s.isActive)
       switch (s.actionType) {
         case "createFolder":
@@ -1018,14 +1018,14 @@ const Ct = ({ isLoading: t }) => {
           A();
           break;
       }
-  }, [s.isActive]), Y(() => {
+  }, [s.isActive]), V(() => {
     o([]), E([]);
-  }, [N]), Y(() => {
+  }, [N]), V(() => {
     C.length > 0 ? o(() => C.map((k) => p.findIndex((L) => L.path === k.path))) : o([]);
   }, [C, p]), {
     emptySelecCtxItems: d,
     selecCtxItems: v,
-    handleContextMenu: z,
+    handleContextMenu: W,
     unselectFiles: S,
     visible: a,
     setVisible: i,
@@ -1065,7 +1065,7 @@ const Ct = ({ isLoading: t }) => {
     selecCtxItems: h,
     handleContextMenu: f,
     unselectFiles: w,
-    visible: D,
+    visible: T,
     setVisible: R,
     setLastSelectedFile: O,
     selectedFileIndexes: M,
@@ -1105,7 +1105,7 @@ const Ct = ({ isLoading: t }) => {
             filesViewRef: l,
             contextMenuRef: F.ref,
             menuItems: E ? h : u,
-            visible: D,
+            visible: T,
             setVisible: R,
             clickPosition: C
           }
@@ -1115,7 +1115,7 @@ const Ct = ({ isLoading: t }) => {
   );
 }, kn = ({ triggerAction: t, onDelete: n }) => {
   const [s, r] = b(""), { selectedFiles: o, setSelectedFiles: a } = le();
-  return Y(() => {
+  return V(() => {
     r(() => {
       if (o.length === 1)
         return `Are you sure you want to delete "${o[0].name}"?`;
@@ -1143,8 +1143,8 @@ const Ct = ({ isLoading: t }) => {
   onFileUploaded: a,
   handleFileRemove: i
 }) => {
-  var p, T, y, P;
-  const [l, c] = b(0), [u, h] = b(!1), [f, w] = b(!1), [D, R] = b(!1), O = Fe(33), M = re(), { onError: C } = ke(), E = (x) => {
+  var p, D, y, P;
+  const [l, c] = b(0), [u, h] = b(!1), [f, w] = b(!1), [T, R] = b(!1), O = Fe(33), M = re(), { onError: C } = ke(), E = (x) => {
     c(0), r((H) => ({
       ...H,
       [t]: !1
@@ -1168,32 +1168,32 @@ const Ct = ({ isLoading: t }) => {
     if (!x.error)
       return new Promise((j, H) => {
         const I = new XMLHttpRequest();
-        M.current = I, r((V) => ({
-          ...V,
+        M.current = I, r((Y) => ({
+          ...Y,
           [t]: !0
-        })), I.upload.onprogress = (V) => {
-          if (V.lengthComputable) {
-            const de = Math.round(V.loaded / V.total * 100);
+        })), I.upload.onprogress = (Y) => {
+          if (Y.lengthComputable) {
+            const de = Math.round(Y.loaded / Y.total * 100);
             c(de);
           }
         }, I.onload = () => {
-          r((V) => ({
-            ...V,
+          r((Y) => ({
+            ...Y,
             [t]: !1
           })), I.status === 200 || I.status === 201 ? (h(!0), a(I.response), j(I.response)) : (H(I.statusText), E(I));
         }, I.onerror = () => {
           H(I.statusText), E(I);
         }, I.open("POST", o == null ? void 0 : o.url, !0);
         const K = o == null ? void 0 : o.headers;
-        for (let V in K)
-          I.setRequestHeader(V, K[V]);
-        const te = new FormData(), X = x == null ? void 0 : x.appendData;
-        for (let V in X)
-          X[V] && te.append(V, X[V]);
-        te.append("file", x.file), I.send(te);
+        for (let Y in K)
+          I.setRequestHeader(Y, K[Y]);
+        const Z = new FormData(), X = x == null ? void 0 : x.appendData;
+        for (let Y in X)
+          X[Y] && Z.append(Y, X[Y]);
+        Z.append("file", x.file), I.send(Z);
       });
   };
-  Y(() => {
+  V(() => {
     M.current || F(n);
   }, []);
   const N = () => {
@@ -1214,10 +1214,10 @@ const Ct = ({ isLoading: t }) => {
     /* @__PURE__ */ g("div", { className: "file", children: [
       /* @__PURE__ */ g("div", { className: "file-details", children: [
         /* @__PURE__ */ g("div", { className: "file-info", children: [
-          /* @__PURE__ */ e("span", { className: "file-name text-truncate", title: (T = n.file) == null ? void 0 : T.name, children: (y = n.file) == null ? void 0 : y.name }),
+          /* @__PURE__ */ e("span", { className: "file-name text-truncate", title: (D = n.file) == null ? void 0 : D.name, children: (y = n.file) == null ? void 0 : y.name }),
           /* @__PURE__ */ e("span", { className: "file-size", children: Pe((P = n.file) == null ? void 0 : P.size) })
         ] }),
-        u ? /* @__PURE__ */ e(Vt, { color: "#5c5bb1", title: "Uploaded" }) : f || D ? /* @__PURE__ */ e(en, { className: "retry-upload", title: "Retry", onClick: m }) : /* @__PURE__ */ e(
+        u ? /* @__PURE__ */ e(Vt, { title: "Uploaded", className: "upload-success" }) : f || T ? /* @__PURE__ */ e(en, { className: "retry-upload", title: "Retry", onClick: m }) : /* @__PURE__ */ e(
           "div",
           {
             className: "rm-file",
@@ -1245,7 +1245,7 @@ const Ct = ({ isLoading: t }) => {
   onFileUploading: r,
   onFileUploaded: o
 }) => {
-  const [a, i] = b([]), [l, c] = b(!1), [u, h] = b({}), { currentFolder: f, currentPathFiles: w } = oe(), { onError: D } = ke(), R = re(null), O = (m) => {
+  const [a, i] = b([]), [l, c] = b(!1), [u, h] = b({}), { currentFolder: f, currentPathFiles: w } = oe(), { onError: T } = ke(), R = re(null), O = (m) => {
     m.key === "Enter" && R.current.click();
   }, M = (m) => {
     if (s && !s.includes(pe(m.name)))
@@ -1256,17 +1256,17 @@ const Ct = ({ isLoading: t }) => {
     if (n && m.size > n) return `Maximum upload size is ${Pe(n, 0)}.`;
   }, C = (m) => {
     if (m = m.filter(
-      (p) => !a.some((T) => T.file.name.toLowerCase() === p.name.toLowerCase())
+      (p) => !a.some((D) => D.file.name.toLowerCase() === p.name.toLowerCase())
     ), m.length > 0) {
-      const p = m.map((T) => {
-        const y = r(T, f), P = M(T);
-        return P && D({ type: "upload", message: P }, T), {
-          file: T,
+      const p = m.map((D) => {
+        const y = r(D, f), P = M(D);
+        return P && T({ type: "upload", message: P }, D), {
+          file: D,
           appendData: y,
           ...P && { error: P }
         };
       });
-      i((T) => [...T, ...p]);
+      i((D) => [...D, ...p]);
     }
   }, E = (m) => {
     m.preventDefault(), c(!1);
@@ -1277,11 +1277,11 @@ const Ct = ({ isLoading: t }) => {
     C(p);
   }, N = (m) => {
     i((p) => {
-      const T = p.map((y, P) => m === P ? {
+      const D = p.map((y, P) => m === P ? {
         ...y,
         removed: !0
       } : y);
-      return T.every((y) => !!y.removed) ? [] : T;
+      return D.every((y) => !!y.removed) ? [] : D;
     });
   };
   return /* @__PURE__ */ g("div", { className: `fm-upload-file ${a.length > 0 ? "file-selcted" : ""}`, children: [
@@ -1345,7 +1345,7 @@ const Ct = ({ isLoading: t }) => {
     r(!1), a(!1);
   }, w = () => {
     r(!1), a(!0);
-  }, D = () => {
+  }, T = () => {
     window.location.href = u;
   };
   return Lt.isValidElement(h) ? h : /* @__PURE__ */ g("section", { className: `file-previewer ${c === "pdf" ? "pdf-previewer" : ""}`, children: [
@@ -1362,7 +1362,7 @@ const Ct = ({ isLoading: t }) => {
         i[0].size && /* @__PURE__ */ e("span", { children: "-" }),
         /* @__PURE__ */ e("span", { className: "file-size", children: Pe(i[0].size) })
       ] }),
-      /* @__PURE__ */ e(me, { onClick: D, padding: "0.45rem .9rem", children: /* @__PURE__ */ g("div", { className: "download-btn", children: [
+      /* @__PURE__ */ e(me, { onClick: T, padding: "0.45rem .9rem", children: /* @__PURE__ */ g("div", { className: "download-btn", children: [
         /* @__PURE__ */ e(je, { size: 18 }),
         /* @__PURE__ */ e("span", { children: "Download" })
       ] }) })
@@ -1394,7 +1394,7 @@ const Ct = ({ isLoading: t }) => {
       }
     ) })
   ] });
-}, xe = (t) => t.toLowerCase(), Q = (t, n, s = !1) => {
+}, xe = (t) => t.toLowerCase(), ee = (t, n, s = !1) => {
   const r = re(/* @__PURE__ */ new Set([])), o = $e(() => new Set(t.map((c) => xe(c))), [t]), a = (c) => {
     if (!c.repeat && (r.current.add(xe(c.key)), o.isSubsetOf(r.current) && !s)) {
       c.preventDefault(), n(c);
@@ -1405,10 +1405,10 @@ const Ct = ({ isLoading: t }) => {
   }, l = () => {
     r.current.clear();
   };
-  Y(() => (window.addEventListener("keydown", a), window.addEventListener("keyup", i), window.addEventListener("blur", l), () => {
+  V(() => (window.addEventListener("keydown", a), window.addEventListener("keyup", i), window.addEventListener("blur", l), () => {
     window.removeEventListener("keydown", a), window.removeEventListener("keyup", i), window.removeEventListener("blur", l);
   }), [o, n, s]);
-}, ee = {
+}, te = {
   createFolder: ["Alt", "Shift", "N"],
   uploadFiles: ["Control", "U"],
   cut: ["Control", "X"],
@@ -1437,7 +1437,7 @@ const Ct = ({ isLoading: t }) => {
     t.show("uploadFile");
   }, w = () => {
     r(!0);
-  }, D = () => {
+  }, T = () => {
     r(!1);
   }, R = () => {
     o(a);
@@ -1457,12 +1457,12 @@ const Ct = ({ isLoading: t }) => {
     l((P) => P.length > 0 ? [] : P);
   }, p = () => {
     fe(n, "onRefresh"), s(null);
-  }, T = () => {
+  }, D = () => {
     u("grid");
   }, y = () => {
     u("list");
   };
-  Q(ee.createFolder, h, t.isActive), Q(ee.uploadFiles, f, t.isActive), Q(ee.cut, w, t.isActive), Q(ee.copy, D, t.isActive), Q(ee.paste, R, t.isActive), Q(ee.rename, O, t.isActive), Q(ee.download, M, t.isActive), Q(ee.delete, C, t.isActive), Q(ee.jumpToFirst, E, t.isActive), Q(ee.jumpToLast, F, t.isActive), Q(ee.selectAll, N, t.isActive), Q(ee.clearSelection, m, t.isActive), Q(ee.refresh, p, t.isActive), Q(ee.gridLayout, T, t.isActive), Q(ee.listLayout, y, t.isActive);
+  ee(te.createFolder, h, t.isActive), ee(te.uploadFiles, f, t.isActive), ee(te.cut, w, t.isActive), ee(te.copy, T, t.isActive), ee(te.paste, R, t.isActive), ee(te.rename, O, t.isActive), ee(te.download, M, t.isActive), ee(te.delete, C, t.isActive), ee(te.jumpToFirst, E, t.isActive), ee(te.jumpToLast, F, t.isActive), ee(te.selectAll, N, t.isActive), ee(te.clearSelection, m, t.isActive), ee(te.refresh, p, t.isActive), ee(te.gridLayout, D, t.isActive), ee(te.listLayout, y, t.isActive);
 }, Tn = ({
   fileUploadConfig: t,
   onFileUploading: n,
@@ -1477,7 +1477,7 @@ const Ct = ({ isLoading: t }) => {
 }) => {
   const [h, f] = b(null), { selectedFiles: w } = le();
   xn(u, o);
-  const D = {
+  const T = {
     uploadFile: {
       title: "Upload",
       component: /* @__PURE__ */ e(
@@ -1509,10 +1509,10 @@ const Ct = ({ isLoading: t }) => {
       width: "50%"
     }
   };
-  if (Y(() => {
+  if (V(() => {
     if (u.isActive) {
       const R = u.actionType;
-      R === "previewFile" && (D[R].title = (w == null ? void 0 : w.name) ?? "Preview"), f(D[R]);
+      R === "previewFile" && (T[R].title = (w == null ? void 0 : w.name) ?? "Preview"), f(T[R]);
     } else
       f(null);
   }, [u.isActive]), h)
@@ -1554,8 +1554,8 @@ const Ct = ({ isLoading: t }) => {
     handleMouseMove: (h) => {
       if (!o) return;
       h.preventDefault();
-      const w = i.current.getBoundingClientRect(), D = (h.clientX - w.left) / w.width * 100;
-      D >= 15 && D <= 60 && r({ col1: D, col2: 100 - D });
+      const w = i.current.getBoundingClientRect(), T = (h.clientX - w.left) / w.width * 100;
+      T >= 15 && T <= 60 && r({ col1: T, col2: 100 - T });
     }
   };
 };
@@ -1662,9 +1662,9 @@ function Ln() {
             (c || "React class") + ": type specification of " + l + " `" + h + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof f + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
           ), f instanceof Error && !(f.message in s)) {
             s[f.message] = !0;
-            var D = u ? u() : "";
+            var T = u ? u() : "";
             t(
-              "Failed " + l + " type: " + f.message + (D ?? "")
+              "Failed " + l + " type: " + f.message + (T ?? "")
             );
           }
         }
@@ -1698,7 +1698,7 @@ function In() {
       if (typeof v == "function")
         return v;
     }
-    var w = "<<anonymous>>", D = {
+    var w = "<<anonymous>>", T = {
       array: C("array"),
       bigint: C("bigint"),
       bool: C("boolean"),
@@ -1714,7 +1714,7 @@ function In() {
       instanceOf: p,
       node: x(),
       objectOf: y,
-      oneOf: T,
+      oneOf: D,
       oneOfType: P,
       shape: H,
       exact: I
@@ -1729,33 +1729,33 @@ function In() {
     function M(d) {
       if (process.env.NODE_ENV !== "production")
         var v = {}, $ = 0;
-      function A(z, k, L, B, _, q, Z) {
-        if (B = B || w, q = q || L, Z !== s) {
+      function A(W, k, L, U, _, q, Q) {
+        if (U = U || w, q = q || L, Q !== s) {
           if (c) {
             var G = new Error(
               "Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types"
             );
             throw G.name = "Invariant Violation", G;
           } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
-            var ie = B + ":" + L;
+            var ie = U + ":" + L;
             !v[ie] && // Avoid spamming the console because they are often not actionable except for lib authors
             $ < 3 && (a(
-              "You are manually calling a React.PropTypes validation function for the `" + q + "` prop on `" + B + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
+              "You are manually calling a React.PropTypes validation function for the `" + q + "` prop on `" + U + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
             ), v[ie] = !0, $++);
           }
         }
-        return k[L] == null ? z ? k[L] === null ? new O("The " + _ + " `" + q + "` is marked as required " + ("in `" + B + "`, but its value is `null`.")) : new O("The " + _ + " `" + q + "` is marked as required in " + ("`" + B + "`, but its value is `undefined`.")) : null : d(k, L, B, _, q);
+        return k[L] == null ? W ? k[L] === null ? new O("The " + _ + " `" + q + "` is marked as required " + ("in `" + U + "`, but its value is `null`.")) : new O("The " + _ + " `" + q + "` is marked as required in " + ("`" + U + "`, but its value is `undefined`.")) : null : d(k, L, U, _, q);
       }
       var S = A.bind(null, !1);
       return S.isRequired = A.bind(null, !0), S;
     }
     function C(d) {
-      function v($, A, S, z, k, L) {
-        var B = $[A], _ = X(B);
+      function v($, A, S, W, k, L) {
+        var U = $[A], _ = X(U);
         if (_ !== d) {
-          var q = V(B);
+          var q = Y(U);
           return new O(
-            "Invalid " + z + " `" + k + "` of type " + ("`" + q + "` supplied to `" + S + "`, expected ") + ("`" + d + "`."),
+            "Invalid " + W + " `" + k + "` of type " + ("`" + q + "` supplied to `" + S + "`, expected ") + ("`" + d + "`."),
             { expectedType: d }
           );
         }
@@ -1767,16 +1767,16 @@ function In() {
       return M(i);
     }
     function F(d) {
-      function v($, A, S, z, k) {
+      function v($, A, S, W, k) {
         if (typeof d != "function")
           return new O("Property `" + k + "` of component `" + S + "` has invalid PropType notation inside arrayOf.");
         var L = $[A];
         if (!Array.isArray(L)) {
-          var B = X(L);
-          return new O("Invalid " + z + " `" + k + "` of type " + ("`" + B + "` supplied to `" + S + "`, expected an array."));
+          var U = X(L);
+          return new O("Invalid " + W + " `" + k + "` of type " + ("`" + U + "` supplied to `" + S + "`, expected an array."));
         }
         for (var _ = 0; _ < L.length; _++) {
-          var q = d(L, _, S, z, k + "[" + _ + "]", s);
+          var q = d(L, _, S, W, k + "[" + _ + "]", s);
           if (q instanceof Error)
             return q;
         }
@@ -1785,64 +1785,64 @@ function In() {
       return M(v);
     }
     function N() {
-      function d(v, $, A, S, z) {
+      function d(v, $, A, S, W) {
         var k = v[$];
         if (!l(k)) {
           var L = X(k);
-          return new O("Invalid " + S + " `" + z + "` of type " + ("`" + L + "` supplied to `" + A + "`, expected a single ReactElement."));
+          return new O("Invalid " + S + " `" + W + "` of type " + ("`" + L + "` supplied to `" + A + "`, expected a single ReactElement."));
         }
         return null;
       }
       return M(d);
     }
     function m() {
-      function d(v, $, A, S, z) {
+      function d(v, $, A, S, W) {
         var k = v[$];
         if (!t.isValidElementType(k)) {
           var L = X(k);
-          return new O("Invalid " + S + " `" + z + "` of type " + ("`" + L + "` supplied to `" + A + "`, expected a single ReactElement type."));
+          return new O("Invalid " + S + " `" + W + "` of type " + ("`" + L + "` supplied to `" + A + "`, expected a single ReactElement type."));
         }
         return null;
       }
       return M(d);
     }
     function p(d) {
-      function v($, A, S, z, k) {
+      function v($, A, S, W, k) {
         if (!($[A] instanceof d)) {
-          var L = d.name || w, B = Ce($[A]);
-          return new O("Invalid " + z + " `" + k + "` of type " + ("`" + B + "` supplied to `" + S + "`, expected ") + ("instance of `" + L + "`."));
+          var L = d.name || w, U = Ce($[A]);
+          return new O("Invalid " + W + " `" + k + "` of type " + ("`" + U + "` supplied to `" + S + "`, expected ") + ("instance of `" + L + "`."));
         }
         return null;
       }
       return M(v);
     }
-    function T(d) {
+    function D(d) {
       if (!Array.isArray(d))
         return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? a(
           "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
         ) : a("Invalid argument supplied to oneOf, expected an array.")), i;
-      function v($, A, S, z, k) {
-        for (var L = $[A], B = 0; B < d.length; B++)
-          if (R(L, d[B]))
+      function v($, A, S, W, k) {
+        for (var L = $[A], U = 0; U < d.length; U++)
+          if (R(L, d[U]))
             return null;
-        var _ = JSON.stringify(d, function(Z, G) {
-          var ie = V(G);
+        var _ = JSON.stringify(d, function(Q, G) {
+          var ie = Y(G);
           return ie === "symbol" ? String(G) : G;
         });
-        return new O("Invalid " + z + " `" + k + "` of value `" + String(L) + "` " + ("supplied to `" + S + "`, expected one of " + _ + "."));
+        return new O("Invalid " + W + " `" + k + "` of value `" + String(L) + "` " + ("supplied to `" + S + "`, expected one of " + _ + "."));
       }
       return M(v);
     }
     function y(d) {
-      function v($, A, S, z, k) {
+      function v($, A, S, W, k) {
         if (typeof d != "function")
           return new O("Property `" + k + "` of component `" + S + "` has invalid PropType notation inside objectOf.");
-        var L = $[A], B = X(L);
-        if (B !== "object")
-          return new O("Invalid " + z + " `" + k + "` of type " + ("`" + B + "` supplied to `" + S + "`, expected an object."));
+        var L = $[A], U = X(L);
+        if (U !== "object")
+          return new O("Invalid " + W + " `" + k + "` of type " + ("`" + U + "` supplied to `" + S + "`, expected an object."));
         for (var _ in L)
           if (r(L, _)) {
-            var q = d(L, _, S, z, k + "." + _, s);
+            var q = d(L, _, S, W, k + "." + _, s);
             if (q instanceof Error)
               return q;
           }
@@ -1860,21 +1860,21 @@ function In() {
             "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + de($) + " at index " + v + "."
           ), i;
       }
-      function A(S, z, k, L, B) {
+      function A(S, W, k, L, U) {
         for (var _ = [], q = 0; q < d.length; q++) {
-          var Z = d[q], G = Z(S, z, k, L, B, s);
+          var Q = d[q], G = Q(S, W, k, L, U, s);
           if (G == null)
             return null;
           G.data && r(G.data, "expectedType") && _.push(G.data.expectedType);
         }
         var ie = _.length > 0 ? ", expected one of type [" + _.join(", ") + "]" : "";
-        return new O("Invalid " + L + " `" + B + "` supplied to " + ("`" + k + "`" + ie + "."));
+        return new O("Invalid " + L + " `" + U + "` supplied to " + ("`" + k + "`" + ie + "."));
       }
       return M(A);
     }
     function x() {
-      function d(v, $, A, S, z) {
-        return K(v[$]) ? null : new O("Invalid " + S + " `" + z + "` supplied to " + ("`" + A + "`, expected a ReactNode."));
+      function d(v, $, A, S, W) {
+        return K(v[$]) ? null : new O("Invalid " + S + " `" + W + "` supplied to " + ("`" + A + "`, expected a ReactNode."));
       }
       return M(d);
     }
@@ -1884,38 +1884,38 @@ function In() {
       );
     }
     function H(d) {
-      function v($, A, S, z, k) {
-        var L = $[A], B = X(L);
-        if (B !== "object")
-          return new O("Invalid " + z + " `" + k + "` of type `" + B + "` " + ("supplied to `" + S + "`, expected `object`."));
+      function v($, A, S, W, k) {
+        var L = $[A], U = X(L);
+        if (U !== "object")
+          return new O("Invalid " + W + " `" + k + "` of type `" + U + "` " + ("supplied to `" + S + "`, expected `object`."));
         for (var _ in d) {
           var q = d[_];
           if (typeof q != "function")
-            return j(S, z, k, _, V(q));
-          var Z = q(L, _, S, z, k + "." + _, s);
-          if (Z)
-            return Z;
+            return j(S, W, k, _, Y(q));
+          var Q = q(L, _, S, W, k + "." + _, s);
+          if (Q)
+            return Q;
         }
         return null;
       }
       return M(v);
     }
     function I(d) {
-      function v($, A, S, z, k) {
-        var L = $[A], B = X(L);
-        if (B !== "object")
-          return new O("Invalid " + z + " `" + k + "` of type `" + B + "` " + ("supplied to `" + S + "`, expected `object`."));
+      function v($, A, S, W, k) {
+        var L = $[A], U = X(L);
+        if (U !== "object")
+          return new O("Invalid " + W + " `" + k + "` of type `" + U + "` " + ("supplied to `" + S + "`, expected `object`."));
         var _ = n({}, $[A], d);
         for (var q in _) {
-          var Z = d[q];
-          if (r(d, q) && typeof Z != "function")
-            return j(S, z, k, q, V(Z));
-          if (!Z)
+          var Q = d[q];
+          if (r(d, q) && typeof Q != "function")
+            return j(S, W, k, q, Y(Q));
+          if (!Q)
             return new O(
-              "Invalid " + z + " `" + k + "` key `" + q + "` supplied to `" + S + "`.\nBad object: " + JSON.stringify($[A], null, "  ") + `
+              "Invalid " + W + " `" + k + "` key `" + q + "` supplied to `" + S + "`.\nBad object: " + JSON.stringify($[A], null, "  ") + `
 Valid keys: ` + JSON.stringify(Object.keys(d), null, "  ")
             );
-          var G = Z(L, q, S, z, k + "." + q, s);
+          var G = Q(L, q, S, W, k + "." + q, s);
           if (G)
             return G;
         }
@@ -1956,14 +1956,14 @@ Valid keys: ` + JSON.stringify(Object.keys(d), null, "  ")
           return !1;
       }
     }
-    function te(d, v) {
+    function Z(d, v) {
       return d === "symbol" ? !0 : v ? v["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && v instanceof Symbol : !1;
     }
     function X(d) {
       var v = typeof d;
-      return Array.isArray(d) ? "array" : d instanceof RegExp ? "object" : te(v, d) ? "symbol" : v;
+      return Array.isArray(d) ? "array" : d instanceof RegExp ? "object" : Z(v, d) ? "symbol" : v;
     }
-    function V(d) {
+    function Y(d) {
       if (typeof d > "u" || d === null)
         return "" + d;
       var v = X(d);
@@ -1976,7 +1976,7 @@ Valid keys: ` + JSON.stringify(Object.keys(d), null, "  ")
       return v;
     }
     function de(d) {
-      var v = V(d);
+      var v = Y(d);
       switch (v) {
         case "array":
         case "object":
@@ -1992,7 +1992,7 @@ Valid keys: ` + JSON.stringify(Object.keys(d), null, "  ")
     function Ce(d) {
       return !d.constructor || !d.constructor.name ? w : d.constructor.name;
     }
-    return D.checkPropTypes = o, D.resetWarningCache = o.resetWarningCache, D.PropTypes = D, D;
+    return T.checkPropTypes = o, T.resetWarningCache = o.resetWarningCache, T.PropTypes = T, T;
   }, Me;
 }
 var Le, it;
@@ -2049,7 +2049,7 @@ if (process.env.NODE_ENV !== "production") {
 } else
   Ae.exports = An()();
 var zn = Ae.exports;
-const U = /* @__PURE__ */ Sn(zn), Wn = (t, n, s) => {
+const z = /* @__PURE__ */ Sn(zn), Wn = (t, n, s) => {
   const r = t[n];
   if (r && isNaN(Date.parse(r)))
     return new Error(
@@ -2083,7 +2083,7 @@ const U = /* @__PURE__ */ Sn(zn), Wn = (t, n, s) => {
   onRefresh: f,
   onFileOpen: w = () => {
   },
-  onError: D = () => {
+  onError: T = () => {
   },
   layout: R = "grid",
   enableFilePreview: O = !0,
@@ -2093,119 +2093,120 @@ const U = /* @__PURE__ */ Sn(zn), Wn = (t, n, s) => {
   height: F = "600px",
   width: N = "100%",
   initialPath: m = "",
-  filePreviewComponent: p
+  filePreviewComponent: p,
+  primaryColor: D = "#6155b4",
+  fontFamily: y = "Nunito Sans, sans-serif"
 }) => {
-  const T = Dn(), { containerRef: y, colSizes: P, isDragging: x, handleMouseMove: j, handleMouseUp: H, handleMouseDown: I } = On(20, 80);
-  return /* @__PURE__ */ g(
-    "main",
-    {
-      className: "file-explorer",
-      onContextMenu: (K) => K.preventDefault(),
-      style: { height: F, width: N },
-      children: [
-        /* @__PURE__ */ e(Ct, { isLoading: s }),
-        /* @__PURE__ */ e(rn, { filesData: t, onError: D, children: /* @__PURE__ */ e(sn, { initialPath: m, children: /* @__PURE__ */ e(on, { onDownload: c, children: /* @__PURE__ */ e(an, { onPaste: i, children: /* @__PURE__ */ g(tn, { layout: R, children: [
-          /* @__PURE__ */ e(
-            ln,
-            {
-              allowCreateFolder: !0,
-              allowUploadFile: !0,
-              onLayoutChange: h,
-              onRefresh: f,
-              triggerAction: T
-            }
-          ),
-          /* @__PURE__ */ g(
-            "section",
-            {
-              ref: y,
-              onMouseMove: j,
-              onMouseUp: H,
-              className: "files-container",
-              children: [
-                /* @__PURE__ */ g("div", { className: "navigation-pane", style: { width: P.col1 + "%" }, children: [
-                  /* @__PURE__ */ e(dn, {}),
-                  /* @__PURE__ */ e(
-                    "div",
-                    {
-                      className: `sidebar-resize ${x ? "sidebar-dragging" : ""}`,
-                      onMouseDown: I
-                    }
-                  )
-                ] }),
-                /* @__PURE__ */ g("div", { className: "folders-preview", style: { width: P.col2 + "%" }, children: [
-                  /* @__PURE__ */ e(un, {}),
-                  /* @__PURE__ */ e(
-                    Fn,
-                    {
-                      onCreateFolder: r,
-                      onRename: l,
-                      onFileOpen: w,
-                      onRefresh: f,
-                      enableFilePreview: O,
-                      triggerAction: T
-                    }
-                  )
-                ] })
-              ]
-            }
-          ),
-          /* @__PURE__ */ e(
-            Tn,
-            {
-              fileUploadConfig: n,
-              onFileUploading: o,
-              onFileUploaded: a,
-              onDelete: u,
-              onRefresh: f,
-              maxFileSize: M,
-              filePreviewPath: C,
-              filePreviewComponent: p,
-              acceptedFileTypes: E,
-              triggerAction: T
-            }
-          )
-        ] }) }) }) }) })
-      ]
-    }
-  );
+  const P = Dn(), { containerRef: x, colSizes: j, isDragging: H, handleMouseMove: I, handleMouseUp: K, handleMouseDown: Z } = On(20, 80);
+  return /* @__PURE__ */ g("main", { className: "file-explorer", onContextMenu: (Y) => Y.preventDefault(), style: {
+    "--file-manager-font-family": y,
+    "--file-manager-primary-color": D,
+    height: F,
+    width: N
+  }, children: [
+    /* @__PURE__ */ e(Ct, { isLoading: s }),
+    /* @__PURE__ */ e(rn, { filesData: t, onError: T, children: /* @__PURE__ */ e(sn, { initialPath: m, children: /* @__PURE__ */ e(on, { onDownload: c, children: /* @__PURE__ */ e(an, { onPaste: i, children: /* @__PURE__ */ g(tn, { layout: R, children: [
+      /* @__PURE__ */ e(
+        ln,
+        {
+          allowCreateFolder: !0,
+          allowUploadFile: !0,
+          onLayoutChange: h,
+          onRefresh: f,
+          triggerAction: P
+        }
+      ),
+      /* @__PURE__ */ g(
+        "section",
+        {
+          ref: x,
+          onMouseMove: I,
+          onMouseUp: K,
+          className: "files-container",
+          children: [
+            /* @__PURE__ */ g("div", { className: "navigation-pane", style: { width: j.col1 + "%" }, children: [
+              /* @__PURE__ */ e(dn, {}),
+              /* @__PURE__ */ e(
+                "div",
+                {
+                  className: `sidebar-resize ${H ? "sidebar-dragging" : ""}`,
+                  onMouseDown: Z
+                }
+              )
+            ] }),
+            /* @__PURE__ */ g("div", { className: "folders-preview", style: { width: j.col2 + "%" }, children: [
+              /* @__PURE__ */ e(un, {}),
+              /* @__PURE__ */ e(
+                Fn,
+                {
+                  onCreateFolder: r,
+                  onRename: l,
+                  onFileOpen: w,
+                  onRefresh: f,
+                  enableFilePreview: O,
+                  triggerAction: P
+                }
+              )
+            ] })
+          ]
+        }
+      ),
+      /* @__PURE__ */ e(
+        Tn,
+        {
+          fileUploadConfig: n,
+          onFileUploading: o,
+          onFileUploaded: a,
+          onDelete: u,
+          onRefresh: f,
+          maxFileSize: M,
+          filePreviewPath: C,
+          filePreviewComponent: p,
+          acceptedFileTypes: E,
+          triggerAction: P
+        }
+      )
+    ] }) }) }) }) })
+  ] });
 };
 St.displayName = "FileManager";
 St.propTypes = {
-  files: U.arrayOf(
-    U.shape({
-      name: U.string.isRequired,
-      isDirectory: U.bool.isRequired,
-      path: U.string.isRequired,
+  files: z.arrayOf(
+    z.shape({
+      name: z.string.isRequired,
+      isDirectory: z.bool.isRequired,
+      path: z.string.isRequired,
       updatedAt: Wn,
-      size: U.number
+      size: z.number
     })
   ).isRequired,
-  fileUploadConfig: U.shape({
+  fileUploadConfig: z.shape({
     url: at,
-    headers: U.objectOf(U.string)
+    headers: z.objectOf(z.string)
   }),
-  isLoading: U.bool,
-  onCreateFolder: U.func,
-  onFileUploading: U.func,
-  onFileUploaded: U.func,
-  onRename: U.func,
-  onDelete: U.func,
-  onPaste: U.func,
-  onDownload: U.func,
-  onLayoutChange: U.func,
-  onRefresh: U.func,
-  onFileOpen: U.func,
-  onError: U.func,
-  layout: U.oneOf(["grid", "list"]),
-  maxFileSize: U.number,
-  enableFilePreview: U.bool,
+  isLoading: z.bool,
+  onCreateFolder: z.func,
+  onFileUploading: z.func,
+  onFileUploaded: z.func,
+  onRename: z.func,
+  onDelete: z.func,
+  onPaste: z.func,
+  onDownload: z.func,
+  onLayoutChange: z.func,
+  onRefresh: z.func,
+  onFileOpen: z.func,
+  onError: z.func,
+  layout: z.oneOf(["grid", "list"]),
+  maxFileSize: z.number,
+  enableFilePreview: z.bool,
   filePreviewPath: at,
-  acceptedFileTypes: U.string,
-  height: U.oneOfType([U.string, U.number]),
-  width: U.oneOfType([U.string, U.number]),
-  initialPath: U.string,
-  filePreviewComponent: U.func
+  acceptedFileTypes: z.string,
+  height: z.oneOfType([z.string, z.number]),
+  width: z.oneOfType([z.string, z.number]),
+  initialPath: z.string,
+  filePreviewComponent: z.func,
+  primaryColor: z.string,
+  fontFamily: z.string
 };
 export {
   St as FileManager