@cubone/react-file-manager 1.17.0 → 1.18.0

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

@@ -1,6 +1,6 @@
 import * as De from "react";
-import Pe, { useState as L, useRef as de, useEffect as se, createContext as Ie, useContext as $e, useCallback as dr, useLayoutEffect as ln, useMemo as yt } from "react";
-function un(e) {
+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";
+function dn(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var vt = { exports: {} }, ze = {};
@@ -14,18 +14,18 @@ var vt = { exports: {} }, ze = {};
  * LICENSE file in the root directory of this source tree.
  */
 var _t;
-function dn() {
+function fn() {
   if (_t) return ze;
   _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, c = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function i(l, d, h) {
-    var f, p = {}, w = null, S = null;
-    h !== void 0 && (w = "" + h), d.key !== void 0 && (w = "" + d.key), d.ref !== void 0 && (S = d.ref);
-    for (f in d) s.call(d, f) && !c.hasOwnProperty(f) && (p[f] = d[f]);
-    if (l && l.defaultProps) for (f in d = l.defaultProps, d) p[f] === void 0 && (p[f] = d[f]);
-    return { $$typeof: r, type: l, key: w, ref: S, props: p, _owner: a.current };
+  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);
+    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 ze.Fragment = n, ze.jsx = i, ze.jsxs = i, ze;
+  return ze.Fragment = n, ze.jsx = c, ze.jsxs = c, ze;
 }
 var Ae = {};
 /**
@@ -38,9 +38,9 @@ var Ae = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Nt;
-function fn() {
+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"), c = Symbol.for("react.profiler"), i = Symbol.for("react.provider"), l = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), h = Symbol.for("react.suspense"), f = Symbol.for("react.suspense_list"), p = 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"), S = Symbol.for("react.offscreen"), M = Symbol.iterator, z = "@@iterator";
     function D(o) {
       if (o === null || typeof o != "object")
         return null;
@@ -68,7 +68,7 @@ function fn() {
     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 === c || x || o === a || o === h || o === f || _ || o === S || b || u || g || typeof o == "object" && o !== null && (o.$$typeof === w || o.$$typeof === p || o.$$typeof === i || o.$$typeof === l || o.$$typeof === d || // This needs to include all possible module reference object
+      return !!(typeof o == "string" || typeof o == "function" || o === s || o === i || x || o === a || o === p || o === f || _ || o === 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
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
@@ -96,11 +96,11 @@ function fn() {
           return "Fragment";
         case n:
           return "Portal";
-        case c:
+        case i:
           return "Profiler";
         case a:
           return "StrictMode";
-        case h:
+        case p:
           return "Suspense";
         case f:
           return "SuspenseList";
@@ -110,12 +110,12 @@ function fn() {
           case l:
             var v = o;
             return N(v) + ".Consumer";
-          case i:
+          case c:
             var T = o;
             return N(T._context) + ".Provider";
           case d:
             return A(o, o.render, "ForwardRef");
-          case p:
+          case h:
             var B = o.displayName || null;
             return B !== null ? B : k(o.type) || "Memo";
           case w: {
@@ -296,7 +296,7 @@ function fn() {
       if (typeof o == "string")
         return U(o);
       switch (o) {
-        case h:
+        case p:
           return U("Suspense");
         case f:
           return U("SuspenseList");
@@ -305,7 +305,7 @@ function fn() {
         switch (o.$$typeof) {
           case d:
             return ve(o.render);
-          case p:
+          case h:
             return Y(o.type, v, T);
           case w: {
             var B = o, te = B._payload, ie = B._init;
@@ -348,13 +348,13 @@ function fn() {
     function et(o) {
       return Qe(o);
     }
-    function Hr(o) {
+    function Wr(o) {
       {
         var v = typeof Symbol == "function" && Symbol.toStringTag, T = v && o[Symbol.toStringTag] || o.constructor.name || "Object";
         return T;
       }
     }
-    function Wr(o) {
+    function Vr(o) {
       try {
         return bt(o), !1;
       } catch {
@@ -365,16 +365,16 @@ function fn() {
       return "" + o;
     }
     function wt(o) {
-      if (Wr(o))
-        return j("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Hr(o)), bt(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);
     }
-    var Et = C.ReactCurrentOwner, Vr = {
+    var Et = C.ReactCurrentOwner, Yr = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
     }, Rt, Pt;
-    function Yr(o) {
+    function Ur(o) {
       if (le.call(o, "ref")) {
         var v = Object.getOwnPropertyDescriptor(o, "ref").get;
         if (v && v.isReactWarning)
@@ -382,7 +382,7 @@ function fn() {
       }
       return o.ref !== void 0;
     }
-    function Ur(o) {
+    function qr(o) {
       if (le.call(o, "key")) {
         var v = Object.getOwnPropertyDescriptor(o, "key").get;
         if (v && v.isReactWarning)
@@ -390,10 +390,10 @@ function fn() {
       }
       return o.key !== void 0;
     }
-    function qr(o, v) {
+    function Kr(o, v) {
       typeof o.ref == "string" && Et.current;
     }
-    function Kr(o, v) {
+    function Xr(o, v) {
       {
         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));
@@ -404,7 +404,7 @@ function fn() {
         });
       }
     }
-    function Xr(o, v) {
+    function Gr(o, v) {
       {
         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));
@@ -415,7 +415,7 @@ function fn() {
         });
       }
     }
-    var Gr = function(o, v, T, B, te, ie, ee) {
+    var Jr = function(o, v, T, B, te, ie, ee) {
       var J = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: r,
@@ -444,12 +444,12 @@ function fn() {
         value: te
       }), Object.freeze && (Object.freeze(J.props), Object.freeze(J)), J;
     };
-    function Jr(o, v, T, B, te) {
+    function Zr(o, v, T, B, te) {
       {
         var ie, ee = {}, J = null, me = null;
-        T !== void 0 && (wt(T), J = "" + T), Ur(v) && (wt(v.key), J = "" + v.key), Yr(v) && (me = v.ref, qr(v, te));
+        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) && !Vr.hasOwnProperty(ie) && (ee[ie] = v[ie]);
+          le.call(v, ie) && !Yr.hasOwnProperty(ie) && (ee[ie] = v[ie]);
         if (o && o.defaultProps) {
           var ce = o.defaultProps;
           for (ie in ce)
@@ -457,9 +457,9 @@ function fn() {
         }
         if (J || me) {
           var ue = typeof o == "function" ? o.displayName || o.name || "Unknown" : o;
-          J && Kr(ee, ue), me && Xr(ee, ue);
+          J && Xr(ee, ue), me && Gr(ee, ue);
         }
-        return Gr(o, J, me, te, B, Et.current, ee);
+        return Jr(o, J, me, te, B, Et.current, ee);
       }
     }
     var tt = C.ReactCurrentOwner, Tt = C.ReactDebugCurrentFrame;
@@ -487,11 +487,11 @@ Check the render method of \`` + o + "`.";
         return "";
       }
     }
-    function Zr(o) {
+    function Qr(o) {
       return "";
     }
     var St = {};
-    function Qr(o) {
+    function en(o) {
       {
         var v = Ft();
         if (!v) {
@@ -508,7 +508,7 @@ Check the top-level render call using <` + T + ">.");
         if (!o._store || o._store.validated || o.key != null)
           return;
         o._store.validated = !0;
-        var T = Qr(v);
+        var T = en(v);
         if (St[T])
           return;
         St[T] = !0;
@@ -535,7 +535,7 @@ Check the top-level render call using <` + T + ">.");
         }
       }
     }
-    function en(o) {
+    function tn(o) {
       {
         var v = o.type;
         if (v == null || typeof v == "string")
@@ -545,7 +545,7 @@ Check the top-level render call using <` + T + ">.");
           T = v.propTypes;
         else if (typeof v == "object" && (v.$$typeof === d || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        v.$$typeof === p))
+        v.$$typeof === h))
           T = v.propTypes;
         else
           return;
@@ -560,7 +560,7 @@ Check the top-level render call using <` + T + ">.");
         typeof v.getDefaultProps == "function" && !v.getDefaultProps.isReactClassApproved && j("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function tn(o) {
+    function rn(o) {
       {
         for (var v = Object.keys(o.props), T = 0; T < v.length; T++) {
           var B = v[T];
@@ -579,12 +579,12 @@ Check the top-level render call using <` + T + ">.");
         if (!ee) {
           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 = Zr();
+          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);
         }
-        var ue = Jr(o, v, T, te, ie);
+        var ue = Zr(o, v, T, te, ie);
         if (ue == null)
           return ue;
         if (ee) {
@@ -601,51 +601,51 @@ Check the top-level render call using <` + T + ">.");
               Lt(be, o);
         }
         if (le.call(v, "key")) {
-          var Me = k(o), Ce = Object.keys(v).filter(function(cn) {
-            return cn !== "key";
+          var Me = k(o), Ce = Object.keys(v).filter(function(ln) {
+            return ln !== "key";
           }), st = Ce.length > 0 ? "{key: someKey, " + Ce.join(": ..., ") + ": ...}" : "{key: someKey}";
           if (!Ot[Me + st]) {
-            var an = Ce.length > 0 ? "{" + Ce.join(": ..., ") + ": ...}" : "{}";
+            var cn = Ce.length > 0 ? "{" + Ce.join(": ..., ") + ": ...}" : "{}";
             j(`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:
   let props = %s;
-  <%s key={someKey} {...props} />`, st, Me, an, Me), Ot[Me + st] = !0;
+  <%s key={someKey} {...props} />`, st, Me, cn, Me), Ot[Me + st] = !0;
           }
         }
-        return o === s ? tn(ue) : en(ue), ue;
+        return o === s ? rn(ue) : tn(ue), ue;
       }
     }
-    function rn(o, v, T) {
+    function nn(o, v, T) {
       return kt(o, v, T, !0);
     }
-    function nn(o, v, T) {
+    function sn(o, v, T) {
       return kt(o, v, T, !1);
     }
-    var sn = nn, on = rn;
-    Ae.Fragment = s, Ae.jsx = sn, Ae.jsxs = on;
+    var on = sn, an = nn;
+    Ae.Fragment = s, Ae.jsx = on, Ae.jsxs = an;
   }()), Ae;
 }
-process.env.NODE_ENV === "production" ? vt.exports = dn() : vt.exports = fn();
-var t = vt.exports, fr = {
+process.env.NODE_ENV === "production" ? vt.exports = fn() : vt.exports = hn();
+var t = vt.exports, hr = {
   color: void 0,
   size: void 0,
   className: void 0,
   style: void 0,
   attr: void 0
-}, zt = Pe.createContext && /* @__PURE__ */ Pe.createContext(fr), hn = ["attr", "size", "title"];
-function pn(e, r) {
+}, zt = Pe.createContext && /* @__PURE__ */ Pe.createContext(hr), pn = ["attr", "size", "title"];
+function vn(e, r) {
   if (e == null) return {};
-  var n = vn(e, r), s, a;
+  var n = mn(e, r), s, a;
   if (Object.getOwnPropertySymbols) {
-    var c = Object.getOwnPropertySymbols(e);
-    for (a = 0; a < c.length; a++)
-      s = c[a], !(r.indexOf(s) >= 0) && Object.prototype.propertyIsEnumerable.call(e, s) && (n[s] = e[s]);
+    var i = Object.getOwnPropertySymbols(e);
+    for (a = 0; a < i.length; a++)
+      s = i[a], !(r.indexOf(s) >= 0) && Object.prototype.propertyIsEnumerable.call(e, s) && (n[s] = e[s]);
   }
   return n;
 }
-function vn(e, r) {
+function mn(e, r) {
   if (e == null) return {};
   var n = {};
   for (var s in e)
@@ -679,21 +679,21 @@ function Ye(e) {
   for (var r = 1; r < arguments.length; r++) {
     var n = arguments[r] != null ? arguments[r] : {};
     r % 2 ? At(Object(n), !0).forEach(function(s) {
-      mn(e, s, n[s]);
+      gn(e, s, n[s]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : At(Object(n)).forEach(function(s) {
       Object.defineProperty(e, s, Object.getOwnPropertyDescriptor(n, s));
     });
   }
   return e;
 }
-function mn(e, r, n) {
-  return r = gn(r), r in e ? Object.defineProperty(e, r, { value: n, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = n, e;
+function gn(e, r, n) {
+  return r = yn(r), r in e ? Object.defineProperty(e, r, { value: n, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = n, e;
 }
-function gn(e) {
-  var r = yn(e, "string");
+function yn(e) {
+  var r = xn(e, "string");
   return typeof r == "symbol" ? r : r + "";
 }
-function yn(e, r) {
+function xn(e, r) {
   if (typeof e != "object" || !e) return e;
   var n = e[Symbol.toPrimitive];
   if (n !== void 0) {
@@ -703,28 +703,28 @@ function yn(e, r) {
   }
   return (r === "string" ? String : Number)(e);
 }
-function hr(e) {
+function pr(e) {
   return e && e.map((r, n) => /* @__PURE__ */ Pe.createElement(r.tag, Ye({
     key: n
-  }, r.attr), hr(r.child)));
+  }, r.attr), pr(r.child)));
 }
 function H(e) {
-  return (r) => /* @__PURE__ */ Pe.createElement(xn, Ve({
+  return (r) => /* @__PURE__ */ Pe.createElement(Cn, Ve({
     attr: Ye({}, e.attr)
-  }, r), hr(e.child));
+  }, r), pr(e.child));
 }
-function xn(e) {
+function Cn(e) {
   var r = (n) => {
     var {
       attr: s,
       size: a,
-      title: c
-    } = e, i = pn(e, hn), l = a || n.size || "1em", d;
+      title: i
+    } = e, c = vn(e, pn), l = a || n.size || "1em", d;
     return n.className && (d = n.className), e.className && (d = (d ? d + " " : "") + e.className), /* @__PURE__ */ Pe.createElement("svg", Ve({
       stroke: "currentColor",
       fill: "currentColor",
       strokeWidth: "0"
-    }, n.attr, s, i, {
+    }, n.attr, s, c, {
       className: d,
       style: Ye(Ye({
         color: e.color || n.color
@@ -732,72 +732,72 @@ function xn(e) {
       height: l,
       width: l,
       xmlns: "http://www.w3.org/2000/svg"
-    }), c && /* @__PURE__ */ Pe.createElement("title", null, c), e.children);
+    }), i && /* @__PURE__ */ Pe.createElement("title", null, i), e.children);
   };
-  return zt !== void 0 ? /* @__PURE__ */ Pe.createElement(zt.Consumer, null, (n) => r(n)) : r(fr);
+  return zt !== void 0 ? /* @__PURE__ */ Pe.createElement(zt.Consumer, null, (n) => r(n)) : r(hr);
 }
-function Cn(e) {
+function jn(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(Cn, { className: "spinner" }) }) : null;
-function pr(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;
+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);
 }
-function vr(e) {
+function mr(e) {
   return H({ tag: "svg", attr: { fill: "currentColor", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { d: "m.5 3 .04.87a2 2 0 0 0-.342 1.311l.637 7A2 2 0 0 0 2.826 14H9v-1H2.826a1 1 0 0 1-.995-.91l-.637-7A1 1 0 0 1 2.19 4h11.62a1 1 0 0 1 .996 1.09L14.54 8h1.005l.256-2.819A2 2 0 0 0 13.81 3H9.828a2 2 0 0 1-1.414-.586l-.828-.828A2 2 0 0 0 6.172 1H2.5a2 2 0 0 0-2 2m5.672-1a1 1 0 0 1 .707.293L7.586 3H2.19q-.362.002-.683.12L1.5 2.98a1 1 0 0 1 1-.98z" }, child: [] }, { tag: "path", attr: { d: "M13.5 9a.5.5 0 0 1 .5.5V11h1.5a.5.5 0 1 1 0 1H14v1.5a.5.5 0 1 1-1 0V12h-1.5a.5.5 0 0 1 0-1H13V9.5a.5.5 0 0 1 .5-.5" }, child: [] }] })(e);
 }
-function mr(e) {
+function gr(e) {
   return H({ tag: "svg", attr: { fill: "currentColor", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { d: "M1 2.5A1.5 1.5 0 0 1 2.5 1h3A1.5 1.5 0 0 1 7 2.5v3A1.5 1.5 0 0 1 5.5 7h-3A1.5 1.5 0 0 1 1 5.5zm8 0A1.5 1.5 0 0 1 10.5 1h3A1.5 1.5 0 0 1 15 2.5v3A1.5 1.5 0 0 1 13.5 7h-3A1.5 1.5 0 0 1 9 5.5zm-8 8A1.5 1.5 0 0 1 2.5 9h3A1.5 1.5 0 0 1 7 10.5v3A1.5 1.5 0 0 1 5.5 15h-3A1.5 1.5 0 0 1 1 13.5zm8 0A1.5 1.5 0 0 1 10.5 9h3a1.5 1.5 0 0 1 1.5 1.5v3a1.5 1.5 0 0 1-1.5 1.5h-3A1.5 1.5 0 0 1 9 13.5z" }, child: [] }] })(e);
 }
 function Dt(e) {
   return H({ tag: "svg", attr: { fill: "currentColor", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { d: "M1 2.5A1.5 1.5 0 0 1 2.5 1h3A1.5 1.5 0 0 1 7 2.5v3A1.5 1.5 0 0 1 5.5 7h-3A1.5 1.5 0 0 1 1 5.5zM2.5 2a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5zm6.5.5A1.5 1.5 0 0 1 10.5 1h3A1.5 1.5 0 0 1 15 2.5v3A1.5 1.5 0 0 1 13.5 7h-3A1.5 1.5 0 0 1 9 5.5zm1.5-.5a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5zM1 10.5A1.5 1.5 0 0 1 2.5 9h3A1.5 1.5 0 0 1 7 10.5v3A1.5 1.5 0 0 1 5.5 15h-3A1.5 1.5 0 0 1 1 13.5zm1.5-.5a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5zm6.5.5A1.5 1.5 0 0 1 10.5 9h3a1.5 1.5 0 0 1 1.5 1.5v3a1.5 1.5 0 0 1-1.5 1.5h-3A1.5 1.5 0 0 1 9 13.5zm1.5-.5a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5z" }, child: [] }] })(e);
 }
-function gr(e) {
+function yr(e) {
   return H({ tag: "svg", attr: { fill: "currentColor", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { d: "M3.5 3.5c-.614-.884-.074-1.962.858-2.5L8 7.226 11.642 1c.932.538 1.472 1.616.858 2.5L8.81 8.61l1.556 2.661a2.5 2.5 0 1 1-.794.637L8 9.73l-1.572 2.177a2.5 2.5 0 1 1-.794-.637L7.19 8.61zm2.5 10a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0m7 0a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0" }, child: [] }] })(e);
 }
-function yr(e) {
+function xr(e) {
   return H({ tag: "svg", attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "polyline", attr: { points: "23 4 23 10 17 10" }, child: [] }, { tag: "polyline", attr: { points: "1 20 1 14 7 14" }, child: [] }, { tag: "path", attr: { d: "M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15" }, child: [] }] })(e);
 }
-function jn(e) {
+function bn(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: "M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z" }, child: [] }] })(e);
 }
-function bn(e) {
+function wn(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: "M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" }, child: [] }] })(e);
 }
-function wn(e) {
+function En(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: "M8.59 16.59 13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z" }, child: [] }] })(e);
 }
