@cubone/react-file-manager 1.20.0 → 1.20.2

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

@@ -19,11 +19,11 @@ function fn() {
   _t = 1;
   var e = Pe, r = Symbol.for("react.element"), n = Symbol.for("react.fragment"), s = Object.prototype.hasOwnProperty, a = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = { key: !0, ref: !0, __self: !0, __source: !0 };
   function c(l, d, p) {
-    var f, h = {}, w = null, S = null;
-    p !== void 0 && (w = "" + p), d.key !== void 0 && (w = "" + d.key), d.ref !== void 0 && (S = d.ref);
+    var f, h = {}, w = null, M = null;
+    p !== void 0 && (w = "" + p), d.key !== void 0 && (w = "" + d.key), d.ref !== void 0 && (M = d.ref);
     for (f in d) s.call(d, f) && !i.hasOwnProperty(f) && (h[f] = d[f]);
     if (l && l.defaultProps) for (f in d = l.defaultProps, d) h[f] === void 0 && (h[f] = d[f]);
-    return { $$typeof: r, type: l, key: w, ref: S, props: h, _owner: a.current };
+    return { $$typeof: r, type: l, key: w, ref: M, props: h, _owner: a.current };
   }
   return ze.Fragment = n, ze.jsx = c, ze.jsxs = c, ze;
 }
@@ -40,11 +40,11 @@ var Ae = {};
 var Nt;
 function hn() {
   return Nt || (Nt = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = Pe, r = Symbol.for("react.element"), n = Symbol.for("react.portal"), s = Symbol.for("react.fragment"), a = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), c = Symbol.for("react.provider"), l = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), p = Symbol.for("react.suspense"), f = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), w = Symbol.for("react.lazy"), S = Symbol.for("react.offscreen"), M = Symbol.iterator, z = "@@iterator";
-    function A(o) {
+    var e = Pe, r = Symbol.for("react.element"), n = Symbol.for("react.portal"), s = Symbol.for("react.fragment"), a = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), c = Symbol.for("react.provider"), l = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), p = Symbol.for("react.suspense"), f = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), w = Symbol.for("react.lazy"), M = Symbol.for("react.offscreen"), S = Symbol.iterator, A = "@@iterator";
+    function D(o) {
       if (o === null || typeof o != "object")
         return null;
-      var m = M && o[M] || o[z];
+      var m = S && o[S] || o[A];
       return typeof m == "function" ? m : null;
     }
     var j = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
