@cubone/react-file-manager 1.18.0 → 1.19.0

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 se, createContext as Ie, useContext as $e, useCallback as fr, useLayoutEffect as un, useMemo as yt } 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";
 function dn(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
@@ -41,28 +41,28 @@ var Nt;
 function hn() {
   return Nt || (Nt = 1, process.env.NODE_ENV !== "production" && function() {
     var e = Pe, r = Symbol.for("react.element"), n = Symbol.for("react.portal"), s = Symbol.for("react.fragment"), a = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), c = Symbol.for("react.provider"), l = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), p = Symbol.for("react.suspense"), f = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), w = Symbol.for("react.lazy"), S = Symbol.for("react.offscreen"), M = Symbol.iterator, z = "@@iterator";
-    function D(o) {
+    function A(o) {
       if (o === null || typeof o != "object")
         return null;
-      var v = M && o[M] || o[z];
-      return typeof v == "function" ? v : null;
+      var m = M && o[M] || o[z];
+      return typeof m == "function" ? m : null;
     }
     var C = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function j(o) {
       {
-        for (var v = arguments.length, T = new Array(v > 1 ? v - 1 : 0), B = 1; B < v; B++)
+        for (var m = arguments.length, T = new Array(m > 1 ? m - 1 : 0), B = 1; B < m; B++)
           T[B - 1] = arguments[B];
         y("error", o, T);
       }
     }
-    function y(o, v, T) {
+    function y(o, m, T) {
       {
-        var B = C.ReactDebugCurrentFrame, te = B.getStackAddendum();
-        te !== "" && (v += "%s", T = T.concat([te]));
+        var B = C.ReactDebugCurrentFrame, re = B.getStackAddendum();
+        re !== "" && (m += "%s", T = T.concat([re]));
         var ie = T.map(function(ee) {
           return String(ee);
         });
-        ie.unshift("Warning: " + v), Function.prototype.apply.call(console[o], console, ie);
+        ie.unshift("Warning: " + m), Function.prototype.apply.call(console[o], console, ie);
       }
     }
     var b = !1, u = !1, g = !1, _ = !1, x = !1, R;
@@ -74,17 +74,17 @@ function hn() {
       // with.
       o.$$typeof === R || o.getModuleId !== void 0));
     }
-    function A(o, v, T) {
+    function D(o, m, T) {
       var B = o.displayName;
       if (B)
         return B;
-      var te = v.displayName || v.name || "";
-      return te !== "" ? T + "(" + te + ")" : T;
+      var re = m.displayName || m.name || "";
+      return re !== "" ? T + "(" + re + ")" : T;
     }
-    function N(o) {
+    function k(o) {
       return o.displayName || "Context";
     }
-    function k(o) {
+    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")
@@ -108,20 +108,20 @@ function hn() {
       if (typeof o == "object")
         switch (o.$$typeof) {
           case l:
-            var v = o;
-            return N(v) + ".Consumer";
+            var m = o;
+            return k(m) + ".Consumer";
           case c:
             var T = o;
-            return N(T._context) + ".Provider";
+            return k(T._context) + ".Provider";
           case d:
-            return A(o, o.render, "ForwardRef");
+            return D(o, o.render, "ForwardRef");
           case h:
             var B = o.displayName || null;
-            return B !== null ? B : k(o.type) || "Memo";
+            return B !== null ? B : N(o.type) || "Memo";
           case w: {
-            var te = o, ie = te._payload, ee = te._init;
+            var re = o, ie = re._payload, ee = re._init;
             try {
-              return k(ee(ie));
+              return N(ee(ie));
             } catch {
               return null;
             }
@@ -129,14 +129,14 @@ function hn() {
         }
       return null;
     }
-    var X = Object.assign, oe = 0, ae, Q, he, xe, m, P, V;
+    var K = Object.assign, oe = 0, ae, Q, he, xe, 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, m = console.group, P = console.groupCollapsed, V = console.groupEnd;
+          ae = console.log, Q = console.info, he = console.warn, xe = console.error, v = console.group, P = console.groupCollapsed, V = console.groupEnd;
           var o = {
             configurable: !0,
             enumerable: !0,
@@ -156,7 +156,7 @@ function hn() {
         oe++;
       }
     }
-    function K() {
+    function X() {
       {
         if (oe--, oe === 0) {
           var o = {
@@ -165,25 +165,25 @@ function hn() {
             writable: !0
           };
           Object.defineProperties(console, {
-            log: X({}, o, {
+            log: K({}, o, {
               value: ae
             }),
-            info: X({}, o, {
+            info: K({}, o, {
               value: Q
             }),
-            warn: X({}, o, {
+            warn: K({}, o, {
               value: he
             }),
-            error: X({}, o, {
+            error: K({}, o, {
               value: xe
             }),
-            group: X({}, o, {
-              value: m
+            group: K({}, o, {
+              value: v
             }),
-            groupCollapsed: X({}, o, {
+            groupCollapsed: K({}, o, {
               value: P
             }),
-            groupEnd: X({}, o, {
+            groupEnd: K({}, o, {
               value: V
             })
           });
@@ -192,13 +192,13 @@ function hn() {
       }
     }
     var O = C.ReactCurrentDispatcher, $;
-    function U(o, v, T) {
+    function U(o, m, T) {
       {
         if ($ === void 0)
           try {
             throw Error();
-          } catch (te) {
-            var B = te.stack.trim().match(/\n( *(at )?)/);
+          } catch (re) {
+            var B = re.stack.trim().match(/\n( *(at )?)/);
             $ = B && B[1] || "";
           }
         return `
@@ -210,7 +210,7 @@ function hn() {
       var fe = typeof WeakMap == "function" ? WeakMap : Map;
       q = new fe();
     }
-    function E(o, v) {
+    function E(o, m) {
       if (!o || Z)
         return "";
       {
@@ -220,12 +220,12 @@ function hn() {
       }
       var B;
       Z = !0;
-      var te = Error.prepareStackTrace;
+      var re = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var ie;
       ie = O.current, O.current = null, I();
       try {
-        if (v) {
+        if (m) {
           var ee = function() {
             throw Error();
           };
@@ -276,19 +276,19 @@ function hn() {
             }
         }
       } finally {
-        Z = !1, O.current = ie, K(), Error.prepareStackTrace = te;
+        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;
     }
-    function ve(o, v, T) {
+    function ve(o, m, T) {
       return E(o, !1);
     }
     function Te(o) {
-      var v = o.prototype;
-      return !!(v && v.isReactComponent);
+      var m = o.prototype;
+      return !!(m && m.isReactComponent);
     }
-    function Y(o, v, T) {
+    function Y(o, m, T) {
       if (o == null)
         return "";
       if (typeof o == "function")
@@ -306,11 +306,11 @@ function hn() {
           case d:
             return ve(o.render);
           case h:
-            return Y(o.type, v, T);
+            return Y(o.type, m, T);
           case w: {
-            var B = o, te = B._payload, ie = B._init;
+            var B = o, re = B._payload, ie = B._init;
             try {
-              return Y(ie(te), v, T);
+              return Y(ie(re), m, T);
             } catch {
             }
           }
@@ -320,12 +320,12 @@ function hn() {
     var le = Object.prototype.hasOwnProperty, je = {}, Re = C.ReactDebugCurrentFrame;
     function we(o) {
       if (o) {
-        var v = o._owner, T = Y(o.type, o._source, v ? v.type : null);
+        var m = o._owner, T = Y(o.type, o._source, m ? m.type : null);
         Re.setExtraStackFrame(T);
       } else
         Re.setExtraStackFrame(null);
     }
-    function He(o, v, T, B, te) {
+    function He(o, m, T, B, re) {
       {
         var ie = Function.call.bind(le);
         for (var ee in o)
@@ -336,11 +336,11 @@ function hn() {
                 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;
               }
-              J = o[ee](v, ee, B, T, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              J = o[ee](m, ee, B, T, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (ce) {
               J = ce;
             }
-            J && !(J instanceof Error) && (we(te), 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(te), j("Failed %s type: %s", T, J.message), we(null));
+            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));
           }
       }
     }
@@ -350,7 +350,7 @@ function hn() {
     }
     function Wr(o) {
       {
-        var v = typeof Symbol == "function" && Symbol.toStringTag, T = v && o[Symbol.toStringTag] || o.constructor.name || "Object";
+        var m = typeof Symbol == "function" && Symbol.toStringTag, T = m && o[Symbol.toStringTag] || o.constructor.name || "Object";
         return T;
       }
     }
@@ -376,27 +376,27 @@ function hn() {
     }, Rt, Pt;
     function Ur(o) {
       if (le.call(o, "ref")) {
-        var v = Object.getOwnPropertyDescriptor(o, "ref").get;
-        if (v && v.isReactWarning)
+        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")) {
-        var v = Object.getOwnPropertyDescriptor(o, "key").get;
-        if (v && v.isReactWarning)
+        var m = Object.getOwnPropertyDescriptor(o, "key").get;
+        if (m && m.isReactWarning)
           return !1;
       }
       return o.key !== void 0;
     }
-    function Kr(o, v) {
+    function Kr(o, m) {
       typeof o.ref == "string" && Et.current;
     }
-    function Xr(o, v) {
+    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)", v));
+          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));
         };
         T.isReactWarning = !0, Object.defineProperty(o, "key", {
           get: T,
@@ -404,10 +404,10 @@ function hn() {
         });
       }
     }
-    function Gr(o, v) {
+    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)", v));
+          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));
         };
         T.isReactWarning = !0, Object.defineProperty(o, "ref", {
           get: T,
@@ -415,13 +415,13 @@ function hn() {
         });
       }
     }
-    var Jr = function(o, v, T, B, te, ie, ee) {
+    var Jr = function(o, m, T, B, re, ie, ee) {
       var J = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: r,
         // Built-in properties that belong on the element
         type: o,
-        key: v,
+        key: m,
         ref: T,
         props: ee,
         // Record the component responsible for creating this element.
@@ -441,15 +441,15 @@ function hn() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: te
+        value: re
       }), Object.freeze && (Object.freeze(J.props), Object.freeze(J)), J;
     };
-    function Zr(o, v, T, B, te) {
+    function Zr(o, m, T, B, re) {
       {
         var ie, ee = {}, J = null, me = null;
-        T !== void 0 && (wt(T), J = "" + T), qr(v) && (wt(v.key), J = "" + v.key), Ur(v) && (me = v.ref, Kr(v, te));
-        for (ie in v)
-          le.call(v, ie) && !Yr.hasOwnProperty(ie) && (ee[ie] = v[ie]);
+        T !== void 0 && (wt(T), J = "" + T), qr(m) && (wt(m.key), J = "" + m.key), Ur(m) && (me = m.ref, Kr(m, re));
+        for (ie in m)
+          le.call(m, ie) && !Yr.hasOwnProperty(ie) && (ee[ie] = m[ie]);
         if (o && o.defaultProps) {
           var ce = o.defaultProps;
           for (ie in ce)
@@ -459,13 +459,13 @@ function hn() {
           var ue = typeof o == "function" ? o.displayName || o.name || "Unknown" : o;
           J && Xr(ee, ue), me && Gr(ee, ue);
         }
-        return Jr(o, J, me, te, B, Et.current, ee);
+        return Jr(o, J, me, re, B, Et.current, ee);
       }
     }
     var tt = C.ReactCurrentOwner, Tt = C.ReactDebugCurrentFrame;
     function Oe(o) {
       if (o) {
-        var v = o._owner, T = Y(o.type, o._source, v ? v.type : null);
+        var m = o._owner, T = Y(o.type, o._source, m ? m.type : null);
         Tt.setExtraStackFrame(T);
       } else
         Tt.setExtraStackFrame(null);
@@ -478,7 +478,7 @@ function hn() {
     function Ft() {
       {
         if (tt.current) {
-          var o = k(tt.current.type);
+          var o = N(tt.current.type);
           if (o)
             return `
 
@@ -493,77 +493,77 @@ Check the render method of \`` + o + "`.";
     var St = {};
     function en(o) {
       {
-        var v = Ft();
-        if (!v) {
+        var m = Ft();
+        if (!m) {
           var T = typeof o == "string" ? o : o.displayName || o.name;
-          T && (v = `
+          T && (m = `
 
 Check the top-level render call using <` + T + ">.");
         }
-        return v;
+        return m;
       }
     }
-    function Mt(o, v) {
+    function Mt(o, m) {
       {
         if (!o._store || o._store.validated || o.key != null)
           return;
         o._store.validated = !0;
-        var T = en(v);
+        var T = en(m);
         if (St[T])
           return;
         St[T] = !0;
         var B = "";
-        o && o._owner && o._owner !== tt.current && (B = " It was passed a child from " + k(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), 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);
       }
     }
-    function Lt(o, v) {
+    function Lt(o, m) {
       {
         if (typeof o != "object")
           return;
         if (et(o))
           for (var T = 0; T < o.length; T++) {
             var B = o[T];
-            nt(B) && Mt(B, v);
+            nt(B) && Mt(B, m);
           }
         else if (nt(o))
           o._store && (o._store.validated = !0);
         else if (o) {
-          var te = D(o);
-          if (typeof te == "function" && te !== o.entries)
-            for (var ie = te.call(o), ee; !(ee = ie.next()).done; )
-              nt(ee.value) && Mt(ee.value, v);
+          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);
         }
       }
     }
     function tn(o) {
       {
-        var v = o.type;
-        if (v == null || typeof v == "string")
+        var m = o.type;
+        if (m == null || typeof m == "string")
           return;
         var T;
-        if (typeof v == "function")
-          T = v.propTypes;
-        else if (typeof v == "object" && (v.$$typeof === d || // Note: Memo only checks outer props here.
+        if (typeof m == "function")
+          T = m.propTypes;
+        else if (typeof m == "object" && (m.$$typeof === d || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        v.$$typeof === h))
-          T = v.propTypes;
+        m.$$typeof === h))
+          T = m.propTypes;
         else
           return;
         if (T) {
-          var B = k(v);
+          var B = N(m);
           He(T, o.props, "prop", B, o);
-        } else if (v.PropTypes !== void 0 && !rt) {
+        } else if (m.PropTypes !== void 0 && !rt) {
           rt = !0;
-          var te = k(v);
-          j("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", te || "Unknown");
+          var re = N(m);
+          j("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", re || "Unknown");
         }
-        typeof v.getDefaultProps == "function" && !v.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 && j("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
     function rn(o) {
       {
-        for (var v = Object.keys(o.props), T = 0; T < v.length; T++) {
-          var B = v[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);
             break;
@@ -573,7 +573,7 @@ Check the top-level render call using <` + T + ">.");
       }
     }
     var Ot = {};
-    function kt(o, v, T, B, te, ie) {
+    function kt(o, m, T, B, re, ie) {
       {
         var ee = F(o);
         if (!ee) {
@@ -582,13 +582,13 @@ Check the top-level render call using <` + T + ">.");
           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 = "<" + (k(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);
+          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 ue = Zr(o, v, T, te, ie);
+        var ue = Zr(o, m, T, re, ie);
         if (ue == null)
           return ue;
         if (ee) {
-          var be = v.children;
+          var be = m.children;
           if (be !== void 0)
             if (B)
               if (et(be)) {
@@ -600,8 +600,8 @@ Check the top-level render call using <` + T + ">.");
             else
               Lt(be, o);
         }
-        if (le.call(v, "key")) {
-          var Me = k(o), Ce = Object.keys(v).filter(function(ln) {
+        if (le.call(m, "key")) {
+          var Me = N(o), Ce = Object.keys(m).filter(function(ln) {
             return ln !== "key";
           }), st = Ce.length > 0 ? "{key: someKey, " + Ce.join(": ..., ") + ": ...}" : "{key: someKey}";
           if (!Ot[Me + st]) {
@@ -617,11 +617,11 @@ React keys must be passed directly to JSX without using spread:
         return o === s ? rn(ue) : tn(ue), ue;
       }
     }
-    function nn(o, v, T) {
-      return kt(o, v, T, !0);
+    function nn(o, m, T) {
+      return kt(o, m, T, !0);
     }
-    function sn(o, v, T) {
-      return kt(o, v, T, !1);
+    function sn(o, m, T) {
+      return kt(o, m, T, !1);
     }
     var on = sn, an = nn;
     Ae.Fragment = s, Ae.jsx = on, Ae.jsxs = an;
@@ -848,7 +848,7 @@ const Be = (e = () => {
     var c;
     (c = s.current) != null && c.contains(i.target) ? n(!1) : (n(!0), e(i, s));
   };
-  return se(() => (document.addEventListener("click", a, !0), document.addEventListener("mousedown", a, !0), () => {
+  return te(() => (document.addEventListener("click", a, !0), document.addEventListener("mousedown", a, !0), () => {
     document.removeEventListener("click", a, !0), document.removeEventListener("mousedown", a, !0);
   }), []), { ref: s, isClicked: r, setIsClicked: n };
 }, Er = Ie(), _n = ({ children: e, layout: r }) => {
@@ -890,7 +890,7 @@ const Be = (e = () => {
   )) }) });
 }, Rr = Ie(), zn = ({ children: e, filesData: r, onError: n }) => {
   const [s, a] = L([]);
-  se(() => {
+  te(() => {
     a(r);
   }, [r]);
   const i = (c) => c.isDirectory ? s.filter((l) => l.path === `${c.path}/${l.name}`) : [];
@@ -900,12 +900,12 @@ const Be = (e = () => {
   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([]);
-  return se(() => {
+  return te(() => {
     Array.isArray(n) && n.length > 0 && (p(() => {
       const f = n.filter((h) => h.path === `${a}/${h.name}`);
       return An(f);
     }), l(() => n.find((f) => f.path === a) ?? null));
-  }, [n, a]), se(() => {
+  }, [n, a]), te(() => {
     !s.current && Array.isArray(n) && n.length > 0 && (i(n.some((f) => f.path === r) ? r : ""), s.current = !0);
   }, [r, n]), /* @__PURE__ */ t.jsx(
     Pr.Provider,
@@ -932,11 +932,15 @@ const Be = (e = () => {
   } catch (s) {
     console.error(s.message);
   }
-}, Tr = Ie(), In = ({ children: e, onDownload: r }) => {
-  const [n, s] = L([]), a = () => {
-    Le(r, "onDownload", n);
+}, Tr = Ie(), In = ({ children: e, onDownload: r, onSelect: n }) => {
+  const [s, a] = L([]);
+  te(() => {
+    s.length && n && n(s);
+  }, [s]);
+  const i = () => {
+    Le(r, "onDownload", s);
   };
-  return /* @__PURE__ */ t.jsx(Tr.Provider, { value: { selectedFiles: n, setSelectedFiles: s, handleDownload: a }, children: e });
+  return /* @__PURE__ */ t.jsx(Tr.Provider, { value: { selectedFiles: s, setSelectedFiles: a, handleDownload: i }, children: e });
 }, Fe = () => $e(Tr), Fr = Ie(), $n = ({ children: e, onPaste: r, onCut: n, onCopy: s }) => {
   const [a, i] = L(null), { selectedFiles: c, setSelectedFiles: l } = Fe(), d = (f) => {
     i({
@@ -957,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(), D = [
+  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 = [
     {
       icon: /* @__PURE__ */ t.jsx(mr, { size: 17, strokeWidth: 0.3 }),
       text: "New folder",
@@ -1062,7 +1066,7 @@ const Be = (e = () => {
       }
     )
   ] }) }) : /* @__PURE__ */ t.jsx("div", { className: "toolbar", children: /* @__PURE__ */ t.jsxs("div", { className: "fm-toolbar", children: [
-    /* @__PURE__ */ t.jsx("div", { children: D.filter((u) => u.permission).map((u, g) => /* @__PURE__ */ t.jsxs("button", { className: "item-action", onClick: u.onClick, children: [
+    /* @__PURE__ */ t.jsx("div", { children: A.filter((u) => u.permission).map((u, g) => /* @__PURE__ */ t.jsxs("button", { className: "item-action", onClick: u.onClick, children: [
       u.icon,
       /* @__PURE__ */ t.jsx("span", { children: u.text })
     ] }, g)) }),
@@ -1112,7 +1116,7 @@ var Wn = class extends Error {
 }, Ke = (...e) => Hn(e[0], `[react-collapsed] -- ${e[1]}`);
 function Mr(e) {
   const r = de(e);
-  return se(() => {
+  return te(() => {
     r.current = e;
   }), fr((...n) => {
     var s;
@@ -1127,7 +1131,7 @@ function Vn(e, r, n) {
     },
     [l, c]
   );
-  return se(() => {
+  return te(() => {
     Ke(
       !(i.current && e == null),
       "`isExpanded` state is changing from controlled to uncontrolled. useCollapse should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled collapse for the lifetime of the component. Check the `isExpanded` prop."
@@ -1140,7 +1144,7 @@ function Vn(e, r, n) {
 var Yn = "(prefers-reduced-motion: reduce)";
 function Un() {
   const [e, r] = L(!1);
-  return se(() => {
+  return te(() => {
     if (typeof window > "u" || typeof window.matchMedia != "function")
       return;
     const n = window.matchMedia(Yn);
@@ -1237,11 +1241,11 @@ After:   <div {...getCollapseProps()}>
              </div>
           </div>`
     );
-  }, se(() => {
+  }, te(() => {
     r(e);
   }, [e]);
 }
-var ns = typeof window > "u" ? se : un;
+var ns = typeof window > "u" ? te : un;
 function ss({
   duration: e,
   easing: r = "cubic-bezier(0.4, 0, 0.2, 1)",
@@ -1256,7 +1260,7 @@ 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(), D = i ?? z, C = de(), j = de(), y = de(null), [b, u] = L(null);
+  ), w = de(f), [S, M] = L(!1), z = Un(), A = i ?? z, C = de(), j = de(), y = de(null), [b, u] = L(null);
   rs(y);
   const g = `${l.collapsedHeight || 0}px`;
   function _(x) {
@@ -1264,19 +1268,19 @@ function ss({
       return;
     const R = y.current;
     for (const F in x) {
-      const A = x[F];
-      A ? R.style[F] = A : R.style.removeProperty(F);
+      const D = x[F];
+      D ? R.style[F] = D : R.style.removeProperty(F);
     }
   }
   return ns(() => {
     if (!y.current || f === w.current)
       return;
     w.current = f;
-    function R(N) {
-      return D ? 0 : e ?? es(N);
+    function R(k) {
+      return A ? 0 : e ?? es(k);
     }
-    const F = (N) => `height ${R(N)}ms ${r}`, A = (N) => {
-      function k() {
+    const F = (k) => `height ${R(k)}ms ${r}`, D = (k) => {
+      function N() {
         f ? (_({
           height: "",
           overflow: "",
@@ -1284,7 +1288,7 @@ function ss({
           display: ""
         }), d("expandEnd")) : (_({ transition: "" }), d("collapseEnd")), M(!1);
       }
-      j.current && qt(j.current), j.current = Qn(k, N);
+      j.current && qt(j.current), j.current = Qn(N, k);
     };
     return M(!0), f ? C.current = requestAnimationFrame(() => {
       d("expandStart"), _({
@@ -1293,15 +1297,15 @@ function ss({
         height: g
       }), C.current = requestAnimationFrame(() => {
         d("expanding");
-        const N = Kt(y);
-        A(R(N)), y.current && (y.current.style.transition = F(N), y.current.style.height = `${N}px`);
+        const k = Kt(y);
+        D(R(k)), y.current && (y.current.style.transition = F(k), y.current.style.height = `${k}px`);
       });
     }) : C.current = requestAnimationFrame(() => {
       d("collapseStart");
-      const N = Kt(y);
-      A(R(N)), _({
-        transition: F(N),
-        height: `${N}px`
+      const k = Kt(y);
+      D(R(k)), _({
+        transition: F(k),
+        height: `${k}px`
       }), C.current = requestAnimationFrame(() => {
         d("collapsing"), _({
           height: g,
@@ -1314,7 +1318,7 @@ function ss({
   }, [
     f,
     g,
-    D,
+    A,
     e,
     r,
     d
@@ -1322,20 +1326,20 @@ function ss({
     isExpanded: f,
     setExpanded: h,
     getToggleProps(x) {
-      const { disabled: R, onClick: F, refKey: A, ...N } = {
+      const { disabled: R, onClick: F, refKey: D, ...k } = {
         refKey: "ref",
         onClick() {
         },
         disabled: !1,
         ...x
-      }, k = b ? b.tagName === "BUTTON" : void 0, X = x == null ? void 0 : x[A || "ref"], oe = {
+      }, N = b ? b.tagName === "BUTTON" : void 0, K = x == null ? void 0 : x[D || "ref"], oe = {
         id: `react-collapsed-toggle-${p}`,
         "aria-controls": `react-collapsed-panel-${p}`,
         "aria-expanded": f,
         onClick(he) {
           R || (F == null || F(he), h((xe) => !xe));
         },
-        [A || "ref"]: Xt(X, u)
+        [D || "ref"]: Xt(K, u)
       }, ae = {
         type: "button",
         disabled: R ? !0 : void 0
@@ -1344,22 +1348,22 @@ function ss({
         role: "button",
         tabIndex: R ? -1 : 0
       };
-      return k === !1 ? { ...oe, ...Q, ...N } : k === !0 ? { ...oe, ...ae, ...N } : {
+      return N === !1 ? { ...oe, ...Q, ...k } : N === !0 ? { ...oe, ...ae, ...k } : {
         ...oe,
         ...ae,
         ...Q,
-        ...N
+        ...k
       };
     },
     getCollapseProps(x) {
-      const { style: R, refKey: F } = { refKey: "ref", style: {}, ...x }, A = x == null ? void 0 : x[F || "ref"];
+      const { style: R, refKey: F } = { refKey: "ref", style: {}, ...x }, D = x == null ? void 0 : x[F || "ref"];
       return {
         id: `react-collapsed-panel-${p}`,
         "aria-hidden": !f,
         "aria-labelledby": `react-collapsed-toggle-${p}`,
         role: "region",
         ...x,
-        [F || "ref"]: Xt(y, A),
+        [F || "ref"]: Xt(y, D),
         style: {
           boxSizing: "border-box",
           ...!S && !f ? {
@@ -1380,7 +1384,7 @@ const os = ({ open: e, children: r }) => {
     isExpanded: n,
     duration: 500
   });
-  return se(() => {
+  return te(() => {
     s(e);
   }, [e, s]), /* @__PURE__ */ t.jsx(t.Fragment, { children: /* @__PURE__ */ t.jsx("div", { ...a(), children: r }) });
 };
@@ -1402,7 +1406,7 @@ const Lr = ({ folder: e }) => {
   }, d = (p) => {
     p.stopPropagation(), n((f) => !f);
   };
-  return se(() => {
+  return te(() => {
     a(i === e.path);
     const p = i.split("/");
     p.pop(), p.join("/") === e.path && n(!0);
@@ -1450,7 +1454,7 @@ const Lr = ({ folder: e }) => {
       subDirectories: s(l.path, i)
     })) : [];
   };
-  return se(() => {
+  return te(() => {
     if (Array.isArray(n)) {
       const a = n.filter((c) => c.isDirectory), i = Object.groupBy(a, ({ path: c }) => cs(c));
       r(() => s("", i));
@@ -1462,7 +1466,7 @@ 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(() => {
     l(!1);
   });
-  se(() => {
+  te(() => {
     r(() => {
       let j = "";
       return d == null ? void 0 : d.split("/").map((y) => ({
@@ -1476,17 +1480,17 @@ const kr = () => {
   }, 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);
-  }, D = () => {
+  }, 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;
-  return se(() => {
+  return te(() => {
     var j;
     if (C()) {
       const y = e[1], b = (j = h.current[1]) == null ? void 0 : j.clientWidth;
       i((u) => [...u, b]), s((u) => [...u, y]), r((u) => u.filter((g, _) => _ !== 1));
-    } else if (n.length > 0 && D() > a.at(-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));
     }
@@ -1594,7 +1598,7 @@ const Xe = (e) => ({
 ), 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) => {
     g.preventDefault(), g.stopPropagation();
-  }), { currentFolder: z, currentPathFiles: D, setCurrentPathFiles: C } = Ee(), { activeLayout: j } = Se(), y = (g) => {
+  }), { currentFolder: z, currentPathFiles: A, setCurrentPathFiles: C } = Ee(), { activeLayout: j } = Se(), y = (g) => {
     i(g.target.value), l(!1);
   }, b = (g) => {
     if (g.stopPropagation(), g.key === "Enter") {
@@ -1605,7 +1609,7 @@ const Xe = (e) => ({
       `A file name can't contain any of the following characters: \\ / : * ? " < > |`
     ), l(!0)) : (l(!1), p(""));
   };
-  se(() => {
+  te(() => {
     if (c) {
       const g = setTimeout(() => {
         l(!1), p("");
@@ -1616,20 +1620,20 @@ const Xe = (e) => ({
   function u() {
     var R, F;
     let g = a.trim();
-    const _ = D.filter((A) => !(A.key && A.key === r.key));
-    if (_.find((A) => A.name.toLowerCase() === g.toLowerCase())) {
+    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);
       return;
     }
-    g === "" && (g = _r("New Folder", !0, _)), Le(n, "onCreateFolder", g, z), C((A) => A.filter((N) => N.key !== r.key)), s.close();
+    g === "" && (g = _r("New Folder", !0, _)), Le(n, "onCreateFolder", g, z), C((D) => D.filter((k) => k.key !== r.key)), s.close();
   }
-  return se(() => {
+  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 N = e.current.getBoundingClientRect(), k = M.ref.current, X = k.getBoundingClientRect();
-      N.right - X.left > 313 ? h("right") : h("left"), N.bottom - (X.top + k.clientHeight) > 88 ? S("bottom") : S("top");
+      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");
     }
-  }, []), se(() => {
+  }, []), te(() => {
     M.isClicked && u();
   }, [M.isClicked]), /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsx(
@@ -1678,7 +1682,7 @@ const Ar = ({
   const l = de(null), d = (p) => {
     p.key === "Escape" && n(!1);
   };
-  return se(() => {
+  return te(() => {
     r ? l.current.showModal() : l.current.close();
   }, [r]), /* @__PURE__ */ t.jsxs(
     "dialog",
@@ -1697,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: D, 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, S] = L("right"), [M, z] = L("bottom"), { currentPathFiles: A, setCurrentPathFiles: C } = Ee(), { activeLayout: j } = Se(), y = de(null), b = Be((x) => {
     var R;
     (R = y.current) != null && R.contains(x.target) || (x.preventDefault(), x.stopPropagation());
   }), u = (x) => {
@@ -1709,7 +1713,7 @@ const Ar = ({
       `A file name can't contain any of the following characters: \\ / : * ? " < > |`
     ), p(!0)) : p(!1);
   };
-  se(() => {
+  te(() => {
     if (d) {
       const x = setTimeout(() => {
         p(!1), h("");
@@ -1723,7 +1727,7 @@ const Ar = ({
         (R) => R.map((F) => (F.key === r.key && (F.isEditing = !1), F))
       ), s.close();
       return;
-    } else if (D.some((R) => R.name === a)) {
+    } 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) {
@@ -1736,21 +1740,21 @@ const Ar = ({
     p(!1), Le(n, "onRename", r, a), C((R) => R.filter((F) => F.key !== r.key)), s.close();
   }
   const _ = () => {
-    var x, R, F, A, N, k;
+    var x, R, F, D, k, N;
     if ((R = (x = b.ref) == null ? void 0 : x.current) == null || R.focus(), r.isDirectory)
-      (A = (F = b.ref) == null ? void 0 : F.current) == null || A.select();
+      (D = (F = b.ref) == null ? void 0 : F.current) == null || D.select();
     else {
-      const X = _e(r.name), oe = r.name.length - X.length - 1;
-      (k = (N = b.ref) == null ? void 0 : N.current) == null || k.setSelectionRange(0, oe);
+      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);
     }
   };
-  return se(() => {
+  return te(() => {
     var x;
     if (_(), (x = b.ref) != null && x.current) {
-      const N = e.current.getBoundingClientRect(), k = b.ref.current, X = k.getBoundingClientRect();
-      N.right - X.left > 313 ? S("right") : S("left"), N.bottom - (X.top + k.clientHeight) > 88 ? z("bottom") : z("top");
+      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");
     }
-  }, []), se(() => {
+  }, []), te(() => {
     b.isClicked && g(!1), _();
   }, [b.isClicked]), /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsx(
@@ -1860,7 +1864,7 @@ const Ar = ({
   setLastSelectedFile: f
 }) => {
   var fe, E, ve, Te;
-  const [h, w] = L(!1), [S, M] = L(0), [z, D] = 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: A, handleCutCopy: N, setClipBoard: k, handlePasting: X } = Je(), oe = de(null), ae = Xe(it), Q = (A == null ? void 0 : A.isMoving) && A.files.find((Y) => Y.name === r.name && Y.path === r.path), he = () => {
+  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) => {
     if (l.length > 0 && Y) {
@@ -1875,7 +1879,7 @@ const Ar = ({
       const Re = je.filter((we) => we.path !== r.path);
       return je.length === Re.length ? [...je, r] : Re;
     }) : F([r]);
-  }, m = (Y) => {
+  }, v = (Y) => {
     if (Y.stopPropagation(), r.isEditing) return;
     xe(Y.shiftKey, Y.ctrlKey);
     const le = (/* @__PURE__ */ new Date()).getTime();
@@ -1889,29 +1893,29 @@ const Ar = ({
   }, V = (Y) => {
     Y.stopPropagation(), Y.preventDefault(), !r.isEditing && (h || F([r]), f(r), p(Y, !0));
   }, W = () => {
-    D("visible");
+    A("visible");
   }, I = () => {
-    !h && D("hidden");
-  }, K = (Y) => {
+    !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);
   }, O = (Y) => {
-    Y.dataTransfer.setDragImage(oe.current, 30, 50), Y.dataTransfer.effectAllowed = "copy", N(!0);
-  }, $ = () => k(null), U = (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"));
   }, Z = (Y) => {
     Y.currentTarget.contains(Y.relatedTarget) || (j((le) => le && ""), b(null));
   }, q = (Y) => {
-    Y.preventDefault(), !(h || !r.isDirectory) && (X(r), j((le) => le && ""), b(null));
+    Y.preventDefault(), !(h || !r.isDirectory) && (K(r), j((le) => le && ""), b(null));
   };
-  return se(() => {
-    w(l.includes(e)), D(l.includes(e) ? "visible" : "hidden");
+  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" : ""}`,
       tabIndex: 0,
       title: r.name,
-      onClick: m,
+      onClick: v,
       onKeyDown: P,
       onContextMenu: V,
       onMouseOver: W,
@@ -1932,7 +1936,7 @@ const Ar = ({
               id: r.name,
               checked: h,
               className: `selection-checkbox ${z}`,
-              onChange: K,
+              onChange: X,
               onClick: (Y) => Y.stopPropagation()
             }
           ),
@@ -1983,14 +1987,14 @@ const Ar = ({
   /* @__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) > _, A = !F, N = j - b.top, k = b.height - N > x, X = !k;
-    F ? (c(`${R}px`), w("right")) : A && (c(`${R - _}px`), w("left")), k ? d(`${N + y.scrollTop}px`) : X && d(`${N + y.scrollTop - x}px`);
+    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();
-  }, D = (C) => {
+  }, A = (C) => {
     f(C);
   };
-  if (se(() => {
+  if (te(() => {
     s && r.current ? M() : (d(0), c(0), f(null));
   }, [s]), s)
     return /* @__PURE__ */ t.jsx(
@@ -2012,7 +2016,7 @@ const Ar = ({
               {
                 onClick: C.onClick,
                 className: `${C.className ?? ""} ${b ? "active" : ""}`,
-                onMouseOver: () => D(j),
+                onMouseOver: () => A(j),
                 children: [
                   C.icon,
                   /* @__PURE__ */ t.jsx("span", { children: C.title }),
@@ -2040,15 +2044,15 @@ 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: D } = Je(), { selectedFiles: C, setSelectedFiles: j, handleDownload: y } = Fe(), { currentPath: b, setCurrentPath: u, currentPathFiles: g, setCurrentPathFiles: _ } = Ee(), { activeLayout: x, setActiveLayout: R } = Se(), F = () => {
+  const [s, a] = L([]), [i, c] = L(!1), [l, d] = L(!1), [p, f] = L({ clickX: 0, clickY: 0 }), [h, w] = L(null), { clipBoard: 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);
-  }, A = (O) => {
+  }, D = (O) => {
     z(O), c(!1);
-  }, N = () => {
-    D(h), c(!1);
   }, k = () => {
+    A(h), c(!1);
+  }, N = () => {
     c(!1), n.show("rename");
-  }, X = () => {
+  }, K = () => {
     y(), c(!1);
   }, oe = () => {
     c(!1), n.show("delete");
@@ -2060,7 +2064,7 @@ const xs = (e, r, n) => {
     c(!1), n.show("uploadFile");
   }, xe = () => {
     j(g), c(!1);
-  }, m = [
+  }, v = [
     {
       title: "View",
       icon: x === "grid" ? /* @__PURE__ */ t.jsx(Dt, { size: 18 }) : /* @__PURE__ */ t.jsx(Ue, { size: 18 }),
@@ -2117,18 +2121,18 @@ const xs = (e, r, n) => {
     {
       title: "Cut",
       icon: /* @__PURE__ */ t.jsx(yr, { size: 19 }),
-      onClick: () => A(!0)
+      onClick: () => D(!0)
     },
     {
       title: "Copy",
       icon: /* @__PURE__ */ t.jsx(vr, { strokeWidth: 0.1, size: 17 }),
-      onClick: () => A(!1),
+      onClick: () => D(!1),
       divider: !(h != null && h.isDirectory)
     },
     {
       title: "Paste",
       icon: /* @__PURE__ */ t.jsx(mt, { size: 18 }),
-      onClick: N,
+      onClick: k,
       className: `${S ? "" : "disable-paste"}`,
       hidden: !(h != null && h.isDirectory),
       divider: !0
@@ -2136,13 +2140,13 @@ const xs = (e, r, n) => {
     {
       title: "Rename",
       icon: /* @__PURE__ */ t.jsx(br, { size: 19 }),
-      onClick: k,
+      onClick: N,
       hidden: C.length > 1
     },
     {
       title: "Download",
       icon: /* @__PURE__ */ t.jsx(Ct, { size: 18 }),
-      onClick: X,
+      onClick: K,
       hidden: h == null ? void 0 : h.isDirectory
     },
     {
@@ -2165,10 +2169,10 @@ const xs = (e, r, n) => {
     _((O) => (O[s.at(-1)] && (O[s.at(-1)].isEditing = !0), O)), a([]), j([]);
   }, I = () => {
     a([]), j((O) => O.length > 0 ? [] : O);
-  }, K = (O, $ = !1) => {
+  }, X = (O, $ = !1) => {
     O.preventDefault(), f({ clickX: O.clientX, clickY: O.clientY }), d($), !$ && I(), c(!0);
   };
-  return se(() => {
+  return te(() => {
     if (n.isActive)
       switch (n.actionType) {
         case "createFolder":
@@ -2178,14 +2182,14 @@ const xs = (e, r, n) => {
           W();
           break;
       }
-  }, [n.isActive]), se(() => {
+  }, [n.isActive]), te(() => {
     a([]), j([]);
-  }, [b]), se(() => {
+  }, [b]), te(() => {
     C.length > 0 ? a(() => C.map((O) => g.findIndex(($) => $.path === O.path))) : a([]);
   }, [C, g]), {
-    emptySelecCtxItems: m,
+    emptySelecCtxItems: v,
     selecCtxItems: P,
-    handleContextMenu: K,
+    handleContextMenu: X,
     unselectFiles: I,
     visible: i,
     setVisible: c,
@@ -2228,7 +2232,7 @@ const xs = (e, r, n) => {
     visible: S,
     setVisible: M,
     setLastSelectedFile: z,
-    selectedFileIndexes: D,
+    selectedFileIndexes: A,
     clickPosition: C,
     isSelectionCtx: j
   } = xs(s, a, i), y = Be(() => M(!1));
@@ -2252,7 +2256,7 @@ const xs = (e, r, n) => {
             enableFilePreview: a,
             triggerAction: i,
             filesViewRef: l,
-            selectedFileIndexes: D,
+            selectedFileIndexes: A,
             handleContextMenu: h,
             setVisible: M,
             setLastSelectedFile: z
@@ -2277,7 +2281,7 @@ const xs = (e, r, n) => {
 Ir.displayName = "FileList";
 const js = ({ triggerAction: e, onDelete: r }) => {
   const [n, s] = L(""), { selectedFiles: a, setSelectedFiles: i } = Fe();
-  se(() => {
+  te(() => {
     s(() => {
       if (a.length === 1)
         return `Are you sure you want to delete "${a[0].name}"?`;
@@ -2319,12 +2323,12 @@ const Ps = ({
   handleFileRemove: c
 }) => {
   var g, _, x, R;
-  const [l, d] = L(0), [p, f] = L(!1), [h, w] = L(!1), [S, M] = L(!1), z = Xe(33), D = de(), { onError: C } = Ge(), j = (F) => {
-    d(0), s((N) => ({
-      ...N,
+  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) => {
+    d(0), s((k) => ({
+      ...k,
       [e]: !1
     }));
-    const A = {
+    const D = {
       type: "upload",
       message: "Upload failed.",
       response: {
@@ -2334,54 +2338,54 @@ const Ps = ({
       }
     };
     n(
-      (N) => N.map((k, X) => e === X ? {
-        ...k,
-        error: A.message
-      } : k)
-    ), M(!0), C(A, r.file);
+      (k) => k.map((N, K) => e === K ? {
+        ...N,
+        error: D.message
+      } : N)
+    ), M(!0), C(D, r.file);
   }, y = (F) => {
     if (!F.error)
-      return new Promise((A, N) => {
-        const k = new XMLHttpRequest();
-        D.current = k, s((Q) => ({
+      return new Promise((D, k) => {
+        const N = new XMLHttpRequest();
+        A.current = N, s((Q) => ({
           ...Q,
           [e]: !0
-        })), k.upload.onprogress = (Q) => {
+        })), N.upload.onprogress = (Q) => {
           if (Q.lengthComputable) {
             const he = Math.round(Q.loaded / Q.total * 100);
             d(he);
           }
-        }, k.onload = () => {
+        }, N.onload = () => {
           s((Q) => ({
             ...Q,
             [e]: !1
-          })), k.status === 200 || k.status === 201 ? (f(!0), i(k.response), A(k.response)) : (N(k.statusText), j(k));
-        }, k.onerror = () => {
-          N(k.statusText), j(k);
-        }, k.open("POST", a == null ? void 0 : a.url, !0);
-        const X = a == null ? void 0 : a.headers;
-        for (let Q in X)
-          k.setRequestHeader(Q, X[Q]);
+          })), N.status === 200 || N.status === 201 ? (f(!0), i(N.response), D(N.response)) : (k(N.statusText), j(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), k.send(oe);
+        oe.append("file", F.file), N.send(oe);
       });
   };
-  se(() => {
-    D.current || y(r);
+  te(() => {
+    A.current || y(r);
   }, []);
   const b = () => {
-    D.current && (D.current.abort(), s((F) => ({
+    A.current && (A.current.abort(), s((F) => ({
       ...F,
       [e]: !1
     })), w(!0), d(0));
   }, u = () => {
     r != null && r.file && (n(
-      (F) => F.map((A, N) => e === N ? {
-        ...A,
+      (F) => F.map((D, k) => e === k ? {
+        ...D,
         error: !1
-      } : A)
+      } : D)
     ), y({ ...r, error: !1 }), w(!1), M(!1));
   };
   return r.removed ? null : /* @__PURE__ */ t.jsxs("li", { children: [
@@ -2422,7 +2426,7 @@ const Ps = ({
 }) => {
   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();
-  }, D = (u) => {
+  }, A = (u) => {
     if (n && !n.includes(_e(u.name)))
       return "File type is not allowed.";
     if (w.some(
@@ -2434,7 +2438,7 @@ const Ps = ({
       (g) => !i.some((_) => _.file.name.toLowerCase() === g.name.toLowerCase())
     ), u.length > 0) {
       const g = u.map((_) => {
-        const x = s(_, h), R = D(_);
+        const x = s(_, h), R = A(_);
         return R && S({ type: "upload", message: R }, _), {
           file: _,
           appendData: x,
@@ -2580,7 +2584,7 @@ const Ps = ({
   }, l = () => {
     s.current.clear();
   };
-  se(() => (window.addEventListener("keydown", i), window.addEventListener("keyup", c), window.addEventListener("blur", l), () => {
+  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 = {
@@ -2618,7 +2622,7 @@ const Ps = ({
     a(i);
   }, z = () => {
     e.show("rename");
-  }, D = () => {
+  }, A = () => {
     d();
   }, C = () => {
     e.show("delete");
@@ -2637,7 +2641,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, D, 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);
+  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);
 }, Ms = ({
   fileUploadConfig: e,
   onFileUploading: r,
@@ -2684,7 +2688,7 @@ const Ps = ({
       width: "50%"
     }
   };
-  if (se(() => {
+  if (te(() => {
     if (p.isActive) {
       const M = p.actionType;
       M === "previewFile" && (S[M].title = (w == null ? void 0 : w.name) ?? "Preview"), h(S[M]);
@@ -2734,7 +2738,7 @@ const Ps = ({
     }
   };
 };
-var gt = { exports: {} }, We = { exports: {} }, re = {};
+var gt = { exports: {} }, We = { exports: {} }, ne = {};
 /** @license React v16.13.1
  * react-is.production.min.js
  *
@@ -2745,9 +2749,9 @@ var gt = { exports: {} }, We = { exports: {} }, re = {};
  */
 var rr;
 function ks() {
-  if (rr) return re;
+  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, D = 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, 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;
   function y(u) {
     if (typeof u == "object" && u !== null) {
       var g = u.$$typeof;
@@ -2781,35 +2785,35 @@ function ks() {
   function b(u) {
     return y(u) === p;
   }
-  return re.AsyncMode = d, re.ConcurrentMode = p, re.ContextConsumer = l, re.ContextProvider = c, re.Element = r, re.ForwardRef = f, re.Fragment = s, re.Lazy = M, re.Memo = S, re.Portal = n, re.Profiler = i, re.StrictMode = a, re.Suspense = h, re.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 = M, ne.Memo = S, ne.Portal = n, ne.Profiler = i, ne.StrictMode = a, ne.Suspense = h, ne.isAsyncMode = function(u) {
     return b(u) || y(u) === d;
-  }, re.isConcurrentMode = b, re.isContextConsumer = function(u) {
+  }, ne.isConcurrentMode = b, ne.isContextConsumer = function(u) {
     return y(u) === l;
-  }, re.isContextProvider = function(u) {
+  }, ne.isContextProvider = function(u) {
     return y(u) === c;
-  }, re.isElement = function(u) {
+  }, ne.isElement = function(u) {
     return typeof u == "object" && u !== null && u.$$typeof === r;
-  }, re.isForwardRef = function(u) {
+  }, ne.isForwardRef = function(u) {
     return y(u) === f;
-  }, re.isFragment = function(u) {
+  }, ne.isFragment = function(u) {
     return y(u) === s;
-  }, re.isLazy = function(u) {
+  }, ne.isLazy = function(u) {
     return y(u) === M;
-  }, re.isMemo = function(u) {
+  }, ne.isMemo = function(u) {
     return y(u) === S;
-  }, re.isPortal = function(u) {
+  }, ne.isPortal = function(u) {
     return y(u) === n;
-  }, re.isProfiler = function(u) {
+  }, ne.isProfiler = function(u) {
     return y(u) === i;
-  }, re.isStrictMode = function(u) {
+  }, ne.isStrictMode = function(u) {
     return y(u) === a;
-  }, re.isSuspense = function(u) {
+  }, ne.isSuspense = function(u) {
     return y(u) === h;
-  }, re.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 === D || u.$$typeof === C || u.$$typeof === j || u.$$typeof === z);
-  }, re.typeOf = y, re;
+  }, 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);
+  }, ne.typeOf = y, ne;
 }
-var ne = {};
+var se = {};
 /** @license React v16.13.1
  * react-is.development.js
  *
@@ -2821,10 +2825,10 @@ var ne = {};
 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, D = 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, 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;
     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 === D || 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 === 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);
     }
     function b(E) {
       if (typeof E == "object" && E !== null) {
@@ -2858,11 +2862,11 @@ function _s() {
         }
       }
     }
-    var u = d, g = p, _ = l, x = c, R = r, F = f, A = s, N = M, k = S, X = n, oe = i, ae = a, Q = h, he = !1;
+    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.")), m(E) || b(E) === d;
+      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;
     }
-    function m(E) {
+    function v(E) {
       return b(E) === p;
     }
     function P(E) {
@@ -2877,7 +2881,7 @@ function _s() {
     function I(E) {
       return b(E) === f;
     }
-    function K(E) {
+    function X(E) {
       return b(E) === s;
     }
     function O(E) {
@@ -2898,8 +2902,8 @@ function _s() {
     function fe(E) {
       return b(E) === h;
     }
-    ne.AsyncMode = u, ne.ConcurrentMode = g, ne.ContextConsumer = _, ne.ContextProvider = x, ne.Element = R, ne.ForwardRef = F, ne.Fragment = A, ne.Lazy = N, ne.Memo = k, ne.Portal = X, ne.Profiler = oe, ne.StrictMode = ae, ne.Suspense = Q, ne.isAsyncMode = xe, ne.isConcurrentMode = m, ne.isContextConsumer = P, ne.isContextProvider = V, ne.isElement = W, ne.isForwardRef = I, ne.isFragment = K, ne.isLazy = O, ne.isMemo = $, ne.isPortal = U, ne.isProfiler = Z, ne.isStrictMode = q, ne.isSuspense = fe, ne.isValidElementType = y, ne.typeOf = b;
-  }()), ne;
+    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;
 }
 var sr;
 function $r() {
@@ -3035,8 +3039,8 @@ function As() {
   }
   return ht = function(l, d) {
     var p = typeof Symbol == "function" && Symbol.iterator, f = "@@iterator";
-    function h(m) {
-      var P = m && (p && m[p] || m[f]);
+    function h(v) {
+      var P = v && (p && v[p] || v[f]);
       if (typeof P == "function")
         return P;
     }
@@ -3058,20 +3062,20 @@ function As() {
       objectOf: x,
       oneOf: _,
       oneOfType: R,
-      shape: N,
-      exact: k
+      shape: k,
+      exact: N
     };
-    function M(m, P) {
-      return m === P ? m !== 0 || 1 / m === 1 / P : m !== m && P !== P;
+    function M(v, P) {
+      return v === P ? v !== 0 || 1 / v === 1 / P : v !== v && P !== P;
     }
-    function z(m, P) {
-      this.message = m, this.data = P && typeof P == "object" ? P : {}, this.stack = "";
+    function z(v, P) {
+      this.message = v, this.data = P && typeof P == "object" ? P : {}, this.stack = "";
     }
     z.prototype = Error.prototype;
-    function D(m) {
+    function A(v) {
       if (process.env.NODE_ENV !== "production")
         var P = {}, V = 0;
-      function W(K, O, $, U, Z, q, fe) {
+      function W(X, O, $, U, Z, q, fe) {
         if (U = U || w, q = q || $, fe !== n) {
           if (d) {
             var E = new Error(
@@ -3086,125 +3090,125 @@ function As() {
             ), P[ve] = !0, V++);
           }
         }
-        return O[$] == null ? K ? 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 : m(O, $, U, Z, q);
+        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);
       }
       var I = W.bind(null, !1);
       return I.isRequired = W.bind(null, !0), I;
     }
-    function C(m) {
-      function P(V, W, I, K, O, $) {
+    function C(v) {
+      function P(V, W, I, X, O, $) {
         var U = V[W], Z = ae(U);
-        if (Z !== m) {
+        if (Z !== v) {
           var q = Q(U);
           return new z(
-            "Invalid " + K + " `" + O + "` of type " + ("`" + q + "` supplied to `" + I + "`, expected ") + ("`" + m + "`."),
-            { expectedType: m }
+            "Invalid " + X + " `" + O + "` of type " + ("`" + q + "` supplied to `" + I + "`, expected ") + ("`" + v + "`."),
+            { expectedType: v }
           );
         }
         return null;
       }
-      return D(P);
+      return A(P);
     }
     function j() {
-      return D(c);
+      return A(c);
     }
-    function y(m) {
-      function P(V, W, I, K, O) {
-        if (typeof m != "function")
+    function y(v) {
+      function P(V, W, I, X, O) {
+        if (typeof v != "function")
           return new z("Property `" + O + "` of component `" + I + "` has invalid PropType notation inside arrayOf.");
         var $ = V[W];
         if (!Array.isArray($)) {
           var U = ae($);
-          return new z("Invalid " + K + " `" + O + "` of type " + ("`" + U + "` supplied to `" + I + "`, expected an array."));
+          return new z("Invalid " + X + " `" + O + "` of type " + ("`" + U + "` supplied to `" + I + "`, expected an array."));
         }
         for (var Z = 0; Z < $.length; Z++) {
-          var q = m($, Z, I, K, O + "[" + Z + "]", n);
+          var q = v($, Z, I, X, O + "[" + Z + "]", n);
           if (q instanceof Error)
             return q;
         }
         return null;
       }
-      return D(P);
+      return A(P);
     }
     function b() {
-      function m(P, V, W, I, K) {
+      function v(P, V, W, I, X) {
         var O = P[V];
         if (!l(O)) {
           var $ = ae(O);
-          return new z("Invalid " + I + " `" + K + "` of type " + ("`" + $ + "` supplied to `" + W + "`, expected a single ReactElement."));
+          return new z("Invalid " + I + " `" + X + "` of type " + ("`" + $ + "` supplied to `" + W + "`, expected a single ReactElement."));
         }
         return null;
       }
-      return D(m);
+      return A(v);
     }
     function u() {
-      function m(P, V, W, I, K) {
+      function v(P, V, W, I, X) {
         var O = P[V];
         if (!e.isValidElementType(O)) {
           var $ = ae(O);
-          return new z("Invalid " + I + " `" + K + "` of type " + ("`" + $ + "` supplied to `" + W + "`, expected a single ReactElement type."));
+          return new z("Invalid " + I + " `" + X + "` of type " + ("`" + $ + "` supplied to `" + W + "`, expected a single ReactElement type."));
         }
         return null;
       }
-      return D(m);
+      return A(v);
     }
-    function g(m) {
-      function P(V, W, I, K, O) {
-        if (!(V[W] instanceof m)) {
-          var $ = m.name || w, U = xe(V[W]);
-          return new z("Invalid " + K + " `" + O + "` of type " + ("`" + U + "` supplied to `" + I + "`, expected ") + ("instance of `" + $ + "`."));
+    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 `" + $ + "`."));
         }
         return null;
       }
-      return D(P);
+      return A(P);
     }
-    function _(m) {
-      if (!Array.isArray(m))
+    function _(v) {
+      if (!Array.isArray(v))
         return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? i(
           "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, K, O) {
-        for (var $ = V[W], U = 0; U < m.length; U++)
-          if (M($, m[U]))
+      function P(V, W, I, X, O) {
+        for (var $ = V[W], U = 0; U < v.length; U++)
+          if (M($, v[U]))
             return null;
-        var Z = JSON.stringify(m, function(fe, E) {
+        var Z = JSON.stringify(v, function(fe, E) {
           var ve = Q(E);
           return ve === "symbol" ? String(E) : E;
         });
-        return new z("Invalid " + K + " `" + O + "` of value `" + String($) + "` " + ("supplied to `" + I + "`, expected one of " + Z + "."));
+        return new z("Invalid " + X + " `" + O + "` of value `" + String($) + "` " + ("supplied to `" + I + "`, expected one of " + Z + "."));
       }
-      return D(P);
+      return A(P);
     }
-    function x(m) {
-      function P(V, W, I, K, O) {
-        if (typeof m != "function")
+    function x(v) {
+      function P(V, W, I, X, O) {
+        if (typeof v != "function")
           return new z("Property `" + O + "` of component `" + I + "` has invalid PropType notation inside objectOf.");
         var $ = V[W], U = ae($);
         if (U !== "object")
-          return new z("Invalid " + K + " `" + O + "` of type " + ("`" + U + "` supplied to `" + I + "`, expected an object."));
+          return new z("Invalid " + X + " `" + O + "` of type " + ("`" + U + "` supplied to `" + I + "`, expected an object."));
         for (var Z in $)
           if (s($, Z)) {
-            var q = m($, Z, I, K, O + "." + Z, n);
+            var q = v($, Z, I, X, O + "." + Z, n);
             if (q instanceof Error)
               return q;
           }
         return null;
       }
-      return D(P);
+      return A(P);
     }
-    function R(m) {
-      if (!Array.isArray(m))
+    function R(v) {
+      if (!Array.isArray(v))
         return process.env.NODE_ENV !== "production" && i("Invalid argument supplied to oneOfType, expected an instance of array."), c;
-      for (var P = 0; P < m.length; P++) {
-        var V = m[P];
+      for (var P = 0; P < v.length; P++) {
+        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 + "."
           ), c;
       }
-      function W(I, K, O, $, U) {
-        for (var Z = [], q = 0; q < m.length; q++) {
-          var fe = m[q], E = fe(I, K, O, $, U, n);
+      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);
           if (E == null)
             return null;
           E.data && s(E.data, "expectedType") && Z.push(E.data.expectedType);
@@ -3212,83 +3216,83 @@ function As() {
         var ve = Z.length > 0 ? ", expected one of type [" + Z.join(", ") + "]" : "";
         return new z("Invalid " + $ + " `" + U + "` supplied to " + ("`" + O + "`" + ve + "."));
       }
-      return D(W);
+      return A(W);
     }
     function F() {
-      function m(P, V, W, I, K) {
-        return X(P[V]) ? null : new z("Invalid " + I + " `" + K + "` supplied to " + ("`" + W + "`, expected a ReactNode."));
+      function v(P, V, W, I, X) {
+        return K(P[V]) ? null : new z("Invalid " + I + " `" + X + "` supplied to " + ("`" + W + "`, expected a ReactNode."));
       }
-      return D(m);
+      return A(v);
     }
-    function A(m, P, V, W, I) {
+    function D(v, P, V, W, I) {
       return new z(
-        (m || "React class") + ": " + P + " type `" + V + "." + W + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + I + "`."
+        (v || "React class") + ": " + P + " type `" + V + "." + W + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + I + "`."
       );
     }
-    function N(m) {
-      function P(V, W, I, K, O) {
+    function k(v) {
+      function P(V, W, I, X, O) {
         var $ = V[W], U = ae($);
         if (U !== "object")
-          return new z("Invalid " + K + " `" + O + "` of type `" + U + "` " + ("supplied to `" + I + "`, expected `object`."));
-        for (var Z in m) {
-          var q = m[Z];
+          return new z("Invalid " + X + " `" + O + "` of type `" + U + "` " + ("supplied to `" + I + "`, expected `object`."));
+        for (var Z in v) {
+          var q = v[Z];
           if (typeof q != "function")
-            return A(I, K, O, Z, Q(q));
-          var fe = q($, Z, I, K, O + "." + Z, n);
+            return D(I, X, O, Z, Q(q));
+          var fe = q($, Z, I, X, O + "." + Z, n);
           if (fe)
             return fe;
         }
         return null;
       }
-      return D(P);
+      return A(P);
     }
-    function k(m) {
-      function P(V, W, I, K, O) {
+    function N(v) {
+      function P(V, W, I, X, O) {
         var $ = V[W], U = ae($);
         if (U !== "object")
-          return new z("Invalid " + K + " `" + O + "` of type `" + U + "` " + ("supplied to `" + I + "`, expected `object`."));
-        var Z = r({}, V[W], m);
+          return new z("Invalid " + X + " `" + O + "` of type `" + U + "` " + ("supplied to `" + I + "`, expected `object`."));
+        var Z = r({}, V[W], v);
         for (var q in Z) {
-          var fe = m[q];
-          if (s(m, q) && typeof fe != "function")
-            return A(I, K, O, q, Q(fe));
+          var fe = v[q];
+          if (s(v, q) && typeof fe != "function")
+            return D(I, X, O, q, Q(fe));
           if (!fe)
             return new z(
-              "Invalid " + K + " `" + O + "` key `" + q + "` supplied to `" + I + "`.\nBad object: " + JSON.stringify(V[W], null, "  ") + `
-Valid keys: ` + JSON.stringify(Object.keys(m), null, "  ")
+              "Invalid " + X + " `" + O + "` key `" + q + "` supplied to `" + I + "`.\nBad object: " + JSON.stringify(V[W], null, "  ") + `
+Valid keys: ` + JSON.stringify(Object.keys(v), null, "  ")
             );
-          var E = fe($, q, I, K, O + "." + q, n);
+          var E = fe($, q, I, X, O + "." + q, n);
           if (E)
             return E;
         }
         return null;
       }
-      return D(P);
+      return A(P);
     }
-    function X(m) {
-      switch (typeof m) {
+    function K(v) {
+      switch (typeof v) {
         case "number":
         case "string":
         case "undefined":
           return !0;
         case "boolean":
-          return !m;
+          return !v;
         case "object":
-          if (Array.isArray(m))
-            return m.every(X);
-          if (m === null || l(m))
+          if (Array.isArray(v))
+            return v.every(K);
+          if (v === null || l(v))
             return !0;
-          var P = h(m);
+          var P = h(v);
           if (P) {
-            var V = P.call(m), W;
-            if (P !== m.entries) {
+            var V = P.call(v), W;
+            if (P !== v.entries) {
               for (; !(W = V.next()).done; )
-                if (!X(W.value))
+                if (!K(W.value))
                   return !1;
             } else
               for (; !(W = V.next()).done; ) {
                 var I = W.value;
-                if (I && !X(I[1]))
+                if (I && !K(I[1]))
                   return !1;
               }
           } else
@@ -3298,27 +3302,27 @@ Valid keys: ` + JSON.stringify(Object.keys(m), null, "  ")
           return !1;
       }
     }
-    function oe(m, P) {
-      return m === "symbol" ? !0 : P ? P["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && P instanceof Symbol : !1;
+    function oe(v, P) {
+      return v === "symbol" ? !0 : P ? P["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && P instanceof Symbol : !1;
     }
-    function ae(m) {
-      var P = typeof m;
-      return Array.isArray(m) ? "array" : m instanceof RegExp ? "object" : oe(P, m) ? "symbol" : P;
+    function ae(v) {
+      var P = typeof v;
+      return Array.isArray(v) ? "array" : v instanceof RegExp ? "object" : oe(P, v) ? "symbol" : P;
     }
-    function Q(m) {
-      if (typeof m > "u" || m === null)
-        return "" + m;
-      var P = ae(m);
+    function Q(v) {
+      if (typeof v > "u" || v === null)
+        return "" + v;
+      var P = ae(v);
       if (P === "object") {
-        if (m instanceof Date)
+        if (v instanceof Date)
           return "date";
-        if (m instanceof RegExp)
+        if (v instanceof RegExp)
           return "regexp";
       }
       return P;
     }
-    function he(m) {
-      var P = Q(m);
+    function he(v) {
+      var P = Q(v);
       switch (P) {
         case "array":
         case "object":
@@ -3331,8 +3335,8 @@ Valid keys: ` + JSON.stringify(Object.keys(m), null, "  ")
           return P;
       }
     }
-    function xe(m) {
-      return !m.constructor || !m.constructor.name ? w : m.constructor.name;
+    function xe(v) {
+      return !v.constructor || !v.constructor.name ? w : v.constructor.name;
     }
     return S.checkPropTypes = a, S.resetWarningCache = a.resetWarningCache, S.PropTypes = S, S;
   }, ht;
@@ -3427,29 +3431,30 @@ const G = /* @__PURE__ */ dn(Bs), Hs = (e, r, n) => {
   onRefresh: S,
   onFileOpen: M = () => {
   },
-  onError: z = () => {
+  onSelect: z,
+  onError: A = () => {
   },
-  layout: D = "grid",
-  enableFilePreview: C = !0,
-  maxFileSize: j,
-  filePreviewPath: y,
-  acceptedFileTypes: b,
-  height: u = "600px",
-  width: g = "100%",
-  initialPath: _ = "",
-  filePreviewComponent: x,
-  primaryColor: R = "#6155b4",
-  fontFamily: F = "Nunito Sans, sans-serif"
+  layout: C = "grid",
+  enableFilePreview: j = !0,
+  maxFileSize: y,
+  filePreviewPath: b,
+  acceptedFileTypes: u,
+  height: g = "600px",
+  width: _ = "100%",
+  initialPath: x = "",
+  filePreviewComponent: R,
+  primaryColor: F = "#6155b4",
+  fontFamily: D = "Nunito Sans, sans-serif"
 }) => {
-  const A = Ls(), { containerRef: N, colSizes: k, isDragging: X, handleMouseMove: oe, handleMouseUp: ae, handleMouseDown: Q } = Os(20, 80), he = {
-    "--file-manager-font-family": F,
-    "--file-manager-primary-color": R,
-    height: u,
-    width: g
+  const k = Ls(), { containerRef: N, colSizes: K, isDragging: oe, handleMouseMove: ae, handleMouseUp: Q, handleMouseDown: he } = Os(20, 80), xe = {
+    "--file-manager-font-family": D,
+    "--file-manager-primary-color": F,
+    height: g,
+    width: _
   };
-  return /* @__PURE__ */ t.jsxs("main", { className: "file-explorer", onContextMenu: (xe) => xe.preventDefault(), style: he, children: [
+  return /* @__PURE__ */ t.jsxs("main", { className: "file-explorer", onContextMenu: (v) => v.preventDefault(), style: xe, children: [
     /* @__PURE__ */ t.jsx(xt, { loading: n }),
-    /* @__PURE__ */ t.jsx(zn, { filesData: e, onError: z, children: /* @__PURE__ */ t.jsx(Dn, { initialPath: _, children: /* @__PURE__ */ t.jsx(In, { onDownload: f, children: /* @__PURE__ */ t.jsx($n, { onPaste: d, onCut: c, onCopy: l, children: /* @__PURE__ */ t.jsxs(_n, { layout: D, 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: C, children: [
       /* @__PURE__ */ t.jsx(
         Sr,
         {
@@ -3457,28 +3462,28 @@ const G = /* @__PURE__ */ dn(Bs), Hs = (e, r, n) => {
           allowUploadFile: !0,
           onLayoutChange: w,
           onRefresh: S,
-          triggerAction: A
+          triggerAction: k
         }
       ),
       /* @__PURE__ */ t.jsxs(
         "section",
         {
           ref: N,
-          onMouseMove: oe,
-          onMouseUp: ae,
+          onMouseMove: ae,
+          onMouseUp: Q,
           className: "files-container",
           children: [
-            /* @__PURE__ */ t.jsxs("div", { className: "navigation-pane", style: { width: k.col1 + "%" }, children: [
+            /* @__PURE__ */ t.jsxs("div", { className: "navigation-pane", style: { width: K.col1 + "%" }, children: [
               /* @__PURE__ */ t.jsx(Or, {}),
               /* @__PURE__ */ t.jsx(
                 "div",
                 {
-                  className: `sidebar-resize ${X ? "sidebar-dragging" : ""}`,
-                  onMouseDown: Q
+                  className: `sidebar-resize ${oe ? "sidebar-dragging" : ""}`,
+                  onMouseDown: he
                 }
               )
             ] }),
-            /* @__PURE__ */ t.jsxs("div", { className: "folders-preview", style: { width: k.col2 + "%" }, children: [
+            /* @__PURE__ */ t.jsxs("div", { className: "folders-preview", style: { width: K.col2 + "%" }, children: [
               /* @__PURE__ */ t.jsx(kr, {}),
               /* @__PURE__ */ t.jsx(
                 Ir,
@@ -3487,8 +3492,8 @@ const G = /* @__PURE__ */ dn(Bs), Hs = (e, r, n) => {
                   onRename: p,
                   onFileOpen: M,
                   onRefresh: S,
-                  enableFilePreview: C,
-                  triggerAction: A
+                  enableFilePreview: j,
+                  triggerAction: k
                 }
               )
             ] })
@@ -3503,11 +3508,11 @@ const G = /* @__PURE__ */ dn(Bs), Hs = (e, r, n) => {
           onFileUploaded: i,
           onDelete: h,
           onRefresh: S,
-          maxFileSize: j,
-          filePreviewPath: y,
-          filePreviewComponent: x,
-          acceptedFileTypes: b,
-          triggerAction: A
+          maxFileSize: y,
+          filePreviewPath: b,
+          filePreviewComponent: R,
+          acceptedFileTypes: u,
+          triggerAction: k
         }
       )
     ] }) }) }) }) })
@@ -3541,6 +3546,7 @@ Hr.propTypes = {
   onLayoutChange: G.func,
   onRefresh: G.func,
   onFileOpen: G.func,
+  onSelect: G.func,
   onError: G.func,
   layout: G.oneOf(["grid", "list"]),
   maxFileSize: G.number,