-function En(e) {
+function Rn(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: "M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" }, child: [] }] })(e);
 }
-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 xr(e) {
+function Cr(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) {
   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 Cr(e) {
+function jr(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 Pn(e) {
+function Tn(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: "M10.02 6 8.61 7.41 13.19 12l-4.58 4.59L10.02 18l6-6-6-6z" }, child: [] }] })(e);
 }
-function jr(e) {
+function br(e) {
   return H({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M20.005 5.995h-1v2h1v8h-1v2h1c1.103 0 2-.897 2-2v-8c0-1.102-.898-2-2-2zm-14 4H15v4H6.005z" }, child: [] }, { tag: "path", attr: { d: "M17.005 17.995V4H20V2h-8v2h3.005v1.995h-11c-1.103 0-2 .897-2 2v8c0 1.103.897 2 2 2h11V20H12v2h8v-2h-2.995v-2.005zm-13-2v-8h11v8h-11z" }, child: [] }] })(e);
 }
-function Tn(e) {
+function Fn(e) {
   return H({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M20 2H8c-1.103 0-2 .897-2 2v12c0 1.103.897 2 2 2h12c1.103 0 2-.897 2-2V4c0-1.103-.897-2-2-2zM8 16V4h12l.002 12H8z" }, child: [] }, { tag: "path", attr: { d: "M4 8H2v12c0 1.103.897 2 2 2h12v-2H4V8zm8.933 3.519-1.726-1.726-1.414 1.414 3.274 3.274 5.702-6.84-1.538-1.282z" }, child: [] }] })(e);
 }
-function br(e) {
+function wr(e) {
   return H({ tag: "svg", attr: { viewBox: "0 0 448 512" }, child: [{ tag: "path", attr: { d: "M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z" }, child: [] }] })(e);
 }
-function Fn(e) {
+function Sn(e) {
   return H({ tag: "svg", attr: { viewBox: "0 0 320 512" }, child: [{ tag: "path", attr: { d: "M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z" }, child: [] }] })(e);
 }
-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) {
@@ -815,10 +815,10 @@ function $t(e) {
 function ot(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-16l160 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 0zm96 256a32 32 0 1 0 -64 0 32 32 0 1 0 64 0zm69.2 46.9c-3-4.3-7.9-6.9-13.2-6.9s-10.2 2.6-13.2 6.9l-41.3 59.7-11.9-19.1c-2.9-4.7-8.1-7.5-13.6-7.5s-10.6 2.8-13.6 7.5l-40 64c-3.1 4.9-3.2 11.1-.4 16.2s8.2 8.2 14 8.2l48 0 32 0 40 0 72 0c6 0 11.4-3.3 14.2-8.6s2.4-11.6-1-16.5l-72-104z" }, child: [] }] })(e);
 }
-function Mn(e) {
+function Ln(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-16l160 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 0zm56 256c-13.3 0-24 10.7-24 24s10.7 24 24 24l144 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-144 0zm0 96c-13.3 0-24 10.7-24 24s10.7 24 24 24l144 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-144 0z" }, child: [] }] })(e);
 }
-function Ln(e) {
+function On(e) {
   return H({ tag: "svg", attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M64 464l48 0 0 48-48 0c-35.3 0-64-28.7-64-64L0 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 304l-48 0 0-144-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 16zM176 352l32 0c30.9 0 56 25.1 56 56s-25.1 56-56 56l-16 0 0 32c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-48 0-80c0-8.8 7.2-16 16-16zm32 80c13.3 0 24-10.7 24-24s-10.7-24-24-24l-16 0 0 48 16 0zm96-80l32 0c26.5 0 48 21.5 48 48l0 64c0 26.5-21.5 48-48 48l-32 0c-8.8 0-16-7.2-16-16l0-128c0-8.8 7.2-16 16-16zm32 128c8.8 0 16-7.2 16-16l0-64c0-8.8-7.2-16-16-16l-16 0 0 96 16 0zm80-112c0-8.8 7.2-16 16-16l48 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-32 0 0 32 32 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-32 0 0 48c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-64 0-64z" }, child: [] }] })(e);
 }
 function Bt(e) {
@@ -830,7 +830,7 @@ function Ht(e) {
 function Wt(e) {
   return H({ tag: "svg", attr: { viewBox: "0 0 384 512" }, child: [{ tag: "path", attr: { d: "M48 448L48 64c0-8.8 7.2-16 16-16l160 0 0 80c0 17.7 14.3 32 32 32l80 0 0 288c0 8.8-7.2 16-16 16L64 464c-8.8 0-16-7.2-16-16zM64 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 0zm55 241.1c-3.8-12.7-17.2-19.9-29.9-16.1s-19.9 17.2-16.1 29.9l48 160c3 10.2 12.4 17.1 23 17.1s19.9-7 23-17.1l25-83.4 25 83.4c3 10.2 12.4 17.1 23 17.1s19.9-7 23-17.1l48-160c3.8-12.7-3.4-26.1-16.1-29.9s-26.1 3.4-29.9 16.1l-25 83.4-25-83.4c-3-10.2-12.4-17.1-23-17.1s-19.9 7-23 17.1l-25 83.4-25-83.4z" }, child: [] }] })(e);
 }
-function On(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) {
@@ -844,78 +844,84 @@ function mt(e) {
 }
 const Be = (e = () => {
 }) => {
-  const [r, n] = L(!1), s = de(null), a = (c) => {
-    var i;
-    (i = s.current) != null && i.contains(c.target) ? n(!1) : (n(!0), e(c, s));
+  const [r, n] = L(!1), s = de(null), a = (i) => {
+    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), () => {
     document.removeEventListener("click", a, !0), document.removeEventListener("mousedown", a, !0);
   }), []), { ref: s, isClicked: r, setIsClicked: n };
-}, wr = Ie(), kn = ({ children: e, layout: r }) => {
+}, Er = Ie(), _n = ({ children: e, layout: r }) => {
   const [n, s] = L(() => a(r));
-  function a(c) {
-    return ["list", "grid"].includes(c) ? c : "grid";
+  function a(i) {
+    return ["list", "grid"].includes(i) ? i : "grid";
   }
-  return /* @__PURE__ */ t.jsx(wr.Provider, { value: { activeLayout: n, setActiveLayout: s }, children: e });
-}, Se = () => $e(wr), _n = ({ setShowToggleViewMenu: e, onLayoutChange: r }) => {
+  return /* @__PURE__ */ t.jsx(Er.Provider, { value: { activeLayout: n, setActiveLayout: s }, children: e });
+}, Se = () => $e(Er), Nn = ({ setShowToggleViewMenu: e, onLayoutChange: r }) => {
   const n = Be(() => {
     e(!1);
-  }), { activeLayout: s, setActiveLayout: a } = Se(), c = [
+  }), { activeLayout: s, setActiveLayout: a } = Se(), i = [
     {
       key: "grid",
       name: "Grid",
-      icon: /* @__PURE__ */ t.jsx(mr, { size: 18 })
+      icon: /* @__PURE__ */ t.jsx(gr, { size: 18 })
     },
     {
       key: "list",
       name: "List",
       icon: /* @__PURE__ */ t.jsx(Ue, { size: 18 })
     }
-  ], i = (l) => {
+  ], c = (l) => {
     a(l), r(l), e(!1);
   };
-  return /* @__PURE__ */ t.jsx("div", { ref: n.ref, className: "toggle-view", role: "dropdown", children: /* @__PURE__ */ t.jsx("ul", { role: "menu", "aria-orientation": "vertical", children: c.map((l) => /* @__PURE__ */ t.jsxs(
+  return /* @__PURE__ */ t.jsx("div", { ref: n.ref, className: "toggle-view", role: "dropdown", children: /* @__PURE__ */ t.jsx("ul", { role: "menu", "aria-orientation": "vertical", children: i.map((l) => /* @__PURE__ */ t.jsxs(
     "li",
     {
       role: "menuitem",
-      onClick: () => i(l.key),
-      onKeyDown: () => i(l.key),
+      onClick: () => c(l.key),
+      onKeyDown: () => c(l.key),
       children: [
-        /* @__PURE__ */ t.jsx("span", { children: l.key === s && /* @__PURE__ */ t.jsx(br, { size: 13 }) }),
+        /* @__PURE__ */ t.jsx("span", { children: l.key === s && /* @__PURE__ */ t.jsx(wr, { size: 13 }) }),
         /* @__PURE__ */ t.jsx("span", { children: l.icon }),
         /* @__PURE__ */ t.jsx("span", { children: l.name })
       ]
     },
     l.key
   )) }) });
-}, Er = Ie(), Nn = ({ children: e, filesData: r, onError: n }) => {
+}, Rr = Ie(), zn = ({ children: e, filesData: r, onError: n }) => {
   const [s, a] = L([]);
   se(() => {
     a(r);
   }, [r]);
-  const c = (i) => i.isDirectory ? s.filter((l) => l.path === `${i.path}/${l.name}`) : [];
-  return /* @__PURE__ */ t.jsx(Er.Provider, { value: { files: s, setFiles: a, getChildren: c, onError: n }, children: e });
-}, Ge = () => $e(Er), Rr = Ie(), zn = ({ children: e, initialPath: r }) => {
-  const { files: n } = Ge(), s = de(!1), [a, c] = L(""), [i, l] = L(null), [d, h] = L([]);
+  const i = (c) => c.isDirectory ? s.filter((l) => l.path === `${c.path}/${l.name}`) : [];
+  return /* @__PURE__ */ t.jsx(Rr.Provider, { value: { files: s, setFiles: a, getChildren: i, onError: n }, children: e });
+}, Ge = () => $e(Rr), Yt = (e) => e.sort((r, n) => r.name.localeCompare(n.name)), An = (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([]);
   return se(() => {
-    Array.isArray(n) && n.length > 0 && (h(() => n.filter((f) => f.path === `${a}/${f.name}`)), l(() => n.find((f) => f.path === a) ?? null));
+    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(() => {
-    !s.current && Array.isArray(n) && n.length > 0 && (c(n.some((f) => f.path === r) ? r : ""), s.current = !0);
+    !s.current && Array.isArray(n) && n.length > 0 && (i(n.some((f) => f.path === r) ? r : ""), s.current = !0);
   }, [r, n]), /* @__PURE__ */ t.jsx(
-    Rr.Provider,
+    Pr.Provider,
     {
       value: {
         currentPath: a,
-        setCurrentPath: c,
-        currentFolder: i,
+        setCurrentPath: i,
+        currentFolder: c,
         setCurrentFolder: l,
         currentPathFiles: d,
-        setCurrentPathFiles: h
+        setCurrentPathFiles: p
       },
       children: e
     }
   );
-}, Ee = () => $e(Rr), Le = (e, r, ...n) => {
+}, Ee = () => $e(Pr), Le = (e, r, ...n) => {
   try {
     if (typeof e == "function")
       e(...n);
@@ -926,24 +932,24 @@ const Be = (e = () => {
   } catch (s) {
     console.error(s.message);
   }
-}, Pr = Ie(), An = ({ children: e, onDownload: r }) => {
+}, Tr = Ie(), In = ({ children: e, onDownload: r }) => {
   const [n, s] = L([]), a = () => {
     Le(r, "onDownload", n);
   };
-  return /* @__PURE__ */ t.jsx(Pr.Provider, { value: { selectedFiles: n, setSelectedFiles: s, handleDownload: a }, children: e });
-}, Fe = () => $e(Pr), Tr = Ie(), Dn = ({ children: e, onPaste: r, onCut: n, onCopy: s }) => {
-  const [a, c] = L(null), { selectedFiles: i, setSelectedFiles: l } = Fe(), d = (f) => {
-    c({
-      files: i,
+  return /* @__PURE__ */ t.jsx(Tr.Provider, { value: { selectedFiles: n, setSelectedFiles: s, handleDownload: a }, 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({
+      files: c,
       isMoving: f
-    }), f ? n && n(i) : s && s(i);
-  }, h = (f) => {
+    }), f ? n && n(c) : s && s(c);
+  }, p = (f) => {
     if (f && !f.isDirectory) return;
-    const p = a.files, w = a.isMoving ? "move" : "copy";
-    Le(r, "onPaste", p, f, w), a.isMoving && c(null), l([]);
+    const h = a.files, w = a.isMoving ? "move" : "copy";
+    Le(r, "onPaste", h, f, w), a.isMoving && i(null), l([]);
   };
-  return /* @__PURE__ */ t.jsx(Tr.Provider, { value: { clipBoard: a, setClipBoard: c, handleCutCopy: d, handlePasting: h }, children: e });
-}, Je = () => $e(Tr), Fr = ({
+  return /* @__PURE__ */ t.jsx(Fr.Provider, { value: { clipBoard: a, setClipBoard: i, handleCutCopy: d, handlePasting: p }, children: e });
+}, Je = () => $e(Fr), Sr = ({
   allowCreateFolder: e = !0,
   allowUploadFile: r = !0,
   onLayoutChange: n,
@@ -951,15 +957,15 @@ const Be = (e = () => {
   triggerAction: a
 }) => {
   var b;
-  const [c, i] = L(!1), { currentFolder: l } = Ee(), { selectedFiles: d, setSelectedFiles: h, handleDownload: f } = Fe(), { clipBoard: p, 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(), D = [
     {
-      icon: /* @__PURE__ */ t.jsx(vr, { size: 17, strokeWidth: 0.3 }),
+      icon: /* @__PURE__ */ t.jsx(mr, { size: 17, strokeWidth: 0.3 }),
       text: "New folder",
       permission: e,
       onClick: () => a.show("createFolder")
     },
     {
-      icon: /* @__PURE__ */ t.jsx(Cr, { size: 18 }),
+      icon: /* @__PURE__ */ t.jsx(jr, { size: 18 }),
       text: "Upload",
       permission: r,
       onClick: () => a.show("uploadFile")
@@ -967,17 +973,17 @@ const Be = (e = () => {
     {
       icon: /* @__PURE__ */ t.jsx(mt, { size: 18 }),
       text: "Paste",
-      permission: !!p,
+      permission: !!h,
       onClick: j
     }
   ], C = [
     {
-      icon: z === "grid" ? /* @__PURE__ */ t.jsx(mr, { size: 16 }) : /* @__PURE__ */ t.jsx(Ue, { size: 16 }),
+      icon: z === "grid" ? /* @__PURE__ */ t.jsx(gr, { size: 16 }) : /* @__PURE__ */ t.jsx(Ue, { size: 16 }),
       title: "Change View",
-      onClick: () => i((u) => !u)
+      onClick: () => c((u) => !u)
     },
     {
-      icon: /* @__PURE__ */ t.jsx(yr, { size: 16 }),
+      icon: /* @__PURE__ */ t.jsx(xr, { size: 16 }),
       title: "Refresh",
       onClick: () => {
         Le(s, "onRefresh"), w(null);
@@ -988,19 +994,19 @@ const Be = (e = () => {
     M(l);
   }
   const y = () => {
-    f(), h([]);
+    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.jsx(gr, { size: 18 }),
+        /* @__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.jsx(pr, { strokeWidth: 0.1, size: 17 }),
+        /* @__PURE__ */ t.jsx(vr, { strokeWidth: 0.1, size: 17 }),
         /* @__PURE__ */ t.jsx("span", { children: "Copy" })
       ] }),
-      ((b = p == null ? void 0 : p.files) == null ? void 0 : b.length) > 0 && /* @__PURE__ */ t.jsxs(
+      ((b = h == null ? void 0 : h.files) == null ? void 0 : b.length) > 0 && /* @__PURE__ */ t.jsxs(
         "button",
         {
           className: "item-action file-action",
@@ -1017,7 +1023,7 @@ const Be = (e = () => {
           className: "item-action file-action",
           onClick: () => a.show("rename"),
           children: [
-            /* @__PURE__ */ t.jsx(jr, { size: 19 }),
+            /* @__PURE__ */ t.jsx(br, { size: 19 }),
             /* @__PURE__ */ t.jsx("span", { children: "Rename" })
           ]
         }
@@ -1032,7 +1038,7 @@ const Be = (e = () => {
           className: "item-action file-action",
           onClick: () => a.show("delete"),
           children: [
-            /* @__PURE__ */ t.jsx(xr, { size: 19 }),
+            /* @__PURE__ */ t.jsx(Cr, { size: 19 }),
             /* @__PURE__ */ t.jsx("span", { children: "Delete" })
           ]
         }
@@ -1043,7 +1049,7 @@ const Be = (e = () => {
       {
         className: "item-action file-action",
         title: "Clear selection",
-        onClick: () => h([]),
+        onClick: () => p([]),
         children: [
           /* @__PURE__ */ t.jsxs("span", { children: [
             d.length,
@@ -1051,7 +1057,7 @@ const Be = (e = () => {
             d.length > 1 && "s",
             " selected"
           ] }),
-          /* @__PURE__ */ t.jsx(bn, { size: 18 })
+          /* @__PURE__ */ t.jsx(wn, { size: 18 })
         ]
       }
     )
@@ -1065,20 +1071,20 @@ const Be = (e = () => {
         /* @__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)),
-      c && /* @__PURE__ */ t.jsx(
-        _n,
+      i && /* @__PURE__ */ t.jsx(
+        Nn,
         {
-          setShowToggleViewMenu: i,
+          setShowToggleViewMenu: c,
           onLayoutChange: n
         }
       )
     ] })
   ] }) });
 };
-Fr.displayName = "Toolbar";
-var In = process.env.NODE_ENV === "production";
-function $n(e, r) {
-  if (!In) {
+Sr.displayName = "Toolbar";
+var Bn = process.env.NODE_ENV === "production";
+function Hn(e, r) {
+  if (!Bn) {
     if (e)
       return;
     var n = "Warning: " + r;
@@ -1099,45 +1105,45 @@ function $n(e, r) {
   *
   * @license MIT
   */
-var Bn = class extends Error {
+var Wn = class extends Error {
   constructor(e) {
     super(`react-collapsed: ${e}`);
   }
-}, Ke = (...e) => $n(e[0], `[react-collapsed] -- ${e[1]}`);
-function Sr(e) {
+}, Ke = (...e) => Hn(e[0], `[react-collapsed] -- ${e[1]}`);
+function Mr(e) {
   const r = de(e);
   return se(() => {
     r.current = e;
-  }), dr((...n) => {
+  }), fr((...n) => {
     var s;
     return (s = r.current) == null ? void 0 : s.call(r, ...n);
   }, []);
 }
-function Hn(e, r, n) {
-  const [s, a] = L(r), c = de(typeof e < "u"), i = c.current ? e : s, l = Sr(n), d = dr(
-    (h) => {
-      const p = typeof h == "function" ? h(i) : h;
-      c.current || a(p), l == null || l(p);
+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(
+    (p) => {
+      const h = typeof p == "function" ? p(c) : p;
+      i.current || a(h), l == null || l(h);
     },
-    [l, i]
+    [l, c]
   );
   return se(() => {
     Ke(
-      !(c.current && e == null),
+      !(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."
     ), Ke(
-      !(!c.current && e != null),
+      !(!i.current && e != null),
       "`isExpanded` state is changing from uncontrolled to controlled. useCollapse should not switch from uncontrolled to controlled (or vice versa). Decide between using a controlled or uncontrolled collapse for the lifetime of the component. Check the `isExpanded` prop."
     );
-  }, [e]), [i, d];
+  }, [e]), [c, d];
 }
-var Wn = "(prefers-reduced-motion: reduce)";
-function Vn() {
+var Yn = "(prefers-reduced-motion: reduce)";
+function Un() {
   const [e, r] = L(!1);
   return se(() => {
     if (typeof window > "u" || typeof window.matchMedia != "function")
       return;
-    const n = window.matchMedia(Wn);
+    const n = window.matchMedia(Yn);
     r(n.matches);
     const s = (a) => {
       r(a.matches);
@@ -1152,49 +1158,49 @@ function Vn() {
       };
   }, []), e;
 }
-var Yn = De.useId || (() => {
+var qn = De.useId || (() => {
 });
-function Un() {
-  return Yn() ?? "";
-}
-var qn = typeof window < "u" ? De.useLayoutEffect : De.useEffect, at = !1, Kn = 0, Yt = () => ++Kn;
-function Xn(e) {
-  const r = e || (at ? Yt() : null), [n, s] = De.useState(r);
-  return qn(() => {
-    n === null && s(Yt());
+function Kn() {
+  return qn() ?? "";
+}
+var Xn = typeof window < "u" ? De.useLayoutEffect : De.useEffect, at = !1, Gn = 0, Ut = () => ++Gn;
+function Jn(e) {
+  const r = e || (at ? Ut() : null), [n, s] = De.useState(r);
+  return Xn(() => {
+    n === null && s(Ut());
   }, []), De.useEffect(() => {
     at === !1 && (at = !0);
   }, []), n != null ? String(n) : void 0;
 }
-function Gn(e) {
-  const r = Un(), n = Xn(e);
+function Zn(e) {
+  const r = Kn(), n = Jn(e);
   return typeof e == "string" ? e : typeof r == "string" ? r : n;
 }
-function Jn(e, r) {
+function Qn(e, r) {
   const n = performance.now(), s = {};
   function a() {
-    s.id = requestAnimationFrame((c) => {
-      c - n > r ? e() : a();
+    s.id = requestAnimationFrame((i) => {
+      i - n > r ? e() : a();
     });
   }
   return a(), s;
 }
-function Ut(e) {
+function qt(e) {
   e.id && cancelAnimationFrame(e.id);
 }
-function qt(e) {
+function Kt(e) {
   return e != null && e.current ? e.current.scrollHeight : (Ke(
     !0,
     "Was not able to find a ref to the collapse element via `getCollapseProps`. Ensure that the element exposes its `ref` prop. If it exposes the ref prop under a different name (like `innerRef`), use the `refKey` property to change it. Example:\n\nconst collapseProps = getCollapseProps({refKey: 'innerRef'})"
   ), 0);
 }
-function Zn(e) {
+function es(e) {
   if (!e || typeof e == "string")
     return 0;
   const r = e / 36;
   return Math.round((4 + 15 * r ** 0.25 + r / 5) * 10);
 }
-function Qn(e, r) {
+function ts(e, r) {
   if (e != null)
     if (typeof e == "function")
       e(r);
@@ -1202,17 +1208,17 @@ function Qn(e, r) {
       try {
         e.current = r;
       } catch {
-        throw new Bn(`Cannot assign value "${r}" to ref "${e}"`);
+        throw new Wn(`Cannot assign value "${r}" to ref "${e}"`);
       }
 }
-function Kt(...e) {
+function Xt(...e) {
   return e.every((r) => r == null) ? null : (r) => {
     e.forEach((n) => {
-      Qn(n, r);
+      ts(n, r);
     });
   };
 }
-function es(e) {
+function rs(e) {
   let r = (n) => {
   };
   r = (n) => {
@@ -1235,23 +1241,23 @@ After:   <div {...getCollapseProps()}>
     r(e);
   }, [e]);
 }
-var ts = typeof window > "u" ? se : ln;
-function rs({
+var ns = typeof window > "u" ? se : un;
+function ss({
   duration: e,
   easing: r = "cubic-bezier(0.4, 0, 0.2, 1)",
   onTransitionStateChange: n = () => {
   },
   isExpanded: s,
   defaultExpanded: a = !1,
-  hasDisabledAnimation: c,
-  id: i,
+  hasDisabledAnimation: i,
+  id: c,
   ...l
 } = {}) {
-  const d = Sr(n), h = Gn(i ? `${i}` : void 0), [f, p] = Hn(
+  const d = Mr(n), p = Zn(c ? `${c}` : void 0), [f, h] = Vn(
     s,
     a
-  ), w = de(f), [S, M] = L(!1), z = Vn(), D = c ?? z, C = de(), j = de(), y = de(null), [b, u] = L(null);
-  es(y);
+  ), w = de(f), [S, M] = L(!1), z = Un(), D = i ?? z, C = de(), j = de(), y = de(null), [b, u] = L(null);
+  rs(y);
   const g = `${l.collapsedHeight || 0}px`;
   function _(x) {
     if (!y.current)
@@ -1262,12 +1268,12 @@ function rs({
       A ? R.style[F] = A : R.style.removeProperty(F);
     }
   }
-  return ts(() => {
+  return ns(() => {
     if (!y.current || f === w.current)
       return;
     w.current = f;
     function R(N) {
-      return D ? 0 : e ?? Zn(N);
+      return D ? 0 : e ?? es(N);
     }
     const F = (N) => `height ${R(N)}ms ${r}`, A = (N) => {
       function k() {
@@ -1278,7 +1284,7 @@ function rs({
           display: ""
         }), d("expandEnd")) : (_({ transition: "" }), d("collapseEnd")), M(!1);
       }
-      j.current && Ut(j.current), j.current = Jn(k, N);
+      j.current && qt(j.current), j.current = Qn(k, N);
     };
     return M(!0), f ? C.current = requestAnimationFrame(() => {
       d("expandStart"), _({
@@ -1287,12 +1293,12 @@ function rs({
         height: g
       }), C.current = requestAnimationFrame(() => {
         d("expanding");
-        const N = qt(y);
+        const N = Kt(y);
         A(R(N)), y.current && (y.current.style.transition = F(N), y.current.style.height = `${N}px`);
       });
     }) : C.current = requestAnimationFrame(() => {
       d("collapseStart");
-      const N = qt(y);
+      const N = Kt(y);
       A(R(N)), _({
         transition: F(N),
         height: `${N}px`
@@ -1303,7 +1309,7 @@ function rs({
         });
       });
     }), () => {
-      C.current && cancelAnimationFrame(C.current), j.current && Ut(j.current);
+      C.current && cancelAnimationFrame(C.current), j.current && qt(j.current);
     };
   }, [
     f,
@@ -1314,7 +1320,7 @@ function rs({
     d
   ]), {
     isExpanded: f,
-    setExpanded: p,
+    setExpanded: h,
     getToggleProps(x) {
       const { disabled: R, onClick: F, refKey: A, ...N } = {
         refKey: "ref",
@@ -1323,13 +1329,13 @@ function rs({
         disabled: !1,
         ...x
       }, k = b ? b.tagName === "BUTTON" : void 0, X = x == null ? void 0 : x[A || "ref"], oe = {
-        id: `react-collapsed-toggle-${h}`,
-        "aria-controls": `react-collapsed-panel-${h}`,
+        id: `react-collapsed-toggle-${p}`,
+        "aria-controls": `react-collapsed-panel-${p}`,
         "aria-expanded": f,
         onClick(he) {
-          R || (F == null || F(he), p((xe) => !xe));
+          R || (F == null || F(he), h((xe) => !xe));
         },
-        [A || "ref"]: Kt(X, u)
+        [A || "ref"]: Xt(X, u)
       }, ae = {
         type: "button",
         disabled: R ? !0 : void 0
@@ -1348,12 +1354,12 @@ function rs({
     getCollapseProps(x) {
       const { style: R, refKey: F } = { refKey: "ref", style: {}, ...x }, A = x == null ? void 0 : x[F || "ref"];
       return {
-        id: `react-collapsed-panel-${h}`,
+        id: `react-collapsed-panel-${p}`,
         "aria-hidden": !f,
-        "aria-labelledby": `react-collapsed-toggle-${h}`,
+        "aria-labelledby": `react-collapsed-toggle-${p}`,
         role: "region",
         ...x,
-        [F || "ref"]: Kt(y, A),
+        [F || "ref"]: Xt(y, A),
         style: {
           boxSizing: "border-box",
           ...!S && !f ? {
@@ -1369,8 +1375,8 @@ function rs({
     }
   };
 }
-const ns = ({ open: e, children: r }) => {
-  const [n, s] = L(e), { getCollapseProps: a } = rs({
+const os = ({ open: e, children: r }) => {
+  const [n, s] = L(e), { getCollapseProps: a } = ss({
     isExpanded: n,
     duration: 500
   });
@@ -1378,29 +1384,29 @@ const ns = ({ open: e, children: r }) => {
     s(e);
   }, [e, s]), /* @__PURE__ */ t.jsx(t.Fragment, { children: /* @__PURE__ */ t.jsx("div", { ...a(), children: r }) });
 };
-function ss(e) {
+function as(e) {
   return H({ tag: "svg", attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 48c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m140.204 130.267l-22.536-22.718c-4.667-4.705-12.265-4.736-16.97-.068L215.346 303.697l-59.792-60.277c-4.667-4.705-12.265-4.736-16.97-.069l-22.719 22.536c-4.705 4.667-4.736 12.265-.068 16.971l90.781 91.516c4.667 4.705 12.265 4.736 16.97.068l172.589-171.204c4.704-4.668 4.734-12.266.067-16.971z" }, child: [] }] })(e);
 }
-function os(e) {
+function is(e) {
   return H({ tag: "svg", attr: { viewBox: "0 0 384 512" }, child: [{ tag: "path", attr: { d: "M288 248v28c0 6.6-5.4 12-12 12H108c-6.6 0-12-5.4-12-12v-28c0-6.6 5.4-12 12-12h168c6.6 0 12 5.4 12 12zm-12 72H108c-6.6 0-12 5.4-12 12v28c0 6.6 5.4 12 12 12h168c6.6 0 12-5.4 12-12v-28c0-6.6-5.4-12-12-12zm108-188.1V464c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V48C0 21.5 21.5 0 48 0h204.1C264.8 0 277 5.1 286 14.1L369.9 98c9 8.9 14.1 21.2 14.1 33.9zm-128-80V128h76.1L256 51.9zM336 464V176H232c-13.3 0-24-10.7-24-24V48H48v416h288z" }, child: [] }] })(e);
 }
-function Xt(e) {
+function Gt(e) {
   return H({ tag: "svg", attr: { viewBox: "0 0 576 512" }, child: [{ tag: "path", attr: { d: "M527.9 224H480v-48c0-26.5-21.5-48-48-48H272l-64-64H48C21.5 64 0 85.5 0 112v288c0 26.5 21.5 48 48 48h400c16.5 0 31.9-8.5 40.7-22.6l79.9-128c20-31.9-3-73.4-40.7-73.4zM48 118c0-3.3 2.7-6 6-6h134.1l64 64H426c3.3 0 6 2.7 6 6v42H152c-16.8 0-32.4 8.8-41.1 23.2L48 351.4zm400 282H72l77.2-128H528z" }, child: [] }] })(e);
 }
-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 Mr = ({ folder: e }) => {
-  const [r, n] = L(!1), [s, a] = L(!1), { currentPath: c, setCurrentPath: i } = Ee(), l = () => {
-    a(!0), i(e.path);
-  }, d = (h) => {
-    h.stopPropagation(), n((f) => !f);
+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);
   };
   return se(() => {
-    a(c === e.path);
-    const h = c.split("/");
-    h.pop(), h.join("/") === e.path && n(!0);
-  }, [c]), e.subDirectories.length > 0 ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    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: [
     /* @__PURE__ */ t.jsxs(
       "div",
       {
@@ -1408,20 +1414,20 @@ const Mr = ({ folder: e }) => {
         onClick: l,
         children: [
           /* @__PURE__ */ t.jsx("span", { onClick: d, children: /* @__PURE__ */ t.jsx(
-            wn,
+            En,
             {
               size: 20,
               className: `folder-icon-default ${r ? "folder-rotate-down" : ""}`
             }
           ) }),
           /* @__PURE__ */ t.jsxs("div", { className: "sb-folder-details", children: [
-            r || s ? /* @__PURE__ */ t.jsx(Xt, { size: 20, className: "folder-open-icon" }) : /* @__PURE__ */ t.jsx(Gt, { size: 17, className: "folder-close-icon" }),
+            r || s ? /* @__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(ns, { open: r, children: /* @__PURE__ */ t.jsx("div", { className: "folder-collapsible", children: e.subDirectories.map((h, f) => /* @__PURE__ */ t.jsx(Mr, { folder: h }, f)) }) })
+    /* @__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.jsxs(
     "div",
     {
@@ -1430,30 +1436,30 @@ const Mr = ({ folder: e }) => {
       children: [
         /* @__PURE__ */ t.jsx("span", { className: "non-expanable" }),
         /* @__PURE__ */ t.jsxs("div", { className: "sb-folder-details", children: [
-          s ? /* @__PURE__ */ t.jsx(Xt, { size: 20, className: "folder-open-icon" }) : /* @__PURE__ */ t.jsx(Gt, { size: 17, className: "folder-close-icon" }),
+          s ? /* @__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 })
         ] })
       ]
     }
   );
-}, as = (e) => e == null ? void 0 : e.split("/").slice(0, -1).join("/"), Lr = () => {
-  const [e, r] = L([]), { files: n } = Ge(), s = (a, c) => {
-    var i;
-    return c[a] ? (i = c[a]) == null ? void 0 : i.map((l) => ({
+}, 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, c)
+      subDirectories: s(l.path, i)
     })) : [];
   };
   return se(() => {
     if (Array.isArray(n)) {
-      const a = n.filter((i) => i.isDirectory), c = Object.groupBy(a, ({ path: i }) => as(i));
-      r(() => s("", c));
+      const a = n.filter((c) => c.isDirectory), i = Object.groupBy(a, ({ path: c }) => cs(c));
+      r(() => s("", i));
     }
-  }, [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, c) => /* @__PURE__ */ t.jsx(Mr, { folder: a }, c)) }) : /* @__PURE__ */ t.jsx("div", { className: "empty-nav-pane", children: "Nothing here yet" }) });
+  }, [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" }) });
 };
-Lr.displayName = "NavigationPane";
-const Or = () => {
-  const [e, r] = L([]), [n, s] = L([]), [a, c] = L([]), [i, l] = L(!1), { currentPath: d, setCurrentPath: h } = Ee(), f = de(null), p = de([]), w = de(null), S = Be(() => {
+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(() => {
     l(!1);
   });
   se(() => {
@@ -1463,26 +1469,26 @@ const Or = () => {
         name: y || "Home",
         path: y === "" ? y : j += `/${y}`
       }));
-    }), s([]), c([]);
+    }), s([]), i([]);
   }, [d]);
   const M = (j) => {
-    h(j);
+    p(j);
   }, 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 = () => {
     var u;
-    const j = z(), y = p.current.reduce((g, _) => _ ? g + _.clientWidth : g, 0), b = ((u = w.current) == null ? void 0 : u.clientWidth) || 0;
+    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(() => {
     var j;
     if (C()) {
-      const y = e[1], b = (j = p.current[1]) == null ? void 0 : j.clientWidth;
-      c((u) => [...u, b]), s((u) => [...u, y]), r((u) => u.filter((g, _) => _ !== 1));
+      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)) {
       const y = [e[0], n.at(-1), ...e.slice(1)];
-      r(y), s((b) => b.slice(0, -1)), c((b) => b.slice(0, -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: [
@@ -1491,9 +1497,9 @@ const Or = () => {
         {
           className: "folder-name",
           onClick: () => M(j.path),
-          ref: (b) => p.current[y] = b,
+          ref: (b) => h.current[y] = b,
           children: [
-            y === 0 ? /* @__PURE__ */ t.jsx(jn, {}) : /* @__PURE__ */ t.jsx(Pn, {}),
+            y === 0 ? /* @__PURE__ */ t.jsx(bn, {}) : /* @__PURE__ */ t.jsx(Tn, {}),
             j.name
           ]
         }
@@ -1505,11 +1511,11 @@ const Or = () => {
           onClick: () => l(!0),
           ref: w,
           title: "Show more folders",
-          children: /* @__PURE__ */ t.jsx(Rn, { size: 22, className: "hidden-folders" })
+          children: /* @__PURE__ */ t.jsx(Pn, { size: 22, className: "hidden-folders" })
         }
       )
     ] }, y)) }),
-    i && /* @__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: S.ref, className: "hidden-folders-container", children: n.map((j, y) => /* @__PURE__ */ t.jsx(
       "li",
       {
         onClick: () => {
@@ -1521,25 +1527,25 @@ const Or = () => {
     )) })
   ] });
 };
-Or.displayName = "BreadCrumb";
+kr.displayName = "BreadCrumb";
 const Xe = (e) => ({
-  pdf: /* @__PURE__ */ t.jsx(Ln, { size: e }),
+  pdf: /* @__PURE__ */ t.jsx(On, { size: e }),
   jpg: /* @__PURE__ */ t.jsx(ot, { size: e }),
   jpeg: /* @__PURE__ */ t.jsx(ot, { size: e }),
   png: /* @__PURE__ */ t.jsx(ot, { size: e }),
-  txt: /* @__PURE__ */ t.jsx(Mn, { size: e }),
+  txt: /* @__PURE__ */ t.jsx(Ln, { size: e }),
   doc: /* @__PURE__ */ t.jsx(Wt, { size: e }),
   docx: /* @__PURE__ */ t.jsx(Wt, { size: e }),
   mp4: /* @__PURE__ */ t.jsx(Ht, { size: e }),
   webm: /* @__PURE__ */ t.jsx(Ht, { size: e }),
   mp3: /* @__PURE__ */ t.jsx(It, { size: e }),
   m4a: /* @__PURE__ */ t.jsx(It, { size: e }),
-  zip: /* @__PURE__ */ t.jsx(On, { size: e }),
+  zip: /* @__PURE__ */ t.jsx(kn, { size: e }),
   ppt: /* @__PURE__ */ t.jsx(Bt, { size: e }),
   pptx: /* @__PURE__ */ t.jsx(Bt, { size: e }),
   xls: /* @__PURE__ */ t.jsx($t, { size: e }),
   xlsx: /* @__PURE__ */ t.jsx($t, { size: e }),
-  exe: /* @__PURE__ */ t.jsx(Sn, { size: e }),
+  exe: /* @__PURE__ */ t.jsx(Mn, { size: e }),
   html: /* @__PURE__ */ t.jsx(pe, { size: e }),
   css: /* @__PURE__ */ t.jsx(pe, { size: e }),
   js: /* @__PURE__ */ t.jsx(pe, { size: e }),
@@ -1557,23 +1563,23 @@ const Xe = (e) => ({
   csv: /* @__PURE__ */ t.jsx(pe, { size: e }),
   md: /* @__PURE__ */ t.jsx(pe, { size: e }),
   svg: /* @__PURE__ */ t.jsx(pe, { size: e })
-}), kr = (e, r, n) => {
+}), _r = (e, r, n) => {
   if (n.find((s) => s.name === e)) {
     const s = "", a = e;
-    let c = 0;
-    const i = new RegExp(`${a} \\(\\d+\\)`);
-    n.forEach((h) => {
-      const f = h.isDirectory ? h.name : h.name.split(".").slice(0, -1).join(".");
-      if (i.test(f)) {
-        const p = f.split(`${a} (`).pop().slice(0, -1), w = parseInt(p);
-        !isNaN(w) && w > c && (c = w);
+    let i = 0;
+    const c = new RegExp(`${a} \\(\\d+\\)`);
+    n.forEach((p) => {
+      const f = p.isDirectory ? p.name : p.name.split(".").slice(0, -1).join(".");
+      if (c.test(f)) {
+        const h = f.split(`${a} (`).pop().slice(0, -1), w = parseInt(h);
+        !isNaN(w) && w > i && (i = w);
       }
     });
-    const l = ` (${++c})`;
+    const l = ` (${++i})`;
     return a + l + s;
   } else
     return e;
-}, _r = ({ nameInputRef: e, maxLength: r, value: n, onChange: s, onKeyDown: a, onClick: c, rows: i }) => /* @__PURE__ */ t.jsx(
+}, Nr = ({ nameInputRef: e, maxLength: r, value: n, onChange: s, onKeyDown: a, onClick: i, rows: c }) => /* @__PURE__ */ t.jsx(
   "textarea",
   {
     ref: e,
@@ -1582,55 +1588,55 @@ const Xe = (e) => ({
     value: n,
     onChange: s,
     onKeyDown: a,
-    onClick: c,
-    rows: i
+    onClick: i,
+    rows: c
   }
-), Nr = ({ message: e, xPlacement: r, yPlacement: n }) => /* @__PURE__ */ t.jsx("p", { className: `error-tooltip ${r} ${n}`, children: e }), is = 220, cs = ({ filesViewRef: e, file: r, onCreateFolder: n, triggerAction: s }) => {
-  const [a, c] = L(r.name), [i, l] = L(!1), [d, h] = L(""), [f, p] = L("right"), [w, S] = L("bottom"), M = Be((g) => {
+), 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) => {
-    c(g.target.value), l(!1);
+    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(), h(
+    g.key === "Escape" && (g.preventDefault(), s.close(), C((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), h(""));
+    ), l(!0)) : (l(!1), p(""));
   };
   se(() => {
-    if (i) {
+    if (c) {
       const g = setTimeout(() => {
-        l(!1), h("");
+        l(!1), p("");
       }, 7e3);
       return () => clearTimeout(g);
     }
-  }, [i]);
+  }, [c]);
   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())) {
-      h(`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 = M.ref.current) == null || R.focus(), (F = M.ref.current) == null || F.select(), M.setIsClicked(!1);
       return;
     }
-    g === "" && (g = kr("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((A) => A.filter((N) => N.key !== r.key)), s.close();
   }
   return se(() => {
     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 ? p("right") : p("left"), N.bottom - (X.top + k.clientHeight) > 88 ? S("bottom") : S("top");
+      N.right - X.left > 313 ? h("right") : h("left"), N.bottom - (X.top + k.clientHeight) > 88 ? S("bottom") : S("top");
     }
   }, []), se(() => {
     M.isClicked && u();
   }, [M.isClicked]), /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsx(
-      _r,
+      Nr,
       {
         nameInputRef: M.ref,
-        maxLength: is,
+        maxLength: ls,
         value: a,
         onChange: y,
         onKeyDown: b,
@@ -1638,8 +1644,8 @@ const Xe = (e) => ({
         ...j === "list" && { rows: 1 }
       }
     ),
-    i && /* @__PURE__ */ t.jsx(
-      Nr,
+    c && /* @__PURE__ */ t.jsx(
+      zr,
       {
         message: d,
         xPlacement: f,
@@ -1657,20 +1663,20 @@ const Xe = (e) => ({
     children: a
   }
 );
-function ls(e) {
+function ds(e) {
   return H({ tag: "svg", attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { fill: "none", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "32", d: "M85.57 446.25h340.86a32 32 0 0 0 28.17-47.17L284.18 82.58c-12.09-22.44-44.27-22.44-56.36 0L57.4 399.08a32 32 0 0 0 28.17 47.17z" }, child: [] }, { tag: "path", attr: { fill: "none", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "32", d: "m250.26 195.39 5.74 122 5.73-121.95a5.74 5.74 0 0 0-5.79-6h0a5.74 5.74 0 0 0-5.68 5.95z" }, child: [] }, { tag: "path", attr: { d: "M256 397.25a20 20 0 1 1 20-20 20 20 0 0 1-20 20z" }, child: [] }] })(e);
 }
-const zr = ({
+const Ar = ({
   children: e,
   show: r,
   setShow: n,
   heading: s,
   dialogWidth: a = "25%",
-  contentClassName: c = "",
-  closeButton: i = !0
+  contentClassName: i = "",
+  closeButton: c = !0
 }) => {
-  const l = de(null), d = (h) => {
-    h.key === "Escape" && n(!1);
+  const l = de(null), d = (p) => {
+    p.key === "Escape" && n(!1);
   };
   return se(() => {
     r ? l.current.showModal() : l.current.close();
@@ -1684,14 +1690,14 @@ const zr = ({
       children: [
         /* @__PURE__ */ t.jsxs("div", { className: "fm-modal-header", children: [
           /* @__PURE__ */ t.jsx("span", { className: "fm-modal-heading", children: s }),
-          i && /* @__PURE__ */ t.jsx(En, { size: 18, onClick: () => n(!1), className: "close-icon", title: "Close" })
+          c && /* @__PURE__ */ t.jsx(Rn, { size: 18, onClick: () => n(!1), className: "close-icon", title: "Close" })
         ] }),
         e
       ]
     }
   );
-}, _e = (e) => e.split(".").pop(), us = 220, ds = ({ filesViewRef: e, file: r, onRename: n, triggerAction: s }) => {
-  const [a, c] = L(r == null ? void 0 : r.name), [i, l] = L(!1), [d, h] = L(!1), [f, p] = L(""), [w, S] = L("right"), [M, z] = L("bottom"), { currentPathFiles: D, setCurrentPathFiles: C } = Ee(), { activeLayout: j } = Se(), y = de(null), b = Be((x) => {
+}, _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) => {
     var R;
     (R = y.current) != null && R.contains(x.target) || (x.preventDefault(), x.stopPropagation());
   }), u = (x) => {
@@ -1699,14 +1705,14 @@ const zr = ({
       x.preventDefault(), b.setIsClicked(!0);
       return;
     }
-    /[\\/:*?"<>|]/.test(x.key) ? (x.preventDefault(), p(
+    /[\\/:*?"<>|]/.test(x.key) ? (x.preventDefault(), h(
       `A file name can't contain any of the following characters: \\ / : * ? " < > |`
-    ), h(!0)) : h(!1);
+    ), p(!0)) : p(!1);
   };
   se(() => {
     if (d) {
       const x = setTimeout(() => {
-        h(!1), p("");
+        p(!1), h("");
       }, 7e3);
       return () => clearTimeout(x);
     }
@@ -1718,7 +1724,7 @@ const zr = ({
       ), s.close();
       return;
     } else if (D.some((R) => R.name === a)) {
-      h(!0), p(`This destination already contains a folder named '${a}'.`), b.setIsClicked(!1);
+      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);
@@ -1727,7 +1733,7 @@ const zr = ({
         return;
       }
     }
-    h(!1), Le(n, "onRename", r, a), C((R) => R.filter((F) => F.key !== r.key)), s.close();
+    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;
@@ -1748,13 +1754,13 @@ const zr = ({
     b.isClicked && g(!1), _();
   }, [b.isClicked]), /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsx(
-      _r,
+      Nr,
       {
         nameInputRef: b.ref,
-        maxLength: us,
+        maxLength: fs,
         value: a,
         onChange: (x) => {
-          c(x.target.value), h(!1);
+          i(x.target.value), p(!1);
         },
         onKeyDown: u,
         onClick: (x) => x.stopPropagation(),
@@ -1762,7 +1768,7 @@ const zr = ({
       }
     ),
     d && /* @__PURE__ */ t.jsx(
-      Nr,
+      zr,
       {
         message: f,
         xPlacement: w,
@@ -1770,16 +1776,16 @@ const zr = ({
       }
     ),
     /* @__PURE__ */ t.jsx(
-      zr,
+      Ar,
       {
         heading: "Rename",
-        show: i,
+        show: c,
         setShow: l,
         dialogWidth: "25vw",
         closeButton: !1,
         children: /* @__PURE__ */ t.jsxs("div", { className: "fm-rename-folder-container", ref: y, children: [
           /* @__PURE__ */ t.jsx("div", { className: "fm-rename-folder-input", children: /* @__PURE__ */ t.jsxs("div", { className: "fm-rename-warning", children: [
-            /* @__PURE__ */ t.jsx(ls, { size: 70, color: "orange" }),
+            /* @__PURE__ */ t.jsx(ds, { size: 70, color: "orange" }),
             /* @__PURE__ */ t.jsx("div", { children: "If you change a file name extension, the file might become unusable. Are you sure you want to change it?" })
           ] }) }),
           /* @__PURE__ */ t.jsxs("div", { className: "fm-rename-folder-action", children: [
@@ -1819,43 +1825,43 @@ const zr = ({
     return `${s.toFixed(r)} MB`;
   if (s >= 1024)
     return `${a.toFixed(r)} GB`;
-}, fs = (e) => {
+}, ps = (e) => {
   if (!e || isNaN(Date.parse(e))) return "";
   e = new Date(e);
   let r = e.getHours();
   const n = e.getMinutes(), s = r >= 12 ? "PM" : "AM";
   r = r % 12, r = r || 12;
-  const a = e.getMonth() + 1, c = e.getDate(), i = e.getFullYear();
-  return `${a}/${c}/${i} ${r}:${n < 10 ? "0" + n : n} ${s}`;
-}, Ar = ({ name: e, id: r, checked: n, onClick: s, onChange: a, className: c = "", title: i, disabled: l = !1 }) => /* @__PURE__ */ t.jsx(
+  const a = e.getMonth() + 1, i = e.getDate(), c = e.getFullYear();
+  return `${a}/${i}/${c} ${r}:${n < 10 ? "0" + n : n} ${s}`;
+}, Dr = ({ name: e, id: r, checked: n, onClick: s, onChange: a, className: i = "", title: c, disabled: l = !1 }) => /* @__PURE__ */ t.jsx(
   "input",
   {
-    className: `fm-checkbox ${c}`,
+    className: `fm-checkbox ${i}`,
     type: "checkbox",
     name: e,
     id: r,
     checked: n,
     onClick: s,
     onChange: a,
-    title: i,
+    title: c,
     disabled: l
   }
-), it = 50, hs = ({
+), it = 50, vs = ({
   index: e,
   file: r,
   onCreateFolder: n,
   onRename: s,
   enableFilePreview: a,
-  onFileOpen: c,
-  filesViewRef: i,
+  onFileOpen: i,
+  filesViewRef: c,
   selectedFileIndexes: l,
   triggerAction: d,
-  handleContextMenu: h,
+  handleContextMenu: p,
   setLastSelectedFile: f
 }) => {
   var fe, E, ve, Te;
-  const [p, 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 = () => {
-    c(r), r.isDirectory ? (x(r.path), F([])) : a && d.show("previewFile");
+  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 = () => {
+    i(r), r.isDirectory ? (x(r.path), F([])) : a && d.show("previewFile");
   }, xe = (Y, le) => {
     if (l.length > 0 && Y) {
       let je = !1, Re = l[0], we = e;
@@ -1881,28 +1887,28 @@ const zr = ({
   }, P = (Y) => {
     Y.key === "Enter" && (Y.stopPropagation(), F([r]), he());
   }, V = (Y) => {
-    Y.stopPropagation(), Y.preventDefault(), !r.isEditing && (p || F([r]), f(r), h(Y, !0));
+    Y.stopPropagation(), Y.preventDefault(), !r.isEditing && (h || F([r]), f(r), p(Y, !0));
   }, W = () => {
     D("visible");
   }, I = () => {
-    !p && D("hidden");
+    !h && D("hidden");
   }, K = (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.preventDefault(), p || !r.isDirectory ? Y.dataTransfer.dropEffect = "none" : (b({ x: Y.clientX, y: Y.clientY + 12 }), Y.dataTransfer.dropEffect = "copy", j("file-drop-zone"));
+    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(), !(p || !r.isDirectory) && (X(r), j((le) => le && ""), b(null));
+    Y.preventDefault(), !(h || !r.isDirectory) && (X(r), j((le) => le && ""), b(null));
   };
   return se(() => {
     w(l.includes(e)), D(l.includes(e) ? "visible" : "hidden");
   }, [l]), /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: `file-item-container ${C} ${p || r.isEditing ? "file-selected" : ""} ${Q ? "file-moving" : ""}`,
+      className: `file-item-container ${C} ${h || r.isEditing ? "file-selected" : ""} ${Q ? "file-moving" : ""}`,
       tabIndex: 0,
       title: r.name,
       onClick: m,
@@ -1910,7 +1916,7 @@ const zr = ({
       onContextMenu: V,
       onMouseOver: W,
       onMouseLeave: I,
-      draggable: p,
+      draggable: h,
       onDragStart: O,
       onDragEnd: $,
       onDragEnter: U,
@@ -1920,11 +1926,11 @@ const zr = ({
       children: [
         /* @__PURE__ */ t.jsxs("div", { className: "file-item", children: [
           !r.isEditing && /* @__PURE__ */ t.jsx(
-            Ar,
+            Dr,
             {
               name: r.name,
               id: r.name,
-              checked: p,
+              checked: h,
               className: `selection-checkbox ${z}`,
               onChange: K,
               onClick: (Y) => Y.stopPropagation()
@@ -1932,17 +1938,17 @@ const zr = ({
           ),
           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.isEditing ? /* @__PURE__ */ t.jsx("div", { className: `rename-file-container ${u}`, children: d.actionType === "createFolder" ? /* @__PURE__ */ t.jsx(
-            cs,
+            us,
             {
-              filesViewRef: i,
+              filesViewRef: c,
               file: r,
               onCreateFolder: n,
               triggerAction: d
             }
           ) : /* @__PURE__ */ t.jsx(
-            ds,
+            hs,
             {
-              filesViewRef: i,
+              filesViewRef: c,
               file: r,
               onRename: s,
               triggerAction: d
@@ -1950,7 +1956,7 @@ const zr = ({
           ) }) : /* @__PURE__ */ t.jsx("span", { className: "text-truncate file-name", children: r.name })
         ] }),
         u === "list" && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-          /* @__PURE__ */ t.jsx("div", { className: "modified-date", children: fs(r.updatedAt) }),
+          /* @__PURE__ */ t.jsx("div", { className: "modified-date", children: ps(r.updatedAt) }),
           /* @__PURE__ */ t.jsx("div", { className: "size", children: (r == null ? void 0 : r.size) > 0 ? Ze(r == null ? void 0 : r.size) : "" })
         ] }),
         y && /* @__PURE__ */ t.jsxs(
@@ -1971,21 +1977,21 @@ const zr = ({
       ]
     }
   );
-}, ps = ({ subMenuRef: e, list: r, position: n = "right" }) => /* @__PURE__ */ t.jsx("ul", { ref: e, className: `sub-menu ${n}`, children: r == null ? void 0 : r.map((s) => /* @__PURE__ */ t.jsxs("li", { onClick: s.onClick, children: [
-  /* @__PURE__ */ t.jsx("span", { className: "item-selected", children: s.selected && /* @__PURE__ */ t.jsx(br, { size: 13 }) }),
+}, ms = ({ subMenuRef: e, list: r, position: n = "right" }) => /* @__PURE__ */ t.jsx("ul", { ref: e, className: `sub-menu ${n}`, children: r == null ? void 0 : r.map((s) => /* @__PURE__ */ t.jsxs("li", { onClick: s.onClick, children: [
+  /* @__PURE__ */ t.jsx("span", { className: "item-selected", children: s.selected && /* @__PURE__ */ t.jsx(wr, { size: 13 }) }),
   s.icon,
   /* @__PURE__ */ t.jsx("span", { children: s.title })
-] }, s.title)) }), vs = ({ filesViewRef: e, contextMenuRef: r, menuItems: n, visible: s, clickPosition: a }) => {
-  const [c, i] = L(0), [l, d] = L(0), [h, f] = L(null), [p, w] = L("right"), S = de(null), M = () => {
+] }, 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 ? (i(`${R}px`), w("right")) : A && (i(`${R - _}px`), w("left")), k ? d(`${N + y.scrollTop}px`) : X && d(`${N + y.scrollTop - x}px`);
+    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`);
   }, z = (C) => {
     C.preventDefault(), C.stopPropagation();
   }, D = (C) => {
     f(C);
   };
   if (se(() => {
-    s && r.current ? M() : (d(0), i(0), f(null));
+    s && r.current ? M() : (d(0), c(0), f(null));
   }, [s]), s)
     return /* @__PURE__ */ t.jsx(
       "div",
@@ -1996,10 +2002,10 @@ const zr = ({
         className: `fm-context-menu ${l ? "visible" : "hidden"}`,
         style: {
           top: l,
-          left: c
+          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 = h === j && y;
+          const y = C.hasOwnProperty("children"), b = p === j && y;
           return /* @__PURE__ */ t.jsxs("div", { children: [
             /* @__PURE__ */ t.jsxs(
               "li",
@@ -2011,13 +2017,13 @@ const zr = ({
                   C.icon,
                   /* @__PURE__ */ t.jsx("span", { children: C.title }),
                   y && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-                    /* @__PURE__ */ t.jsx(Fn, { size: 14, className: "list-expand-icon" }),
+                    /* @__PURE__ */ t.jsx(Sn, { size: 14, className: "list-expand-icon" }),
                     b && /* @__PURE__ */ t.jsx(
-                      ps,
+                      ms,
                       {
                         subMenuRef: S,
                         list: C.children,
-                        position: p
+                        position: h
                       }
                     )
                   ] })
@@ -2030,30 +2036,30 @@ const zr = ({
       }
     );
 };
-function ms(e) {
+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 gs = (e, r, n) => {
-  const [s, a] = L([]), [c, i] = L(!1), [l, d] = L(!1), [h, f] = L({ clickX: 0, clickY: 0 }), [p, 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 = () => {
-    p.isDirectory ? (u(p.path), a([]), j([])) : r && n.show("previewFile"), i(!1);
+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 = () => {
+    h.isDirectory ? (u(h.path), a([]), j([])) : r && n.show("previewFile"), c(!1);
   }, A = (O) => {
-    z(O), i(!1);
+    z(O), c(!1);
   }, N = () => {
-    D(p), i(!1);
+    D(h), c(!1);
   }, k = () => {
-    i(!1), n.show("rename");
+    c(!1), n.show("rename");
   }, X = () => {
-    y(), i(!1);
+    y(), c(!1);
   }, oe = () => {
-    i(!1), n.show("delete");
+    c(!1), n.show("delete");
   }, ae = () => {
-    i(!1), Le(e, "onRefresh"), M(null);
+    c(!1), Le(e, "onRefresh"), M(null);
   }, Q = () => {
-    n.show("createFolder"), i(!1);
+    n.show("createFolder"), c(!1);
   }, he = () => {
-    i(!1), n.show("uploadFile");
+    c(!1), n.show("uploadFile");
   }, xe = () => {
-    j(g), i(!1);
+    j(g), c(!1);
   }, m = [
     {
       title: "View",
@@ -2066,7 +2072,7 @@ const gs = (e, r, n) => {
           icon: /* @__PURE__ */ t.jsx(Dt, { size: 18 }),
           selected: x === "grid",
           onClick: () => {
-            R("grid"), i(!1);
+            R("grid"), c(!1);
           }
         },
         {
@@ -2074,62 +2080,62 @@ const gs = (e, r, n) => {
           icon: /* @__PURE__ */ t.jsx(Ue, { size: 18 }),
           selected: x === "list",
           onClick: () => {
-            R("list"), i(!1);
+            R("list"), c(!1);
           }
         }
       ]
     },
     {
       title: "Refresh",
-      icon: /* @__PURE__ */ t.jsx(yr, { size: 18 }),
+      icon: /* @__PURE__ */ t.jsx(xr, { size: 18 }),
       onClick: ae,
       divider: !0
     },
     {
       title: "New folder",
-      icon: /* @__PURE__ */ t.jsx(vr, { size: 18 }),
+      icon: /* @__PURE__ */ t.jsx(mr, { size: 18 }),
       onClick: Q
     },
     {
       title: "Upload",
-      icon: /* @__PURE__ */ t.jsx(Cr, { size: 18 }),
+      icon: /* @__PURE__ */ t.jsx(jr, { size: 18 }),
       onClick: he,
       divider: !0
     },
     {
       title: "Select all",
-      icon: /* @__PURE__ */ t.jsx(Tn, { size: 18 }),
+      icon: /* @__PURE__ */ t.jsx(Fn, { size: 18 }),
       onClick: xe
     }
   ], P = [
     {
       title: "Open",
-      icon: p != null && p.isDirectory ? /* @__PURE__ */ t.jsx(ms, { size: 20 }) : /* @__PURE__ */ t.jsx(qe, { size: 16 }),
+      icon: h != null && h.isDirectory ? /* @__PURE__ */ t.jsx(ys, { size: 20 }) : /* @__PURE__ */ t.jsx(qe, { size: 16 }),
       onClick: F,
       divider: !0
     },
     {
       title: "Cut",
-      icon: /* @__PURE__ */ t.jsx(gr, { size: 19 }),
+      icon: /* @__PURE__ */ t.jsx(yr, { size: 19 }),
       onClick: () => A(!0)
     },
     {
       title: "Copy",
-      icon: /* @__PURE__ */ t.jsx(pr, { strokeWidth: 0.1, size: 17 }),
+      icon: /* @__PURE__ */ t.jsx(vr, { strokeWidth: 0.1, size: 17 }),
       onClick: () => A(!1),
-      divider: !(p != null && p.isDirectory)
+      divider: !(h != null && h.isDirectory)
     },
     {
       title: "Paste",
       icon: /* @__PURE__ */ t.jsx(mt, { size: 18 }),
       onClick: N,
       className: `${S ? "" : "disable-paste"}`,
-      hidden: !(p != null && p.isDirectory),
+      hidden: !(h != null && h.isDirectory),
       divider: !0
     },
     {
       title: "Rename",
-      icon: /* @__PURE__ */ t.jsx(jr, { size: 19 }),
+      icon: /* @__PURE__ */ t.jsx(br, { size: 19 }),
       onClick: k,
       hidden: C.length > 1
     },
@@ -2137,18 +2143,18 @@ const gs = (e, r, n) => {
       title: "Download",
       icon: /* @__PURE__ */ t.jsx(Ct, { size: 18 }),
       onClick: X,
-      hidden: p == null ? void 0 : p.isDirectory
+      hidden: h == null ? void 0 : h.isDirectory
     },
     {
       title: "Delete",
-      icon: /* @__PURE__ */ t.jsx(xr, { size: 19 }),
+      icon: /* @__PURE__ */ t.jsx(Cr, { size: 19 }),
       onClick: oe
     }
   ], V = () => {
     _((O) => [
       ...O,
       {
-        name: kr("New Folder", !0, O),
+        name: _r("New Folder", !0, O),
         isDirectory: !0,
         path: b,
         isEditing: !0,
@@ -2160,7 +2166,7 @@ const gs = (e, r, n) => {
   }, I = () => {
     a([]), j((O) => O.length > 0 ? [] : O);
   }, K = (O, $ = !1) => {
-    O.preventDefault(), f({ clickX: O.clientX, clickY: O.clientY }), d($), !$ && I(), i(!0);
+    O.preventDefault(), f({ clickX: O.clientX, clickY: O.clientY }), d($), !$ && I(), c(!0);
   };
   return se(() => {
     if (n.isActive)
@@ -2181,16 +2187,16 @@ const gs = (e, r, n) => {
     selecCtxItems: P,
     handleContextMenu: K,
     unselectFiles: I,
-    visible: c,
-    setVisible: i,
+    visible: i,
+    setVisible: c,
     setLastSelectedFile: w,
     selectedFileIndexes: s,
-    clickPosition: h,
+    clickPosition: p,
     isSelectionCtx: l
   };
-}, ys = ({ unselectFiles: e }) => {
-  const [r, n] = L(!1), { selectedFiles: s, setSelectedFiles: a } = Fe(), { currentPathFiles: c } = Ee(), i = yt(() => c.length > 0 && s.length === c.length, [s, c]), l = (d) => {
-    d.target.checked ? (a(c), n(!0)) : e();
+}, Cs = ({ 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();
   };
   return /* @__PURE__ */ t.jsxs(
     "div",
@@ -2199,25 +2205,25 @@ const gs = (e, r, n) => {
       onMouseOver: () => n(!0),
       onMouseLeave: () => n(!1),
       children: [
-        /* @__PURE__ */ t.jsx("div", { className: "file-select-all", children: (r || i) && /* @__PURE__ */ t.jsx(Ar, { checked: i, onChange: l, title: "Select all", disabled: c.length === 0 }) }),
+        /* @__PURE__ */ t.jsx("div", { className: "file-select-all", children: (r || c) && /* @__PURE__ */ t.jsx(Dr, { checked: c, onChange: l, title: "Select all", disabled: i.length === 0 }) }),
         /* @__PURE__ */ t.jsx("div", { className: "file-name", children: "Name" }),
         /* @__PURE__ */ t.jsx("div", { className: "file-date", children: "Modified" }),
         /* @__PURE__ */ t.jsx("div", { className: "file-size", children: "Size" })
       ]
     }
   );
-}, Dr = ({
+}, Ir = ({
   onCreateFolder: e,
   onRename: r,
   onFileOpen: n,
   onRefresh: s,
   enableFilePreview: a,
-  triggerAction: c
+  triggerAction: i
 }) => {
-  const { currentPathFiles: i } = Ee(), l = de(null), { activeLayout: d } = Se(), {
-    emptySelecCtxItems: h,
+  const { currentPathFiles: c } = Ee(), l = de(null), { activeLayout: d } = Se(), {
+    emptySelecCtxItems: p,
     selecCtxItems: f,
-    handleContextMenu: p,
+    handleContextMenu: h,
     unselectFiles: w,
     visible: S,
     setVisible: M,
@@ -2225,18 +2231,18 @@ const gs = (e, r, n) => {
     selectedFileIndexes: D,
     clickPosition: C,
     isSelectionCtx: j
-  } = gs(s, a, c), y = Be(() => M(!1));
+  } = xs(s, a, i), y = Be(() => M(!1));
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
       ref: l,
       className: `files ${d}`,
-      onContextMenu: p,
+      onContextMenu: h,
       onClick: w,
       children: [
-        d === "list" && /* @__PURE__ */ t.jsx(ys, { unselectFiles: w }),
-        (i == null ? void 0 : i.length) > 0 ? /* @__PURE__ */ t.jsx(t.Fragment, { children: i.map((b, u) => /* @__PURE__ */ t.jsx(
-          hs,
+        d === "list" && /* @__PURE__ */ t.jsx(Cs, { unselectFiles: w }),
+        (c == null ? void 0 : c.length) > 0 ? /* @__PURE__ */ t.jsx(t.Fragment, { children: c.map((b, u) => /* @__PURE__ */ t.jsx(
+          vs,
           {
             index: u,
             file: b,
@@ -2244,21 +2250,21 @@ const gs = (e, r, n) => {
             onRename: r,
             onFileOpen: n,
             enableFilePreview: a,
-            triggerAction: c,
+            triggerAction: i,
             filesViewRef: l,
             selectedFileIndexes: D,
-            handleContextMenu: p,
+            handleContextMenu: h,
             setVisible: M,
             setLastSelectedFile: z
           },
           u
         )) }) : /* @__PURE__ */ t.jsx("div", { className: "empty-folder", children: "This folder is empty." }),
         /* @__PURE__ */ t.jsx(
-          vs,
+          gs,
           {
             filesViewRef: l,
             contextMenuRef: y.ref,
-            menuItems: j ? f : h,
+            menuItems: j ? f : p,
             visible: S,
             setVisible: M,
             clickPosition: C
@@ -2268,9 +2274,9 @@ const gs = (e, r, n) => {
     }
   );
 };
-Dr.displayName = "FileList";
-const xs = ({ triggerAction: e, onDelete: r }) => {
-  const [n, s] = L(""), { selectedFiles: a, setSelectedFiles: c } = Fe();
+Ir.displayName = "FileList";
+const js = ({ triggerAction: e, onDelete: r }) => {
+  const [n, s] = L(""), { selectedFiles: a, setSelectedFiles: i } = Fe();
   se(() => {
     s(() => {
       if (a.length === 1)
@@ -2279,41 +2285,41 @@ const xs = ({ triggerAction: e, onDelete: r }) => {
         return `Are you sure you want to delete these ${a.length} items?`;
     });
   }, []);
-  const i = () => {
-    r(a), c([]), e.close();
+  const c = () => {
+    r(a), i([]), e.close();
   };
   return /* @__PURE__ */ t.jsxs("div", { className: "file-delete-confirm", children: [
     /* @__PURE__ */ t.jsx("p", { className: "file-delete-confirm-text", children: n }),
     /* @__PURE__ */ t.jsxs("div", { className: "file-delete-confirm-actions", children: [
       /* @__PURE__ */ t.jsx(Ne, { type: "secondary", onClick: () => e.close(), children: "Cancel" }),
-      /* @__PURE__ */ t.jsx(Ne, { type: "danger", onClick: i, children: "Delete" })
+      /* @__PURE__ */ t.jsx(Ne, { type: "danger", onClick: c, children: "Delete" })
     ] })
   ] });
 };
-function Cs(e) {
+function bs(e) {
   return H({ tag: "svg", attr: { viewBox: "0 0 1024 1024", fill: "currentColor", fillRule: "evenodd" }, child: [{ tag: "path", attr: { d: "M799.855 166.312c.023.007.043.018.084.059l57.69 57.69c.041.041.052.06.059.084a.118.118 0 0 1 0 .069c-.007.023-.018.042-.059.083L569.926 512l287.703 287.703c.041.04.052.06.059.083a.118.118 0 0 1 0 .07c-.007.022-.018.042-.059.083l-57.69 57.69c-.041.041-.06.052-.084.059a.118.118 0 0 1-.069 0c-.023-.007-.042-.018-.083-.059L512 569.926 224.297 857.629c-.04.041-.06.052-.083.059a.118.118 0 0 1-.07 0c-.022-.007-.042-.018-.083-.059l-57.69-57.69c-.041-.041-.052-.06-.059-.084a.118.118 0 0 1 0-.069c.007-.023.018-.042.059-.083L454.073 512 166.371 224.297c-.041-.04-.052-.06-.059-.083a.118.118 0 0 1 0-.07c.007-.022.018-.042.059-.083l57.69-57.69c.041-.041.06-.052.084-.059a.118.118 0 0 1 .069 0c.023.007.042.018.083.059L512 454.073l287.703-287.702c.04-.041.06-.052.083-.059a.118.118 0 0 1 .07 0Z" }, child: [] }] })(e);
 }
-function js(e) {
+function ws(e) {
   return H({ tag: "svg", attr: { viewBox: "0 0 1024 1024" }, child: [{ tag: "path", attr: { d: "M518.3 459a8 8 0 0 0-12.6 0l-112 141.7a7.98 7.98 0 0 0 6.3 12.9h73.9V856c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8V613.7H624c6.7 0 10.4-7.7 6.3-12.9L518.3 459z" }, child: [] }, { tag: "path", attr: { d: "M811.4 366.7C765.6 245.9 648.9 160 512.2 160S258.8 245.8 213 366.6C127.3 389.1 64 467.2 64 560c0 110.5 89.5 200 199.9 200H304c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8h-40.1c-33.7 0-65.4-13.4-89-37.7-23.5-24.2-36-56.8-34.9-90.6.9-26.4 9.9-51.2 26.2-72.1 16.7-21.3 40.1-36.8 66.1-43.7l37.9-9.9 13.9-36.6c8.6-22.8 20.6-44.1 35.7-63.4a245.6 245.6 0 0 1 52.4-49.9c41.1-28.9 89.5-44.2 140-44.2s98.9 15.3 140 44.2c19.9 14 37.5 30.8 52.4 49.9 15.1 19.3 27.1 40.7 35.7 63.4l13.8 36.5 37.8 10C846.1 454.5 884 503.8 884 560c0 33.1-12.9 64.3-36.3 87.7a123.07 123.07 0 0 1-87.6 36.3H720c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h40.1C870.5 760 960 670.5 960 560c0-92.7-63.1-170.7-148.6-193.3z" }, child: [] }] })(e);
 }
-const bs = ({ percent: e = 0, isCanceled: r = !1, isCompleted: n = !1, error: s }) => /* @__PURE__ */ t.jsxs("div", { role: "progressbar", className: "fm-progress", children: [
+const Es = ({ percent: e = 0, isCanceled: r = !1, isCompleted: n = !1, error: s }) => /* @__PURE__ */ t.jsxs("div", { role: "progressbar", className: "fm-progress", children: [
   !s && /* @__PURE__ */ t.jsx("div", { className: "fm-progress-bar", children: /* @__PURE__ */ t.jsx("div", { className: "fm-progress-bar-fill", style: { width: `${e}%` } }) }),
   r ? /* @__PURE__ */ t.jsx("span", { className: "fm-upload-canceled", children: "Canceled" }) : s ? /* @__PURE__ */ t.jsx("span", { className: "fm-upload-canceled", children: s }) : /* @__PURE__ */ t.jsx("div", { className: "fm-progress-status", children: /* @__PURE__ */ t.jsx("span", { children: n ? "Completed" : e + "% done" }) })
 ] });
-function ws(e) {
+function Rs(e) {
   return H({ tag: "svg", attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M256 388c-72.597 0-132-59.405-132-132 0-72.601 59.403-132 132-132 36.3 0 69.299 15.4 92.406 39.601L278 234h154V80l-51.698 51.702C348.406 99.798 304.406 80 256 80c-96.797 0-176 79.203-176 176s78.094 176 176 176c81.045 0 148.287-54.134 169.401-128H378.85c-18.745 49.561-67.138 84-122.85 84z" }, child: [] }] })(e);
 }
-const Es = ({
+const Ps = ({
   index: e,
   fileData: r,
   setFiles: n,
   setIsUploading: s,
   fileUploadConfig: a,
-  onFileUploaded: c,
-  handleFileRemove: i
+  onFileUploaded: i,
+  handleFileRemove: c
 }) => {
   var g, _, x, R;
-  const [l, d] = L(0), [h, f] = L(!1), [p, w] = L(!1), [S, M] = L(!1), z = Xe(33), D = de(), { onError: C } = Ge(), j = (F) => {
+  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,
       [e]: !1
@@ -2349,7 +2355,7 @@ const Es = ({
           s((Q) => ({
             ...Q,
             [e]: !1
-          })), k.status === 200 || k.status === 201 ? (f(!0), c(k.response), A(k.response)) : (N(k.statusText), j(k));
+          })), 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);
@@ -2386,35 +2392,35 @@ const Es = ({
           /* @__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) })
         ] }),
-        h ? /* @__PURE__ */ t.jsx(ss, { title: "Uploaded", className: "upload-success" }) : p || S ? /* @__PURE__ */ t.jsx(ws, { className: "retry-upload", title: "Retry", onClick: u }) : /* @__PURE__ */ t.jsx(
+        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(
           "div",
           {
             className: "rm-file",
             title: `${r.error ? "Remove" : "Abort Upload"}`,
-            onClick: r.error ? () => i(e) : b,
-            children: /* @__PURE__ */ t.jsx(Cs, {})
+            onClick: r.error ? () => c(e) : b,
+            children: /* @__PURE__ */ t.jsx(bs, {})
           }
         )
       ] }),
       /* @__PURE__ */ t.jsx(
-        bs,
+        Es,
         {
           percent: l,
-          isCanceled: p,
-          isCompleted: h,
+          isCanceled: h,
+          isCompleted: p,
           error: r.error
         }
       )
     ] })
   ] });
-}, Rs = ({
+}, Ts = ({
   fileUploadConfig: e,
   maxFileSize: r,
   acceptedFileTypes: n,
   onFileUploading: s,
   onFileUploaded: a
 }) => {
-  const [c, i] = L([]), [l, d] = L(!1), [h, f] = L({}), { currentFolder: p, currentPathFiles: w } = Ee(), { onError: S } = Ge(), M = de(null), z = (u) => {
+  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) => {
     if (n && !n.includes(_e(u.name)))
@@ -2425,17 +2431,17 @@ const Es = ({
     if (r && u.size > r) return `Maximum upload size is ${Ze(r, 0)}.`;
   }, C = (u) => {
     if (u = u.filter(
-      (g) => !c.some((_) => _.file.name.toLowerCase() === g.name.toLowerCase())
+      (g) => !i.some((_) => _.file.name.toLowerCase() === g.name.toLowerCase())
     ), u.length > 0) {
       const g = u.map((_) => {
-        const x = s(_, p), R = D(_);
+        const x = s(_, h), R = D(_);
         return R && S({ type: "upload", message: R }, _), {
           file: _,
           appendData: x,
           ...R && { error: R }
         };
       });
-      i((_) => [..._, ...g]);
+      c((_) => [..._, ...g]);
     }
   }, j = (u) => {
     u.preventDefault(), d(!1);
@@ -2445,7 +2451,7 @@ const Es = ({
     const g = Array.from(u.target.files);
     C(g);
   }, b = (u) => {
-    i((g) => {
+    c((g) => {
       const _ = g.map((x, R) => u === R ? {
         ...x,
         removed: !0
@@ -2453,7 +2459,7 @@ const Es = ({
       return _.every((x) => !!x.removed) ? [] : _;
     });
   };
-  return /* @__PURE__ */ t.jsxs("div", { className: `fm-upload-file ${c.length > 0 ? "file-selcted" : ""}`, children: [
+  return /* @__PURE__ */ t.jsxs("div", { className: `fm-upload-file ${i.length > 0 ? "file-selcted" : ""}`, children: [
     /* @__PURE__ */ t.jsxs("div", { className: "select-files", children: [
       /* @__PURE__ */ t.jsx(
         "div",
@@ -2464,7 +2470,7 @@ const Es = ({
           onDragEnter: () => d(!0),
           onDragLeave: () => d(!1),
           children: /* @__PURE__ */ t.jsxs("div", { className: "input-text", children: [
-            /* @__PURE__ */ t.jsx(js, { size: 30 }),
+            /* @__PURE__ */ t.jsx(ws, { size: 30 }),
             /* @__PURE__ */ t.jsx("span", { children: "Drag files to upload" })
           ] })
         }
@@ -2485,17 +2491,17 @@ const Es = ({
         )
       ] }) })
     ] }),
-    c.length > 0 && /* @__PURE__ */ t.jsxs("div", { className: "files-progress", children: [
-      /* @__PURE__ */ t.jsx("div", { className: "heading", children: Object.values(h).some((u) => u) ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    i.length > 0 && /* @__PURE__ */ t.jsxs("div", { className: "files-progress", children: [
+      /* @__PURE__ */ t.jsx("div", { className: "heading", children: Object.values(p).some((u) => u) ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
         /* @__PURE__ */ t.jsx("h2", { children: "Uploading" }),
         /* @__PURE__ */ t.jsx(xt, { loading: !0, className: "upload-loading" })
       ] }) : /* @__PURE__ */ t.jsx("h2", { children: "Completed" }) }),
-      /* @__PURE__ */ t.jsx("ul", { children: c.map((u, g) => /* @__PURE__ */ t.jsx(
-        Es,
+      /* @__PURE__ */ t.jsx("ul", { children: i.map((u, g) => /* @__PURE__ */ t.jsx(
+        Ps,
         {
           index: g,
           fileData: u,
-          setFiles: i,
+          setFiles: c,
           fileUploadConfig: e,
           setIsUploading: f,
           onFileUploaded: a,
@@ -2505,58 +2511,58 @@ const Es = ({
       )) })
     ] })
   ] });
-}, Jt = ["jpg", "jpeg", "png"], Zt = ["mp4", "mov", "avi"], Qt = ["mp3", "wav", "m4a"], er = ["txt", "pdf"], Ps = ({ filePreviewPath: e, filePreviewComponent: r }) => {
+}, 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, c] = L(!1), { selectedFiles: i } = Fe(), l = Xe(73), d = (M = _e(i[0].name)) == null ? void 0 : M.toLowerCase(), h = `${e}${i[0].path}`, f = yt(
-    () => r == null ? void 0 : r(i[0]),
+  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(
+    () => r == null ? void 0 : r(c[0]),
     [r]
-  ), p = () => {
-    s(!1), c(!1);
+  ), h = () => {
+    s(!1), i(!1);
   }, w = () => {
-    s(!1), c(!0);
+    s(!1), i(!0);
   }, S = () => {
-    window.location.href = h;
+    window.location.href = p;
   };
   return Pe.isValidElement(f) ? f : /* @__PURE__ */ t.jsxs("section", { className: `file-previewer ${d === "pdf" ? "pdf-previewer" : ""}`, children: [
     a || ![
-      ...Jt,
       ...Zt,
       ...Qt,
-      ...er
+      ...er,
+      ...tr
     ].includes(d) && /* @__PURE__ */ t.jsxs("div", { className: "preview-error", children: [
-      /* @__PURE__ */ t.jsx("span", { className: "error-icon", children: l[d] ?? /* @__PURE__ */ t.jsx(os, { size: 73 }) }),
+      /* @__PURE__ */ t.jsx("span", { className: "error-icon", children: l[d] ?? /* @__PURE__ */ t.jsx(is, { size: 73 }) }),
       /* @__PURE__ */ t.jsx("span", { className: "error-msg", children: "Sorry! Preview is not available for this file." }),
       /* @__PURE__ */ t.jsxs("div", { className: "file-info", children: [
-        /* @__PURE__ */ t.jsx("span", { className: "file-name", children: i[0].name }),
-        i[0].size && /* @__PURE__ */ t.jsx("span", { children: "-" }),
-        /* @__PURE__ */ t.jsx("span", { className: "file-size", children: Ze(i[0].size) })
+        /* @__PURE__ */ t.jsx("span", { className: "file-name", children: c[0].name }),
+        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("span", { children: "Download" })
       ] }) })
     ] }),
-    Jt.includes(d) && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    Zt.includes(d) && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
       /* @__PURE__ */ t.jsx(xt, { isLoading: n }),
       /* @__PURE__ */ t.jsx(
         "img",
         {
-          src: h,
+          src: p,
           alt: "Preview Unavailable",
           className: `photo-popup-image ${n ? "img-loading" : ""}`,
-          onLoad: p,
+          onLoad: h,
           onError: w,
           loading: "lazy"
         }
       )
     ] }),
-    Zt.includes(d) && /* @__PURE__ */ t.jsx("video", { src: h, className: "video-preview", controls: !0, autoPlay: !0 }),
-    Qt.includes(d) && /* @__PURE__ */ t.jsx("audio", { src: h, controls: !0, autoPlay: !0, className: "audio-preview" }),
-    er.includes(d) && /* @__PURE__ */ t.jsx(t.Fragment, { children: /* @__PURE__ */ t.jsx(
+    Qt.includes(d) && /* @__PURE__ */ t.jsx("video", { src: p, className: "video-preview", controls: !0, autoPlay: !0 }),
+    er.includes(d) && /* @__PURE__ */ t.jsx("audio", { src: p, controls: !0, autoPlay: !0, className: "audio-preview" }),
+    tr.includes(d) && /* @__PURE__ */ t.jsx(t.Fragment, { children: /* @__PURE__ */ t.jsx(
       "iframe",
       {
-        src: h,
-        onLoad: p,
+        src: p,
+        onLoad: h,
         onError: w,
         frameBorder: "0",
         className: `photo-popup-iframe ${n ? "img-loading" : ""}`
@@ -2564,18 +2570,18 @@ const Es = ({
     ) })
   ] });
 }, 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]), c = (d) => {
+  const s = de(/* @__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;
     }
-  }, i = (d) => {
+  }, c = (d) => {
     s.current.delete(ct(d.key));
   }, l = () => {
     s.current.clear();
   };
-  se(() => (window.addEventListener("keydown", c), window.addEventListener("keyup", i), window.addEventListener("blur", l), () => {
-    window.removeEventListener("keydown", c), window.removeEventListener("keyup", i), window.removeEventListener("blur", l);
+  se(() => (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 = {
   createFolder: ["Alt", "Shift", "N"],
@@ -2599,17 +2605,17 @@ const Es = ({
   // Act as Ctrl + Shift + 2 but could cause problems for QWERTZ or DVORAK etc. keyborad layouts.
   refresh: ["F5"],
   clearSelection: ["Escape"]
-}, Ts = (e, r) => {
-  const { setClipBoard: n, handleCutCopy: s, handlePasting: a } = Je(), { currentFolder: c, currentPathFiles: i } = Ee(), { setSelectedFiles: l, handleDownload: d } = Fe(), { setActiveLayout: h } = Se(), f = () => {
+}, Ss = (e, r) => {
+  const { setClipBoard: n, handleCutCopy: s, handlePasting: a } = Je(), { currentFolder: i, currentPathFiles: c } = Ee(), { setSelectedFiles: l, handleDownload: d } = Fe(), { setActiveLayout: p } = Se(), f = () => {
     e.show("createFolder");
-  }, p = () => {
+  }, h = () => {
     e.show("uploadFile");
   }, w = () => {
     s(!0);
   }, S = () => {
     s(!1);
   }, M = () => {
-    a(c);
+    a(i);
   }, z = () => {
     e.show("rename");
   }, D = () => {
@@ -2617,43 +2623,43 @@ const Es = ({
   }, C = () => {
     e.show("delete");
   }, j = () => {
-    i.length > 0 && l([i[0]]);
+    c.length > 0 && l([c[0]]);
   }, y = () => {
-    i.length > 0 && l([i.at(-1)]);
+    c.length > 0 && l([c.at(-1)]);
   }, b = () => {
-    l(i);
+    l(c);
   }, u = () => {
     l((R) => R.length > 0 ? [] : R);
   }, g = () => {
     Le(r, "onRefresh"), n(null);
   }, _ = () => {
-    h("grid");
+    p("grid");
   }, x = () => {
-    h("list");
+    p("list");
   };
-  ge(ye.createFolder, f, e.isActive), ge(ye.uploadFiles, p, 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);
-}, Fs = ({
+  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);
+}, Ms = ({
   fileUploadConfig: e,
   onFileUploading: r,
   onFileUploaded: n,
   onDelete: s,
   onRefresh: a,
-  maxFileSize: c,
-  filePreviewPath: i,
+  maxFileSize: i,
+  filePreviewPath: c,
   filePreviewComponent: l,
   acceptedFileTypes: d,
-  triggerAction: h
+  triggerAction: p
 }) => {
-  const [f, p] = L(null), { selectedFiles: w } = Fe();
-  Ts(h, a);
+  const [f, h] = L(null), { selectedFiles: w } = Fe();
+  Ss(p, a);
   const S = {
     uploadFile: {
       title: "Upload",
       component: /* @__PURE__ */ t.jsx(
-        Rs,
+        Ts,
         {
           fileUploadConfig: e,
-          maxFileSize: c,
+          maxFileSize: i,
           acceptedFileTypes: d,
           onFileUploading: r,
           onFileUploaded: n
@@ -2663,15 +2669,15 @@ const Es = ({
     },
     delete: {
       title: "Delete",
-      component: /* @__PURE__ */ t.jsx(xs, { triggerAction: h, onDelete: s }),
+      component: /* @__PURE__ */ t.jsx(js, { triggerAction: p, onDelete: s }),
       width: "25%"
     },
     previewFile: {
       title: "Preview",
       component: /* @__PURE__ */ t.jsx(
-        Ps,
+        Fs,
         {
-          filePreviewPath: i,
+          filePreviewPath: c,
           filePreviewComponent: l
         }
       ),
@@ -2679,51 +2685,51 @@ const Es = ({
     }
   };
   if (se(() => {
-    if (h.isActive) {
-      const M = h.actionType;
-      M === "previewFile" && (S[M].title = (w == null ? void 0 : w.name) ?? "Preview"), p(S[M]);
+    if (p.isActive) {
+      const M = p.actionType;
+      M === "previewFile" && (S[M].title = (w == null ? void 0 : w.name) ?? "Preview"), h(S[M]);
     } else
-      p(null);
-  }, [h.isActive]), f)
+      h(null);
+  }, [p.isActive]), f)
     return /* @__PURE__ */ t.jsx(
-      zr,
+      Ar,
       {
         heading: f.title,
-        show: h.isActive,
-        setShow: h.close,
+        show: p.isActive,
+        setShow: p.close,
         dialogWidth: f.width,
         children: f == null ? void 0 : f.component
       }
     );
-}, Ss = () => {
+}, Ls = () => {
   const [e, r] = L(!1), [n, s] = L(null);
   return {
     isActive: e,
     actionType: n,
-    show: (i) => {
-      r(!0), s(i);
+    show: (c) => {
+      r(!0), s(c);
     },
     close: () => {
       r(!1), s(null);
     }
   };
-}, Ms = (e, r) => {
-  const [n, s] = L({ col1: e, col2: r }), [a, c] = L(!1), i = de(null);
+}, Os = (e, r) => {
+  const [n, s] = L({ col1: e, col2: r }), [a, i] = L(!1), c = de(null);
   return {
-    containerRef: i,
+    containerRef: c,
     colSizes: n,
     setColSizes: s,
     isDragging: a,
     handleMouseDown: () => {
-      c(!0);
+      i(!0);
     },
     handleMouseUp: () => {
-      c(!1);
+      i(!1);
     },
     handleMouseMove: (f) => {
       if (!a) return;
       f.preventDefault();
-      const w = i.current.getBoundingClientRect(), S = (f.clientX - w.left) / w.width * 100;
+      const w = c.current.getBoundingClientRect(), S = (f.clientX - w.left) / w.width * 100;
       S >= 15 && S <= 60 && s({ col1: S, col2: 100 - S });
     }
   };
@@ -2737,11 +2743,11 @@ var gt = { exports: {} }, We = { exports: {} }, re = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var tr;
-function Ls() {
-  if (tr) return re;
-  tr = 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, c = e ? Symbol.for("react.profiler") : 60114, i = e ? Symbol.for("react.provider") : 60109, l = e ? Symbol.for("react.context") : 60110, d = e ? Symbol.for("react.async_mode") : 60111, h = e ? Symbol.for("react.concurrent_mode") : 60111, f = e ? Symbol.for("react.forward_ref") : 60112, p = 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 rr;
+function ks() {
+  if (rr) return re;
+  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;
   function y(u) {
     if (typeof u == "object" && u !== null) {
       var g = u.$$typeof;
@@ -2749,11 +2755,11 @@ function Ls() {
         case r:
           switch (u = u.type, u) {
             case d:
-            case h:
+            case p:
             case s:
-            case c:
+            case i:
             case a:
-            case p:
+            case h:
               return u;
             default:
               switch (u = u && u.$$typeof, u) {
@@ -2761,7 +2767,7 @@ function Ls() {
                 case f:
                 case M:
                 case S:
-                case i:
+                case c:
                   return u;
                 default:
                   return g;
@@ -2773,14 +2779,14 @@ function Ls() {
     }
   }
   function b(u) {
-    return y(u) === h;
+    return y(u) === p;
   }
-  return re.AsyncMode = d, re.ConcurrentMode = h, re.ContextConsumer = l, re.ContextProvider = i, re.Element = r, re.ForwardRef = f, re.Fragment = s, re.Lazy = M, re.Memo = S, re.Portal = n, re.Profiler = c, re.StrictMode = a, re.Suspense = p, re.isAsyncMode = function(u) {
+  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 b(u) || y(u) === d;
   }, re.isConcurrentMode = b, re.isContextConsumer = function(u) {
     return y(u) === l;
   }, re.isContextProvider = function(u) {
-    return y(u) === i;
+    return y(u) === c;
   }, re.isElement = function(u) {
     return typeof u == "object" && u !== null && u.$$typeof === r;
   }, re.isForwardRef = function(u) {
@@ -2794,13 +2800,13 @@ function Ls() {
   }, re.isPortal = function(u) {
     return y(u) === n;
   }, re.isProfiler = function(u) {
-    return y(u) === c;
+    return y(u) === i;
   }, re.isStrictMode = function(u) {
     return y(u) === a;
   }, re.isSuspense = function(u) {
-    return y(u) === p;
+    return y(u) === h;
   }, re.isValidElementType = function(u) {
-    return typeof u == "string" || typeof u == "function" || u === s || u === h || u === c || u === a || u === p || u === w || typeof u == "object" && u !== null && (u.$$typeof === M || u.$$typeof === S || u.$$typeof === i || u.$$typeof === l || u.$$typeof === f || u.$$typeof === D || 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 === 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;
 }
 var ne = {};
@@ -2812,13 +2818,13 @@ var ne = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var rr;
-function Os() {
-  return rr || (rr = 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, c = e ? Symbol.for("react.profiler") : 60114, i = e ? Symbol.for("react.provider") : 60109, l = e ? Symbol.for("react.context") : 60110, d = e ? Symbol.for("react.async_mode") : 60111, h = e ? Symbol.for("react.concurrent_mode") : 60111, f = e ? Symbol.for("react.forward_ref") : 60112, p = 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 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;
     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 === h || E === c || E === a || E === p || E === w || typeof E == "object" && E !== null && (E.$$typeof === M || E.$$typeof === S || E.$$typeof === i || 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 === D || E.$$typeof === C || E.$$typeof === j || E.$$typeof === z);
     }
     function b(E) {
       if (typeof E == "object" && E !== null) {
@@ -2828,11 +2834,11 @@ function Os() {
             var Te = E.type;
             switch (Te) {
               case d:
-              case h:
+              case p:
               case s:
-              case c:
+              case i:
               case a:
-              case p:
+              case h:
                 return Te;
               default:
                 var Y = Te && Te.$$typeof;
@@ -2841,7 +2847,7 @@ function Os() {
                   case f:
                   case M:
                   case S:
-                  case i:
+                  case c:
                     return Y;
                   default:
                     return ve;
@@ -2852,18 +2858,18 @@ function Os() {
         }
       }
     }
-    var u = d, g = h, _ = l, x = i, R = r, F = f, A = s, N = M, k = S, X = n, oe = c, ae = a, Q = p, he = !1;
+    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;
     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;
     }
     function m(E) {
-      return b(E) === h;
+      return b(E) === p;
     }
     function P(E) {
       return b(E) === l;
     }
     function V(E) {
-      return b(E) === i;
+      return b(E) === c;
     }
     function W(E) {
       return typeof E == "object" && E !== null && E.$$typeof === r;
@@ -2884,123 +2890,123 @@ function Os() {
       return b(E) === n;
     }
     function Z(E) {
-      return b(E) === c;
+      return b(E) === i;
     }
     function q(E) {
       return b(E) === a;
     }
     function fe(E) {
-      return b(E) === p;
+      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;
 }
-var nr;
-function Ir() {
-  return nr || (nr = 1, process.env.NODE_ENV === "production" ? We.exports = Ls() : We.exports = Os()), We.exports;
+var sr;
+function $r() {
+  return sr || (sr = 1, process.env.NODE_ENV === "production" ? We.exports = ks() : We.exports = _s()), We.exports;
 }
 /*
 object-assign
 (c) Sindre Sorhus
 @license MIT
 */
-var lt, sr;
-function ks() {
-  if (sr) return lt;
-  sr = 1;
+var lt, or;
+function Ns() {
+  if (or) return lt;
+  or = 1;
   var e = Object.getOwnPropertySymbols, r = Object.prototype.hasOwnProperty, n = Object.prototype.propertyIsEnumerable;
-  function s(c) {
-    if (c == null)
+  function s(i) {
+    if (i == null)
       throw new TypeError("Object.assign cannot be called with null or undefined");
-    return Object(c);
+    return Object(i);
   }
   function a() {
     try {
       if (!Object.assign)
         return !1;
-      var c = new String("abc");
-      if (c[5] = "de", Object.getOwnPropertyNames(c)[0] === "5")
+      var i = new String("abc");
+      if (i[5] = "de", Object.getOwnPropertyNames(i)[0] === "5")
         return !1;
-      for (var i = {}, l = 0; l < 10; l++)
-        i["_" + String.fromCharCode(l)] = l;
-      var d = Object.getOwnPropertyNames(i).map(function(f) {
-        return i[f];
+      for (var c = {}, l = 0; l < 10; l++)
+        c["_" + String.fromCharCode(l)] = l;
+      var d = Object.getOwnPropertyNames(c).map(function(f) {
+        return c[f];
       });
       if (d.join("") !== "0123456789")
         return !1;
-      var h = {};
+      var p = {};
       return "abcdefghijklmnopqrst".split("").forEach(function(f) {
-        h[f] = f;
-      }), Object.keys(Object.assign({}, h)).join("") === "abcdefghijklmnopqrst";
+        p[f] = f;
+      }), Object.keys(Object.assign({}, p)).join("") === "abcdefghijklmnopqrst";
     } catch {
       return !1;
     }
   }
-  return lt = a() ? Object.assign : function(c, i) {
-    for (var l, d = s(c), h, f = 1; f < arguments.length; f++) {
+  return lt = a() ? Object.assign : function(i, c) {
+    for (var l, d = s(i), p, f = 1; f < arguments.length; f++) {
       l = Object(arguments[f]);
-      for (var p in l)
-        r.call(l, p) && (d[p] = l[p]);
+      for (var h in l)
+        r.call(l, h) && (d[h] = l[h]);
       if (e) {
-        h = e(l);
-        for (var w = 0; w < h.length; w++)
-          n.call(l, h[w]) && (d[h[w]] = l[h[w]]);
+        p = e(l);
+        for (var w = 0; w < p.length; w++)
+          n.call(l, p[w]) && (d[p[w]] = l[p[w]]);
       }
     }
     return d;
   }, lt;
 }
-var ut, or;
+var ut, ar;
 function jt() {
-  if (or) return ut;
-  or = 1;
+  if (ar) return ut;
+  ar = 1;
   var e = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
   return ut = e, ut;
 }
-var dt, ar;
-function $r() {
-  return ar || (ar = 1, dt = Function.call.bind(Object.prototype.hasOwnProperty)), dt;
+var dt, ir;
+function Br() {
+  return ir || (ir = 1, dt = Function.call.bind(Object.prototype.hasOwnProperty)), dt;
 }
-var ft, ir;
-function _s() {
-  if (ir) return ft;
-  ir = 1;
+var ft, cr;
+function zs() {
+  if (cr) return ft;
+  cr = 1;
   var e = function() {
   };
   if (process.env.NODE_ENV !== "production") {
-    var r = jt(), n = {}, s = $r();
-    e = function(c) {
-      var i = "Warning: " + c;
-      typeof console < "u" && console.error(i);
+    var r = jt(), n = {}, s = Br();
+    e = function(i) {
+      var c = "Warning: " + i;
+      typeof console < "u" && console.error(c);
       try {
-        throw new Error(i);
+        throw new Error(c);
       } catch {
       }
     };
   }
-  function a(c, i, l, d, h) {
+  function a(i, c, l, d, p) {
     if (process.env.NODE_ENV !== "production") {
-      for (var f in c)
-        if (s(c, f)) {
-          var p;
+      for (var f in i)
+        if (s(i, f)) {
+          var h;
           try {
-            if (typeof c[f] != "function") {
+            if (typeof i[f] != "function") {
               var w = Error(
-                (d || "React class") + ": " + l + " type `" + f + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof c[f] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
+                (d || "React class") + ": " + l + " type `" + f + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof i[f] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
               );
               throw w.name = "Invariant Violation", w;
             }
-            p = c[f](i, f, d, l, null, r);
+            h = i[f](c, f, d, l, null, r);
           } catch (M) {
-            p = M;
+            h = M;
           }
-          if (p && !(p 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 p + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
-          ), p instanceof Error && !(p.message in n)) {
-            n[p.message] = !0;
-            var S = h ? h() : "";
+          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() : "";
             e(
-              "Failed " + l + " type: " + p.message + (S ?? "")
+              "Failed " + l + " type: " + h.message + (S ?? "")
             );
           }
         }
@@ -3010,13 +3016,13 @@ function _s() {
     process.env.NODE_ENV !== "production" && (n = {});
   }, ft = a, ft;
 }
-var ht, cr;
-function Ns() {
-  if (cr) return ht;
-  cr = 1;
-  var e = Ir(), r = ks(), n = jt(), s = $r(), a = _s(), c = function() {
+var ht, lr;
+function As() {
+  if (lr) return ht;
+  lr = 1;
+  var e = $r(), r = Ns(), n = jt(), s = Br(), a = zs(), i = function() {
   };
-  process.env.NODE_ENV !== "production" && (c = function(l) {
+  process.env.NODE_ENV !== "production" && (i = function(l) {
     var d = "Warning: " + l;
     typeof console < "u" && console.error(d);
     try {
@@ -3024,13 +3030,13 @@ function Ns() {
     } catch {
     }
   });
-  function i() {
+  function c() {
     return null;
   }
   return ht = function(l, d) {
-    var h = typeof Symbol == "function" && Symbol.iterator, f = "@@iterator";
-    function p(m) {
-      var P = m && (h && m[h] || m[f]);
+    var p = typeof Symbol == "function" && Symbol.iterator, f = "@@iterator";
+    function h(m) {
+      var P = m && (p && m[p] || m[f]);
       if (typeof P == "function")
         return P;
     }
@@ -3075,7 +3081,7 @@ function Ns() {
           } 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
-            V < 3 && (c(
+            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++);
           }
@@ -3100,7 +3106,7 @@ function Ns() {
       return D(P);
     }
     function j() {
-      return D(i);
+      return D(c);
     }
     function y(m) {
       function P(V, W, I, K, O) {
@@ -3154,9 +3160,9 @@ function Ns() {
     }
     function _(m) {
       if (!Array.isArray(m))
-        return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? c(
+        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])."
-        ) : c("Invalid argument supplied to oneOf, expected an array.")), i;
+        ) : 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]))
@@ -3188,13 +3194,13 @@ function Ns() {
     }
     function R(m) {
       if (!Array.isArray(m))
-        return process.env.NODE_ENV !== "production" && c("Invalid argument supplied to oneOfType, expected an instance of array."), i;
+        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];
         if (typeof V != "function")
-          return c(
+          return i(
             "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + he(V) + " at index " + P + "."
-          ), i;
+          ), c;
       }
       function W(I, K, O, $, U) {
         for (var Z = [], q = 0; q < m.length; q++) {
@@ -3272,7 +3278,7 @@ Valid keys: ` + JSON.stringify(Object.keys(m), null, "  ")
             return m.every(X);
           if (m === null || l(m))
             return !0;
-          var P = p(m);
+          var P = h(m);
           if (P) {
             var V = P.call(m), W;
             if (P !== m.entries) {
@@ -3331,18 +3337,18 @@ Valid keys: ` + JSON.stringify(Object.keys(m), null, "  ")
     return S.checkPropTypes = a, S.resetWarningCache = a.resetWarningCache, S.PropTypes = S, S;
   }, ht;
 }
-var pt, lr;
-function zs() {
-  if (lr) return pt;
-  lr = 1;
+var pt, ur;
+function Ds() {
+  if (ur) return pt;
+  ur = 1;
   var e = jt();
   function r() {
   }
   function n() {
   }
   return n.resetWarningCache = r, pt = function() {
-    function s(i, l, d, h, f, p) {
-      if (p !== e) {
+    function s(c, l, d, p, f, h) {
+      if (h !== e) {
         var w = 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"
         );
@@ -3353,7 +3359,7 @@ function zs() {
     function a() {
       return s;
     }
-    var c = {
+    var i = {
       array: s,
       bigint: s,
       bool: s,
@@ -3376,22 +3382,22 @@ function zs() {
       checkPropTypes: n,
       resetWarningCache: r
     };
-    return c.PropTypes = c, c;
+    return i.PropTypes = i, i;
   }, pt;
 }
 if (process.env.NODE_ENV !== "production") {
-  var As = Ir(), Ds = !0;
-  gt.exports = Ns()(As.isElement, Ds);
+  var Is = $r(), $s = !0;
+  gt.exports = As()(Is.isElement, $s);
 } else
-  gt.exports = zs()();
-var Is = gt.exports;
-const G = /* @__PURE__ */ un(Is), $s = (e, r, n) => {
+  gt.exports = Ds()();
+var Bs = gt.exports;
+const G = /* @__PURE__ */ dn(Bs), Hs = (e, r, n) => {
   const s = e[r];
   if (s && isNaN(Date.parse(s)))
     return new Error(
       `Invalid prop \`${r}\` supplied to \`${n}\`. Expected a valid date string (ISO 8601) but received \`${s}\`.`
     );
-}, ur = (e, r, n) => {
+}, dr = (e, r, n) => {
   const s = e[r];
   try {
     new URL(s);
@@ -3401,21 +3407,21 @@ const G = /* @__PURE__ */ un(Is), $s = (e, r, n) => {
       `Invalid prop \`${r}\` supplied to \`${n}\`. Expected a valid URL but received \`${s}\`.`
     );
   }
-}, Br = ({
+}, Hr = ({
   files: e,
   fileUploadConfig: r,
   isLoading: n,
   onCreateFolder: s,
   onFileUploading: a = () => {
   },
-  onFileUploaded: c = () => {
+  onFileUploaded: i = () => {
   },
-  onCut: i,
+  onCut: c,
   onCopy: l,
   onPaste: d,
-  onRename: h,
+  onRename: p,
   onDownload: f,
-  onDelete: p = () => null,
+  onDelete: h = () => null,
   onLayoutChange: w = () => {
   },
   onRefresh: S,
@@ -3435,7 +3441,7 @@ const G = /* @__PURE__ */ un(Is), $s = (e, r, n) => {
   primaryColor: R = "#6155b4",
   fontFamily: F = "Nunito Sans, sans-serif"
 }) => {
-  const A = Ss(), { containerRef: N, colSizes: k, isDragging: X, handleMouseMove: oe, handleMouseUp: ae, handleMouseDown: Q } = Ms(20, 80), he = {
+  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,
@@ -3443,9 +3449,9 @@ const G = /* @__PURE__ */ un(Is), $s = (e, r, n) => {
   };
   return /* @__PURE__ */ t.jsxs("main", { className: "file-explorer", onContextMenu: (xe) => xe.preventDefault(), style: he, children: [
     /* @__PURE__ */ t.jsx(xt, { loading: n }),
-    /* @__PURE__ */ t.jsx(Nn, { filesData: e, onError: z, children: /* @__PURE__ */ t.jsx(zn, { initialPath: _, children: /* @__PURE__ */ t.jsx(An, { onDownload: f, children: /* @__PURE__ */ t.jsx(Dn, { onPaste: d, onCut: i, onCopy: l, children: /* @__PURE__ */ t.jsxs(kn, { layout: D, children: [
+    /* @__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(
-        Fr,
+        Sr,
         {
           allowCreateFolder: !0,
           allowUploadFile: !0,
@@ -3463,7 +3469,7 @@ const G = /* @__PURE__ */ un(Is), $s = (e, r, n) => {
           className: "files-container",
           children: [
             /* @__PURE__ */ t.jsxs("div", { className: "navigation-pane", style: { width: k.col1 + "%" }, children: [
-              /* @__PURE__ */ t.jsx(Lr, {}),
+              /* @__PURE__ */ t.jsx(Or, {}),
               /* @__PURE__ */ t.jsx(
                 "div",
                 {
@@ -3473,12 +3479,12 @@ const G = /* @__PURE__ */ un(Is), $s = (e, r, n) => {
               )
             ] }),
             /* @__PURE__ */ t.jsxs("div", { className: "folders-preview", style: { width: k.col2 + "%" }, children: [
-              /* @__PURE__ */ t.jsx(Or, {}),
+              /* @__PURE__ */ t.jsx(kr, {}),
               /* @__PURE__ */ t.jsx(
-                Dr,
+                Ir,
                 {
                   onCreateFolder: s,
-                  onRename: h,
+                  onRename: p,
                   onFileOpen: M,
                   onRefresh: S,
                   enableFilePreview: C,
@@ -3490,12 +3496,12 @@ const G = /* @__PURE__ */ un(Is), $s = (e, r, n) => {
         }
       ),
       /* @__PURE__ */ t.jsx(
-        Fs,
+        Ms,
         {
           fileUploadConfig: r,
           onFileUploading: a,
-          onFileUploaded: c,
-          onDelete: p,
+          onFileUploaded: i,
+          onDelete: h,
           onRefresh: S,
           maxFileSize: j,
           filePreviewPath: y,
@@ -3507,19 +3513,19 @@ const G = /* @__PURE__ */ un(Is), $s = (e, r, n) => {
     ] }) }) }) }) })
   ] });
 };
-Br.displayName = "FileManager";
-Br.propTypes = {
+Hr.displayName = "FileManager";
+Hr.propTypes = {
   files: G.arrayOf(
     G.shape({
       name: G.string.isRequired,
       isDirectory: G.bool.isRequired,
       path: G.string.isRequired,
-      updatedAt: $s,
+      updatedAt: Hs,
       size: G.number
     })
   ).isRequired,
   fileUploadConfig: G.shape({
-    url: ur,
+    url: dr,
     headers: G.objectOf(G.string)
   }),
   isLoading: G.bool,
@@ -3539,7 +3545,7 @@ Br.propTypes = {
   layout: G.oneOf(["grid", "list"]),
   maxFileSize: G.number,
   enableFilePreview: G.bool,
-  filePreviewPath: ur,
+  filePreviewPath: dr,
   acceptedFileTypes: G.string,
   height: G.oneOfType([G.string, G.number]),
   width: G.oneOfType([G.string, G.number]),
@@ -3549,5 +3555,5 @@ Br.propTypes = {
   fontFamily: G.string
 };
 export {
-  Br as FileManager
+  Hr as FileManager
 };