@@ -68,13 +68,13 @@ function hn() {
     var b = !1, u = !1, g = !1, _ = !1, x = !1, R;
     R = Symbol.for("react.module.reference");
     function F(o) {
-      return !!(typeof o == "string" || typeof o == "function" || o === s || o === i || x || o === a || o === p || o === f || _ || o === S || b || u || g || typeof o == "object" && o !== null && (o.$$typeof === w || o.$$typeof === h || o.$$typeof === c || o.$$typeof === l || o.$$typeof === d || // This needs to include all possible module reference object
+      return !!(typeof o == "string" || typeof o == "function" || o === s || o === i || x || o === a || o === p || o === f || _ || o === M || b || u || g || typeof o == "object" && o !== null && (o.$$typeof === w || o.$$typeof === h || o.$$typeof === c || o.$$typeof === l || o.$$typeof === d || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
       o.$$typeof === R || o.getModuleId !== void 0));
     }
-    function D(o, m, T) {
+    function z(o, m, T) {
       var B = o.displayName;
       if (B)
         return B;
@@ -114,7 +114,7 @@ function hn() {
             var T = o;
             return k(T._context) + ".Provider";
           case d:
-            return D(o, o.render, "ForwardRef");
+            return z(o, o.render, "ForwardRef");
           case h:
             var B = o.displayName || null;
             return B !== null ? B : N(o.type) || "Memo";
@@ -528,7 +528,7 @@ Check the top-level render call using <` + T + ">.");
         else if (nt(o))
           o._store && (o._store.validated = !0);
         else if (o) {
-          var re = A(o);
+          var re = D(o);
           if (typeof re == "function" && re !== o.entries)
             for (var ie = re.call(o), Q; !(Q = ie.next()).done; )
               nt(Q.value) && Mt(Q.value, m);
@@ -961,7 +961,7 @@ const Be = (e = () => {
   triggerAction: a
 }) => {
   var b;
-  const [i, c] = L(!1), { currentFolder: l } = Ee(), { selectedFiles: d, setSelectedFiles: p, handleDownload: f } = Fe(), { clipBoard: h, setClipBoard: w, handleCutCopy: S, handlePasting: M } = Je(), { activeLayout: z } = Se(), A = [
+  const [i, c] = L(!1), { currentFolder: l } = Ee(), { selectedFiles: d, setSelectedFiles: p, handleDownload: f } = Fe(), { clipBoard: h, setClipBoard: w, handleCutCopy: M, handlePasting: S } = Je(), { activeLayout: A } = Se(), D = [
     {
       icon: /* @__PURE__ */ t.jsx(mr, { size: 17, strokeWidth: 0.3 }),
       text: "New folder",
@@ -982,7 +982,7 @@ const Be = (e = () => {
     }
   ], j = [
     {
-      icon: z === "grid" ? /* @__PURE__ */ t.jsx(gr, { size: 16 }) : /* @__PURE__ */ t.jsx(qe, { size: 16 }),
+      icon: A === "grid" ? /* @__PURE__ */ t.jsx(gr, { size: 16 }) : /* @__PURE__ */ t.jsx(qe, { size: 16 }),
       title: "Change View",
       onClick: () => c((u) => !u)
     },
@@ -995,18 +995,18 @@ const Be = (e = () => {
     }
   ];
   function C() {
-    M(l);
+    S(l);
   }
   const y = () => {
     f(), p([]);
   };
   return d.length > 0 ? /* @__PURE__ */ t.jsx("div", { className: "toolbar file-selected", children: /* @__PURE__ */ t.jsxs("div", { className: "file-action-container", children: [
     /* @__PURE__ */ t.jsxs("div", { children: [
-      /* @__PURE__ */ t.jsxs("button", { className: "item-action file-action", onClick: () => S(!0), children: [
+      /* @__PURE__ */ t.jsxs("button", { className: "item-action file-action", onClick: () => M(!0), children: [
         /* @__PURE__ */ t.jsx(yr, { size: 18 }),
         /* @__PURE__ */ t.jsx("span", { children: "Cut" })
       ] }),
-      /* @__PURE__ */ t.jsxs("button", { className: "item-action file-action", onClick: () => S(!1), children: [
+      /* @__PURE__ */ t.jsxs("button", { className: "item-action file-action", onClick: () => M(!1), children: [
         /* @__PURE__ */ t.jsx(vr, { strokeWidth: 0.1, size: 17 }),
         /* @__PURE__ */ t.jsx("span", { children: "Copy" })
       ] }),
@@ -1066,7 +1066,7 @@ const Be = (e = () => {
       }
     )
   ] }) }) : /* @__PURE__ */ t.jsx("div", { className: "toolbar", children: /* @__PURE__ */ t.jsxs("div", { className: "fm-toolbar", children: [
-    /* @__PURE__ */ t.jsx("div", { children: A.filter((u) => u.permission).map((u, g) => /* @__PURE__ */ t.jsxs("button", { className: "item-action", onClick: u.onClick, children: [
+    /* @__PURE__ */ t.jsx("div", { children: D.filter((u) => u.permission).map((u, g) => /* @__PURE__ */ t.jsxs("button", { className: "item-action", onClick: u.onClick, children: [
       u.icon,
       /* @__PURE__ */ t.jsx("span", { children: u.text })
     ] }, g)) }),
@@ -1260,7 +1260,7 @@ function ss({
   const d = Mr(n), p = Zn(c ? `${c}` : void 0), [f, h] = Vn(
     s,
     a
-  ), w = fe(f), [S, M] = L(!1), z = qn(), A = i ?? z, j = fe(), C = fe(), y = fe(null), [b, u] = L(null);
+  ), w = fe(f), [M, S] = L(!1), A = qn(), D = i ?? A, j = fe(), C = fe(), y = fe(null), [b, u] = L(null);
   rs(y);
   const g = `${l.collapsedHeight || 0}px`;
   function _(x) {
@@ -1268,8 +1268,8 @@ function ss({
       return;
     const R = y.current;
     for (const F in x) {
-      const D = x[F];
-      D ? R.style[F] = D : R.style.removeProperty(F);
+      const z = x[F];
+      z ? R.style[F] = z : R.style.removeProperty(F);
     }
   }
   return ns(() => {
@@ -1277,20 +1277,20 @@ function ss({
       return;
     w.current = f;
     function R(k) {
-      return A ? 0 : e ?? es(k);
+      return D ? 0 : e ?? es(k);
     }
-    const F = (k) => `height ${R(k)}ms ${r}`, D = (k) => {
+    const F = (k) => `height ${R(k)}ms ${r}`, z = (k) => {
       function N() {
         f ? (_({
           height: "",
           overflow: "",
           transition: "",
           display: ""
-        }), d("expandEnd")) : (_({ transition: "" }), d("collapseEnd")), M(!1);
+        }), d("expandEnd")) : (_({ transition: "" }), d("collapseEnd")), S(!1);
       }
       C.current && Ut(C.current), C.current = Qn(N, k);
     };
-    return M(!0), f ? j.current = requestAnimationFrame(() => {
+    return S(!0), f ? j.current = requestAnimationFrame(() => {
       d("expandStart"), _({
         display: "block",
         overflow: "hidden",
@@ -1298,12 +1298,12 @@ function ss({
       }), j.current = requestAnimationFrame(() => {
         d("expanding");
         const k = Kt(y);
-        D(R(k)), y.current && (y.current.style.transition = F(k), y.current.style.height = `${k}px`);
+        z(R(k)), y.current && (y.current.style.transition = F(k), y.current.style.height = `${k}px`);
       });
     }) : j.current = requestAnimationFrame(() => {
       d("collapseStart");
       const k = Kt(y);
-      D(R(k)), _({
+      z(R(k)), _({
         transition: F(k),
         height: `${k}px`
       }), j.current = requestAnimationFrame(() => {
@@ -1318,7 +1318,7 @@ function ss({
   }, [
     f,
     g,
-    A,
+    D,
     e,
     r,
     d
@@ -1326,20 +1326,20 @@ function ss({
     isExpanded: f,
     setExpanded: h,
     getToggleProps(x) {
-      const { disabled: R, onClick: F, refKey: D, ...k } = {
+      const { disabled: R, onClick: F, refKey: z, ...k } = {
         refKey: "ref",
         onClick() {
         },
         disabled: !1,
         ...x
-      }, N = b ? b.tagName === "BUTTON" : void 0, G = x == null ? void 0 : x[D || "ref"], ae = {
+      }, N = b ? b.tagName === "BUTTON" : void 0, G = x == null ? void 0 : x[z || "ref"], ae = {
         id: `react-collapsed-toggle-${p}`,
         "aria-controls": `react-collapsed-panel-${p}`,
         "aria-expanded": f,
         onClick(ee) {
           R || (F == null || F(ee), h((ve) => !ve));
         },
-        [D || "ref"]: Xt(G, u)
+        [z || "ref"]: Xt(G, u)
       }, oe = {
         type: "button",
         disabled: R ? !0 : void 0
@@ -1356,17 +1356,17 @@ function ss({
       };
     },
     getCollapseProps(x) {
-      const { style: R, refKey: F } = { refKey: "ref", style: {}, ...x }, D = x == null ? void 0 : x[F || "ref"];
+      const { style: R, refKey: F } = { refKey: "ref", style: {}, ...x }, z = x == null ? void 0 : x[F || "ref"];
       return {
         id: `react-collapsed-panel-${p}`,
         "aria-hidden": !f,
         "aria-labelledby": `react-collapsed-toggle-${p}`,
         role: "region",
         ...x,
-        [F || "ref"]: Xt(y, D),
+        [F || "ref"]: Xt(y, z),
         style: {
           boxSizing: "border-box",
-          ...!S && !f ? {
+          ...!M && !f ? {
             // collapsed and not animating
             display: g === "0px" ? "none" : "block",
             height: g,
@@ -1400,70 +1400,70 @@ function Gt(e) {
 function Jt(e) {
   return H({ tag: "svg", attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M464 128H272l-54.63-54.63c-6-6-14.14-9.37-22.63-9.37H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V176c0-26.51-21.49-48-48-48zm0 272H48V112h140.12l54.63 54.63c6 6 14.14 9.37 22.63 9.37H464v224z" }, child: [] }] })(e);
 }
-const Lr = ({ folder: e }) => {
-  const [r, n] = L(!1), [s, a] = L(!1), { currentPath: i, setCurrentPath: c } = Ee(), l = () => {
-    a(!0), c(e.path);
-  }, d = (p) => {
-    p.stopPropagation(), n((f) => !f);
+const Lr = ({ folder: e, onFileOpen: r }) => {
+  const [n, s] = L(!1), [a, i] = L(!1), { currentPath: c, setCurrentPath: l } = Ee(), d = () => {
+    i(!0), r(e), l(e.path);
+  }, p = (f) => {
+    f.stopPropagation(), s((h) => !h);
   };
   return te(() => {
-    a(i === e.path);
-    const p = i.split("/");
-    p.pop(), p.join("/") === e.path && n(!0);
-  }, [i]), e.subDirectories.length > 0 ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    i(c === e.path);
+    const f = c.split("/");
+    f.pop(), f.join("/") === e.path && s(!0);
+  }, [c]), e.subDirectories.length > 0 ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsxs(
       "div",
       {
-        className: `sb-folders-list-item ${s ? "active-list-item" : ""}`,
-        onClick: l,
+        className: `sb-folders-list-item ${a ? "active-list-item" : ""}`,
+        onClick: d,
         children: [
-          /* @__PURE__ */ t.jsx("span", { onClick: d, children: /* @__PURE__ */ t.jsx(
+          /* @__PURE__ */ t.jsx("span", { onClick: p, children: /* @__PURE__ */ t.jsx(
             En,
             {
               size: 20,
-              className: `folder-icon-default ${r ? "folder-rotate-down" : ""}`
+              className: `folder-icon-default ${n ? "folder-rotate-down" : ""}`
             }
           ) }),
           /* @__PURE__ */ t.jsxs("div", { className: "sb-folder-details", children: [
-            r || s ? /* @__PURE__ */ t.jsx(Gt, { size: 20, className: "folder-open-icon" }) : /* @__PURE__ */ t.jsx(Jt, { size: 17, className: "folder-close-icon" }),
+            n || a ? /* @__PURE__ */ t.jsx(Gt, { size: 20, className: "folder-open-icon" }) : /* @__PURE__ */ t.jsx(Jt, { size: 17, className: "folder-close-icon" }),
             /* @__PURE__ */ t.jsx("span", { className: "sb-folder-name", title: e.name, children: e.name })
           ] })
         ]
       }
     ),
-    /* @__PURE__ */ t.jsx(os, { open: r, children: /* @__PURE__ */ t.jsx("div", { className: "folder-collapsible", children: e.subDirectories.map((p, f) => /* @__PURE__ */ t.jsx(Lr, { folder: p }, f)) }) })
+    /* @__PURE__ */ t.jsx(os, { open: n, children: /* @__PURE__ */ t.jsx("div", { className: "folder-collapsible", children: e.subDirectories.map((f, h) => /* @__PURE__ */ t.jsx(Lr, { folder: f, onFileOpen: r }, h)) }) })
   ] }) : /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: `sb-folders-list-item ${s ? "active-list-item" : ""}`,
-      onClick: l,
+      className: `sb-folders-list-item ${a ? "active-list-item" : ""}`,
+      onClick: d,
       children: [
         /* @__PURE__ */ t.jsx("span", { className: "non-expanable" }),
         /* @__PURE__ */ t.jsxs("div", { className: "sb-folder-details", children: [
-          s ? /* @__PURE__ */ t.jsx(Gt, { size: 20, className: "folder-open-icon" }) : /* @__PURE__ */ t.jsx(Jt, { size: 17, className: "folder-close-icon" }),
+          a ? /* @__PURE__ */ t.jsx(Gt, { size: 20, className: "folder-open-icon" }) : /* @__PURE__ */ t.jsx(Jt, { size: 17, className: "folder-close-icon" }),
           /* @__PURE__ */ t.jsx("span", { className: "sb-folder-name", title: e.name, children: e.name })
         ] })
       ]
     }
   );
-}, cs = (e) => e == null ? void 0 : e.split("/").slice(0, -1).join("/"), Or = () => {
-  const [e, r] = L([]), { files: n } = Ge(), s = (a, i) => {
-    var c;
-    return i[a] ? (c = i[a]) == null ? void 0 : c.map((l) => ({
-      ...l,
-      subDirectories: s(l.path, i)
+}, cs = (e) => e == null ? void 0 : e.split("/").slice(0, -1).join("/"), Or = ({ onFileOpen: e }) => {
+  const [r, n] = L([]), { files: s } = Ge(), a = (i, c) => {
+    var l;
+    return c[i] ? (l = c[i]) == null ? void 0 : l.map((d) => ({
+      ...d,
+      subDirectories: a(d.path, c)
     })) : [];
   };
   return te(() => {
-    if (Array.isArray(n)) {
-      const a = n.filter((c) => c.isDirectory), i = Object.groupBy(a, ({ path: c }) => cs(c));
-      r(() => s("", i));
+    if (Array.isArray(s)) {
+      const i = s.filter((l) => l.isDirectory), c = Object.groupBy(i, ({ path: l }) => cs(l));
+      n(() => a("", c));
     }
-  }, [n]), /* @__PURE__ */ t.jsx("div", { className: "sb-folders-list", children: (e == null ? void 0 : e.length) > 0 ? /* @__PURE__ */ t.jsx(t.Fragment, { children: e == null ? void 0 : e.map((a, i) => /* @__PURE__ */ t.jsx(Lr, { folder: a }, i)) }) : /* @__PURE__ */ t.jsx("div", { className: "empty-nav-pane", children: "Nothing here yet" }) });
+  }, [s]), /* @__PURE__ */ t.jsx("div", { className: "sb-folders-list", children: (r == null ? void 0 : r.length) > 0 ? /* @__PURE__ */ t.jsx(t.Fragment, { children: r == null ? void 0 : r.map((i, c) => /* @__PURE__ */ t.jsx(Lr, { folder: i, onFileOpen: e }, c)) }) : /* @__PURE__ */ t.jsx("div", { className: "empty-nav-pane", children: "Nothing here yet" }) });
 };
 Or.displayName = "NavigationPane";
 const kr = () => {
-  const [e, r] = L([]), [n, s] = L([]), [a, i] = L([]), [c, l] = L(!1), { currentPath: d, setCurrentPath: p } = Ee(), f = fe(null), h = fe([]), w = fe(null), S = Be(() => {
+  const [e, r] = L([]), [n, s] = L([]), [a, i] = L([]), [c, l] = L(!1), { currentPath: d, setCurrentPath: p } = Ee(), f = fe(null), h = fe([]), w = fe(null), M = Be(() => {
     l(!1);
   });
   te(() => {
@@ -1475,14 +1475,14 @@ const kr = () => {
       }));
     }), s([]), i([]);
   }, [d]);
-  const M = (C) => {
+  const S = (C) => {
     p(C);
-  }, z = () => {
+  }, A = () => {
     const C = f.current.clientWidth, y = getComputedStyle(f.current), b = parseFloat(y.paddingLeft), u = n.length > 0 ? 1 : 0, g = parseFloat(y.gap) * (e.length + u);
     return C - (b + g);
-  }, A = () => {
+  }, D = () => {
     var u;
-    const C = z(), y = h.current.reduce((g, _) => _ ? g + _.clientWidth : g, 0), b = ((u = w.current) == null ? void 0 : u.clientWidth) || 0;
+    const C = A(), y = h.current.reduce((g, _) => _ ? g + _.clientWidth : g, 0), b = ((u = w.current) == null ? void 0 : u.clientWidth) || 0;
     return C - (y + b);
   }, j = () => f.current.scrollWidth > f.current.clientWidth;
   return te(() => {
@@ -1490,7 +1490,7 @@ const kr = () => {
     if (j()) {
       const y = e[1], b = (C = h.current[1]) == null ? void 0 : C.clientWidth;
       i((u) => [...u, b]), s((u) => [...u, y]), r((u) => u.filter((g, _) => _ !== 1));
-    } else if (n.length > 0 && A() > a.at(-1)) {
+    } else if (n.length > 0 && D() > a.at(-1)) {
       const y = [e[0], n.at(-1), ...e.slice(1)];
       r(y), s((b) => b.slice(0, -1)), i((b) => b.slice(0, -1));
     }
@@ -1500,7 +1500,7 @@ const kr = () => {
         "span",
         {
           className: "folder-name",
-          onClick: () => M(C.path),
+          onClick: () => S(C.path),
           ref: (b) => h.current[y] = b,
           children: [
             y === 0 ? /* @__PURE__ */ t.jsx(bn, {}) : /* @__PURE__ */ t.jsx(Tn, {}),
@@ -1519,11 +1519,11 @@ const kr = () => {
         }
       )
     ] }, y)) }),
-    c && /* @__PURE__ */ t.jsx("ul", { ref: S.ref, className: "hidden-folders-container", children: n.map((C, y) => /* @__PURE__ */ t.jsx(
+    c && /* @__PURE__ */ t.jsx("ul", { ref: M.ref, className: "hidden-folders-container", children: n.map((C, y) => /* @__PURE__ */ t.jsx(
       "li",
       {
         onClick: () => {
-          M(C.path), l(!1);
+          S(C.path), l(!1);
         },
         children: C.name
       },
@@ -1596,16 +1596,20 @@ const Xe = (e) => ({
     rows: c
   }
 ), zr = ({ message: e, xPlacement: r, yPlacement: n }) => /* @__PURE__ */ t.jsx("p", { className: `error-tooltip ${r} ${n}`, children: e }), ls = 220, us = ({ filesViewRef: e, file: r, onCreateFolder: n, triggerAction: s }) => {
-  const [a, i] = L(r.name), [c, l] = L(!1), [d, p] = L(""), [f, h] = L("right"), [w, S] = L("bottom"), M = Be((g) => {
+  const [a, i] = L(r.name), [c, l] = L(!1), [d, p] = L(""), [f, h] = L("right"), [w, M] = L("bottom"), S = Be((g) => {
     g.preventDefault(), g.stopPropagation();
-  }), { currentFolder: z, currentPathFiles: A, setCurrentPathFiles: j } = Ee(), { activeLayout: C } = Se(), y = (g) => {
+  }), { currentFolder: A, currentPathFiles: D, setCurrentPathFiles: j } = Ee(), { activeLayout: C } = Se(), y = (g) => {
     i(g.target.value), l(!1);
   }, b = (g) => {
     if (g.stopPropagation(), g.key === "Enter") {
       g.preventDefault(), u();
       return;
     }
-    g.key === "Escape" && (g.preventDefault(), s.close(), j((x) => x.filter((R) => R.key !== r.key))), /[\\/:*?"<>|]/.test(g.key) ? (g.preventDefault(), p(
+    if (g.key === "Escape") {
+      g.preventDefault(), s.close(), j((x) => x.filter((R) => R.key !== r.key));
+      return;
+    }
+    /[\\/:*?"<>|]/.test(g.key) ? (g.preventDefault(), p(
       `A file name can't contain any of the following characters: \\ / : * ? " < > |`
     ), l(!0)) : (l(!1), p(""));
   };
@@ -1620,26 +1624,26 @@ const Xe = (e) => ({
   function u() {
     var R, F;
     let g = a.trim();
-    const _ = A.filter((D) => !(D.key && D.key === r.key));
-    if (_.find((D) => D.name.toLowerCase() === g.toLowerCase())) {
-      p(`This destination already contains a folder named '${g}'.`), l(!0), (R = M.ref.current) == null || R.focus(), (F = M.ref.current) == null || F.select(), M.setIsClicked(!1);
+    const _ = D.filter((z) => !(z.key && z.key === r.key));
+    if (_.find((z) => z.name.toLowerCase() === g.toLowerCase())) {
+      p(`This destination already contains a folder named '${g}'.`), l(!0), (R = S.ref.current) == null || R.focus(), (F = S.ref.current) == null || F.select(), S.setIsClicked(!1);
       return;
     }
-    g === "" && (g = _r("New Folder", !0, _)), Le(n, "onCreateFolder", g, z), j((D) => D.filter((k) => k.key !== r.key)), s.close();
+    g === "" && (g = _r("New Folder", !0, _)), Le(n, "onCreateFolder", g, A), j((z) => z.filter((k) => k.key !== r.key)), s.close();
   }
   return te(() => {
     var g, _, x;
-    if ((g = M.ref.current) == null || g.focus(), (_ = M.ref.current) == null || _.select(), (x = M.ref) != null && x.current) {
-      const k = e.current.getBoundingClientRect(), N = M.ref.current, G = N.getBoundingClientRect();
-      k.right - G.left > 313 ? h("right") : h("left"), k.bottom - (G.top + N.clientHeight) > 88 ? S("bottom") : S("top");
+    if ((g = S.ref.current) == null || g.focus(), (_ = S.ref.current) == null || _.select(), (x = S.ref) != null && x.current) {
+      const k = e.current.getBoundingClientRect(), N = S.ref.current, G = N.getBoundingClientRect();
+      k.right - G.left > 313 ? h("right") : h("left"), k.bottom - (G.top + N.clientHeight) > 88 ? M("bottom") : M("top");
     }
   }, []), te(() => {
-    M.isClicked && u();
-  }, [M.isClicked]), /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    S.isClicked && u();
+  }, [S.isClicked]), /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsx(
       Nr,
       {
-        nameInputRef: M.ref,
+        nameInputRef: S.ref,
         maxLength: ls,
         value: a,
         onChange: y,
@@ -1701,7 +1705,7 @@ const Ar = ({
     }
   );
 }, _e = (e) => e.split(".").pop(), fs = 220, hs = ({ filesViewRef: e, file: r, onRename: n, triggerAction: s }) => {
-  const [a, i] = L(r == null ? void 0 : r.name), [c, l] = L(!1), [d, p] = L(!1), [f, h] = L(""), [w, S] = L("right"), [M, z] = L("bottom"), { currentPathFiles: A, setCurrentPathFiles: j } = Ee(), { activeLayout: C } = Se(), y = fe(null), b = Be((x) => {
+  const [a, i] = L(r == null ? void 0 : r.name), [c, l] = L(!1), [d, p] = L(!1), [f, h] = L(""), [w, M] = L("right"), [S, A] = L("bottom"), { currentPathFiles: D, setCurrentPathFiles: j } = Ee(), { activeLayout: C } = Se(), y = fe(null), b = Be((x) => {
     var R;
     (R = y.current) != null && R.contains(x.target) || (x.preventDefault(), x.stopPropagation());
   }), u = (x) => {
@@ -1709,6 +1713,12 @@ const Ar = ({
       x.preventDefault(), b.setIsClicked(!0);
       return;
     }
+    if (x.key === "Escape") {
+      x.preventDefault(), j(
+        (F) => F.map((z) => (z.key === r.key && (z.isEditing = !1), z))
+      ), s.close();
+      return;
+    }
     /[\\/:*?"<>|]/.test(x.key) ? (x.preventDefault(), h(
       `A file name can't contain any of the following characters: \\ / : * ? " < > |`
     ), p(!0)) : p(!1);
@@ -1727,7 +1737,7 @@ const Ar = ({
         (R) => R.map((F) => (F.key === r.key && (F.isEditing = !1), F))
       ), s.close();
       return;
-    } else if (A.some((R) => R.name === a)) {
+    } else if (D.some((R) => R.name === a)) {
       p(!0), h(`This destination already contains a folder named '${a}'.`), b.setIsClicked(!1);
       return;
     } else if (!r.isDirectory && !x) {
@@ -1740,9 +1750,9 @@ const Ar = ({
     p(!1), Le(n, "onRename", r, a), j((R) => R.filter((F) => F.key !== r.key)), s.close();
   }
   const _ = () => {
-    var x, R, F, D, k, N;
+    var x, R, F, z, k, N;
     if ((R = (x = b.ref) == null ? void 0 : x.current) == null || R.focus(), r.isDirectory)
-      (D = (F = b.ref) == null ? void 0 : F.current) == null || D.select();
+      (z = (F = b.ref) == null ? void 0 : F.current) == null || z.select();
     else {
       const G = _e(r.name), ae = r.name.length - G.length - 1;
       (N = (k = b.ref) == null ? void 0 : k.current) == null || N.setSelectionRange(0, ae);
@@ -1752,7 +1762,7 @@ const Ar = ({
     var x;
     if (_(), (x = b.ref) != null && x.current) {
       const k = e.current.getBoundingClientRect(), N = b.ref.current, G = N.getBoundingClientRect();
-      k.right - G.left > 313 ? S("right") : S("left"), k.bottom - (G.top + N.clientHeight) > 88 ? z("bottom") : z("top");
+      k.right - G.left > 313 ? M("right") : M("left"), k.bottom - (G.top + N.clientHeight) > 88 ? A("bottom") : A("top");
     }
   }, []), te(() => {
     b.isClicked && g(!1), _();
@@ -1776,7 +1786,7 @@ const Ar = ({
       {
         message: f,
         xPlacement: w,
-        yPlacement: M
+        yPlacement: S
       }
     ),
     /* @__PURE__ */ t.jsx(
@@ -1864,7 +1874,7 @@ const Ar = ({
   setLastSelectedFile: f
 }) => {
   var he, E, me, Te;
-  const [h, w] = L(!1), [S, M] = L(0), [z, A] = L("hidden"), [j, C] = L(""), [y, b] = L(null), { activeLayout: u } = Se(), g = u === "grid" ? 48 : 20, _ = Xe(g), { setCurrentPath: x, currentPathFiles: R } = Ee(), { setSelectedFiles: F } = Fe(), { clipBoard: D, handleCutCopy: k, setClipBoard: N, handlePasting: G } = Je(), ae = fe(null), oe = Xe(it), ce = (D == null ? void 0 : D.isMoving) && D.files.find((Y) => Y.name === r.name && Y.path === r.path), ee = () => {
+  const [h, w] = L(!1), [M, S] = L(0), [A, D] = L("hidden"), [j, C] = L(""), [y, b] = L(null), { activeLayout: u } = Se(), g = u === "grid" ? 48 : 20, _ = Xe(g), { setCurrentPath: x, currentPathFiles: R } = Ee(), { setSelectedFiles: F } = Fe(), { clipBoard: z, handleCutCopy: k, setClipBoard: N, handlePasting: G } = Je(), ae = fe(null), oe = Xe(it), ce = (z == null ? void 0 : z.isMoving) && z.files.find((Y) => Y.name === r.name && Y.path === r.path), ee = () => {
     i(r), r.isDirectory ? (x(r.path), F([])) : a && d.show("previewFile");
   }, ve = (Y, ue) => {
     if (l.length > 0 && Y) {
@@ -1883,19 +1893,19 @@ const Ar = ({
     if (Y.stopPropagation(), r.isEditing) return;
     ve(Y.shiftKey, Y.ctrlKey);
     const ue = (/* @__PURE__ */ new Date()).getTime();
-    if (ue - S < 300) {
+    if (ue - M < 300) {
       ee();
       return;
     }
-    M(ue);
+    S(ue);
   }, P = (Y) => {
     Y.key === "Enter" && (Y.stopPropagation(), F([r]), ee());
   }, V = (Y) => {
     Y.stopPropagation(), Y.preventDefault(), !r.isEditing && (h || F([r]), f(r), p(Y, !0));
   }, W = () => {
-    A("visible");
+    D("visible");
   }, I = () => {
-    !h && A("hidden");
+    !h && D("hidden");
   }, X = (Y) => {
     Y.target.checked ? F((ue) => [...ue, r]) : F((ue) => ue.filter((Ce) => Ce.name !== r.name && Ce.path !== r.path)), w(Y.target.checked);
   }, O = (Y) => {
@@ -1908,7 +1918,7 @@ const Ar = ({
     Y.preventDefault(), !(h || !r.isDirectory) && (G(r), C((ue) => ue && ""), b(null));
   };
   return te(() => {
-    w(l.includes(e)), A(l.includes(e) ? "visible" : "hidden");
+    w(l.includes(e)), D(l.includes(e) ? "visible" : "hidden");
   }, [l]), /* @__PURE__ */ t.jsxs(
     "div",
     {
@@ -1935,7 +1945,7 @@ const Ar = ({
               name: r.name,
               id: r.name,
               checked: h,
-              className: `selection-checkbox ${z}`,
+              className: `selection-checkbox ${A}`,
               onChange: X,
               onClick: (Y) => Y.stopPropagation()
             }
@@ -1986,22 +1996,22 @@ const Ar = ({
   s.icon,
   /* @__PURE__ */ t.jsx("span", { children: s.title })
 ] }, s.title)) }), gs = ({ filesViewRef: e, contextMenuRef: r, menuItems: n, visible: s, clickPosition: a }) => {
-  const [i, c] = L(0), [l, d] = L(0), [p, f] = L(null), [h, w] = L("right"), S = fe(null), M = () => {
-    const { clickX: j, clickY: C } = a, y = e.current, b = y.getBoundingClientRect(), u = y.offsetWidth - y.clientWidth, g = r.current.getBoundingClientRect(), _ = g.width, x = g.height, R = j - b.left, F = b.width - (R + u) > _, D = !F, k = C - b.top, N = b.height - k > x, G = !N;
-    F ? (c(`${R}px`), w("right")) : D && (c(`${R - _}px`), w("left")), N ? d(`${k + y.scrollTop}px`) : G && d(`${k + y.scrollTop - x}px`);
-  }, z = (j) => {
-    j.preventDefault(), j.stopPropagation();
+  const [i, c] = L(0), [l, d] = L(0), [p, f] = L(null), [h, w] = L("right"), M = fe(null), S = () => {
+    const { clickX: j, clickY: C } = a, y = e.current, b = y.getBoundingClientRect(), u = y.offsetWidth - y.clientWidth, g = r.current.getBoundingClientRect(), _ = g.width, x = g.height, R = j - b.left, F = b.width - (R + u) > _, z = !F, k = C - b.top, N = b.height - k > x, G = !N;
+    F ? (c(`${R}px`), w("right")) : z && (c(`${R - _}px`), w("left")), N ? d(`${k + y.scrollTop}px`) : G && d(`${k + y.scrollTop - x}px`);
   }, A = (j) => {
+    j.preventDefault(), j.stopPropagation();
+  }, D = (j) => {
     f(j);
   };
   if (te(() => {
-    s && r.current ? M() : (d(0), c(0), f(null));
+    s && r.current ? S() : (d(0), c(0), f(null));
   }, [s]), s)
     return /* @__PURE__ */ t.jsx(
       "div",
       {
         ref: r,
-        onContextMenu: z,
+        onContextMenu: A,
         onClick: (j) => j.stopPropagation(),
         className: `fm-context-menu ${l ? "visible" : "hidden"}`,
         style: {
@@ -2016,7 +2026,7 @@ const Ar = ({
               {
                 onClick: j.onClick,
                 className: `${j.className ?? ""} ${b ? "active" : ""}`,
-                onMouseOver: () => A(C),
+                onMouseOver: () => D(C),
                 children: [
                   j.icon,
                   /* @__PURE__ */ t.jsx("span", { children: j.title }),
@@ -2025,7 +2035,7 @@ const Ar = ({
                     b && /* @__PURE__ */ t.jsx(
                       ms,
                       {
-                        subMenuRef: S,
+                        subMenuRef: M,
                         list: j.children,
                         position: h
                       }
@@ -2044,12 +2054,12 @@ function ys(e) {
   return H({ tag: "svg", attr: { viewBox: "0 0 256 256", fill: "currentColor" }, child: [{ tag: "path", attr: { d: "M245,110.64A16,16,0,0,0,232,104H216V88a16,16,0,0,0-16-16H130.67L102.94,51.2a16.14,16.14,0,0,0-9.6-3.2H40A16,16,0,0,0,24,64V208h0a8,8,0,0,0,8,8H211.1a8,8,0,0,0,7.59-5.47l28.49-85.47A16.05,16.05,0,0,0,245,110.64ZM93.34,64,123.2,86.4A8,8,0,0,0,128,88h72v16H69.77a16,16,0,0,0-15.18,10.94L40,158.7V64Zm112,136H43.1l26.67-80H232Z" }, child: [] }] })(e);
 }
 const xs = (e, r, n) => {
-  const [s, a] = L([]), [i, c] = L(!1), [l, d] = L(!1), [p, f] = L({ clickX: 0, clickY: 0 }), [h, w] = L(null), { clipBoard: S, setClipBoard: M, handleCutCopy: z, handlePasting: A } = Je(), { selectedFiles: j, setSelectedFiles: C, handleDownload: y } = Fe(), { currentPath: b, setCurrentPath: u, currentPathFiles: g, setCurrentPathFiles: _ } = Ee(), { activeLayout: x, setActiveLayout: R } = Se(), F = () => {
+  const [s, a] = L([]), [i, c] = L(!1), [l, d] = L(!1), [p, f] = L({ clickX: 0, clickY: 0 }), [h, w] = L(null), { clipBoard: M, setClipBoard: S, handleCutCopy: A, handlePasting: D } = Je(), { selectedFiles: j, setSelectedFiles: C, handleDownload: y } = Fe(), { currentPath: b, setCurrentPath: u, currentPathFiles: g, setCurrentPathFiles: _ } = Ee(), { activeLayout: x, setActiveLayout: R } = Se(), F = () => {
     h.isDirectory ? (u(h.path), a([]), C([])) : r && n.show("previewFile"), c(!1);
-  }, D = (O) => {
-    z(O), c(!1);
+  }, z = (O) => {
+    A(O), c(!1);
   }, k = () => {
-    A(h), c(!1);
+    D(h), c(!1);
   }, N = () => {
     c(!1), n.show("rename");
   }, G = () => {
@@ -2057,7 +2067,7 @@ const xs = (e, r, n) => {
   }, ae = () => {
     c(!1), n.show("delete");
   }, oe = () => {
-    c(!1), Le(e, "onRefresh"), M(null);
+    c(!1), Le(e, "onRefresh"), S(null);
   }, ce = () => {
     n.show("createFolder"), c(!1);
   }, ee = () => {
@@ -2121,19 +2131,19 @@ const xs = (e, r, n) => {
     {
       title: "Cut",
       icon: /* @__PURE__ */ t.jsx(yr, { size: 19 }),
-      onClick: () => D(!0)
+      onClick: () => z(!0)
     },
     {
       title: "Copy",
       icon: /* @__PURE__ */ t.jsx(vr, { strokeWidth: 0.1, size: 17 }),
-      onClick: () => D(!1),
+      onClick: () => z(!1),
       divider: !(h != null && h.isDirectory)
     },
     {
       title: "Paste",
       icon: /* @__PURE__ */ t.jsx(mt, { size: 18 }),
       onClick: k,
-      className: `${S ? "" : "disable-paste"}`,
+      className: `${M ? "" : "disable-paste"}`,
       hidden: !(h != null && h.isDirectory),
       divider: !0
     },
@@ -2229,13 +2239,13 @@ const xs = (e, r, n) => {
     selecCtxItems: f,
     handleContextMenu: h,
     unselectFiles: w,
-    visible: S,
-    setVisible: M,
-    setLastSelectedFile: z,
-    selectedFileIndexes: A,
+    visible: M,
+    setVisible: S,
+    setLastSelectedFile: A,
+    selectedFileIndexes: D,
     clickPosition: j,
     isSelectionCtx: C
-  } = xs(s, a, i), y = Be(() => M(!1));
+  } = xs(s, a, i), y = Be(() => S(!1));
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
@@ -2256,10 +2266,10 @@ const xs = (e, r, n) => {
             enableFilePreview: a,
             triggerAction: i,
             filesViewRef: l,
-            selectedFileIndexes: A,
+            selectedFileIndexes: D,
             handleContextMenu: h,
-            setVisible: M,
-            setLastSelectedFile: z
+            setVisible: S,
+            setLastSelectedFile: A
           },
           u
         )) }) : /* @__PURE__ */ t.jsx("div", { className: "empty-folder", children: "This folder is empty." }),
@@ -2269,8 +2279,8 @@ const xs = (e, r, n) => {
             filesViewRef: l,
             contextMenuRef: y.ref,
             menuItems: C ? f : p,
-            visible: S,
-            setVisible: M,
+            visible: M,
+            setVisible: S,
             clickPosition: j
           }
         )
@@ -2323,12 +2333,12 @@ const Ps = ({
   handleFileRemove: c
 }) => {
   var g, _, x, R;
-  const [l, d] = L(0), [p, f] = L(!1), [h, w] = L(!1), [S, M] = L(!1), z = Xe(33), A = fe(), { onError: j } = Ge(), C = (F) => {
+  const [l, d] = L(0), [p, f] = L(!1), [h, w] = L(!1), [M, S] = L(!1), A = Xe(33), D = fe(), { onError: j } = Ge(), C = (F) => {
     d(0), s((k) => ({
       ...k,
       [e]: !1
     }));
-    const D = {
+    const z = {
       type: "upload",
       message: "Upload failed.",
       response: {
@@ -2340,14 +2350,14 @@ const Ps = ({
     n(
       (k) => k.map((N, G) => e === G ? {
         ...N,
-        error: D.message
+        error: z.message
       } : N)
-    ), M(!0), j(D, r.file);
+    ), S(!0), j(z, r.file);
   }, y = (F) => {
     if (!F.error)
-      return new Promise((D, k) => {
+      return new Promise((z, k) => {
         const N = new XMLHttpRequest();
-        A.current = N, s((ee) => ({
+        D.current = N, s((ee) => ({
           ...ee,
           [e]: !0
         })), N.upload.onprogress = (ee) => {
@@ -2359,7 +2369,7 @@ const Ps = ({
           s((ee) => ({
             ...ee,
             [e]: !1
-          })), N.status === 200 || N.status === 201 ? (f(!0), i(N.response), D(N.response)) : (k(N.statusText), C(N));
+          })), N.status === 200 || N.status === 201 ? (f(!0), i(N.response), z(N.response)) : (k(N.statusText), C(N));
         }, N.onerror = () => {
           k(N.statusText), C(N);
         };
@@ -2375,30 +2385,30 @@ const Ps = ({
       });
   };
   te(() => {
-    A.current || y(r);
+    D.current || y(r);
   }, []);
   const b = () => {
-    A.current && (A.current.abort(), s((F) => ({
+    D.current && (D.current.abort(), s((F) => ({
       ...F,
       [e]: !1
     })), w(!0), d(0));
   }, u = () => {
     r != null && r.file && (n(
-      (F) => F.map((D, k) => e === k ? {
-        ...D,
+      (F) => F.map((z, k) => e === k ? {
+        ...z,
         error: !1
-      } : D)
-    ), y({ ...r, error: !1 }), w(!1), M(!1));
+      } : z)
+    ), y({ ...r, error: !1 }), w(!1), S(!1));
   };
   return r.removed ? null : /* @__PURE__ */ t.jsxs("li", { children: [
-    /* @__PURE__ */ t.jsx("div", { className: "file-icon", children: z[_e((g = r.file) == null ? void 0 : g.name)] ?? /* @__PURE__ */ t.jsx(Ue, { size: 33 }) }),
+    /* @__PURE__ */ t.jsx("div", { className: "file-icon", children: A[_e((g = r.file) == null ? void 0 : g.name)] ?? /* @__PURE__ */ t.jsx(Ue, { size: 33 }) }),
     /* @__PURE__ */ t.jsxs("div", { className: "file", children: [
       /* @__PURE__ */ t.jsxs("div", { className: "file-details", children: [
         /* @__PURE__ */ t.jsxs("div", { className: "file-info", children: [
           /* @__PURE__ */ t.jsx("span", { className: "file-name text-truncate", title: (_ = r.file) == null ? void 0 : _.name, children: (x = r.file) == null ? void 0 : x.name }),
           /* @__PURE__ */ t.jsx("span", { className: "file-size", children: Ze((R = r.file) == null ? void 0 : R.size) })
         ] }),
-        p ? /* @__PURE__ */ t.jsx(as, { title: "Uploaded", className: "upload-success" }) : h || S ? /* @__PURE__ */ t.jsx(Rs, { className: "retry-upload", title: "Retry", onClick: u }) : /* @__PURE__ */ t.jsx(
+        p ? /* @__PURE__ */ t.jsx(as, { title: "Uploaded", className: "upload-success" }) : h || M ? /* @__PURE__ */ t.jsx(Rs, { className: "retry-upload", title: "Retry", onClick: u }) : /* @__PURE__ */ t.jsx(
           "div",
           {
             className: "rm-file",
@@ -2426,9 +2436,9 @@ const Ps = ({
   onFileUploading: s,
   onFileUploaded: a
 }) => {
-  const [i, c] = L([]), [l, d] = L(!1), [p, f] = L({}), { currentFolder: h, currentPathFiles: w } = Ee(), { onError: S } = Ge(), M = fe(null), z = (u) => {
-    u.key === "Enter" && M.current.click();
-  }, A = (u) => {
+  const [i, c] = L([]), [l, d] = L(!1), [p, f] = L({}), { currentFolder: h, currentPathFiles: w } = Ee(), { onError: M } = Ge(), S = fe(null), A = (u) => {
+    u.key === "Enter" && S.current.click();
+  }, D = (u) => {
     if (n && !n.includes(_e(u.name)))
       return "File type is not allowed.";
     if (w.some(
@@ -2440,8 +2450,8 @@ const Ps = ({
       (g) => !i.some((_) => _.file.name.toLowerCase() === g.name.toLowerCase())
     ), u.length > 0) {
       const g = u.map((_) => {
-        const x = s(_, h), R = A(_);
-        return R && S({ type: "upload", message: R }, _), {
+        const x = s(_, h), R = D(_);
+        return R && M({ type: "upload", message: R }, _), {
           file: _,
           appendData: x,
           ...R && { error: R }
@@ -2481,12 +2491,12 @@ const Ps = ({
           ] })
         }
       ),
-      /* @__PURE__ */ t.jsx("div", { className: "btn-choose-file", children: /* @__PURE__ */ t.jsxs(Ne, { padding: "0", onKeyDown: z, children: [
+      /* @__PURE__ */ t.jsx("div", { className: "btn-choose-file", children: /* @__PURE__ */ t.jsxs(Ne, { padding: "0", onKeyDown: A, children: [
         /* @__PURE__ */ t.jsx("label", { htmlFor: "chooseFile", children: "Choose File" }),
         /* @__PURE__ */ t.jsx(
           "input",
           {
-            ref: M,
+            ref: S,
             type: "file",
             id: "chooseFile",
             className: "choose-file-input",
@@ -2518,15 +2528,15 @@ const Ps = ({
     ] })
   ] });
 }, Zt = ["jpg", "jpeg", "png"], Qt = ["mp4", "mov", "avi"], er = ["mp3", "wav", "m4a"], tr = ["txt", "pdf"], Fs = ({ filePreviewPath: e, filePreviewComponent: r }) => {
-  var M;
-  const [n, s] = L(!0), [a, i] = L(!1), { selectedFiles: c } = Fe(), l = Xe(73), d = (M = _e(c[0].name)) == null ? void 0 : M.toLowerCase(), p = `${e}${c[0].path}`, f = yt(
+  var S;
+  const [n, s] = L(!0), [a, i] = L(!1), { selectedFiles: c } = Fe(), l = Xe(73), d = (S = _e(c[0].name)) == null ? void 0 : S.toLowerCase(), p = `${e}${c[0].path}`, f = yt(
     () => r == null ? void 0 : r(c[0]),
     [r]
   ), h = () => {
     s(!1), i(!1);
   }, w = () => {
     s(!1), i(!0);
-  }, S = () => {
+  }, M = () => {
     window.location.href = p;
   };
   return Pe.isValidElement(f) ? f : /* @__PURE__ */ t.jsxs("section", { className: `file-previewer ${d === "pdf" ? "pdf-previewer" : ""}`, children: [
@@ -2543,7 +2553,7 @@ const Ps = ({
         c[0].size && /* @__PURE__ */ t.jsx("span", { children: "-" }),
         /* @__PURE__ */ t.jsx("span", { className: "file-size", children: Ze(c[0].size) })
       ] }),
-      /* @__PURE__ */ t.jsx(Ne, { onClick: S, padding: "0.45rem .9rem", children: /* @__PURE__ */ t.jsxs("div", { className: "download-btn", children: [
+      /* @__PURE__ */ t.jsx(Ne, { onClick: M, padding: "0.45rem .9rem", children: /* @__PURE__ */ t.jsxs("div", { className: "download-btn", children: [
         /* @__PURE__ */ t.jsx(jt, { size: 18 }),
         /* @__PURE__ */ t.jsx("span", { children: "Download" })
       ] }) })
@@ -2618,13 +2628,13 @@ const Ps = ({
     e.show("uploadFile");
   }, w = () => {
     s(!0);
-  }, S = () => {
-    s(!1);
   }, M = () => {
+    s(!1);
+  }, S = () => {
     a(i);
-  }, z = () => {
-    e.show("rename");
   }, A = () => {
+    e.show("rename");
+  }, D = () => {
     d();
   }, j = () => {
     e.show("delete");
@@ -2643,7 +2653,7 @@ const Ps = ({
   }, x = () => {
     p("list");
   };
-  ye(xe.createFolder, f, e.isActive), ye(xe.uploadFiles, h, e.isActive), ye(xe.cut, w, e.isActive), ye(xe.copy, S, e.isActive), ye(xe.paste, M, e.isActive), ye(xe.rename, z, e.isActive), ye(xe.download, A, e.isActive), ye(xe.delete, j, e.isActive), ye(xe.jumpToFirst, C, e.isActive), ye(xe.jumpToLast, y, e.isActive), ye(xe.selectAll, b, e.isActive), ye(xe.clearSelection, u, e.isActive), ye(xe.refresh, g, e.isActive), ye(xe.gridLayout, _, e.isActive), ye(xe.listLayout, x, e.isActive);
+  ye(xe.createFolder, f, e.isActive), ye(xe.uploadFiles, h, e.isActive), ye(xe.cut, w, e.isActive), ye(xe.copy, M, e.isActive), ye(xe.paste, S, e.isActive), ye(xe.rename, A, e.isActive), ye(xe.download, D, e.isActive), ye(xe.delete, j, e.isActive), ye(xe.jumpToFirst, C, e.isActive), ye(xe.jumpToLast, y, e.isActive), ye(xe.selectAll, b, e.isActive), ye(xe.clearSelection, u, e.isActive), ye(xe.refresh, g, e.isActive), ye(xe.gridLayout, _, e.isActive), ye(xe.listLayout, x, e.isActive);
 }, Ms = ({
   fileUploadConfig: e,
   onFileUploading: r,
@@ -2658,7 +2668,7 @@ const Ps = ({
 }) => {
   const [f, h] = L(null), { selectedFiles: w } = Fe();
   Ss(p, a);
-  const S = {
+  const M = {
     uploadFile: {
       title: "Upload",
       component: /* @__PURE__ */ t.jsx(
@@ -2692,8 +2702,8 @@ const Ps = ({
   };
   if (te(() => {
     if (p.isActive) {
-      const M = p.actionType;
-      M === "previewFile" && (S[M].title = (w == null ? void 0 : w.name) ?? "Preview"), h(S[M]);
+      const S = p.actionType;
+      S === "previewFile" && (M[S].title = (w == null ? void 0 : w.name) ?? "Preview"), h(M[S]);
     } else
       h(null);
   }, [p.isActive]), f)
@@ -2735,8 +2745,8 @@ const Ps = ({
     handleMouseMove: (f) => {
       if (!a) return;
       f.preventDefault();
-      const w = c.current.getBoundingClientRect(), S = (f.clientX - w.left) / w.width * 100;
-      S >= 15 && S <= 60 && s({ col1: S, col2: 100 - S });
+      const w = c.current.getBoundingClientRect(), M = (f.clientX - w.left) / w.width * 100;
+      M >= 15 && M <= 60 && s({ col1: M, col2: 100 - M });
     }
   };
 };
@@ -2753,7 +2763,7 @@ var rr;
 function ks() {
   if (rr) return ne;
   rr = 1;
-  var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, n = e ? Symbol.for("react.portal") : 60106, s = e ? Symbol.for("react.fragment") : 60107, a = e ? Symbol.for("react.strict_mode") : 60108, i = e ? Symbol.for("react.profiler") : 60114, c = e ? Symbol.for("react.provider") : 60109, l = e ? Symbol.for("react.context") : 60110, d = e ? Symbol.for("react.async_mode") : 60111, p = e ? Symbol.for("react.concurrent_mode") : 60111, f = e ? Symbol.for("react.forward_ref") : 60112, h = e ? Symbol.for("react.suspense") : 60113, w = e ? Symbol.for("react.suspense_list") : 60120, S = e ? Symbol.for("react.memo") : 60115, M = e ? Symbol.for("react.lazy") : 60116, z = e ? Symbol.for("react.block") : 60121, A = e ? Symbol.for("react.fundamental") : 60117, j = e ? Symbol.for("react.responder") : 60118, C = e ? Symbol.for("react.scope") : 60119;
+  var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, n = e ? Symbol.for("react.portal") : 60106, s = e ? Symbol.for("react.fragment") : 60107, a = e ? Symbol.for("react.strict_mode") : 60108, i = e ? Symbol.for("react.profiler") : 60114, c = e ? Symbol.for("react.provider") : 60109, l = e ? Symbol.for("react.context") : 60110, d = e ? Symbol.for("react.async_mode") : 60111, p = e ? Symbol.for("react.concurrent_mode") : 60111, f = e ? Symbol.for("react.forward_ref") : 60112, h = e ? Symbol.for("react.suspense") : 60113, w = e ? Symbol.for("react.suspense_list") : 60120, M = e ? Symbol.for("react.memo") : 60115, S = e ? Symbol.for("react.lazy") : 60116, A = e ? Symbol.for("react.block") : 60121, D = e ? Symbol.for("react.fundamental") : 60117, j = e ? Symbol.for("react.responder") : 60118, C = e ? Symbol.for("react.scope") : 60119;
   function y(u) {
     if (typeof u == "object" && u !== null) {
       var g = u.$$typeof;
@@ -2771,8 +2781,8 @@ function ks() {
               switch (u = u && u.$$typeof, u) {
                 case l:
                 case f:
-                case M:
                 case S:
+                case M:
                 case c:
                   return u;
                 default:
@@ -2787,7 +2797,7 @@ function ks() {
   function b(u) {
     return y(u) === p;
   }
-  return ne.AsyncMode = d, ne.ConcurrentMode = p, ne.ContextConsumer = l, ne.ContextProvider = c, ne.Element = r, ne.ForwardRef = f, ne.Fragment = s, ne.Lazy = M, ne.Memo = S, ne.Portal = n, ne.Profiler = i, ne.StrictMode = a, ne.Suspense = h, ne.isAsyncMode = function(u) {
+  return ne.AsyncMode = d, ne.ConcurrentMode = p, ne.ContextConsumer = l, ne.ContextProvider = c, ne.Element = r, ne.ForwardRef = f, ne.Fragment = s, ne.Lazy = S, ne.Memo = M, ne.Portal = n, ne.Profiler = i, ne.StrictMode = a, ne.Suspense = h, ne.isAsyncMode = function(u) {
     return b(u) || y(u) === d;
   }, ne.isConcurrentMode = b, ne.isContextConsumer = function(u) {
     return y(u) === l;
@@ -2800,9 +2810,9 @@ function ks() {
   }, ne.isFragment = function(u) {
     return y(u) === s;
   }, ne.isLazy = function(u) {
-    return y(u) === M;
-  }, ne.isMemo = function(u) {
     return y(u) === S;
+  }, ne.isMemo = function(u) {
+    return y(u) === M;
   }, ne.isPortal = function(u) {
     return y(u) === n;
   }, ne.isProfiler = function(u) {
@@ -2812,7 +2822,7 @@ function ks() {
   }, ne.isSuspense = function(u) {
     return y(u) === h;
   }, ne.isValidElementType = function(u) {
-    return typeof u == "string" || typeof u == "function" || u === s || u === p || u === i || u === a || u === h || u === w || typeof u == "object" && u !== null && (u.$$typeof === M || u.$$typeof === S || u.$$typeof === c || u.$$typeof === l || u.$$typeof === f || u.$$typeof === A || u.$$typeof === j || u.$$typeof === C || u.$$typeof === z);
+    return typeof u == "string" || typeof u == "function" || u === s || u === p || u === i || u === a || u === h || u === w || typeof u == "object" && u !== null && (u.$$typeof === S || u.$$typeof === M || u.$$typeof === c || u.$$typeof === l || u.$$typeof === f || u.$$typeof === D || u.$$typeof === j || u.$$typeof === C || u.$$typeof === A);
   }, ne.typeOf = y, ne;
 }
 var se = {};
@@ -2827,10 +2837,10 @@ var se = {};
 var nr;
 function _s() {
   return nr || (nr = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, n = e ? Symbol.for("react.portal") : 60106, s = e ? Symbol.for("react.fragment") : 60107, a = e ? Symbol.for("react.strict_mode") : 60108, i = e ? Symbol.for("react.profiler") : 60114, c = e ? Symbol.for("react.provider") : 60109, l = e ? Symbol.for("react.context") : 60110, d = e ? Symbol.for("react.async_mode") : 60111, p = e ? Symbol.for("react.concurrent_mode") : 60111, f = e ? Symbol.for("react.forward_ref") : 60112, h = e ? Symbol.for("react.suspense") : 60113, w = e ? Symbol.for("react.suspense_list") : 60120, S = e ? Symbol.for("react.memo") : 60115, M = e ? Symbol.for("react.lazy") : 60116, z = e ? Symbol.for("react.block") : 60121, A = e ? Symbol.for("react.fundamental") : 60117, j = e ? Symbol.for("react.responder") : 60118, C = e ? Symbol.for("react.scope") : 60119;
+    var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, n = e ? Symbol.for("react.portal") : 60106, s = e ? Symbol.for("react.fragment") : 60107, a = e ? Symbol.for("react.strict_mode") : 60108, i = e ? Symbol.for("react.profiler") : 60114, c = e ? Symbol.for("react.provider") : 60109, l = e ? Symbol.for("react.context") : 60110, d = e ? Symbol.for("react.async_mode") : 60111, p = e ? Symbol.for("react.concurrent_mode") : 60111, f = e ? Symbol.for("react.forward_ref") : 60112, h = e ? Symbol.for("react.suspense") : 60113, w = e ? Symbol.for("react.suspense_list") : 60120, M = e ? Symbol.for("react.memo") : 60115, S = e ? Symbol.for("react.lazy") : 60116, A = e ? Symbol.for("react.block") : 60121, D = e ? Symbol.for("react.fundamental") : 60117, j = e ? Symbol.for("react.responder") : 60118, C = e ? Symbol.for("react.scope") : 60119;
     function y(E) {
       return typeof E == "string" || typeof E == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      E === s || E === p || E === i || E === a || E === h || E === w || typeof E == "object" && E !== null && (E.$$typeof === M || E.$$typeof === S || E.$$typeof === c || E.$$typeof === l || E.$$typeof === f || E.$$typeof === A || E.$$typeof === j || E.$$typeof === C || E.$$typeof === z);
+      E === s || E === p || E === i || E === a || E === h || E === w || typeof E == "object" && E !== null && (E.$$typeof === S || E.$$typeof === M || E.$$typeof === c || E.$$typeof === l || E.$$typeof === f || E.$$typeof === D || E.$$typeof === j || E.$$typeof === C || E.$$typeof === A);
     }
     function b(E) {
       if (typeof E == "object" && E !== null) {
@@ -2851,8 +2861,8 @@ function _s() {
                 switch (Y) {
                   case l:
                   case f:
-                  case M:
                   case S:
+                  case M:
                   case c:
                     return Y;
                   default:
@@ -2864,7 +2874,7 @@ function _s() {
         }
       }
     }
-    var u = d, g = p, _ = l, x = c, R = r, F = f, D = s, k = M, N = S, G = n, ae = i, oe = a, ce = h, ee = !1;
+    var u = d, g = p, _ = l, x = c, R = r, F = f, z = s, k = S, N = M, G = n, ae = i, oe = a, ce = h, ee = !1;
     function ve(E) {
       return ee || (ee = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), v(E) || b(E) === d;
     }
@@ -2887,10 +2897,10 @@ function _s() {
       return b(E) === s;
     }
     function O(E) {
-      return b(E) === M;
+      return b(E) === S;
     }
     function $(E) {
-      return b(E) === S;
+      return b(E) === M;
     }
     function q(E) {
       return b(E) === n;
@@ -2904,7 +2914,7 @@ function _s() {
     function he(E) {
       return b(E) === h;
     }
-    se.AsyncMode = u, se.ConcurrentMode = g, se.ContextConsumer = _, se.ContextProvider = x, se.Element = R, se.ForwardRef = F, se.Fragment = D, se.Lazy = k, se.Memo = N, se.Portal = G, se.Profiler = ae, se.StrictMode = oe, se.Suspense = ce, se.isAsyncMode = ve, se.isConcurrentMode = v, se.isContextConsumer = P, se.isContextProvider = V, se.isElement = W, se.isForwardRef = I, se.isFragment = X, se.isLazy = O, se.isMemo = $, se.isPortal = q, se.isProfiler = Z, se.isStrictMode = U, se.isSuspense = he, se.isValidElementType = y, se.typeOf = b;
+    se.AsyncMode = u, se.ConcurrentMode = g, se.ContextConsumer = _, se.ContextProvider = x, se.Element = R, se.ForwardRef = F, se.Fragment = z, se.Lazy = k, se.Memo = N, se.Portal = G, se.Profiler = ae, se.StrictMode = oe, se.Suspense = ce, se.isAsyncMode = ve, se.isConcurrentMode = v, se.isContextConsumer = P, se.isContextProvider = V, se.isElement = W, se.isForwardRef = I, se.isFragment = X, se.isLazy = O, se.isMemo = $, se.isPortal = q, se.isProfiler = Z, se.isStrictMode = U, se.isSuspense = he, se.isValidElementType = y, se.typeOf = b;
   }()), se;
 }
 var sr;
@@ -3003,16 +3013,16 @@ function zs() {
               throw w.name = "Invariant Violation", w;
             }
             h = i[f](c, f, d, l, null, r);
-          } catch (M) {
-            h = M;
+          } catch (S) {
+            h = S;
           }
           if (h && !(h instanceof Error) && e(
             (d || "React class") + ": type specification of " + l + " `" + f + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof h + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
           ), h instanceof Error && !(h.message in n)) {
             n[h.message] = !0;
-            var S = p ? p() : "";
+            var M = p ? p() : "";
             e(
-              "Failed " + l + " type: " + h.message + (S ?? "")
+              "Failed " + l + " type: " + h.message + (M ?? "")
             );
           }
         }
@@ -3046,7 +3056,7 @@ function As() {
       if (typeof P == "function")
         return P;
     }
-    var w = "<<anonymous>>", S = {
+    var w = "<<anonymous>>", M = {
       array: j("array"),
       bigint: j("bigint"),
       bool: j("boolean"),
@@ -3067,14 +3077,14 @@ function As() {
       shape: k,
       exact: N
     };
-    function M(v, P) {
+    function S(v, P) {
       return v === P ? v !== 0 || 1 / v === 1 / P : v !== v && P !== P;
     }
-    function z(v, P) {
+    function A(v, P) {
       this.message = v, this.data = P && typeof P == "object" ? P : {}, this.stack = "";
     }
-    z.prototype = Error.prototype;
-    function A(v) {
+    A.prototype = Error.prototype;
+    function D(v) {
       if (process.env.NODE_ENV !== "production")
         var P = {}, V = 0;
       function W(X, O, $, q, Z, U, he) {
@@ -3092,7 +3102,7 @@ function As() {
             ), P[me] = !0, V++);
           }
         }
-        return O[$] == null ? X ? O[$] === null ? new z("The " + Z + " `" + U + "` is marked as required " + ("in `" + q + "`, but its value is `null`.")) : new z("The " + Z + " `" + U + "` is marked as required in " + ("`" + q + "`, but its value is `undefined`.")) : null : v(O, $, q, Z, U);
+        return O[$] == null ? X ? O[$] === null ? new A("The " + Z + " `" + U + "` is marked as required " + ("in `" + q + "`, but its value is `null`.")) : new A("The " + Z + " `" + U + "` is marked as required in " + ("`" + q + "`, but its value is `undefined`.")) : null : v(O, $, q, Z, U);
       }
       var I = W.bind(null, !1);
       return I.isRequired = W.bind(null, !0), I;
@@ -3102,26 +3112,26 @@ function As() {
         var q = V[W], Z = oe(q);
         if (Z !== v) {
           var U = ce(q);
-          return new z(
+          return new A(
             "Invalid " + X + " `" + O + "` of type " + ("`" + U + "` supplied to `" + I + "`, expected ") + ("`" + v + "`."),
             { expectedType: v }
           );
         }
         return null;
       }
-      return A(P);
+      return D(P);
     }
     function C() {
-      return A(c);
+      return D(c);
     }
     function y(v) {
       function P(V, W, I, X, O) {
         if (typeof v != "function")
-          return new z("Property `" + O + "` of component `" + I + "` has invalid PropType notation inside arrayOf.");
+          return new A("Property `" + O + "` of component `" + I + "` has invalid PropType notation inside arrayOf.");
         var $ = V[W];
         if (!Array.isArray($)) {
           var q = oe($);
-          return new z("Invalid " + X + " `" + O + "` of type " + ("`" + q + "` supplied to `" + I + "`, expected an array."));
+          return new A("Invalid " + X + " `" + O + "` of type " + ("`" + q + "` supplied to `" + I + "`, expected an array."));
         }
         for (var Z = 0; Z < $.length; Z++) {
           var U = v($, Z, I, X, O + "[" + Z + "]", n);
@@ -3130,39 +3140,39 @@ function As() {
         }
         return null;
       }
-      return A(P);
+      return D(P);
     }
     function b() {
       function v(P, V, W, I, X) {
         var O = P[V];
         if (!l(O)) {
           var $ = oe(O);
-          return new z("Invalid " + I + " `" + X + "` of type " + ("`" + $ + "` supplied to `" + W + "`, expected a single ReactElement."));
+          return new A("Invalid " + I + " `" + X + "` of type " + ("`" + $ + "` supplied to `" + W + "`, expected a single ReactElement."));
         }
         return null;
       }
-      return A(v);
+      return D(v);
     }
     function u() {
       function v(P, V, W, I, X) {
         var O = P[V];
         if (!e.isValidElementType(O)) {
           var $ = oe(O);
-          return new z("Invalid " + I + " `" + X + "` of type " + ("`" + $ + "` supplied to `" + W + "`, expected a single ReactElement type."));
+          return new A("Invalid " + I + " `" + X + "` of type " + ("`" + $ + "` supplied to `" + W + "`, expected a single ReactElement type."));
         }
         return null;
       }
-      return A(v);
+      return D(v);
     }
     function g(v) {
       function P(V, W, I, X, O) {
         if (!(V[W] instanceof v)) {
           var $ = v.name || w, q = ve(V[W]);
-          return new z("Invalid " + X + " `" + O + "` of type " + ("`" + q + "` supplied to `" + I + "`, expected ") + ("instance of `" + $ + "`."));
+          return new A("Invalid " + X + " `" + O + "` of type " + ("`" + q + "` supplied to `" + I + "`, expected ") + ("instance of `" + $ + "`."));
         }
         return null;
       }
-      return A(P);
+      return D(P);
     }
     function _(v) {
       if (!Array.isArray(v))
@@ -3171,23 +3181,23 @@ function As() {
         ) : i("Invalid argument supplied to oneOf, expected an array.")), c;
       function P(V, W, I, X, O) {
         for (var $ = V[W], q = 0; q < v.length; q++)
-          if (M($, v[q]))
+          if (S($, v[q]))
             return null;
         var Z = JSON.stringify(v, function(he, E) {
           var me = ce(E);
           return me === "symbol" ? String(E) : E;
         });
-        return new z("Invalid " + X + " `" + O + "` of value `" + String($) + "` " + ("supplied to `" + I + "`, expected one of " + Z + "."));
+        return new A("Invalid " + X + " `" + O + "` of value `" + String($) + "` " + ("supplied to `" + I + "`, expected one of " + Z + "."));
       }
-      return A(P);
+      return D(P);
     }
     function x(v) {
       function P(V, W, I, X, O) {
         if (typeof v != "function")
-          return new z("Property `" + O + "` of component `" + I + "` has invalid PropType notation inside objectOf.");
+          return new A("Property `" + O + "` of component `" + I + "` has invalid PropType notation inside objectOf.");
         var $ = V[W], q = oe($);
         if (q !== "object")
-          return new z("Invalid " + X + " `" + O + "` of type " + ("`" + q + "` supplied to `" + I + "`, expected an object."));
+          return new A("Invalid " + X + " `" + O + "` of type " + ("`" + q + "` supplied to `" + I + "`, expected an object."));
         for (var Z in $)
           if (s($, Z)) {
             var U = v($, Z, I, X, O + "." + Z, n);
@@ -3196,7 +3206,7 @@ function As() {
           }
         return null;
       }
-      return A(P);
+      return D(P);
     }
     function R(v) {
       if (!Array.isArray(v))
@@ -3216,18 +3226,18 @@ function As() {
           E.data && s(E.data, "expectedType") && Z.push(E.data.expectedType);
         }
         var me = Z.length > 0 ? ", expected one of type [" + Z.join(", ") + "]" : "";
-        return new z("Invalid " + $ + " `" + q + "` supplied to " + ("`" + O + "`" + me + "."));
+        return new A("Invalid " + $ + " `" + q + "` supplied to " + ("`" + O + "`" + me + "."));
       }
-      return A(W);
+      return D(W);
     }
     function F() {
       function v(P, V, W, I, X) {
-        return G(P[V]) ? null : new z("Invalid " + I + " `" + X + "` supplied to " + ("`" + W + "`, expected a ReactNode."));
+        return G(P[V]) ? null : new A("Invalid " + I + " `" + X + "` supplied to " + ("`" + W + "`, expected a ReactNode."));
       }
-      return A(v);
+      return D(v);
     }
-    function D(v, P, V, W, I) {
-      return new z(
+    function z(v, P, V, W, I) {
+      return new A(
         (v || "React class") + ": " + P + " type `" + V + "." + W + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + I + "`."
       );
     }
@@ -3235,31 +3245,31 @@ function As() {
       function P(V, W, I, X, O) {
         var $ = V[W], q = oe($);
         if (q !== "object")
-          return new z("Invalid " + X + " `" + O + "` of type `" + q + "` " + ("supplied to `" + I + "`, expected `object`."));
+          return new A("Invalid " + X + " `" + O + "` of type `" + q + "` " + ("supplied to `" + I + "`, expected `object`."));
         for (var Z in v) {
           var U = v[Z];
           if (typeof U != "function")
-            return D(I, X, O, Z, ce(U));
+            return z(I, X, O, Z, ce(U));
           var he = U($, Z, I, X, O + "." + Z, n);
           if (he)
             return he;
         }
         return null;
       }
-      return A(P);
+      return D(P);
     }
     function N(v) {
       function P(V, W, I, X, O) {
         var $ = V[W], q = oe($);
         if (q !== "object")
-          return new z("Invalid " + X + " `" + O + "` of type `" + q + "` " + ("supplied to `" + I + "`, expected `object`."));
+          return new A("Invalid " + X + " `" + O + "` of type `" + q + "` " + ("supplied to `" + I + "`, expected `object`."));
         var Z = r({}, V[W], v);
         for (var U in Z) {
           var he = v[U];
           if (s(v, U) && typeof he != "function")
-            return D(I, X, O, U, ce(he));
+            return z(I, X, O, U, ce(he));
           if (!he)
-            return new z(
+            return new A(
               "Invalid " + X + " `" + O + "` key `" + U + "` supplied to `" + I + "`.\nBad object: " + JSON.stringify(V[W], null, "  ") + `
 Valid keys: ` + JSON.stringify(Object.keys(v), null, "  ")
             );
@@ -3269,7 +3279,7 @@ Valid keys: ` + JSON.stringify(Object.keys(v), null, "  ")
         }
         return null;
       }
-      return A(P);
+      return D(P);
     }
     function G(v) {
       switch (typeof v) {
@@ -3340,7 +3350,7 @@ Valid keys: ` + JSON.stringify(Object.keys(v), null, "  ")
     function ve(v) {
       return !v.constructor || !v.constructor.name ? w : v.constructor.name;
     }
-    return S.checkPropTypes = a, S.resetWarningCache = a.resetWarningCache, S.PropTypes = S, S;
+    return M.checkPropTypes = a, M.resetWarningCache = a.resetWarningCache, M.PropTypes = M, M;
   }, ht;
 }
 var pt, ur;
@@ -3430,11 +3440,11 @@ const K = /* @__PURE__ */ dn(Bs), Hs = (e, r, n) => {
   onDelete: h = () => null,
   onLayoutChange: w = () => {
   },
-  onRefresh: S,
-  onFileOpen: M = () => {
+  onRefresh: M,
+  onFileOpen: S = () => {
   },
-  onSelect: z,
-  onError: A = () => {
+  onSelect: A,
+  onError: D = () => {
   },
   layout: j = "grid",
   enableFilePreview: C = !0,
@@ -3446,24 +3456,24 @@ const K = /* @__PURE__ */ dn(Bs), Hs = (e, r, n) => {
   initialPath: x = "",
   filePreviewComponent: R,
   primaryColor: F = "#6155b4",
-  fontFamily: D = "Nunito Sans, sans-serif"
+  fontFamily: z = "Nunito Sans, sans-serif"
 }) => {
   const k = Ls(), { containerRef: N, colSizes: G, isDragging: ae, handleMouseMove: oe, handleMouseUp: ce, handleMouseDown: ee } = Os(20, 80), ve = {
-    "--file-manager-font-family": D,
+    "--file-manager-font-family": z,
     "--file-manager-primary-color": F,
     height: g,
     width: _
   };
   return /* @__PURE__ */ t.jsxs("main", { className: "file-explorer", onContextMenu: (v) => v.preventDefault(), style: ve, children: [
     /* @__PURE__ */ t.jsx(xt, { loading: n }),
-    /* @__PURE__ */ t.jsx(zn, { filesData: e, onError: A, children: /* @__PURE__ */ t.jsx(Dn, { initialPath: x, children: /* @__PURE__ */ t.jsx(In, { onDownload: f, onSelect: z, children: /* @__PURE__ */ t.jsx($n, { onPaste: d, onCut: c, onCopy: l, children: /* @__PURE__ */ t.jsxs(_n, { layout: j, children: [
+    /* @__PURE__ */ t.jsx(zn, { filesData: e, onError: D, children: /* @__PURE__ */ t.jsx(Dn, { initialPath: x, children: /* @__PURE__ */ t.jsx(In, { onDownload: f, onSelect: A, children: /* @__PURE__ */ t.jsx($n, { onPaste: d, onCut: c, onCopy: l, children: /* @__PURE__ */ t.jsxs(_n, { layout: j, children: [
       /* @__PURE__ */ t.jsx(
         Sr,
         {
           allowCreateFolder: !0,
           allowUploadFile: !0,
           onLayoutChange: w,
-          onRefresh: S,
+          onRefresh: M,
           triggerAction: k
         }
       ),
@@ -3476,7 +3486,7 @@ const K = /* @__PURE__ */ dn(Bs), Hs = (e, r, n) => {
           className: "files-container",
           children: [
             /* @__PURE__ */ t.jsxs("div", { className: "navigation-pane", style: { width: G.col1 + "%" }, children: [
-              /* @__PURE__ */ t.jsx(Or, {}),
+              /* @__PURE__ */ t.jsx(Or, { onFileOpen: S }),
               /* @__PURE__ */ t.jsx(
                 "div",
                 {
@@ -3492,8 +3502,8 @@ const K = /* @__PURE__ */ dn(Bs), Hs = (e, r, n) => {
                 {
                   onCreateFolder: s,
                   onRename: p,
-                  onFileOpen: M,
-                  onRefresh: S,
+                  onFileOpen: S,
+                  onRefresh: M,
                   enableFilePreview: C,
                   triggerAction: k
                 }
@@ -3509,7 +3519,7 @@ const K = /* @__PURE__ */ dn(Bs), Hs = (e, r, n) => {
           onFileUploading: a,
           onFileUploaded: i,
           onDelete: h,
-          onRefresh: S,
+          onRefresh: M,
           maxFileSize: y,
           filePreviewPath: b,
           filePreviewComponent: R,