@cubone/react-file-manager 1.19.0 → 1.20.1

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

@@ -1,5 +1,5 @@
 import * as De from "react";
-import Pe, { useState as L, useRef as de, useEffect as te, createContext as Ie, useContext as $e, useCallback as fr, useLayoutEffect as un, useMemo as yt } from "react";
+import Pe, { useState as L, useRef as fe, useEffect as te, createContext as Ie, useContext as $e, useCallback as fr, useLayoutEffect as un, useMemo as yt } from "react";
 function dn(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
@@ -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,15 +40,15 @@ 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";
+    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"), F = Symbol.iterator, z = "@@iterator";
     function A(o) {
       if (o === null || typeof o != "object")
         return null;
-      var m = M && o[M] || o[z];
+      var m = F && o[F] || o[z];
       return typeof m == "function" ? m : null;
     }
-    var C = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function j(o) {
+    var j = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function C(o) {
       {
         for (var m = arguments.length, T = new Array(m > 1 ? m - 1 : 0), B = 1; B < m; B++)
           T[B - 1] = arguments[B];
@@ -57,18 +57,18 @@ function hn() {
     }
     function y(o, m, T) {
       {
-        var B = C.ReactDebugCurrentFrame, re = B.getStackAddendum();
+        var B = j.ReactDebugCurrentFrame, re = B.getStackAddendum();
         re !== "" && (m += "%s", T = T.concat([re]));
-        var ie = T.map(function(ee) {
-          return String(ee);
+        var ie = T.map(function(Q) {
+          return String(Q);
         });
         ie.unshift("Warning: " + m), Function.prototype.apply.call(console[o], console, ie);
       }
     }
     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
+    function S(o) {
+      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.
@@ -87,7 +87,7 @@ function hn() {
     function N(o) {
       if (o == null)
         return null;
-      if (typeof o.tag == "number" && j("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof o == "function")
+      if (typeof o.tag == "number" && C("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof o == "function")
         return o.displayName || o.name || null;
       if (typeof o == "string")
         return o;
@@ -119,9 +119,9 @@ function hn() {
             var B = o.displayName || null;
             return B !== null ? B : N(o.type) || "Memo";
           case w: {
-            var re = o, ie = re._payload, ee = re._init;
+            var re = o, ie = re._payload, Q = re._init;
             try {
-              return N(ee(ie));
+              return N(Q(ie));
             } catch {
               return null;
             }
@@ -129,14 +129,14 @@ function hn() {
         }
       return null;
     }
-    var K = Object.assign, oe = 0, ae, Q, he, xe, v, P, V;
+    var G = Object.assign, ae = 0, oe, ce, ee, ve, v, P, V;
     function W() {
     }
     W.__reactDisabledLog = !0;
     function I() {
       {
-        if (oe === 0) {
-          ae = console.log, Q = console.info, he = console.warn, xe = console.error, v = console.group, P = console.groupCollapsed, V = console.groupEnd;
+        if (ae === 0) {
+          oe = console.log, ce = console.info, ee = console.warn, ve = console.error, v = console.group, P = console.groupCollapsed, V = console.groupEnd;
           var o = {
             configurable: !0,
             enumerable: !0,
@@ -153,46 +153,46 @@ function hn() {
             groupEnd: o
           });
         }
-        oe++;
+        ae++;
       }
     }
     function X() {
       {
-        if (oe--, oe === 0) {
+        if (ae--, ae === 0) {
           var o = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: K({}, o, {
-              value: ae
+            log: G({}, o, {
+              value: oe
             }),
-            info: K({}, o, {
-              value: Q
+            info: G({}, o, {
+              value: ce
             }),
-            warn: K({}, o, {
-              value: he
+            warn: G({}, o, {
+              value: ee
             }),
-            error: K({}, o, {
-              value: xe
+            error: G({}, o, {
+              value: ve
             }),
-            group: K({}, o, {
+            group: G({}, o, {
               value: v
             }),
-            groupCollapsed: K({}, o, {
+            groupCollapsed: G({}, o, {
               value: P
             }),
-            groupEnd: K({}, o, {
+            groupEnd: G({}, o, {
               value: V
             })
           });
         }
-        oe < 0 && j("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        ae < 0 && C("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var O = C.ReactCurrentDispatcher, $;
-    function U(o, m, T) {
+    var O = j.ReactCurrentDispatcher, $;
+    function q(o, m, T) {
       {
         if ($ === void 0)
           try {
@@ -205,16 +205,16 @@ function hn() {
 ` + $ + o;
       }
     }
-    var Z = !1, q;
+    var Z = !1, U;
     {
-      var fe = typeof WeakMap == "function" ? WeakMap : Map;
-      q = new fe();
+      var he = typeof WeakMap == "function" ? WeakMap : Map;
+      U = new he();
     }
     function E(o, m) {
       if (!o || Z)
         return "";
       {
-        var T = q.get(o);
+        var T = U.get(o);
         if (T !== void 0)
           return T;
       }
@@ -226,62 +226,62 @@ function hn() {
       ie = O.current, O.current = null, I();
       try {
         if (m) {
-          var ee = function() {
+          var Q = function() {
             throw Error();
           };
-          if (Object.defineProperty(ee.prototype, "props", {
+          if (Object.defineProperty(Q.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(ee, []);
-            } catch (Ce) {
-              B = Ce;
+              Reflect.construct(Q, []);
+            } catch (je) {
+              B = je;
             }
-            Reflect.construct(o, [], ee);
+            Reflect.construct(o, [], Q);
           } else {
             try {
-              ee.call();
-            } catch (Ce) {
-              B = Ce;
+              Q.call();
+            } catch (je) {
+              B = je;
             }
-            o.call(ee.prototype);
+            o.call(Q.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (Ce) {
-            B = Ce;
+          } catch (je) {
+            B = je;
           }
           o();
         }
-      } catch (Ce) {
-        if (Ce && B && typeof Ce.stack == "string") {
-          for (var J = Ce.stack.split(`
-`), me = B.stack.split(`
-`), ce = J.length - 1, ue = me.length - 1; ce >= 1 && ue >= 0 && J[ce] !== me[ue]; )
-            ue--;
-          for (; ce >= 1 && ue >= 0; ce--, ue--)
-            if (J[ce] !== me[ue]) {
-              if (ce !== 1 || ue !== 1)
+      } catch (je) {
+        if (je && B && typeof je.stack == "string") {
+          for (var J = je.stack.split(`
+`), ge = B.stack.split(`
+`), le = J.length - 1, de = ge.length - 1; le >= 1 && de >= 0 && J[le] !== ge[de]; )
+            de--;
+          for (; le >= 1 && de >= 0; le--, de--)
+            if (J[le] !== ge[de]) {
+              if (le !== 1 || de !== 1)
                 do
-                  if (ce--, ue--, ue < 0 || J[ce] !== me[ue]) {
+                  if (le--, de--, de < 0 || J[le] !== ge[de]) {
                     var be = `
-` + J[ce].replace(" at new ", " at ");
-                    return o.displayName && be.includes("<anonymous>") && (be = be.replace("<anonymous>", o.displayName)), typeof o == "function" && q.set(o, be), be;
+` + J[le].replace(" at new ", " at ");
+                    return o.displayName && be.includes("<anonymous>") && (be = be.replace("<anonymous>", o.displayName)), typeof o == "function" && U.set(o, be), be;
                   }
-                while (ce >= 1 && ue >= 0);
+                while (le >= 1 && de >= 0);
               break;
             }
         }
       } finally {
         Z = !1, O.current = ie, X(), Error.prepareStackTrace = re;
       }
-      var ke = o ? o.displayName || o.name : "", Me = ke ? U(ke) : "";
-      return typeof o == "function" && q.set(o, Me), Me;
+      var ke = o ? o.displayName || o.name : "", Me = ke ? q(ke) : "";
+      return typeof o == "function" && U.set(o, Me), Me;
     }
-    function ve(o, m, T) {
+    function me(o, m, T) {
       return E(o, !1);
     }
     function Te(o) {
@@ -294,17 +294,17 @@ function hn() {
       if (typeof o == "function")
         return E(o, Te(o));
       if (typeof o == "string")
-        return U(o);
+        return q(o);
       switch (o) {
         case p:
-          return U("Suspense");
+          return q("Suspense");
         case f:
-          return U("SuspenseList");
+          return q("SuspenseList");
       }
       if (typeof o == "object")
         switch (o.$$typeof) {
           case d:
-            return ve(o.render);
+            return me(o.render);
           case h:
             return Y(o.type, m, T);
           case w: {
@@ -317,7 +317,7 @@ function hn() {
         }
       return "";
     }
-    var le = Object.prototype.hasOwnProperty, je = {}, Re = C.ReactDebugCurrentFrame;
+    var ue = Object.prototype.hasOwnProperty, Ce = {}, Re = j.ReactDebugCurrentFrame;
     function we(o) {
       if (o) {
         var m = o._owner, T = Y(o.type, o._source, m ? m.type : null);
@@ -327,20 +327,20 @@ function hn() {
     }
     function He(o, m, T, B, re) {
       {
-        var ie = Function.call.bind(le);
-        for (var ee in o)
-          if (ie(o, ee)) {
+        var ie = Function.call.bind(ue);
+        for (var Q in o)
+          if (ie(o, Q)) {
             var J = void 0;
             try {
-              if (typeof o[ee] != "function") {
-                var me = Error((B || "React class") + ": " + T + " type `" + ee + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof o[ee] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw me.name = "Invariant Violation", me;
+              if (typeof o[Q] != "function") {
+                var ge = Error((B || "React class") + ": " + T + " type `" + Q + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof o[Q] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw ge.name = "Invariant Violation", ge;
               }
-              J = o[ee](m, ee, B, T, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (ce) {
-              J = ce;
+              J = o[Q](m, Q, B, T, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (le) {
+              J = le;
             }
-            J && !(J instanceof Error) && (we(re), j("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", B || "React class", T, ee, typeof J), we(null)), J instanceof Error && !(J.message in je) && (je[J.message] = !0, we(re), j("Failed %s type: %s", T, J.message), we(null));
+            J && !(J instanceof Error) && (we(re), C("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", B || "React class", T, Q, typeof J), we(null)), J instanceof Error && !(J.message in Ce) && (Ce[J.message] = !0, we(re), C("Failed %s type: %s", T, J.message), we(null));
           }
       }
     }
@@ -366,24 +366,24 @@ function hn() {
     }
     function wt(o) {
       if (Vr(o))
-        return j("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Wr(o)), bt(o);
+        return C("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Wr(o)), bt(o);
     }
-    var Et = C.ReactCurrentOwner, Yr = {
+    var Et = j.ReactCurrentOwner, Yr = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
     }, Rt, Pt;
-    function Ur(o) {
-      if (le.call(o, "ref")) {
+    function qr(o) {
+      if (ue.call(o, "ref")) {
         var m = Object.getOwnPropertyDescriptor(o, "ref").get;
         if (m && m.isReactWarning)
           return !1;
       }
       return o.ref !== void 0;
     }
-    function qr(o) {
-      if (le.call(o, "key")) {
+    function Ur(o) {
+      if (ue.call(o, "key")) {
         var m = Object.getOwnPropertyDescriptor(o, "key").get;
         if (m && m.isReactWarning)
           return !1;
@@ -396,7 +396,7 @@ function hn() {
     function Xr(o, m) {
       {
         var T = function() {
-          Rt || (Rt = !0, j("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", m));
+          Rt || (Rt = !0, C("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", m));
         };
         T.isReactWarning = !0, Object.defineProperty(o, "key", {
           get: T,
@@ -407,7 +407,7 @@ function hn() {
     function Gr(o, m) {
       {
         var T = function() {
-          Pt || (Pt = !0, j("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", m));
+          Pt || (Pt = !0, C("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", m));
         };
         T.isReactWarning = !0, Object.defineProperty(o, "ref", {
           get: T,
@@ -415,7 +415,7 @@ function hn() {
         });
       }
     }
-    var Jr = function(o, m, T, B, re, ie, ee) {
+    var Jr = function(o, m, T, B, re, ie, Q) {
       var J = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: r,
@@ -423,7 +423,7 @@ function hn() {
         type: o,
         key: m,
         ref: T,
-        props: ee,
+        props: Q,
         // Record the component responsible for creating this element.
         _owner: ie
       };
@@ -446,23 +446,23 @@ function hn() {
     };
     function Zr(o, m, T, B, re) {
       {
-        var ie, ee = {}, J = null, me = null;
-        T !== void 0 && (wt(T), J = "" + T), qr(m) && (wt(m.key), J = "" + m.key), Ur(m) && (me = m.ref, Kr(m, re));
+        var ie, Q = {}, J = null, ge = null;
+        T !== void 0 && (wt(T), J = "" + T), Ur(m) && (wt(m.key), J = "" + m.key), qr(m) && (ge = m.ref, Kr(m, re));
         for (ie in m)
-          le.call(m, ie) && !Yr.hasOwnProperty(ie) && (ee[ie] = m[ie]);
+          ue.call(m, ie) && !Yr.hasOwnProperty(ie) && (Q[ie] = m[ie]);
         if (o && o.defaultProps) {
-          var ce = o.defaultProps;
-          for (ie in ce)
-            ee[ie] === void 0 && (ee[ie] = ce[ie]);
+          var le = o.defaultProps;
+          for (ie in le)
+            Q[ie] === void 0 && (Q[ie] = le[ie]);
         }
-        if (J || me) {
-          var ue = typeof o == "function" ? o.displayName || o.name || "Unknown" : o;
-          J && Xr(ee, ue), me && Gr(ee, ue);
+        if (J || ge) {
+          var de = typeof o == "function" ? o.displayName || o.name || "Unknown" : o;
+          J && Xr(Q, de), ge && Gr(Q, de);
         }
-        return Jr(o, J, me, re, B, Et.current, ee);
+        return Jr(o, J, ge, re, B, Et.current, Q);
       }
     }
-    var tt = C.ReactCurrentOwner, Tt = C.ReactDebugCurrentFrame;
+    var tt = j.ReactCurrentOwner, Tt = j.ReactDebugCurrentFrame;
     function Oe(o) {
       if (o) {
         var m = o._owner, T = Y(o.type, o._source, m ? m.type : null);
@@ -513,7 +513,7 @@ Check the top-level render call using <` + T + ">.");
           return;
         St[T] = !0;
         var B = "";
-        o && o._owner && o._owner !== tt.current && (B = " It was passed a child from " + N(o._owner.type) + "."), Oe(o), j('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', T, B), Oe(null);
+        o && o._owner && o._owner !== tt.current && (B = " It was passed a child from " + N(o._owner.type) + "."), Oe(o), C('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', T, B), Oe(null);
       }
     }
     function Lt(o, m) {
@@ -530,8 +530,8 @@ Check the top-level render call using <` + T + ">.");
         else if (o) {
           var re = A(o);
           if (typeof re == "function" && re !== o.entries)
-            for (var ie = re.call(o), ee; !(ee = ie.next()).done; )
-              nt(ee.value) && Mt(ee.value, m);
+            for (var ie = re.call(o), Q; !(Q = ie.next()).done; )
+              nt(Q.value) && Mt(Q.value, m);
         }
       }
     }
@@ -555,9 +555,9 @@ Check the top-level render call using <` + T + ">.");
         } else if (m.PropTypes !== void 0 && !rt) {
           rt = !0;
           var re = N(m);
-          j("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", re || "Unknown");
+          C("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", re || "Unknown");
         }
-        typeof m.getDefaultProps == "function" && !m.getDefaultProps.isReactClassApproved && j("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof m.getDefaultProps == "function" && !m.getDefaultProps.isReactClassApproved && C("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
     function rn(o) {
@@ -565,29 +565,29 @@ Check the top-level render call using <` + T + ">.");
         for (var m = Object.keys(o.props), T = 0; T < m.length; T++) {
           var B = m[T];
           if (B !== "children" && B !== "key") {
-            Oe(o), j("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", B), Oe(null);
+            Oe(o), C("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", B), Oe(null);
             break;
           }
         }
-        o.ref !== null && (Oe(o), j("Invalid attribute `ref` supplied to `React.Fragment`."), Oe(null));
+        o.ref !== null && (Oe(o), C("Invalid attribute `ref` supplied to `React.Fragment`."), Oe(null));
       }
     }
     var Ot = {};
     function kt(o, m, T, B, re, ie) {
       {
-        var ee = F(o);
-        if (!ee) {
+        var Q = S(o);
+        if (!Q) {
           var J = "";
           (o === void 0 || typeof o == "object" && o !== null && Object.keys(o).length === 0) && (J += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var me = Qr();
-          me ? J += me : J += Ft();
-          var ce;
-          o === null ? ce = "null" : et(o) ? ce = "array" : o !== void 0 && o.$$typeof === r ? (ce = "<" + (N(o.type) || "Unknown") + " />", J = " Did you accidentally export a JSX literal instead of a component?") : ce = typeof o, j("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", ce, J);
+          var ge = Qr();
+          ge ? J += ge : J += Ft();
+          var le;
+          o === null ? le = "null" : et(o) ? le = "array" : o !== void 0 && o.$$typeof === r ? (le = "<" + (N(o.type) || "Unknown") + " />", J = " Did you accidentally export a JSX literal instead of a component?") : le = typeof o, C("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", le, J);
         }
-        var ue = Zr(o, m, T, re, ie);
-        if (ue == null)
-          return ue;
-        if (ee) {
+        var de = Zr(o, m, T, re, ie);
+        if (de == null)
+          return de;
+        if (Q) {
           var be = m.children;
           if (be !== void 0)
             if (B)
@@ -596,17 +596,17 @@ Check the top-level render call using <` + T + ">.");
                   Lt(be[ke], o);
                 Object.freeze && Object.freeze(be);
               } else
-                j("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                C("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
               Lt(be, o);
         }
-        if (le.call(m, "key")) {
-          var Me = N(o), Ce = Object.keys(m).filter(function(ln) {
+        if (ue.call(m, "key")) {
+          var Me = N(o), je = Object.keys(m).filter(function(ln) {
             return ln !== "key";
-          }), st = Ce.length > 0 ? "{key: someKey, " + Ce.join(": ..., ") + ": ...}" : "{key: someKey}";
+          }), st = je.length > 0 ? "{key: someKey, " + je.join(": ..., ") + ": ...}" : "{key: someKey}";
           if (!Ot[Me + st]) {
-            var cn = Ce.length > 0 ? "{" + Ce.join(": ..., ") + ": ...}" : "{}";
-            j(`A props object containing a "key" prop is being spread into JSX:
+            var cn = je.length > 0 ? "{" + je.join(": ..., ") + ": ...}" : "{}";
+            C(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
@@ -614,7 +614,7 @@ React keys must be passed directly to JSX without using spread:
   <%s key={someKey} {...props} />`, st, Me, cn, Me), Ot[Me + st] = !0;
           }
         }
-        return o === s ? rn(ue) : tn(ue), ue;
+        return o === s ? rn(de) : tn(de), de;
       }
     }
     function nn(o, m, T) {
@@ -709,11 +709,11 @@ function pr(e) {
   }, r.attr), pr(r.child)));
 }
 function H(e) {
-  return (r) => /* @__PURE__ */ Pe.createElement(Cn, Ve({
+  return (r) => /* @__PURE__ */ Pe.createElement(jn, Ve({
     attr: Ye({}, e.attr)
   }, r), pr(e.child));
 }
-function Cn(e) {
+function jn(e) {
   var r = (n) => {
     var {
       attr: s,
@@ -736,10 +736,10 @@ function Cn(e) {
   };
   return zt !== void 0 ? /* @__PURE__ */ Pe.createElement(zt.Consumer, null, (n) => r(n)) : r(hr);
 }
-function jn(e) {
+function Cn(e) {
   return H({ tag: "svg", attr: { version: "1.1", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { d: "M16 8c-0.020-1.045-0.247-2.086-0.665-3.038-0.417-0.953-1.023-1.817-1.766-2.53s-1.624-1.278-2.578-1.651c-0.953-0.374-1.978-0.552-2.991-0.531-1.013 0.020-2.021 0.24-2.943 0.646-0.923 0.405-1.758 0.992-2.449 1.712s-1.237 1.574-1.597 2.497c-0.361 0.923-0.533 1.914-0.512 2.895 0.020 0.981 0.234 1.955 0.627 2.847 0.392 0.892 0.961 1.7 1.658 2.368s1.523 1.195 2.416 1.543c0.892 0.348 1.851 0.514 2.799 0.493 0.949-0.020 1.89-0.227 2.751-0.608 0.862-0.379 1.642-0.929 2.287-1.604s1.154-1.472 1.488-2.335c0.204-0.523 0.342-1.069 0.415-1.622 0.019 0.001 0.039 0.002 0.059 0.002 0.552 0 1-0.448 1-1 0-0.028-0.001-0.056-0.004-0.083h0.004zM14.411 10.655c-0.367 0.831-0.898 1.584-1.55 2.206s-1.422 1.112-2.254 1.434c-0.832 0.323-1.723 0.476-2.608 0.454-0.884-0.020-1.759-0.215-2.56-0.57-0.801-0.354-1.526-0.867-2.125-1.495s-1.071-1.371-1.38-2.173c-0.31-0.801-0.457-1.66-0.435-2.512s0.208-1.694 0.551-2.464c0.342-0.77 0.836-1.468 1.441-2.044s1.321-1.029 2.092-1.326c0.771-0.298 1.596-0.438 2.416-0.416s1.629 0.202 2.368 0.532c0.74 0.329 1.41 0.805 1.963 1.387s0.988 1.27 1.272 2.011c0.285 0.74 0.418 1.532 0.397 2.32h0.004c-0.002 0.027-0.004 0.055-0.004 0.083 0 0.516 0.39 0.94 0.892 0.994-0.097 0.544-0.258 1.075-0.481 1.578z" }, child: [] }] })(e);
 }
-const xt = ({ loading: e = !1, className: r }) => e ? /* @__PURE__ */ t.jsx("div", { className: `loader-container ${r}`, children: /* @__PURE__ */ t.jsx(jn, { className: "spinner" }) }) : null;
+const xt = ({ loading: e = !1, className: r }) => e ? /* @__PURE__ */ t.jsx("div", { className: `loader-container ${r}`, children: /* @__PURE__ */ t.jsx(Cn, { className: "spinner" }) }) : null;
 function vr(e) {
   return H({ tag: "svg", attr: { fill: "currentColor", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { fillRule: "evenodd", d: "M4 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm2-1a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zM2 5a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-1h1v1a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h1v1z" }, child: [] }] })(e);
 }
@@ -773,13 +773,13 @@ function Rn(e) {
 function Pn(e) {
   return H({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { fill: "none", d: "M0 0h24v24H0z" }, child: [] }, { tag: "path", attr: { d: "M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z" }, child: [] }] })(e);
 }
-function Cr(e) {
+function jr(e) {
   return H({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { fill: "none", d: "M0 0h24v24H0V0z" }, child: [] }, { tag: "path", attr: { d: "M16 9v10H8V9h8m-1.5-6h-5l-1 1H5v2h14V4h-3.5l-1-1zM18 7H6v12c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7z" }, child: [] }] })(e);
 }
-function Ct(e) {
+function jt(e) {
   return H({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { fill: "none", d: "M0 0h24v24H0z" }, child: [] }, { tag: "path", attr: { d: "M18 15v3H6v-3H4v3c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2v-3h-2zm-1-4-1.41-1.41L13 12.17V4h-2v8.17L8.41 9.59 7 11l5 5 5-5z" }, child: [] }] })(e);
 }
-function jr(e) {
+function Cr(e) {
   return H({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { fill: "none", d: "M0 0h24v24H0z" }, child: [] }, { tag: "path", attr: { d: "M18 15v3H6v-3H4v3c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2v-3h-2zM7 9l1.41 1.41L11 7.83V16h2V7.83l2.59 2.58L17 9l-5-5-5 5z" }, child: [] }] })(e);
 }
 function Tn(e) {
@@ -800,7 +800,7 @@ function Sn(e) {
 function Mn(e) {
   return H({ tag: "svg", attr: { viewBox: "0 0 640 512" }, child: [{ tag: "path", attr: { d: "M128 0C92.7 0 64 28.7 64 64l0 224-44.8 0C8.6 288 0 296.6 0 307.2C0 349.6 34.4 384 76.8 384L320 384l0-96-192 0 0-224 320 0 0 32 64 0 0-32c0-35.3-28.7-64-64-64L128 0zM512 128l-112 0c-26.5 0-48 21.5-48 48l0 288c0 26.5 21.5 48 48 48l192 0c26.5 0 48-21.5 48-48l0-208-96 0c-17.7 0-32-14.3-32-32l0-96zm32 0l0 96 96 0-96-96z" }, child: [] }] })(e);
 }
-function Ue(e) {
+function qe(e) {
   return H({ tag: "svg", attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M64 144a48 48 0 1 0 0-96 48 48 0 1 0 0 96zM192 64c-17.7 0-32 14.3-32 32s14.3 32 32 32l288 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L192 64zm0 160c-17.7 0-32 14.3-32 32s14.3 32 32 32l288 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-288 0zm0 160c-17.7 0-32 14.3-32 32s14.3 32 32 32l288 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-288 0zM64 464a48 48 0 1 0 0-96 48 48 0 1 0 0 96zm48-208a48 48 0 1 0 -96 0 48 48 0 1 0 96 0z" }, child: [] }] })(e);
 }
 function It(e) {
@@ -833,7 +833,7 @@ function Wt(e) {
 function kn(e) {
   return H({ tag: "svg", attr: { viewBox: "0 0 384 512" }, child: [{ tag: "path", attr: { d: "M64 464c-8.8 0-16-7.2-16-16L48 64c0-8.8 7.2-16 16-16l48 0c0 8.8 7.2 16 16 16l32 0c8.8 0 16-7.2 16-16l48 0 0 80c0 17.7 14.3 32 32 32l80 0 0 288c0 8.8-7.2 16-16 16L64 464zM64 0C28.7 0 0 28.7 0 64L0 448c0 35.3 28.7 64 64 64l256 0c35.3 0 64-28.7 64-64l0-293.5c0-17-6.7-33.3-18.7-45.3L274.7 18.7C262.7 6.7 246.5 0 229.5 0L64 0zm48 112c0 8.8 7.2 16 16 16l32 0c8.8 0 16-7.2 16-16s-7.2-16-16-16l-32 0c-8.8 0-16 7.2-16 16zm0 64c0 8.8 7.2 16 16 16l32 0c8.8 0 16-7.2 16-16s-7.2-16-16-16l-32 0c-8.8 0-16 7.2-16 16zm-6.3 71.8L82.1 335.9c-1.4 5.4-2.1 10.9-2.1 16.4c0 35.2 28.8 63.7 64 63.7s64-28.5 64-63.7c0-5.5-.7-11.1-2.1-16.4l-23.5-88.2c-3.7-14-16.4-23.8-30.9-23.8l-14.8 0c-14.5 0-27.2 9.7-30.9 23.8zM128 336l32 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-32 0c-8.8 0-16-7.2-16-16s7.2-16 16-16z" }, child: [] }] })(e);
 }
-function qe(e) {
+function Ue(e) {
   return H({ tag: "svg", attr: { viewBox: "0 0 384 512" }, child: [{ tag: "path", attr: { d: "M320 464c8.8 0 16-7.2 16-16l0-288-80 0c-17.7 0-32-14.3-32-32l0-80L64 48c-8.8 0-16 7.2-16 16l0 384c0 8.8 7.2 16 16 16l256 0zM0 64C0 28.7 28.7 0 64 0L229.5 0c17 0 33.3 6.7 45.3 18.7l90.5 90.5c12 12 18.7 28.3 18.7 45.3L384 448c0 35.3-28.7 64-64 64L64 512c-35.3 0-64-28.7-64-64L0 64z" }, child: [] }] })(e);
 }
 function Vt(e) {
@@ -844,7 +844,7 @@ function mt(e) {
 }
 const Be = (e = () => {
 }) => {
-  const [r, n] = L(!1), s = de(null), a = (i) => {
+  const [r, n] = L(!1), s = fe(null), a = (i) => {
     var c;
     (c = s.current) != null && c.contains(i.target) ? n(!1) : (n(!0), e(i, s));
   };
@@ -869,7 +869,7 @@ const Be = (e = () => {
     {
       key: "list",
       name: "List",
-      icon: /* @__PURE__ */ t.jsx(Ue, { size: 18 })
+      icon: /* @__PURE__ */ t.jsx(qe, { size: 18 })
     }
   ], c = (l) => {
     a(l), r(l), e(!1);
@@ -899,7 +899,7 @@ const Be = (e = () => {
   const r = e.filter((i) => i.isDirectory), n = e.filter((i) => !i.isDirectory), s = Yt(r), a = Yt(n);
   return [...s, ...a];
 }, Pr = Ie(), Dn = ({ children: e, initialPath: r }) => {
-  const { files: n } = Ge(), s = de(!1), [a, i] = L(""), [c, l] = L(null), [d, p] = L([]);
+  const { files: n } = Ge(), s = fe(!1), [a, i] = L(""), [c, l] = L(null), [d, p] = L([]);
   return te(() => {
     Array.isArray(n) && n.length > 0 && (p(() => {
       const f = n.filter((h) => h.path === `${a}/${h.name}`);
@@ -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: F } = Je(), { activeLayout: z } = Se(), A = [
     {
       icon: /* @__PURE__ */ t.jsx(mr, { size: 17, strokeWidth: 0.3 }),
       text: "New folder",
@@ -969,7 +969,7 @@ const Be = (e = () => {
       onClick: () => a.show("createFolder")
     },
     {
-      icon: /* @__PURE__ */ t.jsx(jr, { size: 18 }),
+      icon: /* @__PURE__ */ t.jsx(Cr, { size: 18 }),
       text: "Upload",
       permission: r,
       onClick: () => a.show("uploadFile")
@@ -978,11 +978,11 @@ const Be = (e = () => {
       icon: /* @__PURE__ */ t.jsx(mt, { size: 18 }),
       text: "Paste",
       permission: !!h,
-      onClick: j
+      onClick: C
     }
-  ], C = [
+  ], j = [
     {
-      icon: z === "grid" ? /* @__PURE__ */ t.jsx(gr, { size: 16 }) : /* @__PURE__ */ t.jsx(Ue, { size: 16 }),
+      icon: z === "grid" ? /* @__PURE__ */ t.jsx(gr, { size: 16 }) : /* @__PURE__ */ t.jsx(qe, { size: 16 }),
       title: "Change View",
       onClick: () => c((u) => !u)
     },
@@ -994,19 +994,19 @@ const Be = (e = () => {
       }
     }
   ];
-  function j() {
-    M(l);
+  function C() {
+    F(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" })
       ] }),
@@ -1014,7 +1014,7 @@ const Be = (e = () => {
         "button",
         {
           className: "item-action file-action",
-          onClick: j,
+          onClick: C,
           children: [
             /* @__PURE__ */ t.jsx(mt, { size: 18 }),
             /* @__PURE__ */ t.jsx("span", { children: "Paste" })
@@ -1033,7 +1033,7 @@ const Be = (e = () => {
         }
       ),
       !d.isDirectory && /* @__PURE__ */ t.jsxs("button", { className: "item-action file-action", onClick: y, children: [
-        /* @__PURE__ */ t.jsx(Ct, { size: 19 }),
+        /* @__PURE__ */ t.jsx(jt, { size: 19 }),
         /* @__PURE__ */ t.jsx("span", { children: "Download" })
       ] }),
       /* @__PURE__ */ t.jsxs(
@@ -1042,7 +1042,7 @@ const Be = (e = () => {
           className: "item-action file-action",
           onClick: () => a.show("delete"),
           children: [
-            /* @__PURE__ */ t.jsx(Cr, { size: 19 }),
+            /* @__PURE__ */ t.jsx(jr, { size: 19 }),
             /* @__PURE__ */ t.jsx("span", { children: "Delete" })
           ]
         }
@@ -1071,9 +1071,9 @@ const Be = (e = () => {
       /* @__PURE__ */ t.jsx("span", { children: u.text })
     ] }, g)) }),
     /* @__PURE__ */ t.jsxs("div", { children: [
-      C.map((u, g) => /* @__PURE__ */ t.jsxs("div", { className: "toolbar-left-items", children: [
+      j.map((u, g) => /* @__PURE__ */ t.jsxs("div", { className: "toolbar-left-items", children: [
         /* @__PURE__ */ t.jsx("button", { className: "item-action icon-only", title: u.title, onClick: u.onClick, children: u.icon }),
-        g !== C.length - 1 && /* @__PURE__ */ t.jsx("div", { className: "item-separator" })
+        g !== j.length - 1 && /* @__PURE__ */ t.jsx("div", { className: "item-separator" })
       ] }, g)),
       i && /* @__PURE__ */ t.jsx(
         Nn,
@@ -1115,7 +1115,7 @@ var Wn = class extends Error {
   }
 }, Ke = (...e) => Hn(e[0], `[react-collapsed] -- ${e[1]}`);
 function Mr(e) {
-  const r = de(e);
+  const r = fe(e);
   return te(() => {
     r.current = e;
   }), fr((...n) => {
@@ -1124,7 +1124,7 @@ function Mr(e) {
   }, []);
 }
 function Vn(e, r, n) {
-  const [s, a] = L(r), i = de(typeof e < "u"), c = i.current ? e : s, l = Mr(n), d = fr(
+  const [s, a] = L(r), i = fe(typeof e < "u"), c = i.current ? e : s, l = Mr(n), d = fr(
     (p) => {
       const h = typeof p == "function" ? p(c) : p;
       i.current || a(h), l == null || l(h);
@@ -1142,7 +1142,7 @@ function Vn(e, r, n) {
   }, [e]), [c, d];
 }
 var Yn = "(prefers-reduced-motion: reduce)";
-function Un() {
+function qn() {
   const [e, r] = L(!1);
   return te(() => {
     if (typeof window > "u" || typeof window.matchMedia != "function")
@@ -1162,16 +1162,16 @@ function Un() {
       };
   }, []), e;
 }
-var qn = De.useId || (() => {
+var Un = De.useId || (() => {
 });
 function Kn() {
-  return qn() ?? "";
+  return Un() ?? "";
 }
-var Xn = typeof window < "u" ? De.useLayoutEffect : De.useEffect, at = !1, Gn = 0, Ut = () => ++Gn;
+var Xn = typeof window < "u" ? De.useLayoutEffect : De.useEffect, at = !1, Gn = 0, qt = () => ++Gn;
 function Jn(e) {
-  const r = e || (at ? Ut() : null), [n, s] = De.useState(r);
+  const r = e || (at ? qt() : null), [n, s] = De.useState(r);
   return Xn(() => {
-    n === null && s(Ut());
+    n === null && s(qt());
   }, []), De.useEffect(() => {
     at === !1 && (at = !0);
   }, []), n != null ? String(n) : void 0;
@@ -1189,7 +1189,7 @@ function Qn(e, r) {
   }
   return a(), s;
 }
-function qt(e) {
+function Ut(e) {
   e.id && cancelAnimationFrame(e.id);
 }
 function Kt(e) {
@@ -1260,16 +1260,16 @@ function ss({
   const d = Mr(n), p = Zn(c ? `${c}` : void 0), [f, h] = Vn(
     s,
     a
-  ), w = de(f), [S, M] = L(!1), z = Un(), A = i ?? z, C = de(), j = de(), y = de(null), [b, u] = L(null);
+  ), w = fe(f), [M, F] = L(!1), z = qn(), A = i ?? z, j = fe(), C = fe(), y = fe(null), [b, u] = L(null);
   rs(y);
   const g = `${l.collapsedHeight || 0}px`;
   function _(x) {
     if (!y.current)
       return;
     const R = y.current;
-    for (const F in x) {
-      const D = x[F];
-      D ? R.style[F] = D : R.style.removeProperty(F);
+    for (const S in x) {
+      const D = x[S];
+      D ? R.style[S] = D : R.style.removeProperty(S);
     }
   }
   return ns(() => {
@@ -1279,41 +1279,41 @@ function ss({
     function R(k) {
       return A ? 0 : e ?? es(k);
     }
-    const F = (k) => `height ${R(k)}ms ${r}`, D = (k) => {
+    const S = (k) => `height ${R(k)}ms ${r}`, D = (k) => {
       function N() {
         f ? (_({
           height: "",
           overflow: "",
           transition: "",
           display: ""
-        }), d("expandEnd")) : (_({ transition: "" }), d("collapseEnd")), M(!1);
+        }), d("expandEnd")) : (_({ transition: "" }), d("collapseEnd")), F(!1);
       }
-      j.current && qt(j.current), j.current = Qn(N, k);
+      C.current && Ut(C.current), C.current = Qn(N, k);
     };
-    return M(!0), f ? C.current = requestAnimationFrame(() => {
+    return F(!0), f ? j.current = requestAnimationFrame(() => {
       d("expandStart"), _({
         display: "block",
         overflow: "hidden",
         height: g
-      }), C.current = requestAnimationFrame(() => {
+      }), 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`);
+        D(R(k)), y.current && (y.current.style.transition = S(k), y.current.style.height = `${k}px`);
       });
-    }) : C.current = requestAnimationFrame(() => {
+    }) : j.current = requestAnimationFrame(() => {
       d("collapseStart");
       const k = Kt(y);
       D(R(k)), _({
-        transition: F(k),
+        transition: S(k),
         height: `${k}px`
-      }), C.current = requestAnimationFrame(() => {
+      }), j.current = requestAnimationFrame(() => {
         d("collapsing"), _({
           height: g,
           overflow: "hidden"
         });
       });
     }), () => {
-      C.current && cancelAnimationFrame(C.current), j.current && qt(j.current);
+      j.current && cancelAnimationFrame(j.current), C.current && Ut(C.current);
     };
   }, [
     f,
@@ -1326,47 +1326,47 @@ function ss({
     isExpanded: f,
     setExpanded: h,
     getToggleProps(x) {
-      const { disabled: R, onClick: F, refKey: D, ...k } = {
+      const { disabled: R, onClick: S, refKey: D, ...k } = {
         refKey: "ref",
         onClick() {
         },
         disabled: !1,
         ...x
-      }, N = b ? b.tagName === "BUTTON" : void 0, K = x == null ? void 0 : x[D || "ref"], oe = {
+      }, N = b ? b.tagName === "BUTTON" : void 0, G = x == null ? void 0 : x[D || "ref"], ae = {
         id: `react-collapsed-toggle-${p}`,
         "aria-controls": `react-collapsed-panel-${p}`,
         "aria-expanded": f,
-        onClick(he) {
-          R || (F == null || F(he), h((xe) => !xe));
+        onClick(ee) {
+          R || (S == null || S(ee), h((ve) => !ve));
         },
-        [D || "ref"]: Xt(K, u)
-      }, ae = {
+        [D || "ref"]: Xt(G, u)
+      }, oe = {
         type: "button",
         disabled: R ? !0 : void 0
-      }, Q = {
+      }, ce = {
         "aria-disabled": R ? !0 : void 0,
         role: "button",
         tabIndex: R ? -1 : 0
       };
-      return N === !1 ? { ...oe, ...Q, ...k } : N === !0 ? { ...oe, ...ae, ...k } : {
-        ...oe,
+      return N === !1 ? { ...ae, ...ce, ...k } : N === !0 ? { ...ae, ...oe, ...k } : {
         ...ae,
-        ...Q,
+        ...oe,
+        ...ce,
         ...k
       };
     },
     getCollapseProps(x) {
-      const { style: R, refKey: F } = { refKey: "ref", style: {}, ...x }, D = x == null ? void 0 : x[F || "ref"];
+      const { style: R, refKey: S } = { refKey: "ref", style: {}, ...x }, D = x == null ? void 0 : x[S || "ref"];
       return {
         id: `react-collapsed-panel-${p}`,
         "aria-hidden": !f,
         "aria-labelledby": `react-collapsed-toggle-${p}`,
         role: "region",
         ...x,
-        [F || "ref"]: Xt(y, D),
+        [S || "ref"]: Xt(y, D),
         style: {
           boxSizing: "border-box",
-          ...!S && !f ? {
+          ...!M && !f ? {
             // collapsed and not animating
             display: g === "0px" ? "none" : "block",
             height: g,
@@ -1400,111 +1400,111 @@ 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 = de(null), h = de([]), w = de(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(() => {
     r(() => {
-      let j = "";
+      let C = "";
       return d == null ? void 0 : d.split("/").map((y) => ({
         name: y || "Home",
-        path: y === "" ? y : j += `/${y}`
+        path: y === "" ? y : C += `/${y}`
       }));
     }), s([]), i([]);
   }, [d]);
-  const M = (j) => {
-    p(j);
+  const F = (C) => {
+    p(C);
   }, z = () => {
-    const j = 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 j - (b + g);
+    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 = () => {
     var u;
-    const j = z(), y = h.current.reduce((g, _) => _ ? g + _.clientWidth : g, 0), b = ((u = w.current) == null ? void 0 : u.clientWidth) || 0;
-    return j - (y + b);
-  }, C = () => f.current.scrollWidth > f.current.clientWidth;
+    const C = z(), 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(() => {
-    var j;
-    if (C()) {
-      const y = e[1], b = (j = h.current[1]) == null ? void 0 : j.clientWidth;
+    var C;
+    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)) {
       const y = [e[0], n.at(-1), ...e.slice(1)];
       r(y), s((b) => b.slice(0, -1)), i((b) => b.slice(0, -1));
     }
-  }, [C]), /* @__PURE__ */ t.jsxs("div", { className: "bread-crumb-container", children: [
-    /* @__PURE__ */ t.jsx("div", { className: "breadcrumb", ref: f, children: e.map((j, y) => /* @__PURE__ */ t.jsxs("div", { style: { display: "contents" }, children: [
+  }, [j]), /* @__PURE__ */ t.jsxs("div", { className: "bread-crumb-container", children: [
+    /* @__PURE__ */ t.jsx("div", { className: "breadcrumb", ref: f, children: e.map((C, y) => /* @__PURE__ */ t.jsxs("div", { style: { display: "contents" }, children: [
       /* @__PURE__ */ t.jsxs(
         "span",
         {
           className: "folder-name",
-          onClick: () => M(j.path),
+          onClick: () => F(C.path),
           ref: (b) => h.current[y] = b,
           children: [
             y === 0 ? /* @__PURE__ */ t.jsx(bn, {}) : /* @__PURE__ */ t.jsx(Tn, {}),
-            j.name
+            C.name
           ]
         }
       ),
@@ -1519,13 +1519,13 @@ const kr = () => {
         }
       )
     ] }, y)) }),
-    c && /* @__PURE__ */ t.jsx("ul", { ref: S.ref, className: "hidden-folders-container", children: n.map((j, 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(j.path), l(!1);
+          F(C.path), l(!1);
         },
-        children: j.name
+        children: C.name
       },
       y
     )) })
@@ -1596,16 +1596,16 @@ 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"), F = Be((g) => {
     g.preventDefault(), g.stopPropagation();
-  }), { currentFolder: z, currentPathFiles: A, setCurrentPathFiles: C } = Ee(), { activeLayout: j } = Se(), y = (g) => {
+  }), { currentFolder: z, currentPathFiles: A, 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(), C((x) => x.filter((R) => R.key !== r.key))), /[\\/:*?"<>|]/.test(g.key) ? (g.preventDefault(), p(
+    g.key === "Escape" && (g.preventDefault(), s.close(), j((x) => x.filter((R) => R.key !== r.key))), /[\\/:*?"<>|]/.test(g.key) ? (g.preventDefault(), p(
       `A file name can't contain any of the following characters: \\ / : * ? " < > |`
     ), l(!0)) : (l(!1), p(""));
   };
@@ -1618,34 +1618,34 @@ const Xe = (e) => ({
     }
   }, [c]);
   function u() {
-    var R, F;
+    var R, S;
     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);
+      p(`This destination already contains a folder named '${g}'.`), l(!0), (R = F.ref.current) == null || R.focus(), (S = F.ref.current) == null || S.select(), F.setIsClicked(!1);
       return;
     }
-    g === "" && (g = _r("New Folder", !0, _)), Le(n, "onCreateFolder", g, z), C((D) => D.filter((k) => k.key !== r.key)), s.close();
+    g === "" && (g = _r("New Folder", !0, _)), Le(n, "onCreateFolder", g, z), j((D) => D.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, K = N.getBoundingClientRect();
-      k.right - K.left > 313 ? h("right") : h("left"), k.bottom - (K.top + N.clientHeight) > 88 ? S("bottom") : S("top");
+    if ((g = F.ref.current) == null || g.focus(), (_ = F.ref.current) == null || _.select(), (x = F.ref) != null && x.current) {
+      const k = e.current.getBoundingClientRect(), N = F.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: [
+    F.isClicked && u();
+  }, [F.isClicked]), /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsx(
       Nr,
       {
-        nameInputRef: M.ref,
+        nameInputRef: F.ref,
         maxLength: ls,
         value: a,
         onChange: y,
         onKeyDown: b,
         onClick: (g) => g.stopPropagation(),
-        ...j === "list" && { rows: 1 }
+        ...C === "list" && { rows: 1 }
       }
     ),
     c && /* @__PURE__ */ t.jsx(
@@ -1679,7 +1679,7 @@ const Ar = ({
   contentClassName: i = "",
   closeButton: c = !0
 }) => {
-  const l = de(null), d = (p) => {
+  const l = fe(null), d = (p) => {
     p.key === "Escape" && n(!1);
   };
   return te(() => {
@@ -1701,7 +1701,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: C } = Ee(), { activeLayout: j } = Se(), y = de(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"), [F, z] = L("bottom"), { currentPathFiles: A, 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) => {
@@ -1723,36 +1723,36 @@ const Ar = ({
   }, [d]);
   function g(x) {
     if (a === "" || a === r.name) {
-      C(
-        (R) => R.map((F) => (F.key === r.key && (F.isEditing = !1), F))
+      j(
+        (R) => R.map((S) => (S.key === r.key && (S.isEditing = !1), S))
       ), s.close();
       return;
     } else if (A.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) {
-      const R = _e(r.name), F = _e(a);
-      if (R !== F) {
+      const R = _e(r.name), S = _e(a);
+      if (R !== S) {
         l(!0);
         return;
       }
     }
-    p(!1), Le(n, "onRename", r, a), C((R) => R.filter((F) => F.key !== r.key)), s.close();
+    p(!1), Le(n, "onRename", r, a), j((R) => R.filter((S) => S.key !== r.key)), s.close();
   }
   const _ = () => {
-    var x, R, F, D, k, N;
+    var x, R, S, D, 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();
+      (D = (S = b.ref) == null ? void 0 : S.current) == null || D.select();
     else {
-      const K = _e(r.name), oe = r.name.length - K.length - 1;
-      (N = (k = b.ref) == null ? void 0 : k.current) == null || N.setSelectionRange(0, oe);
+      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);
     }
   };
   return te(() => {
     var x;
     if (_(), (x = b.ref) != null && x.current) {
-      const k = e.current.getBoundingClientRect(), N = b.ref.current, K = N.getBoundingClientRect();
-      k.right - K.left > 313 ? S("right") : S("left"), k.bottom - (K.top + N.clientHeight) > 88 ? z("bottom") : z("top");
+      const k = e.current.getBoundingClientRect(), N = b.ref.current, G = N.getBoundingClientRect();
+      k.right - G.left > 313 ? M("right") : M("left"), k.bottom - (G.top + N.clientHeight) > 88 ? z("bottom") : z("top");
     }
   }, []), te(() => {
     b.isClicked && g(!1), _();
@@ -1768,7 +1768,7 @@ const Ar = ({
         },
         onKeyDown: u,
         onClick: (x) => x.stopPropagation(),
-        ...j === "list" && { rows: 1 }
+        ...C === "list" && { rows: 1 }
       }
     ),
     d && /* @__PURE__ */ t.jsx(
@@ -1776,7 +1776,7 @@ const Ar = ({
       {
         message: f,
         xPlacement: w,
-        yPlacement: M
+        yPlacement: F
       }
     ),
     /* @__PURE__ */ t.jsx(
@@ -1798,7 +1798,7 @@ const Ar = ({
               {
                 type: "secondary",
                 onClick: () => {
-                  C(
+                  j(
                     (x) => x.map((R) => (R.key === r.key && (R.isEditing = !1), R))
                   ), l(!1), s.close();
                 },
@@ -1863,56 +1863,56 @@ const Ar = ({
   handleContextMenu: p,
   setLastSelectedFile: f
 }) => {
-  var fe, E, ve, Te;
-  const [h, w] = L(!1), [S, M] = L(0), [z, A] = L("hidden"), [C, j] = 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: K } = Je(), oe = de(null), ae = Xe(it), Q = (D == null ? void 0 : D.isMoving) && D.files.find((Y) => Y.name === r.name && Y.path === r.path), he = () => {
-    i(r), r.isDirectory ? (x(r.path), F([])) : a && d.show("previewFile");
-  }, xe = (Y, le) => {
+  var he, E, me, Te;
+  const [h, w] = L(!1), [M, F] = 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: S } = 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 = () => {
+    i(r), r.isDirectory ? (x(r.path), S([])) : a && d.show("previewFile");
+  }, ve = (Y, ue) => {
     if (l.length > 0 && Y) {
-      let je = !1, Re = l[0], we = e;
+      let Ce = !1, Re = l[0], we = e;
       if (Re >= we) {
         const Qe = Re;
-        Re = we, we = Qe, je = !0;
+        Re = we, we = Qe, Ce = !0;
       }
       const He = R.slice(Re, we + 1);
-      F(je ? He.reverse() : He);
-    } else l.length > 0 && le ? F((je) => {
-      const Re = je.filter((we) => we.path !== r.path);
-      return je.length === Re.length ? [...je, r] : Re;
-    }) : F([r]);
+      S(Ce ? He.reverse() : He);
+    } else l.length > 0 && ue ? S((Ce) => {
+      const Re = Ce.filter((we) => we.path !== r.path);
+      return Ce.length === Re.length ? [...Ce, r] : Re;
+    }) : S([r]);
   }, v = (Y) => {
     if (Y.stopPropagation(), r.isEditing) return;
-    xe(Y.shiftKey, Y.ctrlKey);
-    const le = (/* @__PURE__ */ new Date()).getTime();
-    if (le - S < 300) {
-      he();
+    ve(Y.shiftKey, Y.ctrlKey);
+    const ue = (/* @__PURE__ */ new Date()).getTime();
+    if (ue - M < 300) {
+      ee();
       return;
     }
-    M(le);
+    F(ue);
   }, P = (Y) => {
-    Y.key === "Enter" && (Y.stopPropagation(), F([r]), he());
+    Y.key === "Enter" && (Y.stopPropagation(), S([r]), ee());
   }, V = (Y) => {
-    Y.stopPropagation(), Y.preventDefault(), !r.isEditing && (h || F([r]), f(r), p(Y, !0));
+    Y.stopPropagation(), Y.preventDefault(), !r.isEditing && (h || S([r]), f(r), p(Y, !0));
   }, W = () => {
     A("visible");
   }, I = () => {
     !h && A("hidden");
   }, X = (Y) => {
-    Y.target.checked ? F((le) => [...le, r]) : F((le) => le.filter((je) => je.name !== r.name && je.path !== r.path)), w(Y.target.checked);
+    Y.target.checked ? S((ue) => [...ue, r]) : S((ue) => ue.filter((Ce) => Ce.name !== r.name && Ce.path !== r.path)), w(Y.target.checked);
   }, O = (Y) => {
-    Y.dataTransfer.setDragImage(oe.current, 30, 50), Y.dataTransfer.effectAllowed = "copy", k(!0);
-  }, $ = () => N(null), U = (Y) => {
-    Y.preventDefault(), h || !r.isDirectory ? Y.dataTransfer.dropEffect = "none" : (b({ x: Y.clientX, y: Y.clientY + 12 }), Y.dataTransfer.dropEffect = "copy", j("file-drop-zone"));
+    Y.dataTransfer.setDragImage(ae.current, 30, 50), Y.dataTransfer.effectAllowed = "copy", k(!0);
+  }, $ = () => N(null), q = (Y) => {
+    Y.preventDefault(), h || !r.isDirectory ? Y.dataTransfer.dropEffect = "none" : (b({ x: Y.clientX, y: Y.clientY + 12 }), Y.dataTransfer.dropEffect = "copy", C("file-drop-zone"));
   }, Z = (Y) => {
-    Y.currentTarget.contains(Y.relatedTarget) || (j((le) => le && ""), b(null));
-  }, q = (Y) => {
-    Y.preventDefault(), !(h || !r.isDirectory) && (K(r), j((le) => le && ""), b(null));
+    Y.currentTarget.contains(Y.relatedTarget) || (C((ue) => ue && ""), b(null));
+  }, U = (Y) => {
+    Y.preventDefault(), !(h || !r.isDirectory) && (G(r), C((ue) => ue && ""), b(null));
   };
   return te(() => {
     w(l.includes(e)), A(l.includes(e) ? "visible" : "hidden");
   }, [l]), /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: `file-item-container ${C} ${h || r.isEditing ? "file-selected" : ""} ${Q ? "file-moving" : ""}`,
+      className: `file-item-container ${j} ${h || r.isEditing ? "file-selected" : ""} ${ce ? "file-moving" : ""}`,
       tabIndex: 0,
       title: r.name,
       onClick: v,
@@ -1923,10 +1923,10 @@ const Ar = ({
       draggable: h,
       onDragStart: O,
       onDragEnd: $,
-      onDragEnter: U,
-      onDragOver: U,
+      onDragEnter: q,
+      onDragOver: q,
       onDragLeave: Z,
-      onDrop: q,
+      onDrop: U,
       children: [
         /* @__PURE__ */ t.jsxs("div", { className: "file-item", children: [
           !r.isEditing && /* @__PURE__ */ t.jsx(
@@ -1940,7 +1940,7 @@ const Ar = ({
               onClick: (Y) => Y.stopPropagation()
             }
           ),
-          r.isDirectory ? /* @__PURE__ */ t.jsx(Vt, { size: g }) : /* @__PURE__ */ t.jsx(t.Fragment, { children: _[(E = (fe = r.name) == null ? void 0 : fe.split(".").pop()) == null ? void 0 : E.toLowerCase()] ?? /* @__PURE__ */ t.jsx(qe, { size: g }) }),
+          r.isDirectory ? /* @__PURE__ */ t.jsx(Vt, { size: g }) : /* @__PURE__ */ t.jsx(t.Fragment, { children: _[(E = (he = r.name) == null ? void 0 : he.split(".").pop()) == null ? void 0 : E.toLowerCase()] ?? /* @__PURE__ */ t.jsx(Ue, { size: g }) }),
           r.isEditing ? /* @__PURE__ */ t.jsx("div", { className: `rename-file-container ${u}`, children: d.actionType === "createFolder" ? /* @__PURE__ */ t.jsx(
             us,
             {
@@ -1977,7 +1977,7 @@ const Ar = ({
             ]
           }
         ),
-        /* @__PURE__ */ t.jsx("div", { ref: oe, className: "drag-icon", children: r.isDirectory ? /* @__PURE__ */ t.jsx(Vt, { size: it }) : /* @__PURE__ */ t.jsx(t.Fragment, { children: ae[(Te = (ve = r.name) == null ? void 0 : ve.split(".").pop()) == null ? void 0 : Te.toLowerCase()] ?? /* @__PURE__ */ t.jsx(qe, { size: it }) }) })
+        /* @__PURE__ */ t.jsx("div", { ref: ae, className: "drag-icon", children: r.isDirectory ? /* @__PURE__ */ t.jsx(Vt, { size: it }) : /* @__PURE__ */ t.jsx(t.Fragment, { children: oe[(Te = (me = r.name) == null ? void 0 : me.split(".").pop()) == null ? void 0 : Te.toLowerCase()] ?? /* @__PURE__ */ t.jsx(Ue, { size: it }) }) })
       ]
     }
   );
@@ -1986,47 +1986,47 @@ 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 = de(null), M = () => {
-    const { clickX: C, clickY: j } = a, y = e.current, b = y.getBoundingClientRect(), u = y.offsetWidth - y.clientWidth, g = r.current.getBoundingClientRect(), _ = g.width, x = g.height, R = C - b.left, F = b.width - (R + u) > _, D = !F, k = j - b.top, N = b.height - k > x, K = !N;
-    F ? (c(`${R}px`), w("right")) : D && (c(`${R - _}px`), w("left")), N ? d(`${k + y.scrollTop}px`) : K && d(`${k + y.scrollTop - x}px`);
-  }, z = (C) => {
-    C.preventDefault(), C.stopPropagation();
-  }, A = (C) => {
-    f(C);
+  const [i, c] = L(0), [l, d] = L(0), [p, f] = L(null), [h, w] = L("right"), M = fe(null), F = () => {
+    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, S = b.width - (R + u) > _, D = !S, k = C - b.top, N = b.height - k > x, G = !N;
+    S ? (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();
+  }, A = (j) => {
+    f(j);
   };
   if (te(() => {
-    s && r.current ? M() : (d(0), c(0), f(null));
+    s && r.current ? F() : (d(0), c(0), f(null));
   }, [s]), s)
     return /* @__PURE__ */ t.jsx(
       "div",
       {
         ref: r,
         onContextMenu: z,
-        onClick: (C) => C.stopPropagation(),
+        onClick: (j) => j.stopPropagation(),
         className: `fm-context-menu ${l ? "visible" : "hidden"}`,
         style: {
           top: l,
           left: i
         },
-        children: /* @__PURE__ */ t.jsx("div", { className: "file-context-menu-list", children: /* @__PURE__ */ t.jsx("ul", { children: n.filter((C) => !C.hidden).map((C, j) => {
-          const y = C.hasOwnProperty("children"), b = p === j && y;
+        children: /* @__PURE__ */ t.jsx("div", { className: "file-context-menu-list", children: /* @__PURE__ */ t.jsx("ul", { children: n.filter((j) => !j.hidden).map((j, C) => {
+          const y = j.hasOwnProperty("children"), b = p === C && y;
           return /* @__PURE__ */ t.jsxs("div", { children: [
             /* @__PURE__ */ t.jsxs(
               "li",
               {
-                onClick: C.onClick,
-                className: `${C.className ?? ""} ${b ? "active" : ""}`,
-                onMouseOver: () => A(j),
+                onClick: j.onClick,
+                className: `${j.className ?? ""} ${b ? "active" : ""}`,
+                onMouseOver: () => A(C),
                 children: [
-                  C.icon,
-                  /* @__PURE__ */ t.jsx("span", { children: C.title }),
+                  j.icon,
+                  /* @__PURE__ */ t.jsx("span", { children: j.title }),
                   y && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
                     /* @__PURE__ */ t.jsx(Sn, { size: 14, className: "list-expand-icon" }),
                     b && /* @__PURE__ */ t.jsx(
                       ms,
                       {
-                        subMenuRef: S,
-                        list: C.children,
+                        subMenuRef: M,
+                        list: j.children,
                         position: h
                       }
                     )
@@ -2034,8 +2034,8 @@ const Ar = ({
                 ]
               }
             ),
-            C.divider && /* @__PURE__ */ t.jsx("div", { className: "divider" })
-          ] }, C.title);
+            j.divider && /* @__PURE__ */ t.jsx("div", { className: "divider" })
+          ] }, j.title);
         }) }) })
       }
     );
@@ -2044,30 +2044,30 @@ 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: C, setSelectedFiles: j, handleDownload: y } = Fe(), { currentPath: b, setCurrentPath: u, currentPathFiles: g, setCurrentPathFiles: _ } = Ee(), { activeLayout: x, setActiveLayout: R } = Se(), F = () => {
-    h.isDirectory ? (u(h.path), a([]), j([])) : r && n.show("previewFile"), c(!1);
+  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: F, 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(), S = () => {
+    h.isDirectory ? (u(h.path), a([]), C([])) : r && n.show("previewFile"), c(!1);
   }, D = (O) => {
     z(O), c(!1);
   }, k = () => {
     A(h), c(!1);
   }, N = () => {
     c(!1), n.show("rename");
-  }, K = () => {
+  }, G = () => {
     y(), c(!1);
-  }, oe = () => {
-    c(!1), n.show("delete");
   }, ae = () => {
-    c(!1), Le(e, "onRefresh"), M(null);
-  }, Q = () => {
+    c(!1), n.show("delete");
+  }, oe = () => {
+    c(!1), Le(e, "onRefresh"), F(null);
+  }, ce = () => {
     n.show("createFolder"), c(!1);
-  }, he = () => {
+  }, ee = () => {
     c(!1), n.show("uploadFile");
-  }, xe = () => {
-    j(g), c(!1);
+  }, ve = () => {
+    C(g), c(!1);
   }, v = [
     {
       title: "View",
-      icon: x === "grid" ? /* @__PURE__ */ t.jsx(Dt, { size: 18 }) : /* @__PURE__ */ t.jsx(Ue, { size: 18 }),
+      icon: x === "grid" ? /* @__PURE__ */ t.jsx(Dt, { size: 18 }) : /* @__PURE__ */ t.jsx(qe, { size: 18 }),
       onClick: () => {
       },
       children: [
@@ -2081,7 +2081,7 @@ const xs = (e, r, n) => {
         },
         {
           title: "List",
-          icon: /* @__PURE__ */ t.jsx(Ue, { size: 18 }),
+          icon: /* @__PURE__ */ t.jsx(qe, { size: 18 }),
           selected: x === "list",
           onClick: () => {
             R("list"), c(!1);
@@ -2092,30 +2092,30 @@ const xs = (e, r, n) => {
     {
       title: "Refresh",
       icon: /* @__PURE__ */ t.jsx(xr, { size: 18 }),
-      onClick: ae,
+      onClick: oe,
       divider: !0
     },
     {
       title: "New folder",
       icon: /* @__PURE__ */ t.jsx(mr, { size: 18 }),
-      onClick: Q
+      onClick: ce
     },
     {
       title: "Upload",
-      icon: /* @__PURE__ */ t.jsx(jr, { size: 18 }),
-      onClick: he,
+      icon: /* @__PURE__ */ t.jsx(Cr, { size: 18 }),
+      onClick: ee,
       divider: !0
     },
     {
       title: "Select all",
       icon: /* @__PURE__ */ t.jsx(Fn, { size: 18 }),
-      onClick: xe
+      onClick: ve
     }
   ], P = [
     {
       title: "Open",
-      icon: h != null && h.isDirectory ? /* @__PURE__ */ t.jsx(ys, { size: 20 }) : /* @__PURE__ */ t.jsx(qe, { size: 16 }),
-      onClick: F,
+      icon: h != null && h.isDirectory ? /* @__PURE__ */ t.jsx(ys, { size: 20 }) : /* @__PURE__ */ t.jsx(Ue, { size: 16 }),
+      onClick: S,
       divider: !0
     },
     {
@@ -2133,7 +2133,7 @@ const xs = (e, r, n) => {
       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
     },
@@ -2141,18 +2141,18 @@ const xs = (e, r, n) => {
       title: "Rename",
       icon: /* @__PURE__ */ t.jsx(br, { size: 19 }),
       onClick: N,
-      hidden: C.length > 1
+      hidden: j.length > 1
     },
     {
       title: "Download",
-      icon: /* @__PURE__ */ t.jsx(Ct, { size: 18 }),
-      onClick: K,
+      icon: /* @__PURE__ */ t.jsx(jt, { size: 18 }),
+      onClick: G,
       hidden: h == null ? void 0 : h.isDirectory
     },
     {
       title: "Delete",
-      icon: /* @__PURE__ */ t.jsx(Cr, { size: 19 }),
-      onClick: oe
+      icon: /* @__PURE__ */ t.jsx(jr, { size: 19 }),
+      onClick: ae
     }
   ], V = () => {
     _((O) => [
@@ -2166,9 +2166,9 @@ const xs = (e, r, n) => {
       }
     ]);
   }, W = () => {
-    _((O) => (O[s.at(-1)] && (O[s.at(-1)].isEditing = !0), O)), a([]), j([]);
+    _((O) => (O[s.at(-1)] && (O[s.at(-1)].isEditing = !0), O)), a([]), C([]);
   }, I = () => {
-    a([]), j((O) => O.length > 0 ? [] : O);
+    a([]), C((O) => O.length > 0 ? [] : O);
   }, X = (O, $ = !1) => {
     O.preventDefault(), f({ clickX: O.clientX, clickY: O.clientY }), d($), !$ && I(), c(!0);
   };
@@ -2183,10 +2183,10 @@ const xs = (e, r, n) => {
           break;
       }
   }, [n.isActive]), te(() => {
-    a([]), j([]);
+    a([]), C([]);
   }, [b]), te(() => {
-    C.length > 0 ? a(() => C.map((O) => g.findIndex(($) => $.path === O.path))) : a([]);
-  }, [C, g]), {
+    j.length > 0 ? a(() => j.map((O) => g.findIndex(($) => $.path === O.path))) : a([]);
+  }, [j, g]), {
     emptySelecCtxItems: v,
     selecCtxItems: P,
     handleContextMenu: X,
@@ -2198,7 +2198,7 @@ const xs = (e, r, n) => {
     clickPosition: p,
     isSelectionCtx: l
   };
-}, Cs = ({ unselectFiles: e }) => {
+}, js = ({ unselectFiles: e }) => {
   const [r, n] = L(!1), { selectedFiles: s, setSelectedFiles: a } = Fe(), { currentPathFiles: i } = Ee(), c = yt(() => i.length > 0 && s.length === i.length, [s, i]), l = (d) => {
     d.target.checked ? (a(i), n(!0)) : e();
   };
@@ -2224,18 +2224,18 @@ const xs = (e, r, n) => {
   enableFilePreview: a,
   triggerAction: i
 }) => {
-  const { currentPathFiles: c } = Ee(), l = de(null), { activeLayout: d } = Se(), {
+  const { currentPathFiles: c } = Ee(), l = fe(null), { activeLayout: d } = Se(), {
     emptySelecCtxItems: p,
     selecCtxItems: f,
     handleContextMenu: h,
     unselectFiles: w,
-    visible: S,
-    setVisible: M,
+    visible: M,
+    setVisible: F,
     setLastSelectedFile: z,
     selectedFileIndexes: A,
-    clickPosition: C,
-    isSelectionCtx: j
-  } = xs(s, a, i), y = Be(() => M(!1));
+    clickPosition: j,
+    isSelectionCtx: C
+  } = xs(s, a, i), y = Be(() => F(!1));
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
@@ -2244,7 +2244,7 @@ const xs = (e, r, n) => {
       onContextMenu: h,
       onClick: w,
       children: [
-        d === "list" && /* @__PURE__ */ t.jsx(Cs, { unselectFiles: w }),
+        d === "list" && /* @__PURE__ */ t.jsx(js, { unselectFiles: w }),
         (c == null ? void 0 : c.length) > 0 ? /* @__PURE__ */ t.jsx(t.Fragment, { children: c.map((b, u) => /* @__PURE__ */ t.jsx(
           vs,
           {
@@ -2258,7 +2258,7 @@ const xs = (e, r, n) => {
             filesViewRef: l,
             selectedFileIndexes: A,
             handleContextMenu: h,
-            setVisible: M,
+            setVisible: F,
             setLastSelectedFile: z
           },
           u
@@ -2268,10 +2268,10 @@ const xs = (e, r, n) => {
           {
             filesViewRef: l,
             contextMenuRef: y.ref,
-            menuItems: j ? f : p,
-            visible: S,
-            setVisible: M,
-            clickPosition: C
+            menuItems: C ? f : p,
+            visible: M,
+            setVisible: F,
+            clickPosition: j
           }
         )
       ]
@@ -2279,7 +2279,7 @@ const xs = (e, r, n) => {
   );
 };
 Ir.displayName = "FileList";
-const js = ({ triggerAction: e, onDelete: r }) => {
+const Cs = ({ triggerAction: e, onDelete: r }) => {
   const [n, s] = L(""), { selectedFiles: a, setSelectedFiles: i } = Fe();
   te(() => {
     s(() => {
@@ -2323,7 +2323,7 @@ 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 = de(), { onError: C } = Ge(), j = (F) => {
+  const [l, d] = L(0), [p, f] = L(!1), [h, w] = L(!1), [M, F] = L(!1), z = Xe(33), A = fe(), { onError: j } = Ge(), C = (S) => {
     d(0), s((k) => ({
       ...k,
       [e]: !1
@@ -2332,71 +2332,73 @@ const Ps = ({
       type: "upload",
       message: "Upload failed.",
       response: {
-        status: F.status,
-        statusText: F.statusText,
-        data: F.response
+        status: S.status,
+        statusText: S.statusText,
+        data: S.response
       }
     };
     n(
-      (k) => k.map((N, K) => e === K ? {
+      (k) => k.map((N, G) => e === G ? {
         ...N,
         error: D.message
       } : N)
-    ), M(!0), C(D, r.file);
-  }, y = (F) => {
-    if (!F.error)
+    ), F(!0), j(D, r.file);
+  }, y = (S) => {
+    if (!S.error)
       return new Promise((D, k) => {
         const N = new XMLHttpRequest();
-        A.current = N, s((Q) => ({
-          ...Q,
+        A.current = N, s((ee) => ({
+          ...ee,
           [e]: !0
-        })), N.upload.onprogress = (Q) => {
-          if (Q.lengthComputable) {
-            const he = Math.round(Q.loaded / Q.total * 100);
-            d(he);
+        })), N.upload.onprogress = (ee) => {
+          if (ee.lengthComputable) {
+            const ve = Math.round(ee.loaded / ee.total * 100);
+            d(ve);
           }
         }, N.onload = () => {
-          s((Q) => ({
-            ...Q,
+          s((ee) => ({
+            ...ee,
             [e]: !1
-          })), N.status === 200 || N.status === 201 ? (f(!0), i(N.response), D(N.response)) : (k(N.statusText), j(N));
+          })), N.status === 200 || N.status === 201 ? (f(!0), i(N.response), D(N.response)) : (k(N.statusText), C(N));
         }, N.onerror = () => {
-          k(N.statusText), j(N);
-        }, N.open("POST", a == null ? void 0 : a.url, !0);
-        const K = a == null ? void 0 : a.headers;
-        for (let Q in K)
-          N.setRequestHeader(Q, K[Q]);
-        const oe = new FormData(), ae = F == null ? void 0 : F.appendData;
-        for (let Q in ae)
-          ae[Q] && oe.append(Q, ae[Q]);
-        oe.append("file", F.file), N.send(oe);
+          k(N.statusText), C(N);
+        };
+        const G = (a == null ? void 0 : a.method) || "POST";
+        N.open(G, a == null ? void 0 : a.url, !0);
+        const ae = a == null ? void 0 : a.headers;
+        for (let ee in ae)
+          N.setRequestHeader(ee, ae[ee]);
+        const oe = new FormData(), ce = S == null ? void 0 : S.appendData;
+        for (let ee in ce)
+          ce[ee] && oe.append(ee, ce[ee]);
+        oe.append("file", S.file), N.send(oe);
       });
   };
   te(() => {
     A.current || y(r);
   }, []);
   const b = () => {
-    A.current && (A.current.abort(), s((F) => ({
-      ...F,
+    A.current && (A.current.abort(), s((S) => ({
+      ...S,
       [e]: !1
     })), w(!0), d(0));
   }, u = () => {
     r != null && r.file && (n(
-      (F) => F.map((D, k) => e === k ? {
+      (S) => S.map((D, k) => e === k ? {
         ...D,
         error: !1
       } : D)
-    ), y({ ...r, error: !1 }), w(!1), M(!1));
+    ), y({ ...r, error: !1 }), w(!1), F(!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(qe, { size: 33 }) }),
+    /* @__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.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",
@@ -2424,8 +2426,8 @@ 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 = de(null), z = (u) => {
-    u.key === "Enter" && M.current.click();
+  const [i, c] = L([]), [l, d] = L(!1), [p, f] = L({}), { currentFolder: h, currentPathFiles: w } = Ee(), { onError: M } = Ge(), F = fe(null), z = (u) => {
+    u.key === "Enter" && F.current.click();
   }, A = (u) => {
     if (n && !n.includes(_e(u.name)))
       return "File type is not allowed.";
@@ -2433,13 +2435,13 @@ const Ps = ({
       (x) => x.name.toLowerCase() === u.name.toLowerCase() && !x.isDirectory
     )) return "File already exists.";
     if (r && u.size > r) return `Maximum upload size is ${Ze(r, 0)}.`;
-  }, C = (u) => {
+  }, j = (u) => {
     if (u = u.filter(
       (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 }, _), {
+        return R && M({ type: "upload", message: R }, _), {
           file: _,
           appendData: x,
           ...R && { error: R }
@@ -2447,13 +2449,13 @@ const Ps = ({
       });
       c((_) => [..._, ...g]);
     }
-  }, j = (u) => {
+  }, C = (u) => {
     u.preventDefault(), d(!1);
     const g = Array.from(u.dataTransfer.files);
-    C(g);
+    j(g);
   }, y = (u) => {
     const g = Array.from(u.target.files);
-    C(g);
+    j(g);
   }, b = (u) => {
     c((g) => {
       const _ = g.map((x, R) => u === R ? {
@@ -2469,7 +2471,7 @@ const Ps = ({
         "div",
         {
           className: `draggable-file-input ${l ? "dragging" : ""}`,
-          onDrop: j,
+          onDrop: C,
           onDragOver: (u) => u.preventDefault(),
           onDragEnter: () => d(!0),
           onDragLeave: () => d(!1),
@@ -2484,7 +2486,7 @@ const Ps = ({
         /* @__PURE__ */ t.jsx(
           "input",
           {
-            ref: M,
+            ref: F,
             type: "file",
             id: "chooseFile",
             className: "choose-file-input",
@@ -2516,15 +2518,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 F;
+  const [n, s] = L(!0), [a, i] = L(!1), { selectedFiles: c } = Fe(), l = Xe(73), d = (F = _e(c[0].name)) == null ? void 0 : F.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: [
@@ -2541,8 +2543,8 @@ 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(Ct, { size: 18 }),
+      /* @__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" })
       ] }) })
     ] }),
@@ -2573,8 +2575,8 @@ const Ps = ({
       }
     ) })
   ] });
-}, ct = (e) => e.toLowerCase(), ge = (e, r, n = !1) => {
-  const s = de(/* @__PURE__ */ new Set([])), a = yt(() => new Set(e.map((d) => ct(d))), [e]), i = (d) => {
+}, ct = (e) => e.toLowerCase(), ye = (e, r, n = !1) => {
+  const s = fe(/* @__PURE__ */ new Set([])), a = yt(() => new Set(e.map((d) => ct(d))), [e]), i = (d) => {
     if (!d.repeat && (s.current.add(ct(d.key)), a.isSubsetOf(s.current) && !n)) {
       d.preventDefault(), r(d);
       return;
@@ -2587,7 +2589,7 @@ const Ps = ({
   te(() => (window.addEventListener("keydown", i), window.addEventListener("keyup", c), window.addEventListener("blur", l), () => {
     window.removeEventListener("keydown", i), window.removeEventListener("keyup", c), window.removeEventListener("blur", l);
   }), [a, r, n]);
-}, ye = {
+}, xe = {
   createFolder: ["Alt", "Shift", "N"],
   uploadFiles: ["Control", "U"],
   cut: ["Control", "X"],
@@ -2616,17 +2618,17 @@ const Ps = ({
     e.show("uploadFile");
   }, w = () => {
     s(!0);
-  }, S = () => {
-    s(!1);
   }, M = () => {
+    s(!1);
+  }, F = () => {
     a(i);
   }, z = () => {
     e.show("rename");
   }, A = () => {
     d();
-  }, C = () => {
-    e.show("delete");
   }, j = () => {
+    e.show("delete");
+  }, C = () => {
     c.length > 0 && l([c[0]]);
   }, y = () => {
     c.length > 0 && l([c.at(-1)]);
@@ -2641,7 +2643,7 @@ const Ps = ({
   }, x = () => {
     p("list");
   };
-  ge(ye.createFolder, f, e.isActive), ge(ye.uploadFiles, h, e.isActive), ge(ye.cut, w, e.isActive), ge(ye.copy, S, e.isActive), ge(ye.paste, M, e.isActive), ge(ye.rename, z, e.isActive), ge(ye.download, A, e.isActive), ge(ye.delete, C, e.isActive), ge(ye.jumpToFirst, j, e.isActive), ge(ye.jumpToLast, y, e.isActive), ge(ye.selectAll, b, e.isActive), ge(ye.clearSelection, u, e.isActive), ge(ye.refresh, g, e.isActive), ge(ye.gridLayout, _, e.isActive), ge(ye.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, F, 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);
 }, Ms = ({
   fileUploadConfig: e,
   onFileUploading: r,
@@ -2656,7 +2658,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(
@@ -2673,7 +2675,7 @@ const Ps = ({
     },
     delete: {
       title: "Delete",
-      component: /* @__PURE__ */ t.jsx(js, { triggerAction: p, onDelete: s }),
+      component: /* @__PURE__ */ t.jsx(Cs, { triggerAction: p, onDelete: s }),
       width: "25%"
     },
     previewFile: {
@@ -2690,8 +2692,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 F = p.actionType;
+      F === "previewFile" && (M[F].title = (w == null ? void 0 : w.name) ?? "Preview"), h(M[F]);
     } else
       h(null);
   }, [p.isActive]), f)
@@ -2718,7 +2720,7 @@ const Ps = ({
     }
   };
 }, Os = (e, r) => {
-  const [n, s] = L({ col1: e, col2: r }), [a, i] = L(!1), c = de(null);
+  const [n, s] = L({ col1: e, col2: r }), [a, i] = L(!1), c = fe(null);
   return {
     containerRef: c,
     colSizes: n,
@@ -2733,8 +2735,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 });
     }
   };
 };
@@ -2751,7 +2753,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, C = e ? Symbol.for("react.responder") : 60118, j = 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, F = 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;
   function y(u) {
     if (typeof u == "object" && u !== null) {
       var g = u.$$typeof;
@@ -2769,8 +2771,8 @@ function ks() {
               switch (u = u && u.$$typeof, u) {
                 case l:
                 case f:
+                case F:
                 case M:
-                case S:
                 case c:
                   return u;
                 default:
@@ -2785,7 +2787,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 = F, 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;
@@ -2798,9 +2800,9 @@ function ks() {
   }, ne.isFragment = function(u) {
     return y(u) === s;
   }, ne.isLazy = function(u) {
-    return y(u) === M;
+    return y(u) === F;
   }, ne.isMemo = function(u) {
-    return y(u) === S;
+    return y(u) === M;
   }, ne.isPortal = function(u) {
     return y(u) === n;
   }, ne.isProfiler = function(u) {
@@ -2810,7 +2812,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 === C || u.$$typeof === j || 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 === F || u.$$typeof === M || u.$$typeof === c || u.$$typeof === l || u.$$typeof === f || u.$$typeof === A || u.$$typeof === j || u.$$typeof === C || u.$$typeof === z);
   }, ne.typeOf = y, ne;
 }
 var se = {};
@@ -2825,15 +2827,15 @@ 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, C = e ? Symbol.for("react.responder") : 60118, j = 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, F = 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;
     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 === C || E.$$typeof === j || E.$$typeof === z);
+      E === s || E === p || E === i || E === a || E === h || E === w || typeof E == "object" && E !== null && (E.$$typeof === F || E.$$typeof === M || E.$$typeof === c || E.$$typeof === l || E.$$typeof === f || E.$$typeof === A || E.$$typeof === j || E.$$typeof === C || E.$$typeof === z);
     }
     function b(E) {
       if (typeof E == "object" && E !== null) {
-        var ve = E.$$typeof;
-        switch (ve) {
+        var me = E.$$typeof;
+        switch (me) {
           case r:
             var Te = E.type;
             switch (Te) {
@@ -2849,22 +2851,22 @@ function _s() {
                 switch (Y) {
                   case l:
                   case f:
+                  case F:
                   case M:
-                  case S:
                   case c:
                     return Y;
                   default:
-                    return ve;
+                    return me;
                 }
             }
           case n:
-            return ve;
+            return me;
         }
       }
     }
-    var u = d, g = p, _ = l, x = c, R = r, F = f, D = s, k = M, N = S, K = n, oe = i, ae = a, Q = h, he = !1;
-    function xe(E) {
-      return he || (he = !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;
+    var u = d, g = p, _ = l, x = c, R = r, S = f, D = s, k = F, 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;
     }
     function v(E) {
       return b(E) === p;
@@ -2885,24 +2887,24 @@ function _s() {
       return b(E) === s;
     }
     function O(E) {
-      return b(E) === M;
+      return b(E) === F;
     }
     function $(E) {
-      return b(E) === S;
+      return b(E) === M;
     }
-    function U(E) {
+    function q(E) {
       return b(E) === n;
     }
     function Z(E) {
       return b(E) === i;
     }
-    function q(E) {
+    function U(E) {
       return b(E) === a;
     }
-    function fe(E) {
+    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 = K, se.Profiler = oe, se.StrictMode = ae, se.Suspense = Q, se.isAsyncMode = xe, 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 = U, se.isProfiler = Z, se.isStrictMode = q, se.isSuspense = fe, se.isValidElementType = y, se.typeOf = b;
+    se.AsyncMode = u, se.ConcurrentMode = g, se.ContextConsumer = _, se.ContextProvider = x, se.Element = R, se.ForwardRef = S, 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;
 }
 var sr;
@@ -2961,7 +2963,7 @@ function Ns() {
   }, lt;
 }
 var ut, ar;
-function jt() {
+function Ct() {
   if (ar) return ut;
   ar = 1;
   var e = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
@@ -2978,7 +2980,7 @@ function zs() {
   var e = function() {
   };
   if (process.env.NODE_ENV !== "production") {
-    var r = jt(), n = {}, s = Br();
+    var r = Ct(), n = {}, s = Br();
     e = function(i) {
       var c = "Warning: " + i;
       typeof console < "u" && console.error(c);
@@ -3001,16 +3003,16 @@ function zs() {
               throw w.name = "Invariant Violation", w;
             }
             h = i[f](c, f, d, l, null, r);
-          } catch (M) {
-            h = M;
+          } catch (F) {
+            h = F;
           }
           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 ?? "")
             );
           }
         }
@@ -3024,7 +3026,7 @@ var ht, lr;
 function As() {
   if (lr) return ht;
   lr = 1;
-  var e = $r(), r = Ns(), n = jt(), s = Br(), a = zs(), i = function() {
+  var e = $r(), r = Ns(), n = Ct(), s = Br(), a = zs(), i = function() {
   };
   process.env.NODE_ENV !== "production" && (i = function(l) {
     var d = "Warning: " + l;
@@ -3044,28 +3046,28 @@ function As() {
       if (typeof P == "function")
         return P;
     }
-    var w = "<<anonymous>>", S = {
-      array: C("array"),
-      bigint: C("bigint"),
-      bool: C("boolean"),
-      func: C("function"),
-      number: C("number"),
-      object: C("object"),
-      string: C("string"),
-      symbol: C("symbol"),
-      any: j(),
+    var w = "<<anonymous>>", M = {
+      array: j("array"),
+      bigint: j("bigint"),
+      bool: j("boolean"),
+      func: j("function"),
+      number: j("number"),
+      object: j("object"),
+      string: j("string"),
+      symbol: j("symbol"),
+      any: C(),
       arrayOf: y,
       element: b(),
       elementType: u(),
       instanceOf: g,
-      node: F(),
+      node: S(),
       objectOf: x,
       oneOf: _,
       oneOfType: R,
       shape: k,
       exact: N
     };
-    function M(v, P) {
+    function F(v, P) {
       return v === P ? v !== 0 || 1 / v === 1 / P : v !== v && P !== P;
     }
     function z(v, P) {
@@ -3075,33 +3077,33 @@ function As() {
     function A(v) {
       if (process.env.NODE_ENV !== "production")
         var P = {}, V = 0;
-      function W(X, O, $, U, Z, q, fe) {
-        if (U = U || w, q = q || $, fe !== n) {
+      function W(X, O, $, q, Z, U, he) {
+        if (q = q || w, U = U || $, he !== n) {
           if (d) {
             var E = 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 E.name = "Invariant Violation", E;
           } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
-            var ve = U + ":" + $;
-            !P[ve] && // Avoid spamming the console because they are often not actionable except for lib authors
+            var me = q + ":" + $;
+            !P[me] && // Avoid spamming the console because they are often not actionable except for lib authors
             V < 3 && (i(
-              "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."
-            ), P[ve] = !0, V++);
+              "You are manually calling a React.PropTypes validation function for the `" + U + "` prop on `" + q + "`. 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."
+            ), P[me] = !0, V++);
           }
         }
-        return O[$] == null ? X ? O[$] === null ? new z("The " + Z + " `" + q + "` is marked as required " + ("in `" + U + "`, but its value is `null`.")) : new z("The " + Z + " `" + q + "` is marked as required in " + ("`" + U + "`, but its value is `undefined`.")) : null : v(O, $, U, Z, q);
+        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);
       }
       var I = W.bind(null, !1);
       return I.isRequired = W.bind(null, !0), I;
     }
-    function C(v) {
+    function j(v) {
       function P(V, W, I, X, O, $) {
-        var U = V[W], Z = ae(U);
+        var q = V[W], Z = oe(q);
         if (Z !== v) {
-          var q = Q(U);
+          var U = ce(q);
           return new z(
-            "Invalid " + X + " `" + O + "` of type " + ("`" + q + "` supplied to `" + I + "`, expected ") + ("`" + v + "`."),
+            "Invalid " + X + " `" + O + "` of type " + ("`" + U + "` supplied to `" + I + "`, expected ") + ("`" + v + "`."),
             { expectedType: v }
           );
         }
@@ -3109,7 +3111,7 @@ function As() {
       }
       return A(P);
     }
-    function j() {
+    function C() {
       return A(c);
     }
     function y(v) {
@@ -3118,13 +3120,13 @@ function As() {
           return new z("Property `" + O + "` of component `" + I + "` has invalid PropType notation inside arrayOf.");
         var $ = V[W];
         if (!Array.isArray($)) {
-          var U = ae($);
-          return new z("Invalid " + X + " `" + O + "` of type " + ("`" + U + "` supplied to `" + I + "`, expected an array."));
+          var q = oe($);
+          return new z("Invalid " + X + " `" + O + "` of type " + ("`" + q + "` supplied to `" + I + "`, expected an array."));
         }
         for (var Z = 0; Z < $.length; Z++) {
-          var q = v($, Z, I, X, O + "[" + Z + "]", n);
-          if (q instanceof Error)
-            return q;
+          var U = v($, Z, I, X, O + "[" + Z + "]", n);
+          if (U instanceof Error)
+            return U;
         }
         return null;
       }
@@ -3134,7 +3136,7 @@ function As() {
       function v(P, V, W, I, X) {
         var O = P[V];
         if (!l(O)) {
-          var $ = ae(O);
+          var $ = oe(O);
           return new z("Invalid " + I + " `" + X + "` of type " + ("`" + $ + "` supplied to `" + W + "`, expected a single ReactElement."));
         }
         return null;
@@ -3145,7 +3147,7 @@ function As() {
       function v(P, V, W, I, X) {
         var O = P[V];
         if (!e.isValidElementType(O)) {
-          var $ = ae(O);
+          var $ = oe(O);
           return new z("Invalid " + I + " `" + X + "` of type " + ("`" + $ + "` supplied to `" + W + "`, expected a single ReactElement type."));
         }
         return null;
@@ -3155,8 +3157,8 @@ function As() {
     function g(v) {
       function P(V, W, I, X, O) {
         if (!(V[W] instanceof v)) {
-          var $ = v.name || w, U = xe(V[W]);
-          return new z("Invalid " + X + " `" + O + "` of type " + ("`" + U + "` supplied to `" + I + "`, expected ") + ("instance of `" + $ + "`."));
+          var $ = v.name || w, q = ve(V[W]);
+          return new z("Invalid " + X + " `" + O + "` of type " + ("`" + q + "` supplied to `" + I + "`, expected ") + ("instance of `" + $ + "`."));
         }
         return null;
       }
@@ -3168,12 +3170,12 @@ function As() {
           "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])."
         ) : i("Invalid argument supplied to oneOf, expected an array.")), c;
       function P(V, W, I, X, O) {
-        for (var $ = V[W], U = 0; U < v.length; U++)
-          if (M($, v[U]))
+        for (var $ = V[W], q = 0; q < v.length; q++)
+          if (F($, v[q]))
             return null;
-        var Z = JSON.stringify(v, function(fe, E) {
-          var ve = Q(E);
-          return ve === "symbol" ? String(E) : E;
+        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 + "."));
       }
@@ -3183,14 +3185,14 @@ function As() {
       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.");
-        var $ = V[W], U = ae($);
-        if (U !== "object")
-          return new z("Invalid " + X + " `" + O + "` of type " + ("`" + U + "` supplied to `" + I + "`, expected an object."));
+        var $ = V[W], q = oe($);
+        if (q !== "object")
+          return new z("Invalid " + X + " `" + O + "` of type " + ("`" + q + "` supplied to `" + I + "`, expected an object."));
         for (var Z in $)
           if (s($, Z)) {
-            var q = v($, Z, I, X, O + "." + Z, n);
-            if (q instanceof Error)
-              return q;
+            var U = v($, Z, I, X, O + "." + Z, n);
+            if (U instanceof Error)
+              return U;
           }
         return null;
       }
@@ -3203,24 +3205,24 @@ function As() {
         var V = v[P];
         if (typeof V != "function")
           return i(
-            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + he(V) + " at index " + P + "."
+            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + ee(V) + " at index " + P + "."
           ), c;
       }
-      function W(I, X, O, $, U) {
-        for (var Z = [], q = 0; q < v.length; q++) {
-          var fe = v[q], E = fe(I, X, O, $, U, n);
+      function W(I, X, O, $, q) {
+        for (var Z = [], U = 0; U < v.length; U++) {
+          var he = v[U], E = he(I, X, O, $, q, n);
           if (E == null)
             return null;
           E.data && s(E.data, "expectedType") && Z.push(E.data.expectedType);
         }
-        var ve = Z.length > 0 ? ", expected one of type [" + Z.join(", ") + "]" : "";
-        return new z("Invalid " + $ + " `" + U + "` supplied to " + ("`" + O + "`" + ve + "."));
+        var me = Z.length > 0 ? ", expected one of type [" + Z.join(", ") + "]" : "";
+        return new z("Invalid " + $ + " `" + q + "` supplied to " + ("`" + O + "`" + me + "."));
       }
       return A(W);
     }
-    function F() {
+    function S() {
       function v(P, V, W, I, X) {
-        return K(P[V]) ? null : new z("Invalid " + I + " `" + X + "` supplied to " + ("`" + W + "`, expected a ReactNode."));
+        return G(P[V]) ? null : new z("Invalid " + I + " `" + X + "` supplied to " + ("`" + W + "`, expected a ReactNode."));
       }
       return A(v);
     }
@@ -3231,16 +3233,16 @@ function As() {
     }
     function k(v) {
       function P(V, W, I, X, O) {
-        var $ = V[W], U = ae($);
-        if (U !== "object")
-          return new z("Invalid " + X + " `" + O + "` of type `" + U + "` " + ("supplied to `" + I + "`, expected `object`."));
+        var $ = V[W], q = oe($);
+        if (q !== "object")
+          return new z("Invalid " + X + " `" + O + "` of type `" + q + "` " + ("supplied to `" + I + "`, expected `object`."));
         for (var Z in v) {
-          var q = v[Z];
-          if (typeof q != "function")
-            return D(I, X, O, Z, Q(q));
-          var fe = q($, Z, I, X, O + "." + Z, n);
-          if (fe)
-            return fe;
+          var U = v[Z];
+          if (typeof U != "function")
+            return D(I, X, O, Z, ce(U));
+          var he = U($, Z, I, X, O + "." + Z, n);
+          if (he)
+            return he;
         }
         return null;
       }
@@ -3248,20 +3250,20 @@ function As() {
     }
     function N(v) {
       function P(V, W, I, X, O) {
-        var $ = V[W], U = ae($);
-        if (U !== "object")
-          return new z("Invalid " + X + " `" + O + "` of type `" + U + "` " + ("supplied to `" + I + "`, expected `object`."));
+        var $ = V[W], q = oe($);
+        if (q !== "object")
+          return new z("Invalid " + X + " `" + O + "` of type `" + q + "` " + ("supplied to `" + I + "`, expected `object`."));
         var Z = r({}, V[W], v);
-        for (var q in Z) {
-          var fe = v[q];
-          if (s(v, q) && typeof fe != "function")
-            return D(I, X, O, q, Q(fe));
-          if (!fe)
+        for (var U in Z) {
+          var he = v[U];
+          if (s(v, U) && typeof he != "function")
+            return D(I, X, O, U, ce(he));
+          if (!he)
             return new z(
-              "Invalid " + X + " `" + O + "` key `" + q + "` supplied to `" + I + "`.\nBad object: " + JSON.stringify(V[W], null, "  ") + `
+              "Invalid " + X + " `" + O + "` key `" + U + "` supplied to `" + I + "`.\nBad object: " + JSON.stringify(V[W], null, "  ") + `
 Valid keys: ` + JSON.stringify(Object.keys(v), null, "  ")
             );
-          var E = fe($, q, I, X, O + "." + q, n);
+          var E = he($, U, I, X, O + "." + U, n);
           if (E)
             return E;
         }
@@ -3269,7 +3271,7 @@ Valid keys: ` + JSON.stringify(Object.keys(v), null, "  ")
       }
       return A(P);
     }
-    function K(v) {
+    function G(v) {
       switch (typeof v) {
         case "number":
         case "string":
@@ -3279,7 +3281,7 @@ Valid keys: ` + JSON.stringify(Object.keys(v), null, "  ")
           return !v;
         case "object":
           if (Array.isArray(v))
-            return v.every(K);
+            return v.every(G);
           if (v === null || l(v))
             return !0;
           var P = h(v);
@@ -3287,12 +3289,12 @@ Valid keys: ` + JSON.stringify(Object.keys(v), null, "  ")
             var V = P.call(v), W;
             if (P !== v.entries) {
               for (; !(W = V.next()).done; )
-                if (!K(W.value))
+                if (!G(W.value))
                   return !1;
             } else
               for (; !(W = V.next()).done; ) {
                 var I = W.value;
-                if (I && !K(I[1]))
+                if (I && !G(I[1]))
                   return !1;
               }
           } else
@@ -3302,17 +3304,17 @@ Valid keys: ` + JSON.stringify(Object.keys(v), null, "  ")
           return !1;
       }
     }
-    function oe(v, P) {
+    function ae(v, P) {
       return v === "symbol" ? !0 : P ? P["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && P instanceof Symbol : !1;
     }
-    function ae(v) {
+    function oe(v) {
       var P = typeof v;
-      return Array.isArray(v) ? "array" : v instanceof RegExp ? "object" : oe(P, v) ? "symbol" : P;
+      return Array.isArray(v) ? "array" : v instanceof RegExp ? "object" : ae(P, v) ? "symbol" : P;
     }
-    function Q(v) {
+    function ce(v) {
       if (typeof v > "u" || v === null)
         return "" + v;
-      var P = ae(v);
+      var P = oe(v);
       if (P === "object") {
         if (v instanceof Date)
           return "date";
@@ -3321,8 +3323,8 @@ Valid keys: ` + JSON.stringify(Object.keys(v), null, "  ")
       }
       return P;
     }
-    function he(v) {
-      var P = Q(v);
+    function ee(v) {
+      var P = ce(v);
       switch (P) {
         case "array":
         case "object":
@@ -3335,17 +3337,17 @@ Valid keys: ` + JSON.stringify(Object.keys(v), null, "  ")
           return P;
       }
     }
-    function xe(v) {
+    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;
 function Ds() {
   if (ur) return pt;
   ur = 1;
-  var e = jt();
+  var e = Ct();
   function r() {
   }
   function n() {
@@ -3395,7 +3397,7 @@ if (process.env.NODE_ENV !== "production") {
 } else
   gt.exports = Ds()();
 var Bs = gt.exports;
-const G = /* @__PURE__ */ dn(Bs), Hs = (e, r, n) => {
+const K = /* @__PURE__ */ dn(Bs), Hs = (e, r, n) => {
   const s = e[r];
   if (s && isNaN(Date.parse(s)))
     return new Error(
@@ -3428,14 +3430,14 @@ const G = /* @__PURE__ */ dn(Bs), Hs = (e, r, n) => {
   onDelete: h = () => null,
   onLayoutChange: w = () => {
   },
-  onRefresh: S,
-  onFileOpen: M = () => {
+  onRefresh: M,
+  onFileOpen: F = () => {
   },
   onSelect: z,
   onError: A = () => {
   },
-  layout: C = "grid",
-  enableFilePreview: j = !0,
+  layout: j = "grid",
+  enableFilePreview: C = !0,
   maxFileSize: y,
   filePreviewPath: b,
   acceptedFileTypes: u,
@@ -3443,25 +3445,25 @@ const G = /* @__PURE__ */ dn(Bs), Hs = (e, r, n) => {
   width: _ = "100%",
   initialPath: x = "",
   filePreviewComponent: R,
-  primaryColor: F = "#6155b4",
+  primaryColor: S = "#6155b4",
   fontFamily: D = "Nunito Sans, sans-serif"
 }) => {
-  const k = Ls(), { containerRef: N, colSizes: K, isDragging: oe, handleMouseMove: ae, handleMouseUp: Q, handleMouseDown: he } = Os(20, 80), xe = {
+  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-primary-color": F,
+    "--file-manager-primary-color": S,
     height: g,
     width: _
   };
-  return /* @__PURE__ */ t.jsxs("main", { className: "file-explorer", onContextMenu: (v) => v.preventDefault(), style: xe, children: [
+  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: C, children: [
+    /* @__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(
         Sr,
         {
           allowCreateFolder: !0,
           allowUploadFile: !0,
           onLayoutChange: w,
-          onRefresh: S,
+          onRefresh: M,
           triggerAction: k
         }
       ),
@@ -3469,30 +3471,30 @@ const G = /* @__PURE__ */ dn(Bs), Hs = (e, r, n) => {
         "section",
         {
           ref: N,
-          onMouseMove: ae,
-          onMouseUp: Q,
+          onMouseMove: oe,
+          onMouseUp: ce,
           className: "files-container",
           children: [
-            /* @__PURE__ */ t.jsxs("div", { className: "navigation-pane", style: { width: K.col1 + "%" }, children: [
-              /* @__PURE__ */ t.jsx(Or, {}),
+            /* @__PURE__ */ t.jsxs("div", { className: "navigation-pane", style: { width: G.col1 + "%" }, children: [
+              /* @__PURE__ */ t.jsx(Or, { onFileOpen: F }),
               /* @__PURE__ */ t.jsx(
                 "div",
                 {
-                  className: `sidebar-resize ${oe ? "sidebar-dragging" : ""}`,
-                  onMouseDown: he
+                  className: `sidebar-resize ${ae ? "sidebar-dragging" : ""}`,
+                  onMouseDown: ee
                 }
               )
             ] }),
-            /* @__PURE__ */ t.jsxs("div", { className: "folders-preview", style: { width: K.col2 + "%" }, children: [
+            /* @__PURE__ */ t.jsxs("div", { className: "folders-preview", style: { width: G.col2 + "%" }, children: [
               /* @__PURE__ */ t.jsx(kr, {}),
               /* @__PURE__ */ t.jsx(
                 Ir,
                 {
                   onCreateFolder: s,
                   onRename: p,
-                  onFileOpen: M,
-                  onRefresh: S,
-                  enableFilePreview: j,
+                  onFileOpen: F,
+                  onRefresh: M,
+                  enableFilePreview: C,
                   triggerAction: k
                 }
               )
@@ -3507,7 +3509,7 @@ const G = /* @__PURE__ */ dn(Bs), Hs = (e, r, n) => {
           onFileUploading: a,
           onFileUploaded: i,
           onDelete: h,
-          onRefresh: S,
+          onRefresh: M,
           maxFileSize: y,
           filePreviewPath: b,
           filePreviewComponent: R,
@@ -3520,45 +3522,46 @@ const G = /* @__PURE__ */ dn(Bs), Hs = (e, r, n) => {
 };
 Hr.displayName = "FileManager";
 Hr.propTypes = {
-  files: G.arrayOf(
-    G.shape({
-      name: G.string.isRequired,
-      isDirectory: G.bool.isRequired,
-      path: G.string.isRequired,
+  files: K.arrayOf(
+    K.shape({
+      name: K.string.isRequired,
+      isDirectory: K.bool.isRequired,
+      path: K.string.isRequired,
       updatedAt: Hs,
-      size: G.number
+      size: K.number
     })
   ).isRequired,
-  fileUploadConfig: G.shape({
+  fileUploadConfig: K.shape({
     url: dr,
-    headers: G.objectOf(G.string)
+    headers: K.objectOf(K.string),
+    method: K.oneOf(["POST", "PUT"])
   }),
-  isLoading: G.bool,
-  onCreateFolder: G.func,
-  onFileUploading: G.func,
-  onFileUploaded: G.func,
-  onRename: G.func,
-  onDelete: G.func,
-  onCut: G.func,
-  onCopy: G.func,
-  onPaste: G.func,
-  onDownload: G.func,
-  onLayoutChange: G.func,
-  onRefresh: G.func,
-  onFileOpen: G.func,
-  onSelect: G.func,
-  onError: G.func,
-  layout: G.oneOf(["grid", "list"]),
-  maxFileSize: G.number,
-  enableFilePreview: G.bool,
+  isLoading: K.bool,
+  onCreateFolder: K.func,
+  onFileUploading: K.func,
+  onFileUploaded: K.func,
+  onRename: K.func,
+  onDelete: K.func,
+  onCut: K.func,
+  onCopy: K.func,
+  onPaste: K.func,
+  onDownload: K.func,
+  onLayoutChange: K.func,
+  onRefresh: K.func,
+  onFileOpen: K.func,
+  onSelect: K.func,
+  onError: K.func,
+  layout: K.oneOf(["grid", "list"]),
+  maxFileSize: K.number,
+  enableFilePreview: K.bool,
   filePreviewPath: dr,
-  acceptedFileTypes: G.string,
-  height: G.oneOfType([G.string, G.number]),
-  width: G.oneOfType([G.string, G.number]),
-  initialPath: G.string,
-  filePreviewComponent: G.func,
-  primaryColor: G.string,
-  fontFamily: G.string
+  acceptedFileTypes: K.string,
+  height: K.oneOfType([K.string, K.number]),
+  width: K.oneOfType([K.string, K.number]),
+  initialPath: K.string,
+  filePreviewComponent: K.func,
+  primaryColor: K.string,
+  fontFamily: K.string
 };
 export {
   Hr as FileManager