@jfvilas/react-file-manager 1.0.1 → 1.0.3

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

@@ -1,13 +1,13 @@
-import { jsx as c, jsxs as A, Fragment as pe } from "react/jsx-runtime";
+import { jsx as d, jsxs as k, Fragment as pe } from "react/jsx-runtime";
 import * as Re from "react";
-import $e, { useState as k, useRef as se, useEffect as Q, createContext as Pe, useContext as Te, useLayoutEffect as Wn, useCallback as dn, useMemo as Ge } from "react";
+import ye, { useState as M, useRef as ae, useEffect as Q, createContext as Pe, useContext as Te, useLayoutEffect as Wn, useCallback as dn, useMemo as Ge } from "react";
 var un = {
   color: void 0,
   size: void 0,
   className: void 0,
   style: void 0,
   attr: void 0
-}, wt = $e.createContext && /* @__PURE__ */ $e.createContext(un), Yn = ["attr", "size", "title"];
+}, wt = ye.createContext && /* @__PURE__ */ ye.createContext(un), Yn = ["attr", "size", "title"];
 function Kn(n, e) {
   if (n == null) return {};
   var t = qn(n, e), o, i;
@@ -77,12 +77,12 @@ function Jn(n, e) {
   return (e === "string" ? String : Number)(n);
 }
 function fn(n) {
-  return n && n.map((e, t) => /* @__PURE__ */ $e.createElement(e.tag, je({
+  return n && n.map((e, t) => /* @__PURE__ */ ye.createElement(e.tag, je({
     key: t
   }, e.attr), fn(e.child)));
 }
 function H(n) {
-  return (e) => /* @__PURE__ */ $e.createElement(Zn, Ue({
+  return (e) => /* @__PURE__ */ ye.createElement(Zn, Ue({
     attr: je({}, n.attr)
   }, e), fn(n.child));
 }
@@ -93,7 +93,7 @@ function Zn(n) {
       size: i,
       title: s
     } = n, a = Kn(n, Yn), l = i || t.size || "1em", r;
-    return t.className && (r = t.className), n.className && (r = (r ? r + " " : "") + n.className), /* @__PURE__ */ $e.createElement("svg", Ue({
+    return t.className && (r = t.className), n.className && (r = (r ? r + " " : "") + n.className), /* @__PURE__ */ ye.createElement("svg", Ue({
       stroke: "currentColor",
       fill: "currentColor",
       strokeWidth: "0"
@@ -105,14 +105,14 @@ function Zn(n) {
       height: l,
       width: l,
       xmlns: "http://www.w3.org/2000/svg"
-    }), s && /* @__PURE__ */ $e.createElement("title", null, s), n.children);
+    }), s && /* @__PURE__ */ ye.createElement("title", null, s), n.children);
   };
-  return wt !== void 0 ? /* @__PURE__ */ $e.createElement(wt.Consumer, null, (t) => e(t)) : e(un);
+  return wt !== void 0 ? /* @__PURE__ */ ye.createElement(wt.Consumer, null, (t) => e(t)) : e(un);
 }
 function Xn(n) {
   return H({ 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: [] }] })(n);
 }
-const pt = ({ loading: n = !1, className: e }) => n ? /* @__PURE__ */ c("div", { className: `loader-container ${e}`, children: /* @__PURE__ */ c(Xn, { className: "spinner" }) }) : null;
+const pt = ({ loading: n = !1, className: e }) => n ? /* @__PURE__ */ d("div", { className: `loader-container ${e}`, children: /* @__PURE__ */ d(Xn, { className: "spinner" }) }) : null;
 function pn(n) {
   return H({ 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: [] }] })(n);
 }
@@ -179,7 +179,7 @@ function He(n) {
 function Ct(n) {
   return H({ attr: { viewBox: "0 0 384 512" }, child: [{ tag: "path", attr: { d: "M64 464l256 0c8.8 0 16-7.2 16-16l0-288-80 0c-17.7 0-32-14.3-32-32l0-80L64 48c-8.8 0-16 7.2-16 16l0 384c0 8.8 7.2 16 16 16zM0 64C0 28.7 28.7 0 64 0L229.5 0c17 0 33.3 6.7 45.3 18.7l90.5 90.5c12 12 18.7 28.3 18.7 45.3L384 448c0 35.3-28.7 64-64 64L64 512c-35.3 0-64-28.7-64-64L0 64zM192 272l0 128c0 6.5-3.9 12.3-9.9 14.8s-12.9 1.1-17.4-3.5L129.4 376 112 376c-8.8 0-16-7.2-16-16l0-48c0-8.8 7.2-16 16-16l17.4 0 35.3-35.3c4.6-4.6 11.5-5.9 17.4-3.5s9.9 8.3 9.9 14.8zm85.8-4c11.6 20 18.2 43.3 18.2 68s-6.6 48-18.2 68c-6.6 11.5-21.3 15.4-32.8 8.8s-15.4-21.3-8.8-32.8c7.5-12.9 11.8-27.9 11.8-44s-4.3-31.1-11.8-44c-6.6-11.5-2.7-26.2 8.8-32.8s26.2-2.7 32.8 8.8z" }, child: [] }] })(n);
 }
-function re(n) {
+function le(n) {
   return H({ 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 0zm97 289c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0L79 303c-9.4 9.4-9.4 24.6 0 33.9l48 48c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-31-31 31-31zM257 255c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l31 31-31 31c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l48-48c9.4-9.4 9.4-24.6 0-33.9l-48-48z" }, child: [] }] })(n);
 }
 function St(n) {
@@ -217,7 +217,7 @@ function ut(n) {
 }
 const Oe = (n = () => {
 }) => {
-  const [e, t] = k(!1), o = se(null), i = (s) => {
+  const [e, t] = M(!1), o = ae(null), i = (s) => {
     var a;
     (a = o.current) != null && a.contains(s.target) ? t(!1) : (t(!0), n(s, o));
   };
@@ -225,12 +225,12 @@ const Oe = (n = () => {
     document.removeEventListener("click", i, !0), document.removeEventListener("mousedown", i, !0);
   }), []), { ref: o, isClicked: e, setIsClicked: t };
 }, xn = Pe(), fo = ({ children: n, layout: e }) => {
-  const [t, o] = k(() => i(e));
+  const [t, o] = M(() => i(e));
   function i(s) {
     return ["list", "grid"].includes(s) ? s : "grid";
   }
-  return /* @__PURE__ */ c(xn.Provider, { value: { activeLayout: t, setActiveLayout: o }, children: n });
-}, ye = () => Te(xn), V = (n) => typeof n == "string", Le = () => {
+  return /* @__PURE__ */ d(xn.Provider, { value: { activeLayout: t, setActiveLayout: o }, children: n });
+}, we = () => Te(xn), B = (n) => typeof n == "string", Le = () => {
   let n, e;
   const t = new Promise((o, i) => {
     n = o, e = i;
@@ -240,8 +240,8 @@ const Oe = (n = () => {
   n.forEach((o) => {
     e[o] && (t[o] = e[o]);
   });
-}, ho = /###/g, zt = (n) => n && n.indexOf("###") > -1 ? n.replace(ho, ".") : n, Lt = (n) => !n || V(n), Ae = (n, e, t) => {
-  const o = V(e) ? e.split(".") : e;
+}, ho = /###/g, zt = (n) => n && n.indexOf("###") > -1 ? n.replace(ho, ".") : n, Lt = (n) => !n || B(n), Ae = (n, e, t) => {
+  const o = B(e) ? e.split(".") : e;
   let i = 0;
   for (; i < o.length - 1; ) {
     if (Lt(n)) return {};
@@ -283,7 +283,7 @@ const Oe = (n = () => {
   return o !== void 0 ? o : Be(e, t);
 }, Cn = (n, e, t) => {
   for (const o in e)
-    o !== "__proto__" && o !== "constructor" && (o in n ? V(n[o]) || n[o] instanceof String || V(e[o]) || e[o] instanceof String ? t && (n[o] = e[o]) : Cn(n[o], e[o], t) : n[o] = e[o]);
+    o !== "__proto__" && o !== "constructor" && (o in n ? B(n[o]) || n[o] instanceof String || B(e[o]) || e[o] instanceof String ? t && (n[o] = e[o]) : Cn(n[o], e[o], t) : n[o] = e[o]);
   return n;
 }, Se = (n) => n.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&");
 var vo = {
@@ -294,7 +294,7 @@ var vo = {
   "'": "&#39;",
   "/": "&#x2F;"
 };
-const $o = (n) => V(n) ? n.replace(/[&<>"'\/]/g, (e) => vo[e]) : n;
+const $o = (n) => B(n) ? n.replace(/[&<>"'\/]/g, (e) => vo[e]) : n;
 class yo {
   constructor(e) {
     this.capacity = e, this.regExpMap = /* @__PURE__ */ new Map(), this.regExpQueue = [];
@@ -385,7 +385,7 @@ class Ye {
     return this.forward(t, "warn", "WARNING DEPRECATED: ", !0);
   }
   forward(e, t, o, i) {
-    return i && !this.debug ? null : (V(e[0]) && (e[0] = `${o}${this.prefix} ${e[0]}`), this.logger[t](e));
+    return i && !this.debug ? null : (B(e[0]) && (e[0] = `${o}${this.prefix} ${e[0]}`), this.logger[t](e));
   }
   create(e) {
     return new Ye(this.logger, {
@@ -423,11 +423,11 @@ class Je {
       o[i - 1] = arguments[i];
     this.observers[e] && Array.from(this.observers[e].entries()).forEach((a) => {
       let [l, r] = a;
-      for (let d = 0; d < r; d++)
+      for (let c = 0; c < r; c++)
         l(...o);
     }), this.observers["*"] && Array.from(this.observers["*"].entries()).forEach((a) => {
       let [l, r] = a;
-      for (let d = 0; d < r; d++)
+      for (let c = 0; c < r; c++)
         l.apply(l, [e, ...o]);
     });
   }
@@ -448,13 +448,13 @@ class Rt extends Je {
     t > -1 && this.options.ns.splice(t, 1);
   }
   getResource(e, t, o) {
-    var d, u;
+    var c, u;
     let i = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : {};
     const s = i.keySeparator !== void 0 ? i.keySeparator : this.options.keySeparator, a = i.ignoreJSONStructure !== void 0 ? i.ignoreJSONStructure : this.options.ignoreJSONStructure;
     let l;
-    e.indexOf(".") > -1 ? l = e.split(".") : (l = [e, t], o && (Array.isArray(o) ? l.push(...o) : V(o) && s ? l.push(...o.split(s)) : l.push(o)));
+    e.indexOf(".") > -1 ? l = e.split(".") : (l = [e, t], o && (Array.isArray(o) ? l.push(...o) : B(o) && s ? l.push(...o.split(s)) : l.push(o)));
     const r = Be(this.data, l);
-    return !r && !t && !o && e.indexOf(".") > -1 && (e = l[0], t = l[1], o = l.slice(2).join(".")), r || !a || !V(o) ? r : ft((u = (d = this.data) == null ? void 0 : d[e]) == null ? void 0 : u[t], o, s);
+    return !r && !t && !o && e.indexOf(".") > -1 && (e = l[0], t = l[1], o = l.slice(2).join(".")), r || !a || !B(o) ? r : ft((u = (c = this.data) == null ? void 0 : c[e]) == null ? void 0 : u[t], o, s);
   }
   addResource(e, t, o, i) {
     let s = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : {
@@ -469,7 +469,7 @@ class Rt extends Je {
       silent: !1
     };
     for (const s in o)
-      (V(o[s]) || Array.isArray(o[s])) && this.addResource(e, t, s, o[s], {
+      (B(o[s]) || Array.isArray(o[s])) && this.addResource(e, t, s, o[s], {
         silent: !0
       });
     i.silent || this.emit("added", e, t, o);
@@ -518,7 +518,7 @@ var Sn = {
     }), e;
   }
 };
-const kt = {}, Ot = (n) => !V(n) && typeof n != "boolean" && typeof n != "number";
+const kt = {}, Ot = (n) => !B(n) && typeof n != "boolean" && typeof n != "number";
 class Ke extends Je {
   constructor(e) {
     let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
@@ -547,14 +547,14 @@ class Ke extends Je {
       if (r && r.length > 0)
         return {
           key: e,
-          namespaces: V(s) ? [s] : s
+          namespaces: B(s) ? [s] : s
         };
-      const d = e.split(o);
-      (o !== i || o === i && this.options.ns.indexOf(d[0]) > -1) && (s = d.shift()), e = d.join(i);
+      const c = e.split(o);
+      (o !== i || o === i && this.options.ns.indexOf(c[0]) > -1) && (s = c.shift()), e = c.join(i);
     }
     return {
       key: e,
-      namespaces: V(s) ? [s] : s
+      namespaces: B(s) ? [s] : s
     };
   }
   translate(e, t, o) {
@@ -565,103 +565,103 @@ class Ke extends Je {
     const i = t.returnDetails !== void 0 ? t.returnDetails : this.options.returnDetails, s = t.keySeparator !== void 0 ? t.keySeparator : this.options.keySeparator, {
       key: a,
       namespaces: l
-    } = this.extractFromKey(e[e.length - 1], t), r = l[l.length - 1], d = t.lng || this.language, u = t.appendNamespaceToCIMode || this.options.appendNamespaceToCIMode;
-    if ((d == null ? void 0 : d.toLowerCase()) === "cimode") {
+    } = this.extractFromKey(e[e.length - 1], t), r = l[l.length - 1], c = t.lng || this.language, u = t.appendNamespaceToCIMode || this.options.appendNamespaceToCIMode;
+    if ((c == null ? void 0 : c.toLowerCase()) === "cimode") {
       if (u) {
-        const b = t.nsSeparator || this.options.nsSeparator;
+        const C = t.nsSeparator || this.options.nsSeparator;
         return i ? {
-          res: `${r}${b}${a}`,
+          res: `${r}${C}${a}`,
           usedKey: a,
           exactUsedKey: a,
-          usedLng: d,
+          usedLng: c,
           usedNS: r,
           usedParams: this.getUsedParamsDetails(t)
-        } : `${r}${b}${a}`;
+        } : `${r}${C}${a}`;
       }
       return i ? {
         res: a,
         usedKey: a,
         exactUsedKey: a,
-        usedLng: d,
+        usedLng: c,
         usedNS: r,
         usedParams: this.getUsedParamsDetails(t)
       } : a;
     }
-    const f = this.resolve(e, t);
-    let p = f == null ? void 0 : f.res;
-    const h = (f == null ? void 0 : f.usedKey) || a, m = (f == null ? void 0 : f.exactUsedKey) || a, v = ["[object Number]", "[object Function]", "[object RegExp]"], S = t.joinArrays !== void 0 ? t.joinArrays : this.options.joinArrays, N = !this.i18nFormat || this.i18nFormat.handleAsObject, O = t.count !== void 0 && !V(t.count), F = Ke.hasDefaultValue(t), z = O ? this.pluralResolver.getSuffix(d, t.count, t) : "", g = t.ordinal && O ? this.pluralResolver.getSuffix(d, t.count, {
+    const p = this.resolve(e, t);
+    let f = p == null ? void 0 : p.res;
+    const h = (p == null ? void 0 : p.usedKey) || a, m = (p == null ? void 0 : p.exactUsedKey) || a, v = ["[object Number]", "[object Function]", "[object RegExp]"], S = t.joinArrays !== void 0 ? t.joinArrays : this.options.joinArrays, F = !this.i18nFormat || this.i18nFormat.handleAsObject, O = t.count !== void 0 && !B(t.count), N = Ke.hasDefaultValue(t), z = O ? this.pluralResolver.getSuffix(c, t.count, t) : "", g = t.ordinal && O ? this.pluralResolver.getSuffix(c, t.count, {
       ordinal: !1
-    }) : "", L = O && !t.ordinal && t.count === 0, x = L && t[`defaultValue${this.options.pluralSeparator}zero`] || t[`defaultValue${z}`] || t[`defaultValue${g}`] || t.defaultValue;
-    let w = p;
-    N && !p && F && (w = x);
-    const $ = Ot(w), C = Object.prototype.toString.apply(w);
-    if (N && w && $ && v.indexOf(C) < 0 && !(V(S) && Array.isArray(w))) {
+    }) : "", P = O && !t.ordinal && t.count === 0, b = P && t[`defaultValue${this.options.pluralSeparator}zero`] || t[`defaultValue${z}`] || t[`defaultValue${g}`] || t.defaultValue;
+    let w = f;
+    F && !f && N && (w = b);
+    const $ = Ot(w), x = Object.prototype.toString.apply(w);
+    if (F && w && $ && v.indexOf(x) < 0 && !(B(S) && Array.isArray(w))) {
       if (!t.returnObjects && !this.options.returnObjects) {
         this.options.returnedObjectHandler || this.logger.warn("accessing an object - but returnObjects options is not enabled!");
-        const b = this.options.returnedObjectHandler ? this.options.returnedObjectHandler(h, w, {
+        const C = this.options.returnedObjectHandler ? this.options.returnedObjectHandler(h, w, {
           ...t,
           ns: l
         }) : `key '${a} (${this.language})' returned an object instead of string.`;
-        return i ? (f.res = b, f.usedParams = this.getUsedParamsDetails(t), f) : b;
+        return i ? (p.res = C, p.usedParams = this.getUsedParamsDetails(t), p) : C;
       }
       if (s) {
-        const b = Array.isArray(w), P = b ? [] : {}, R = b ? m : h;
-        for (const M in w)
-          if (Object.prototype.hasOwnProperty.call(w, M)) {
-            const q = `${R}${s}${M}`;
-            F && !p ? P[M] = this.translate(q, {
+        const C = Array.isArray(w), E = C ? [] : {}, T = C ? m : h;
+        for (const R in w)
+          if (Object.prototype.hasOwnProperty.call(w, R)) {
+            const V = `${T}${s}${R}`;
+            N && !f ? E[R] = this.translate(V, {
               ...t,
-              defaultValue: Ot(x) ? x[M] : void 0,
+              defaultValue: Ot(b) ? b[R] : void 0,
               joinArrays: !1,
               ns: l
-            }) : P[M] = this.translate(q, {
+            }) : E[R] = this.translate(V, {
               ...t,
               joinArrays: !1,
               ns: l
-            }), P[M] === q && (P[M] = w[M]);
+            }), E[R] === V && (E[R] = w[R]);
           }
-        p = P;
+        f = E;
       }
-    } else if (N && V(S) && Array.isArray(p))
-      p = p.join(S), p && (p = this.extendTranslation(p, e, t, o));
+    } else if (F && B(S) && Array.isArray(f))
+      f = f.join(S), f && (f = this.extendTranslation(f, e, t, o));
     else {
-      let b = !1, P = !1;
-      !this.isValidLookup(p) && F && (b = !0, p = x), this.isValidLookup(p) || (P = !0, p = a);
-      const M = (t.missingKeyNoValueFallbackToKey || this.options.missingKeyNoValueFallbackToKey) && P ? void 0 : p, q = F && x !== p && this.options.updateMissing;
-      if (P || b || q) {
-        if (this.logger.log(q ? "updateKey" : "missingKey", d, r, a, q ? x : p), s) {
-          const K = this.resolve(a, {
+      let C = !1, E = !1;
+      !this.isValidLookup(f) && N && (C = !0, f = b), this.isValidLookup(f) || (E = !0, f = a);
+      const R = (t.missingKeyNoValueFallbackToKey || this.options.missingKeyNoValueFallbackToKey) && E ? void 0 : f, V = N && b !== f && this.options.updateMissing;
+      if (E || C || V) {
+        if (this.logger.log(V ? "updateKey" : "missingKey", c, r, a, V ? b : f), s) {
+          const q = this.resolve(a, {
             ...t,
             keySeparator: !1
           });
-          K && K.res && this.logger.warn("Seems the loaded translations were in flat JSON format instead of nested. Either set keySeparator: false on init or make sure your translations are published in nested format.");
+          q && q.res && this.logger.warn("Seems the loaded translations were in flat JSON format instead of nested. Either set keySeparator: false on init or make sure your translations are published in nested format.");
         }
-        let J = [];
-        const oe = this.languageUtils.getFallbackCodes(this.options.fallbackLng, t.lng || this.language);
-        if (this.options.saveMissingTo === "fallback" && oe && oe[0])
-          for (let K = 0; K < oe.length; K++)
-            J.push(oe[K]);
-        else this.options.saveMissingTo === "all" ? J = this.languageUtils.toResolveHierarchy(t.lng || this.language) : J.push(t.lng || this.language);
-        const ae = (K, y, E) => {
+        let _ = [];
+        const ee = this.languageUtils.getFallbackCodes(this.options.fallbackLng, t.lng || this.language);
+        if (this.options.saveMissingTo === "fallback" && ee && ee[0])
+          for (let q = 0; q < ee.length; q++)
+            _.push(ee[q]);
+        else this.options.saveMissingTo === "all" ? _ = this.languageUtils.toResolveHierarchy(t.lng || this.language) : _.push(t.lng || this.language);
+        const se = (q, y, L) => {
           var U;
-          const B = F && E !== p ? E : M;
-          this.options.missingKeyHandler ? this.options.missingKeyHandler(K, r, y, B, q, t) : (U = this.backendConnector) != null && U.saveMissing && this.backendConnector.saveMissing(K, r, y, B, q, t), this.emit("missingKey", K, r, y, p);
+          const W = N && L !== f ? L : R;
+          this.options.missingKeyHandler ? this.options.missingKeyHandler(q, r, y, W, V, t) : (U = this.backendConnector) != null && U.saveMissing && this.backendConnector.saveMissing(q, r, y, W, V, t), this.emit("missingKey", q, r, y, f);
         };
-        this.options.saveMissing && (this.options.saveMissingPlurals && O ? J.forEach((K) => {
-          const y = this.pluralResolver.getSuffixes(K, t);
-          L && t[`defaultValue${this.options.pluralSeparator}zero`] && y.indexOf(`${this.options.pluralSeparator}zero`) < 0 && y.push(`${this.options.pluralSeparator}zero`), y.forEach((E) => {
-            ae([K], a + E, t[`defaultValue${E}`] || x);
+        this.options.saveMissing && (this.options.saveMissingPlurals && O ? _.forEach((q) => {
+          const y = this.pluralResolver.getSuffixes(q, t);
+          P && t[`defaultValue${this.options.pluralSeparator}zero`] && y.indexOf(`${this.options.pluralSeparator}zero`) < 0 && y.push(`${this.options.pluralSeparator}zero`), y.forEach((L) => {
+            se([q], a + L, t[`defaultValue${L}`] || b);
           });
-        }) : ae(J, a, x));
+        }) : se(_, a, b));
       }
-      p = this.extendTranslation(p, e, t, f, o), P && p === a && this.options.appendNamespaceToMissingKey && (p = `${r}:${a}`), (P || b) && this.options.parseMissingKeyHandler && (p = this.options.parseMissingKeyHandler(this.options.appendNamespaceToMissingKey ? `${r}:${a}` : a, b ? p : void 0));
+      f = this.extendTranslation(f, e, t, p, o), E && f === a && this.options.appendNamespaceToMissingKey && (f = `${r}:${a}`), (E || C) && this.options.parseMissingKeyHandler && (f = this.options.parseMissingKeyHandler(this.options.appendNamespaceToMissingKey ? `${r}:${a}` : a, C ? f : void 0));
     }
-    return i ? (f.res = p, f.usedParams = this.getUsedParamsDetails(t), f) : p;
+    return i ? (p.res = f, p.usedParams = this.getUsedParamsDetails(t), p) : f;
   }
   extendTranslation(e, t, o, i, s) {
-    var d, u;
+    var c, u;
     var a = this;
-    if ((d = this.i18nFormat) != null && d.parse)
+    if ((c = this.i18nFormat) != null && c.parse)
       e = this.i18nFormat.parse(e, {
         ...this.options.interpolation.defaultVariables,
         ...o
@@ -676,19 +676,19 @@ class Ke extends Je {
           ...o.interpolation
         }
       });
-      const f = V(e) && (((u = o == null ? void 0 : o.interpolation) == null ? void 0 : u.skipOnVariables) !== void 0 ? o.interpolation.skipOnVariables : this.options.interpolation.skipOnVariables);
-      let p;
-      if (f) {
+      const p = B(e) && (((u = o == null ? void 0 : o.interpolation) == null ? void 0 : u.skipOnVariables) !== void 0 ? o.interpolation.skipOnVariables : this.options.interpolation.skipOnVariables);
+      let f;
+      if (p) {
         const m = e.match(this.interpolator.nestingRegexp);
-        p = m && m.length;
+        f = m && m.length;
       }
-      let h = o.replace && !V(o.replace) ? o.replace : o;
+      let h = o.replace && !B(o.replace) ? o.replace : o;
       if (this.options.interpolation.defaultVariables && (h = {
         ...this.options.interpolation.defaultVariables,
         ...h
-      }), e = this.interpolator.interpolate(e, h, o.lng || this.language || i.usedLng, o), f) {
+      }), e = this.interpolator.interpolate(e, h, o.lng || this.language || i.usedLng, o), p) {
         const m = e.match(this.interpolator.nestingRegexp), v = m && m.length;
-        p < v && (o.nest = !1);
+        f < v && (o.nest = !1);
       }
       !o.lng && i && i.res && (o.lng = this.language || i.usedLng), o.nest !== !1 && (e = this.interpolator.nest(e, function() {
         for (var m = arguments.length, v = new Array(m), S = 0; S < m; S++)
@@ -696,7 +696,7 @@ class Ke extends Je {
         return (s == null ? void 0 : s[0]) === v[0] && !o.context ? (a.logger.warn(`It seems you are nesting recursively key: ${v[0]} in key: ${t[0]}`), null) : a.translate(...v, t);
       }, o)), o.interpolation && this.interpolator.reset();
     }
-    const l = o.postProcess || this.options.postProcess, r = V(l) ? [l] : l;
+    const l = o.postProcess || this.options.postProcess, r = B(l) ? [l] : l;
     return e != null && (r != null && r.length) && o.applyPostProcessor !== !1 && (e = Sn.handle(r, e, t, this.options && this.options.postProcessPassResolved ? {
       i18nResolved: {
         ...i,
@@ -707,34 +707,34 @@ class Ke extends Je {
   }
   resolve(e) {
     let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, o, i, s, a, l;
-    return V(e) && (e = [e]), e.forEach((r) => {
+    return B(e) && (e = [e]), e.forEach((r) => {
       if (this.isValidLookup(o)) return;
-      const d = this.extractFromKey(r, t), u = d.key;
+      const c = this.extractFromKey(r, t), u = c.key;
       i = u;
-      let f = d.namespaces;
-      this.options.fallbackNS && (f = f.concat(this.options.fallbackNS));
-      const p = t.count !== void 0 && !V(t.count), h = p && !t.ordinal && t.count === 0, m = t.context !== void 0 && (V(t.context) || typeof t.context == "number") && t.context !== "", v = t.lngs ? t.lngs : this.languageUtils.toResolveHierarchy(t.lng || this.language, t.fallbackLng);
-      f.forEach((S) => {
-        var N, O;
-        this.isValidLookup(o) || (l = S, !kt[`${v[0]}-${S}`] && ((N = this.utils) != null && N.hasLoadedNamespace) && !((O = this.utils) != null && O.hasLoadedNamespace(l)) && (kt[`${v[0]}-${S}`] = !0, this.logger.warn(`key "${i}" for languages "${v.join(", ")}" won't get resolved as namespace "${l}" was not yet loaded`, "This means something IS WRONG in your setup. You access the t function before i18next.init / i18next.loadNamespace / i18next.changeLanguage was done. Wait for the callback or Promise to resolve before accessing it!!!")), v.forEach((F) => {
-          var L;
+      let p = c.namespaces;
+      this.options.fallbackNS && (p = p.concat(this.options.fallbackNS));
+      const f = t.count !== void 0 && !B(t.count), h = f && !t.ordinal && t.count === 0, m = t.context !== void 0 && (B(t.context) || typeof t.context == "number") && t.context !== "", v = t.lngs ? t.lngs : this.languageUtils.toResolveHierarchy(t.lng || this.language, t.fallbackLng);
+      p.forEach((S) => {
+        var F, O;
+        this.isValidLookup(o) || (l = S, !kt[`${v[0]}-${S}`] && ((F = this.utils) != null && F.hasLoadedNamespace) && !((O = this.utils) != null && O.hasLoadedNamespace(l)) && (kt[`${v[0]}-${S}`] = !0, this.logger.warn(`key "${i}" for languages "${v.join(", ")}" won't get resolved as namespace "${l}" was not yet loaded`, "This means something IS WRONG in your setup. You access the t function before i18next.init / i18next.loadNamespace / i18next.changeLanguage was done. Wait for the callback or Promise to resolve before accessing it!!!")), v.forEach((N) => {
+          var P;
           if (this.isValidLookup(o)) return;
-          a = F;
+          a = N;
           const z = [u];
-          if ((L = this.i18nFormat) != null && L.addLookupKeys)
-            this.i18nFormat.addLookupKeys(z, u, F, S, t);
+          if ((P = this.i18nFormat) != null && P.addLookupKeys)
+            this.i18nFormat.addLookupKeys(z, u, N, S, t);
           else {
-            let x;
-            p && (x = this.pluralResolver.getSuffix(F, t.count, t));
+            let b;
+            f && (b = this.pluralResolver.getSuffix(N, t.count, t));
             const w = `${this.options.pluralSeparator}zero`, $ = `${this.options.pluralSeparator}ordinal${this.options.pluralSeparator}`;
-            if (p && (z.push(u + x), t.ordinal && x.indexOf($) === 0 && z.push(u + x.replace($, this.options.pluralSeparator)), h && z.push(u + w)), m) {
-              const C = `${u}${this.options.contextSeparator}${t.context}`;
-              z.push(C), p && (z.push(C + x), t.ordinal && x.indexOf($) === 0 && z.push(C + x.replace($, this.options.pluralSeparator)), h && z.push(C + w));
+            if (f && (z.push(u + b), t.ordinal && b.indexOf($) === 0 && z.push(u + b.replace($, this.options.pluralSeparator)), h && z.push(u + w)), m) {
+              const x = `${u}${this.options.contextSeparator}${t.context}`;
+              z.push(x), f && (z.push(x + b), t.ordinal && b.indexOf($) === 0 && z.push(x + b.replace($, this.options.pluralSeparator)), h && z.push(x + w));
             }
           }
           let g;
           for (; g = z.pop(); )
-            this.isValidLookup(o) || (s = g, o = this.getResource(F, S, g, t));
+            this.isValidLookup(o) || (s = g, o = this.getResource(N, S, g, t));
         }));
       });
     }), {
@@ -755,7 +755,7 @@ class Ke extends Je {
   }
   getUsedParamsDetails() {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-    const t = ["defaultValue", "ordinal", "context", "replace", "lng", "lngs", "fallbackLng", "ns", "keySeparator", "nsSeparator", "returnObjects", "returnDetails", "joinArrays", "postProcess", "interpolation"], o = e.replace && !V(e.replace);
+    const t = ["defaultValue", "ordinal", "context", "replace", "lng", "lngs", "fallbackLng", "ns", "keySeparator", "nsSeparator", "returnObjects", "returnDetails", "joinArrays", "postProcess", "interpolation"], o = e.replace && !B(e.replace);
     let i = o ? e.replace : e;
     if (o && typeof e.count < "u" && (i.count = e.count), this.options.interpolation.defaultVariables && (i = {
       ...this.options.interpolation.defaultVariables,
@@ -792,7 +792,7 @@ class Mt {
     return this.formatLanguageCode(t[0]);
   }
   formatLanguageCode(e) {
-    if (V(e) && e.indexOf("-") > -1) {
+    if (B(e) && e.indexOf("-") > -1) {
       let t;
       try {
         t = Intl.getCanonicalLocales(e)[0];
@@ -827,7 +827,7 @@ class Mt {
   }
   getFallbackCodes(e, t) {
     if (!e) return [];
-    if (typeof e == "function" && (e = e(t)), V(e) && (e = [e]), Array.isArray(e)) return e;
+    if (typeof e == "function" && (e = e(t)), B(e) && (e = [e]), Array.isArray(e)) return e;
     if (!t) return e.default || [];
     let o = e[t];
     return o || (o = e[this.getScriptPartFromCode(t)]), o || (o = e[this.formatLanguageCode(t)]), o || (o = e[this.getLanguagePartFromCode(t)]), o || (o = e.default), o || [];
@@ -836,7 +836,7 @@ class Mt {
     const o = this.getFallbackCodes(t || this.options.fallbackLng || [], e), i = [], s = (a) => {
       a && (this.isSupportedCode(a) ? i.push(a) : this.logger.warn(`rejecting language code not found in supportedLngs: ${a}`));
     };
-    return V(e) && (e.indexOf("-") > -1 || e.indexOf("_") > -1) ? (this.options.load !== "languageOnly" && s(this.formatLanguageCode(e)), this.options.load !== "languageOnly" && this.options.load !== "currentOnly" && s(this.getScriptPartFromCode(e)), this.options.load !== "currentOnly" && s(this.getLanguagePartFromCode(e))) : V(e) && s(this.formatLanguageCode(e)), o.forEach((a) => {
+    return B(e) && (e.indexOf("-") > -1 || e.indexOf("_") > -1) ? (this.options.load !== "languageOnly" && s(this.formatLanguageCode(e)), this.options.load !== "languageOnly" && this.options.load !== "currentOnly" && s(this.getScriptPartFromCode(e)), this.options.load !== "currentOnly" && s(this.getLanguagePartFromCode(e))) : B(e) && s(this.formatLanguageCode(e)), o.forEach((a) => {
       i.indexOf(a) < 0 && s(this.formatLanguageCode(a));
     }), i;
   }
@@ -907,7 +907,7 @@ class So {
 }
 const Ut = function(n, e, t) {
   let o = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : ".", i = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : !0, s = go(n, e, t);
-  return !s && i && V(t) && (s = ft(n, t, o), s === void 0 && (s = ft(e, t, o))), s;
+  return !s && i && B(t) && (s = ft(n, t, o), s === void 0 && (s = ft(e, t, o))), s;
 }, tt = (n) => n.replace(/\$/g, "$$$$");
 class Fo {
   constructor() {
@@ -928,18 +928,18 @@ class Fo {
       prefixEscaped: a,
       suffix: l,
       suffixEscaped: r,
-      formatSeparator: d,
+      formatSeparator: c,
       unescapeSuffix: u,
-      unescapePrefix: f,
-      nestingPrefix: p,
+      unescapePrefix: p,
+      nestingPrefix: f,
       nestingPrefixEscaped: h,
       nestingSuffix: m,
       nestingSuffixEscaped: v,
       nestingOptionsSeparator: S,
-      maxReplaces: N,
+      maxReplaces: F,
       alwaysFormat: O
     } = e.interpolation;
-    this.escape = t !== void 0 ? t : $o, this.escapeValue = o !== void 0 ? o : !0, this.useRawValueToEscape = i !== void 0 ? i : !1, this.prefix = s ? Se(s) : a || "{{", this.suffix = l ? Se(l) : r || "}}", this.formatSeparator = d || ",", this.unescapePrefix = u ? "" : f || "-", this.unescapeSuffix = this.unescapePrefix ? "" : u || "", this.nestingPrefix = p ? Se(p) : h || Se("$t("), this.nestingSuffix = m ? Se(m) : v || Se(")"), this.nestingOptionsSeparator = S || ",", this.maxReplaces = N || 1e3, this.alwaysFormat = O !== void 0 ? O : !1, this.resetRegExp();
+    this.escape = t !== void 0 ? t : $o, this.escapeValue = o !== void 0 ? o : !0, this.useRawValueToEscape = i !== void 0 ? i : !1, this.prefix = s ? Se(s) : a || "{{", this.suffix = l ? Se(l) : r || "}}", this.formatSeparator = c || ",", this.unescapePrefix = u ? "" : p || "-", this.unescapeSuffix = this.unescapePrefix ? "" : u || "", this.nestingPrefix = f ? Se(f) : h || Se("$t("), this.nestingSuffix = m ? Se(m) : v || Se(")"), this.nestingOptionsSeparator = S || ",", this.maxReplaces = F || 1e3, this.alwaysFormat = O !== void 0 ? O : !1, this.resetRegExp();
   }
   reset() {
     this.options && this.init(this.options);
@@ -951,7 +951,7 @@ class Fo {
   interpolate(e, t, o, i) {
     var h;
     let s, a, l;
-    const r = this.options && this.options.interpolation && this.options.interpolation.defaultVariables || {}, d = (m) => {
+    const r = this.options && this.options.interpolation && this.options.interpolation.defaultVariables || {}, c = (m) => {
       if (m.indexOf(this.formatSeparator) < 0) {
         const O = Ut(t, r, m, this.options.keySeparator, this.options.ignoreJSONStructure);
         return this.alwaysFormat ? this.format(O, void 0, o, {
@@ -960,15 +960,15 @@ class Fo {
           interpolationkey: m
         }) : O;
       }
-      const v = m.split(this.formatSeparator), S = v.shift().trim(), N = v.join(this.formatSeparator).trim();
-      return this.format(Ut(t, r, S, this.options.keySeparator, this.options.ignoreJSONStructure), N, o, {
+      const v = m.split(this.formatSeparator), S = v.shift().trim(), F = v.join(this.formatSeparator).trim();
+      return this.format(Ut(t, r, S, this.options.keySeparator, this.options.ignoreJSONStructure), F, o, {
         ...i,
         ...t,
         interpolationkey: S
       });
     };
     this.resetRegExp();
-    const u = (i == null ? void 0 : i.missingInterpolationHandler) || this.options.missingInterpolationHandler, f = ((h = i == null ? void 0 : i.interpolation) == null ? void 0 : h.skipOnVariables) !== void 0 ? i.interpolation.skipOnVariables : this.options.interpolation.skipOnVariables;
+    const u = (i == null ? void 0 : i.missingInterpolationHandler) || this.options.missingInterpolationHandler, p = ((h = i == null ? void 0 : i.interpolation) == null ? void 0 : h.skipOnVariables) !== void 0 ? i.interpolation.skipOnVariables : this.options.interpolation.skipOnVariables;
     return [{
       regex: this.regexpUnescape,
       safeValue: (m) => tt(m)
@@ -978,41 +978,41 @@ class Fo {
     }].forEach((m) => {
       for (l = 0; s = m.regex.exec(e); ) {
         const v = s[1].trim();
-        if (a = d(v), a === void 0)
+        if (a = c(v), a === void 0)
           if (typeof u == "function") {
-            const N = u(e, s, i);
-            a = V(N) ? N : "";
+            const F = u(e, s, i);
+            a = B(F) ? F : "";
           } else if (i && Object.prototype.hasOwnProperty.call(i, v))
             a = "";
-          else if (f) {
+          else if (p) {
             a = s[0];
             continue;
           } else
             this.logger.warn(`missed to pass in variable ${v} for interpolating ${e}`), a = "";
-        else !V(a) && !this.useRawValueToEscape && (a = Tt(a));
+        else !B(a) && !this.useRawValueToEscape && (a = Tt(a));
         const S = m.safeValue(a);
-        if (e = e.replace(s[0], S), f ? (m.regex.lastIndex += a.length, m.regex.lastIndex -= s[0].length) : m.regex.lastIndex = 0, l++, l >= this.maxReplaces)
+        if (e = e.replace(s[0], S), p ? (m.regex.lastIndex += a.length, m.regex.lastIndex -= s[0].length) : m.regex.lastIndex = 0, l++, l >= this.maxReplaces)
           break;
       }
     }), e;
   }
   nest(e, t) {
     let o = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, i, s, a;
-    const l = (r, d) => {
+    const l = (r, c) => {
       const u = this.nestingOptionsSeparator;
       if (r.indexOf(u) < 0) return r;
-      const f = r.split(new RegExp(`${u}[ ]*{`));
-      let p = `{${f[1]}`;
-      r = f[0], p = this.interpolate(p, a);
-      const h = p.match(/'/g), m = p.match(/"/g);
-      (((h == null ? void 0 : h.length) ?? 0) % 2 === 0 && !m || m.length % 2 !== 0) && (p = p.replace(/'/g, '"'));
+      const p = r.split(new RegExp(`${u}[ ]*{`));
+      let f = `{${p[1]}`;
+      r = p[0], f = this.interpolate(f, a);
+      const h = f.match(/'/g), m = f.match(/"/g);
+      (((h == null ? void 0 : h.length) ?? 0) % 2 === 0 && !m || m.length % 2 !== 0) && (f = f.replace(/'/g, '"'));
       try {
-        a = JSON.parse(p), d && (a = {
-          ...d,
+        a = JSON.parse(f), c && (a = {
+          ...c,
           ...a
         });
       } catch (v) {
-        return this.logger.warn(`failed parsing options string in nesting for key ${r}`, v), `${r}${u}${p}`;
+        return this.logger.warn(`failed parsing options string in nesting for key ${r}`, v), `${r}${u}${f}`;
       }
       return a.defaultValue && a.defaultValue.indexOf(this.prefix) > -1 && delete a.defaultValue, r;
     };
@@ -1020,14 +1020,14 @@ class Fo {
       let r = [];
       a = {
         ...o
-      }, a = a.replace && !V(a.replace) ? a.replace : a, a.applyPostProcessor = !1, delete a.defaultValue;
-      let d = !1;
+      }, a = a.replace && !B(a.replace) ? a.replace : a, a.applyPostProcessor = !1, delete a.defaultValue;
+      let c = !1;
       if (i[0].indexOf(this.formatSeparator) !== -1 && !/{.*}/.test(i[1])) {
-        const u = i[1].split(this.formatSeparator).map((f) => f.trim());
-        i[1] = u.shift(), r = u, d = !0;
+        const u = i[1].split(this.formatSeparator).map((p) => p.trim());
+        i[1] = u.shift(), r = u, c = !0;
       }
-      if (s = t(l.call(this, i[1].trim(), a), a), s && i[0] === e && !V(s)) return s;
-      V(s) || (s = Tt(s)), s || (this.logger.warn(`missed to resolve ${i[1]} for nesting ${e}`), s = ""), d && (s = r.reduce((u, f) => this.format(u, f, o.lng, {
+      if (s = t(l.call(this, i[1].trim(), a), a), s && i[0] === e && !B(s)) return s;
+      B(s) || (s = Tt(s)), s || (this.logger.warn(`missed to resolve ${i[1]} for nesting ${e}`), s = ""), c && (s = r.reduce((u, p) => this.format(u, p, o.lng, {
         ...o,
         interpolationkey: i[1].trim()
       }), s.trim())), e = e.replace(i[0], s), this.regexp.lastIndex = 0;
@@ -1044,8 +1044,8 @@ const No = (n) => {
     const i = o[1].substring(0, o[1].length - 1);
     e === "currency" && i.indexOf(":") < 0 ? t.currency || (t.currency = i.trim()) : e === "relativetime" && i.indexOf(":") < 0 ? t.range || (t.range = i.trim()) : i.split(";").forEach((a) => {
       if (a) {
-        const [l, ...r] = a.split(":"), d = r.join(":").trim().replace(/^'+|'+$/g, ""), u = l.trim();
-        t[u] || (t[u] = d), d === "false" && (t[u] = !1), d === "true" && (t[u] = !0), isNaN(d) || (t[u] = parseInt(d, 10));
+        const [l, ...r] = a.split(":"), c = r.join(":").trim().replace(/^'+|'+$/g, ""), u = l.trim();
+        t[u] || (t[u] = c), c === "false" && (t[u] = !1), c === "true" && (t[u] = !0), isNaN(c) || (t[u] = parseInt(c, 10));
       }
     });
   }
@@ -1123,16 +1123,16 @@ class Eo {
       s[0] = [s[0], ...s.splice(1, l)].join(this.formatSeparator);
     }
     return s.reduce((l, r) => {
-      var f;
+      var p;
       const {
-        formatName: d,
+        formatName: c,
         formatOptions: u
       } = No(r);
-      if (this.formats[d]) {
-        let p = l;
+      if (this.formats[c]) {
+        let f = l;
         try {
-          const h = ((f = i == null ? void 0 : i.formatParams) == null ? void 0 : f[i.interpolationkey]) || {}, m = h.locale || h.lng || i.locale || i.lng || o;
-          p = this.formats[d](l, m, {
+          const h = ((p = i == null ? void 0 : i.formatParams) == null ? void 0 : p[i.interpolationkey]) || {}, m = h.locale || h.lng || i.locale || i.lng || o;
+          f = this.formats[c](l, m, {
             ...u,
             ...i,
             ...h
@@ -1140,9 +1140,9 @@ class Eo {
         } catch (h) {
           this.logger.warn(h);
         }
-        return p;
+        return f;
       } else
-        this.logger.warn(`there was no format function for ${d}`);
+        this.logger.warn(`there was no format function for ${c}`);
       return l;
     }, e);
   }
@@ -1158,12 +1158,12 @@ class To extends Je {
   }
   queueLoad(e, t, o, i) {
     const s = {}, a = {}, l = {}, r = {};
-    return e.forEach((d) => {
+    return e.forEach((c) => {
       let u = !0;
-      t.forEach((f) => {
-        const p = `${d}|${f}`;
-        !o.reload && this.store.hasResourceBundle(d, f) ? this.state[p] = 2 : this.state[p] < 0 || (this.state[p] === 1 ? a[p] === void 0 && (a[p] = !0) : (this.state[p] = 1, u = !1, a[p] === void 0 && (a[p] = !0), s[p] === void 0 && (s[p] = !0), r[f] === void 0 && (r[f] = !0)));
-      }), u || (l[d] = !0);
+      t.forEach((p) => {
+        const f = `${c}|${p}`;
+        !o.reload && this.store.hasResourceBundle(c, p) ? this.state[f] = 2 : this.state[f] < 0 || (this.state[f] === 1 ? a[f] === void 0 && (a[f] = !0) : (this.state[f] = 1, u = !1, a[f] === void 0 && (a[f] = !0), s[f] === void 0 && (s[f] = !0), r[p] === void 0 && (r[p] = !0)));
+      }), u || (l[c] = !0);
     }), (Object.keys(s).length || Object.keys(a).length) && this.queue.push({
       pending: a,
       pendingCount: Object.keys(a).length,
@@ -1184,11 +1184,11 @@ class To extends Je {
     }), this.state[e] = t ? -1 : 2, t && o && (this.state[e] = 0);
     const l = {};
     this.queue.forEach((r) => {
-      mo(r.loaded, [s], a), Po(r, e), t && r.errors.push(t), r.pendingCount === 0 && !r.done && (Object.keys(r.loaded).forEach((d) => {
-        l[d] || (l[d] = {});
-        const u = r.loaded[d];
-        u.length && u.forEach((f) => {
-          l[d][f] === void 0 && (l[d][f] = !0);
+      mo(r.loaded, [s], a), Po(r, e), t && r.errors.push(t), r.pendingCount === 0 && !r.done && (Object.keys(r.loaded).forEach((c) => {
+        l[c] || (l[c] = {});
+        const u = r.loaded[c];
+        u.length && u.forEach((p) => {
+          l[c][p] === void 0 && (l[c][p] = !0);
         });
       }), r.done = !0, r.errors.length ? r.callback(r.errors) : r.callback());
     }), this.emit("loaded", l), this.queue = this.queue.filter((r) => !r.done);
@@ -1208,25 +1208,25 @@ class To extends Je {
       return;
     }
     this.readingCalls++;
-    const l = (d, u) => {
+    const l = (c, u) => {
       if (this.readingCalls--, this.waitingReads.length > 0) {
-        const f = this.waitingReads.shift();
-        this.read(f.lng, f.ns, f.fcName, f.tried, f.wait, f.callback);
+        const p = this.waitingReads.shift();
+        this.read(p.lng, p.ns, p.fcName, p.tried, p.wait, p.callback);
       }
-      if (d && u && i < this.maxRetries) {
+      if (c && u && i < this.maxRetries) {
         setTimeout(() => {
           this.read.call(this, e, t, o, i + 1, s * 2, a);
         }, s);
         return;
       }
-      a(d, u);
+      a(c, u);
     }, r = this.backend[o].bind(this.backend);
     if (r.length === 2) {
       try {
-        const d = r(e, t);
-        d && typeof d.then == "function" ? d.then((u) => l(null, u)).catch(l) : l(null, d);
-      } catch (d) {
-        l(d);
+        const c = r(e, t);
+        c && typeof c.then == "function" ? c.then((u) => l(null, u)).catch(l) : l(null, c);
+      } catch (c) {
+        l(c);
       }
       return;
     }
@@ -1236,7 +1236,7 @@ class To extends Je {
     let o = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, i = arguments.length > 3 ? arguments[3] : void 0;
     if (!this.backend)
       return this.logger.warn("No backend was added via i18next.use. Will not load resources."), i && i();
-    V(e) && (e = this.languageUtils.toResolveHierarchy(e)), V(t) && (t = [t]);
+    B(e) && (e = this.languageUtils.toResolveHierarchy(e)), B(t) && (t = [t]);
     const s = this.queueLoad(e, t, o, i);
     if (!s.toLoad.length)
       return s.pending.length || i(), null;
@@ -1260,15 +1260,15 @@ class To extends Je {
     });
   }
   saveMissing(e, t, o, i, s) {
-    var r, d, u, f, p;
+    var r, c, u, p, f;
     let a = arguments.length > 5 && arguments[5] !== void 0 ? arguments[5] : {}, l = arguments.length > 6 && arguments[6] !== void 0 ? arguments[6] : () => {
     };
-    if ((d = (r = this.services) == null ? void 0 : r.utils) != null && d.hasLoadedNamespace && !((f = (u = this.services) == null ? void 0 : u.utils) != null && f.hasLoadedNamespace(t))) {
+    if ((c = (r = this.services) == null ? void 0 : r.utils) != null && c.hasLoadedNamespace && !((p = (u = this.services) == null ? void 0 : u.utils) != null && p.hasLoadedNamespace(t))) {
       this.logger.warn(`did not save key "${o}" as the namespace "${t}" was not yet loaded`, "This means something IS WRONG in your setup. You access the t function before i18next.init / i18next.loadNamespace / i18next.changeLanguage was done. Wait for the callback or Promise to resolve before accessing it!!!");
       return;
     }
     if (!(o == null || o === "")) {
-      if ((p = this.backend) != null && p.create) {
+      if ((f = this.backend) != null && f.create) {
         const h = {
           ...a,
           isUpdate: s
@@ -1322,7 +1322,7 @@ const jt = () => ({
   appendNamespaceToCIMode: !1,
   overloadTranslationOptionHandler: (n) => {
     let e = {};
-    if (typeof n[1] == "object" && (e = n[1]), V(n[1]) && (e.defaultValue = n[1]), V(n[2]) && (e.tDescription = n[2]), typeof n[2] == "object" || typeof n[3] == "object") {
+    if (typeof n[1] == "object" && (e = n[1]), B(n[1]) && (e.defaultValue = n[1]), B(n[2]) && (e.tDescription = n[2]), typeof n[2] == "object" || typeof n[3] == "object") {
       const t = n[3] || n[2];
       Object.keys(t).forEach((o) => {
         e[o] = t[o];
@@ -1345,7 +1345,7 @@ const jt = () => ({
   }
 }), Ht = (n) => {
   var e, t;
-  return V(n.ns) && (n.ns = [n.ns]), V(n.fallbackLng) && (n.fallbackLng = [n.fallbackLng]), V(n.fallbackNS) && (n.fallbackNS = [n.fallbackNS]), ((t = (e = n.supportedLngs) == null ? void 0 : e.indexOf) == null ? void 0 : t.call(e, "cimode")) < 0 && (n.supportedLngs = n.supportedLngs.concat(["cimode"])), typeof n.initImmediate == "boolean" && (n.initAsync = n.initImmediate), n;
+  return B(n.ns) && (n.ns = [n.ns]), B(n.fallbackLng) && (n.fallbackLng = [n.fallbackLng]), B(n.fallbackNS) && (n.fallbackNS = [n.fallbackNS]), ((t = (e = n.supportedLngs) == null ? void 0 : e.indexOf) == null ? void 0 : t.call(e, "cimode")) < 0 && (n.supportedLngs = n.supportedLngs.concat(["cimode"])), typeof n.initImmediate == "boolean" && (n.initAsync = n.initImmediate), n;
 }, Me = () => {
 }, zo = (n) => {
   Object.getOwnPropertyNames(Object.getPrototypeOf(n)).forEach((t) => {
@@ -1368,7 +1368,7 @@ class ke extends Je {
   init() {
     var e = this;
     let t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, o = arguments.length > 1 ? arguments[1] : void 0;
-    this.isInitializing = !0, typeof t == "function" && (o = t, t = {}), t.defaultNS == null && t.ns && (V(t.ns) ? t.defaultNS = t.ns : t.ns.indexOf("translation") < 0 && (t.defaultNS = t.ns[0]));
+    this.isInitializing = !0, typeof t == "function" && (o = t, t = {}), t.defaultNS == null && t.ns && (B(t.ns) ? t.defaultNS = t.ns : t.ns.indexOf("translation") < 0 && (t.defaultNS = t.ns[0]));
     const i = jt();
     this.options = {
       ...i,
@@ -1383,19 +1383,19 @@ class ke extends Je {
       this.modules.logger ? me.init(s(this.modules.logger), this.options) : me.init(null, this.options);
       let u;
       this.modules.formatter ? u = this.modules.formatter : u = Eo;
-      const f = new Mt(this.options);
+      const p = new Mt(this.options);
       this.store = new Rt(this.options.resources, this.options);
-      const p = this.services;
-      p.logger = me, p.resourceStore = this.store, p.languageUtils = f, p.pluralResolver = new So(f, {
+      const f = this.services;
+      f.logger = me, f.resourceStore = this.store, f.languageUtils = p, f.pluralResolver = new So(p, {
         prepend: this.options.pluralSeparator,
         simplifyPluralSuffix: this.options.simplifyPluralSuffix
-      }), u && (!this.options.interpolation.format || this.options.interpolation.format === i.interpolation.format) && (p.formatter = s(u), p.formatter.init(p, this.options), this.options.interpolation.format = p.formatter.format.bind(p.formatter)), p.interpolator = new Fo(this.options), p.utils = {
+      }), u && (!this.options.interpolation.format || this.options.interpolation.format === i.interpolation.format) && (f.formatter = s(u), f.formatter.init(f, this.options), this.options.interpolation.format = f.formatter.format.bind(f.formatter)), f.interpolator = new Fo(this.options), f.utils = {
         hasLoadedNamespace: this.hasLoadedNamespace.bind(this)
-      }, p.backendConnector = new To(s(this.modules.backend), p.resourceStore, p, this.options), p.backendConnector.on("*", function(h) {
+      }, f.backendConnector = new To(s(this.modules.backend), f.resourceStore, f, this.options), f.backendConnector.on("*", function(h) {
         for (var m = arguments.length, v = new Array(m > 1 ? m - 1 : 0), S = 1; S < m; S++)
           v[S - 1] = arguments[S];
         e.emit(h, ...v);
-      }), this.modules.languageDetector && (p.languageDetector = s(this.modules.languageDetector), p.languageDetector.init && p.languageDetector.init(p, this.options.detection, this.options)), this.modules.i18nFormat && (p.i18nFormat = s(this.modules.i18nFormat), p.i18nFormat.init && p.i18nFormat.init(this)), this.translator = new Ke(this.services, this.options), this.translator.on("*", function(h) {
+      }), this.modules.languageDetector && (f.languageDetector = s(this.modules.languageDetector), f.languageDetector.init && f.languageDetector.init(f, this.options.detection, this.options)), this.modules.i18nFormat && (f.i18nFormat = s(this.modules.i18nFormat), f.i18nFormat.init && f.i18nFormat.init(this)), this.translator = new Ke(this.services, this.options), this.translator.on("*", function(h) {
         for (var m = arguments.length, v = new Array(m > 1 ? m - 1 : 0), S = 1; S < m; S++)
           v[S - 1] = arguments[S];
         e.emit(h, ...v);
@@ -1416,29 +1416,29 @@ class ke extends Je {
         return e.store[u](...arguments), e;
       };
     });
-    const r = Le(), d = () => {
-      const u = (f, p) => {
-        this.isInitializing = !1, this.isInitialized && !this.initializedStoreOnce && this.logger.warn("init: i18next is already initialized. You should call init just once!"), this.isInitialized = !0, this.options.isClone || this.logger.log("initialized", this.options), this.emit("initialized", this.options), r.resolve(p), o(f, p);
+    const r = Le(), c = () => {
+      const u = (p, f) => {
+        this.isInitializing = !1, this.isInitialized && !this.initializedStoreOnce && this.logger.warn("init: i18next is already initialized. You should call init just once!"), this.isInitialized = !0, this.options.isClone || this.logger.log("initialized", this.options), this.emit("initialized", this.options), r.resolve(f), o(p, f);
       };
       if (this.languages && !this.isInitialized) return u(null, this.t.bind(this));
       this.changeLanguage(this.options.lng, u);
     };
-    return this.options.resources || !this.options.initAsync ? d() : setTimeout(d, 0), r;
+    return this.options.resources || !this.options.initAsync ? c() : setTimeout(c, 0), r;
   }
   loadResources(e) {
     var s, a;
     let o = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : Me;
-    const i = V(e) ? e : this.language;
+    const i = B(e) ? e : this.language;
     if (typeof e == "function" && (o = e), !this.options.resources || this.options.partialBundledLanguages) {
       if ((i == null ? void 0 : i.toLowerCase()) === "cimode" && (!this.options.preload || this.options.preload.length === 0)) return o();
-      const l = [], r = (d) => {
-        if (!d || d === "cimode") return;
-        this.services.languageUtils.toResolveHierarchy(d).forEach((f) => {
-          f !== "cimode" && l.indexOf(f) < 0 && l.push(f);
+      const l = [], r = (c) => {
+        if (!c || c === "cimode") return;
+        this.services.languageUtils.toResolveHierarchy(c).forEach((p) => {
+          p !== "cimode" && l.indexOf(p) < 0 && l.push(p);
         });
       };
-      i ? r(i) : this.services.languageUtils.getFallbackCodes(this.options.fallbackLng).forEach((u) => r(u)), (a = (s = this.options.preload) == null ? void 0 : s.forEach) == null || a.call(s, (d) => r(d)), this.services.backendConnector.load(l, this.options.ns, (d) => {
-        !d && !this.resolvedLanguage && this.language && this.setResolvedLanguage(this.language), o(d);
+      i ? r(i) : this.services.languageUtils.getFallbackCodes(this.options.fallbackLng).forEach((u) => r(u)), (a = (s = this.options.preload) == null ? void 0 : s.forEach) == null || a.call(s, (c) => r(c)), this.services.backendConnector.load(l, this.options.ns, (c) => {
+        !c && !this.resolvedLanguage && this.language && this.setResolvedLanguage(this.language), o(c);
       });
     } else
       o(null);
@@ -1471,18 +1471,18 @@ class ke extends Je {
     this.emit("languageChanging", e);
     const s = (r) => {
       this.language = r, this.languages = this.services.languageUtils.toResolveHierarchy(r), this.resolvedLanguage = void 0, this.setResolvedLanguage(r);
-    }, a = (r, d) => {
-      d ? this.isLanguageChangingTo === e && (s(d), this.translator.changeLanguage(d), this.isLanguageChangingTo = void 0, this.emit("languageChanged", d), this.logger.log("languageChanged", d)) : this.isLanguageChangingTo = void 0, i.resolve(function() {
+    }, a = (r, c) => {
+      c ? this.isLanguageChangingTo === e && (s(c), this.translator.changeLanguage(c), this.isLanguageChangingTo = void 0, this.emit("languageChanged", c), this.logger.log("languageChanged", c)) : this.isLanguageChangingTo = void 0, i.resolve(function() {
         return o.t(...arguments);
       }), t && t(r, function() {
         return o.t(...arguments);
       });
     }, l = (r) => {
-      var u, f;
+      var u, p;
       !e && !r && this.services.languageDetector && (r = []);
-      const d = this.services.languageUtils.getBestMatchFromCodes(V(r) ? [r] : r);
-      d && (this.language || s(d), this.translator.language || this.translator.changeLanguage(d), (f = (u = this.services.languageDetector) == null ? void 0 : u.cacheUserLanguage) == null || f.call(u, d)), this.loadResources(d, (p) => {
-        a(p, d);
+      const c = this.services.languageUtils.getBestMatchFromCodes(B(r) ? [r] : r);
+      c && (this.language || s(c), this.translator.language || this.translator.changeLanguage(c), (p = (u = this.services.languageDetector) == null ? void 0 : u.cacheUserLanguage) == null || p.call(u, c)), this.loadResources(c, (f) => {
+        a(f, c);
       });
     };
     return !e && this.services.languageDetector && !this.services.languageDetector.async ? l(this.services.languageDetector.detect()) : !e && this.services.languageDetector && this.services.languageDetector.async ? this.services.languageDetector.detect.length === 0 ? this.services.languageDetector.detect().then(l) : this.services.languageDetector.detect(l) : l(e), i;
@@ -1492,19 +1492,19 @@ class ke extends Je {
     const s = function(a, l) {
       let r;
       if (typeof l != "object") {
-        for (var d = arguments.length, u = new Array(d > 2 ? d - 2 : 0), f = 2; f < d; f++)
-          u[f - 2] = arguments[f];
+        for (var c = arguments.length, u = new Array(c > 2 ? c - 2 : 0), p = 2; p < c; p++)
+          u[p - 2] = arguments[p];
         r = i.options.overloadTranslationOptionHandler([a, l].concat(u));
       } else
         r = {
           ...l
         };
       r.lng = r.lng || s.lng, r.lngs = r.lngs || s.lngs, r.ns = r.ns || s.ns, r.keyPrefix !== "" && (r.keyPrefix = r.keyPrefix || o || s.keyPrefix);
-      const p = i.options.keySeparator || ".";
+      const f = i.options.keySeparator || ".";
       let h;
-      return r.keyPrefix && Array.isArray(a) ? h = a.map((m) => `${r.keyPrefix}${p}${m}`) : h = r.keyPrefix ? `${r.keyPrefix}${p}${a}` : a, i.t(h, r);
+      return r.keyPrefix && Array.isArray(a) ? h = a.map((m) => `${r.keyPrefix}${f}${m}`) : h = r.keyPrefix ? `${r.keyPrefix}${f}${a}` : a, i.t(h, r);
     };
-    return V(e) ? s.lng = e : s.lngs = e, s.ns = t, s.keyPrefix = o, s;
+    return B(e) ? s.lng = e : s.lngs = e, s.ns = t, s.keyPrefix = o, s;
   }
   t() {
     var i;
@@ -1530,8 +1530,8 @@ class ke extends Je {
     const o = t.lng || this.resolvedLanguage || this.languages[0], i = this.options ? this.options.fallbackLng : !1, s = this.languages[this.languages.length - 1];
     if (o.toLowerCase() === "cimode") return !0;
     const a = (l, r) => {
-      const d = this.services.backendConnector.state[`${l}|${r}`];
-      return d === -1 || d === 0 || d === 2;
+      const c = this.services.backendConnector.state[`${l}|${r}`];
+      return c === -1 || c === 0 || c === 2;
     };
     if (t.precheck) {
       const l = t.precheck(this, a);
@@ -1541,7 +1541,7 @@ class ke extends Je {
   }
   loadNamespaces(e, t) {
     const o = Le();
-    return this.options.ns ? (V(e) && (e = [e]), e.forEach((i) => {
+    return this.options.ns ? (B(e) && (e = [e]), e.forEach((i) => {
       this.options.ns.indexOf(i) < 0 && this.options.ns.push(i);
     }), this.loadResources((i) => {
       o.resolve(), t && t(i);
@@ -1549,7 +1549,7 @@ class ke extends Je {
   }
   loadLanguages(e, t) {
     const o = Le();
-    V(e) && (e = [e]);
+    B(e) && (e = [e]);
     const i = this.options.preload || [], s = e.filter((a) => i.indexOf(a) < 0 && this.services.languageUtils.isSupportedCode(a));
     return s.length ? (this.options.preload = i.concat(s), this.loadResources((a) => {
       o.resolve(), t && t(a);
@@ -1581,17 +1581,17 @@ class ke extends Je {
     }, s.services.utils = {
       hasLoadedNamespace: s.hasLoadedNamespace.bind(s)
     }, o) {
-      const l = Object.keys(this.store.data).reduce((r, d) => (r[d] = {
-        ...this.store.data[d]
-      }, Object.keys(r[d]).reduce((u, f) => (u[f] = {
-        ...r[d][f]
+      const l = Object.keys(this.store.data).reduce((r, c) => (r[c] = {
+        ...this.store.data[c]
+      }, Object.keys(r[c]).reduce((u, p) => (u[p] = {
+        ...r[c][p]
       }, u), {})), {});
       s.store = new Rt(l, i), s.services.resourceStore = s.store;
     }
     return s.translator = new Ke(s.services, i), s.translator.on("*", function(l) {
-      for (var r = arguments.length, d = new Array(r > 1 ? r - 1 : 0), u = 1; u < r; u++)
-        d[u - 1] = arguments[u];
-      s.emit(l, ...d);
+      for (var r = arguments.length, c = new Array(r > 1 ? r - 1 : 0), u = 1; u < r; u++)
+        c[u - 1] = arguments[u];
+      s.emit(l, ...c);
     }), s.init(i, t), s.translator.options = i, s.translator.backendConnector.services.utils = {
       hasLoadedNamespace: s.hasLoadedNamespace.bind(s)
     }, s;
@@ -2660,82 +2660,82 @@ const Lo = "مجلد جديد", Ao = "رفع", Ro = "لصق", ko = "تغيير
     }
   });
 }, Fn = Pe(() => (n) => n), Z4 = ({ children: n, language: e }) => {
-  const [t, o] = k(() => ie.t.bind(ie));
+  const [t, o] = M(() => ie.t.bind(ie));
   return Q(() => {
     J4(e), o(() => ie.t.bind(ie));
-  }, [e]), /* @__PURE__ */ c(Fn.Provider, { value: t, children: n });
-}, le = () => Te(Fn), X4 = ({ setShowToggleViewMenu: n, onLayoutChange: e }) => {
+  }, [e]), /* @__PURE__ */ d(Fn.Provider, { value: t, children: n });
+}, ce = () => Te(Fn), X4 = ({ setShowToggleViewMenu: n, onLayoutChange: e }) => {
   const t = Oe(() => {
     n(!1);
-  }), { activeLayout: o, setActiveLayout: i } = ye(), s = le(), a = [
+  }), { activeLayout: o, setActiveLayout: i } = we(), s = ce(), a = [
     {
       key: "grid",
       name: s("grid"),
-      icon: /* @__PURE__ */ c(mn, { size: 18 })
+      icon: /* @__PURE__ */ d(mn, { size: 18 })
     },
     {
       key: "list",
       name: s("list"),
-      icon: /* @__PURE__ */ c(He, { size: 18 })
+      icon: /* @__PURE__ */ d(He, { size: 18 })
     }
   ], l = (r) => {
     i(r), e(r), n(!1);
   };
-  return /* @__PURE__ */ c("div", { ref: t.ref, className: "toggle-view", role: "dropdown", children: /* @__PURE__ */ c("ul", { role: "menu", "aria-orientation": "vertical", children: a.map((r) => /* @__PURE__ */ A(
+  return /* @__PURE__ */ d("div", { ref: t.ref, className: "toggle-view", role: "dropdown", children: /* @__PURE__ */ d("ul", { role: "menu", "aria-orientation": "vertical", children: a.map((r) => /* @__PURE__ */ k(
     "li",
     {
       role: "menuitem",
       onClick: () => l(r.key),
       onKeyDown: () => l(r.key),
       children: [
-        /* @__PURE__ */ c("span", { children: r.key === o && /* @__PURE__ */ c(bn, { size: 13 }) }),
-        /* @__PURE__ */ c("span", { children: r.icon }),
-        /* @__PURE__ */ c("span", { children: r.name })
+        /* @__PURE__ */ d("span", { children: r.key === o && /* @__PURE__ */ d(bn, { size: 13 }) }),
+        /* @__PURE__ */ d("span", { children: r.icon }),
+        /* @__PURE__ */ d("span", { children: r.name })
       ]
     },
     r.key
   )) }) });
 }, Nn = Pe(), Q4 = ({ children: n, filesData: e, onError: t }) => {
-  const [o, i] = k([]);
+  const [o, i] = M([]);
   Q(() => {
     i(e);
   }, [e]);
   const s = (a) => a.isDirectory ? o.filter((l) => l.path === `${a.path}/${l.name}`) : [];
-  return /* @__PURE__ */ c(Nn.Provider, { value: { files: o, setFiles: i, getChildren: s, onError: t }, children: n });
+  return /* @__PURE__ */ d(Nn.Provider, { value: { files: o, setFiles: i, getChildren: s, onError: t }, children: n });
 }, Ze = () => Te(Nn), e$ = (n, e = "name", t = "asc") => {
-  const o = n.filter((r) => r.isDirectory), i = n.filter((r) => !r.isDirectory), s = (r, d) => {
+  const o = n.filter((r) => r.isDirectory), i = n.filter((r) => !r.isDirectory), s = (r, c) => {
     let u = 0;
     switch (e) {
       case "name":
-        u = r.name.localeCompare(d.name);
+        u = r.name.localeCompare(c.name);
         break;
       case "size":
-        const f = r.size || 0, p = d.size || 0;
-        u = f - p;
+        const p = r.size || 0, f = c.size || 0;
+        u = p - f;
         break;
       case "modified":
-        const h = r.updatedAt ? new Date(r.updatedAt).getTime() : 0, m = d.updatedAt ? new Date(d.updatedAt).getTime() : 0;
+        const h = r.updatedAt ? new Date(r.updatedAt).getTime() : 0, m = c.updatedAt ? new Date(c.updatedAt).getTime() : 0;
         u = h - m;
         break;
       default:
-        u = r.name.localeCompare(d.name);
+        u = r.name.localeCompare(c.name);
     }
     return t === "asc" ? u : -u;
   }, a = [...o].sort(s), l = [...i].sort(s);
   return [...a, ...l];
 }, En = Pe(), t$ = ({ children: n, initialPath: e, onFolderChange: t }) => {
-  const { files: o } = Ze(), i = se(!1), [s, a] = k(""), [l, r] = k(null), [d, u] = k([]), [f, p] = k({ key: "name", direction: "asc" });
+  const { files: o } = Ze(), i = ae(!1), [s, a] = M(""), [l, r] = M(null), [c, u] = M([]), [p, f] = M({ key: "name", direction: "asc" });
   return Q(() => {
     Array.isArray(o) && o.length > 0 ? (u(() => {
       const h = o.filter((m) => m.path === `${s}/${m.name}`);
-      return e$(h, f.key, f.direction);
+      return e$(h, p.key, p.direction);
     }), r(() => o.find((h) => h.path === s) ?? null)) : (u([]), r(null));
-  }, [o, s, f]), Q(() => {
+  }, [o, s, p]), Q(() => {
     if (!i.current && Array.isArray(o) && o.length > 0) {
       const h = o.some((m) => m.isDirectory && m.path === e) ? e : "";
       a(h), i.current = !0;
     }
-  }, [o]), /* @__PURE__ */ c(
+  }, [o]), /* @__PURE__ */ d(
     En.Provider,
     {
       value: {
@@ -2743,10 +2743,10 @@ const Lo = "مجلد جديد", Ao = "رفع", Ro = "لصق", ko = "تغيير
         setCurrentPath: a,
         currentFolder: l,
         setCurrentFolder: r,
-        currentPathFiles: d,
+        currentPathFiles: c,
         setCurrentPathFiles: u,
-        sortConfig: f,
-        setSortConfig: p,
+        sortConfig: p,
+        setSortConfig: f,
         onFolderChange: t
       },
       children: n
@@ -2764,142 +2764,142 @@ const Lo = "مجلد جديد", Ao = "رفع", Ro = "لصق", ko = "تغيير
     console.error(o.message);
   }
 }, Pn = Pe(), n$ = ({ children: n, onDownload: e, onSelect: t, onSelectionChange: o }) => {
-  const [i, s] = k([]);
+  const [i, s] = M([]);
   Q(() => {
     t == null || t(i), o == null || o(i);
   }, [i]);
   const a = () => {
     xe(e, "onDownload", i);
   };
-  return /* @__PURE__ */ c(Pn.Provider, { value: { selectedFiles: i, setSelectedFiles: s, handleDownload: a }, children: n });
-}, ve = () => Te(Pn), Tn = Pe(), o$ = ({ children: n, onPaste: e, onCut: t, onCopy: o }) => {
-  const [i, s] = k(null), { selectedFiles: a, setSelectedFiles: l } = ve(), r = (u) => {
+  return /* @__PURE__ */ d(Pn.Provider, { value: { selectedFiles: i, setSelectedFiles: s, handleDownload: a }, children: n });
+}, $e = () => Te(Pn), Tn = Pe(), o$ = ({ children: n, onPaste: e, onCut: t, onCopy: o }) => {
+  const [i, s] = M(null), { selectedFiles: a, setSelectedFiles: l } = $e(), r = (u) => {
     s({
       files: a,
       isMoving: u
     }), u ? t && t(a) : o && o(a);
-  }, d = (u) => {
+  }, c = (u) => {
     if (u && !u.isDirectory) return;
-    const f = i.files, p = i.isMoving ? "move" : "copy";
-    xe(e, "onPaste", f, u, p), i.isMoving && s(null), l([]);
+    const p = i.files, f = i.isMoving ? "move" : "copy";
+    xe(e, "onPaste", p, u, f), i.isMoving && s(null), l([]);
   };
-  return /* @__PURE__ */ c(Tn.Provider, { value: { clipBoard: i, setClipBoard: s, handleCutCopy: r, handlePasting: d }, children: n });
+  return /* @__PURE__ */ d(Tn.Provider, { value: { clipBoard: i, setClipBoard: s, handleCutCopy: r, handlePasting: c }, children: n });
 }, Xe = () => Te(Tn), zn = ({ onLayoutChange: n, onRefresh: e, triggerAction: t, permissions: o }) => {
   var z;
-  const [i, s] = k(!1), { currentFolder: a } = he(), { selectedFiles: l, setSelectedFiles: r, handleDownload: d } = ve(), { clipBoard: u, setClipBoard: f, handleCutCopy: p, handlePasting: h } = Xe(), { activeLayout: m } = ye(), v = le(), S = [
+  const [i, s] = M(!1), { currentFolder: a } = he(), { selectedFiles: l, setSelectedFiles: r, handleDownload: c } = $e(), { clipBoard: u, setClipBoard: p, handleCutCopy: f, handlePasting: h } = Xe(), { activeLayout: m } = we(), v = ce(), S = [
     {
-      icon: /* @__PURE__ */ c(hn, { size: 17, strokeWidth: 0.3 }),
+      icon: /* @__PURE__ */ d(hn, { size: 17, strokeWidth: 0.3 }),
       text: v("newFolder"),
       permission: o.create,
       onClick: () => t.show("createFolder")
     },
     {
-      icon: /* @__PURE__ */ c(yn, { size: 18 }),
+      icon: /* @__PURE__ */ d(yn, { size: 18 }),
       text: v("upload"),
       permission: o.upload,
       onClick: () => t.show("uploadFile")
     },
     {
-      icon: /* @__PURE__ */ c(ut, { size: 18 }),
+      icon: /* @__PURE__ */ d(ut, { size: 18 }),
       text: v("paste"),
       permission: !!u,
       onClick: O
     }
-  ], N = [
+  ], F = [
     {
-      icon: m === "grid" ? /* @__PURE__ */ c(mn, { size: 16 }) : /* @__PURE__ */ c(He, { size: 16 }),
+      icon: m === "grid" ? /* @__PURE__ */ d(mn, { size: 16 }) : /* @__PURE__ */ d(He, { size: 16 }),
       title: v("changeView"),
       onClick: () => s((g) => !g)
     },
     {
-      icon: /* @__PURE__ */ c(vn, { size: 16 }),
+      icon: /* @__PURE__ */ d(vn, { size: 16 }),
       title: v("refresh"),
       onClick: () => {
-        xe(e, "onRefresh"), f(null);
+        xe(e, "onRefresh"), p(null);
       }
     }
   ];
   function O() {
     h(a);
   }
-  const F = () => {
-    d(), r([]);
+  const N = () => {
+    c(), r([]);
   };
-  return l.length > 0 ? /* @__PURE__ */ c("div", { className: "toolbar file-selected", children: /* @__PURE__ */ A("div", { className: "file-action-container", children: [
-    /* @__PURE__ */ A("div", { children: [
-      o.move && /* @__PURE__ */ A("button", { className: "item-action file-action", onClick: () => p(!0), children: [
-        /* @__PURE__ */ c(gn, { size: 18 }),
-        /* @__PURE__ */ c("span", { children: v("cut") })
+  return l.length > 0 ? /* @__PURE__ */ d("div", { className: "toolbar file-selected", children: /* @__PURE__ */ k("div", { className: "file-action-container", children: [
+    /* @__PURE__ */ k("div", { children: [
+      o.move && /* @__PURE__ */ k("button", { className: "item-action file-action", onClick: () => f(!0), children: [
+        /* @__PURE__ */ d(gn, { size: 18 }),
+        /* @__PURE__ */ d("span", { children: v("cut") })
       ] }),
-      o.copy && /* @__PURE__ */ A("button", { className: "item-action file-action", onClick: () => p(!1), children: [
-        /* @__PURE__ */ c(pn, { strokeWidth: 0.1, size: 17 }),
-        /* @__PURE__ */ c("span", { children: v("copy") })
+      o.copy && /* @__PURE__ */ k("button", { className: "item-action file-action", onClick: () => f(!1), children: [
+        /* @__PURE__ */ d(pn, { strokeWidth: 0.1, size: 17 }),
+        /* @__PURE__ */ d("span", { children: v("copy") })
       ] }),
-      ((z = u == null ? void 0 : u.files) == null ? void 0 : z.length) > 0 && /* @__PURE__ */ A(
+      ((z = u == null ? void 0 : u.files) == null ? void 0 : z.length) > 0 && /* @__PURE__ */ k(
         "button",
         {
           className: "item-action file-action",
           onClick: O,
           children: [
-            /* @__PURE__ */ c(ut, { size: 18 }),
-            /* @__PURE__ */ c("span", { children: v("paste") })
+            /* @__PURE__ */ d(ut, { size: 18 }),
+            /* @__PURE__ */ d("span", { children: v("paste") })
           ]
         }
       ),
-      l.length === 1 && o.rename && /* @__PURE__ */ A(
+      l.length === 1 && o.rename && /* @__PURE__ */ k(
         "button",
         {
           className: "item-action file-action",
           onClick: () => t.show("rename"),
           children: [
-            /* @__PURE__ */ c(wn, { size: 19 }),
-            /* @__PURE__ */ c("span", { children: v("rename") })
+            /* @__PURE__ */ d(wn, { size: 19 }),
+            /* @__PURE__ */ d("span", { children: v("rename") })
           ]
         }
       ),
-      o.download && /* @__PURE__ */ A("button", { className: "item-action file-action", onClick: F, children: [
-        /* @__PURE__ */ c(ht, { size: 19 }),
-        /* @__PURE__ */ c("span", { children: v("download") })
+      o.download && /* @__PURE__ */ k("button", { className: "item-action file-action", onClick: N, children: [
+        /* @__PURE__ */ d(ht, { size: 19 }),
+        /* @__PURE__ */ d("span", { children: v("download") })
       ] }),
-      o.delete && /* @__PURE__ */ A(
+      o.delete && /* @__PURE__ */ k(
         "button",
         {
           className: "item-action file-action",
           onClick: () => t.show("delete"),
           children: [
-            /* @__PURE__ */ c($n, { size: 19 }),
-            /* @__PURE__ */ c("span", { children: v("delete") })
+            /* @__PURE__ */ d($n, { size: 19 }),
+            /* @__PURE__ */ d("span", { children: v("delete") })
           ]
         }
       )
     ] }),
-    /* @__PURE__ */ A(
+    /* @__PURE__ */ k(
       "button",
       {
         className: "item-action file-action",
         title: v("clearSelection"),
         onClick: () => r([]),
         children: [
-          /* @__PURE__ */ A("span", { children: [
+          /* @__PURE__ */ k("span", { children: [
             l.length,
             " ",
             v(l.length > 1 ? "itemsSelected" : "itemSelected")
           ] }),
-          /* @__PURE__ */ c(eo, { size: 18 })
+          /* @__PURE__ */ d(eo, { size: 18 })
         ]
       }
     )
-  ] }) }) : /* @__PURE__ */ c("div", { className: "toolbar", children: /* @__PURE__ */ A("div", { className: "fm-toolbar", children: [
-    /* @__PURE__ */ c("div", { children: S.filter((g) => g.permission).map((g, L) => /* @__PURE__ */ A("button", { className: "item-action", onClick: g.onClick, children: [
+  ] }) }) : /* @__PURE__ */ d("div", { className: "toolbar", children: /* @__PURE__ */ k("div", { className: "fm-toolbar", children: [
+    /* @__PURE__ */ d("div", { children: S.filter((g) => g.permission).map((g, P) => /* @__PURE__ */ k("button", { className: "item-action", onClick: g.onClick, children: [
       g.icon,
-      /* @__PURE__ */ c("span", { children: g.text })
-    ] }, L)) }),
-    /* @__PURE__ */ A("div", { children: [
-      N.map((g, L) => /* @__PURE__ */ A("div", { className: "toolbar-left-items", children: [
-        /* @__PURE__ */ c("button", { className: "item-action icon-only", title: g.title, onClick: g.onClick, children: g.icon }),
-        L !== N.length - 1 && /* @__PURE__ */ c("div", { className: "item-separator" })
-      ] }, L)),
-      i && /* @__PURE__ */ c(
+      /* @__PURE__ */ d("span", { children: g.text })
+    ] }, P)) }),
+    /* @__PURE__ */ k("div", { children: [
+      F.map((g, P) => /* @__PURE__ */ k("div", { className: "toolbar-left-items", children: [
+        /* @__PURE__ */ d("button", { className: "item-action icon-only", title: g.title, onClick: g.onClick, children: g.icon }),
+        P !== F.length - 1 && /* @__PURE__ */ d("div", { className: "item-separator" })
+      ] }, P)),
+      i && /* @__PURE__ */ d(
         X4,
         {
           setShowToggleViewMenu: s,
@@ -2939,7 +2939,7 @@ var a$ = class extends Error {
   }
 }, qe = (...n) => s$(n[0], `[react-collapsed] -- ${n[1]}`);
 function Ln(n) {
-  const e = se(n);
+  const e = ae(n);
   return Q(() => {
     e.current = n;
   }), dn((...t) => {
@@ -2948,10 +2948,10 @@ function Ln(n) {
   }, []);
 }
 function r$(n, e, t) {
-  const [o, i] = k(e), s = se(typeof n < "u"), a = s.current ? n : o, l = Ln(t), r = dn(
-    (d) => {
-      const f = typeof d == "function" ? d(a) : d;
-      s.current || i(f), l == null || l(f);
+  const [o, i] = M(e), s = ae(typeof n < "u"), a = s.current ? n : o, l = Ln(t), r = dn(
+    (c) => {
+      const p = typeof c == "function" ? c(a) : c;
+      s.current || i(p), l == null || l(p);
     },
     [l, a]
   );
@@ -2967,7 +2967,7 @@ function r$(n, e, t) {
 }
 var l$ = "(prefers-reduced-motion: reduce)";
 function c$() {
-  const [n, e] = k(!1);
+  const [n, e] = M(!1);
   return Q(() => {
     if (typeof window > "u" || typeof window.matchMedia != "function")
       return;
@@ -3081,119 +3081,119 @@ function b$({
   id: a,
   ...l
 } = {}) {
-  const r = Ln(t), d = m$(a ? `${a}` : void 0), [u, f] = r$(
+  const r = Ln(t), c = m$(a ? `${a}` : void 0), [u, p] = r$(
     o,
     i
-  ), p = se(u), [h, m] = k(!1), v = c$(), S = s ?? v, N = se(), O = se(), F = se(null), [z, g] = k(null);
-  y$(F);
-  const L = `${l.collapsedHeight || 0}px`;
-  function x(w) {
-    if (!F.current)
+  ), f = ae(u), [h, m] = M(!1), v = c$(), S = s ?? v, F = ae(), O = ae(), N = ae(null), [z, g] = M(null);
+  y$(N);
+  const P = `${l.collapsedHeight || 0}px`;
+  function b(w) {
+    if (!N.current)
       return;
-    const $ = F.current;
-    for (const C in w) {
-      const b = w[C];
-      b ? $.style[C] = b : $.style.removeProperty(C);
+    const $ = N.current;
+    for (const x in w) {
+      const C = w[x];
+      C ? $.style[x] = C : $.style.removeProperty(x);
     }
   }
   return w$(() => {
-    if (!F.current || u === p.current)
+    if (!N.current || u === f.current)
       return;
-    p.current = u;
-    function $(P) {
-      return S ? 0 : n ?? v$(P);
+    f.current = u;
+    function $(E) {
+      return S ? 0 : n ?? v$(E);
     }
-    const C = (P) => `height ${$(P)}ms ${e}`, b = (P) => {
-      function R() {
-        u ? (x({
+    const x = (E) => `height ${$(E)}ms ${e}`, C = (E) => {
+      function T() {
+        u ? (b({
           height: "",
           overflow: "",
           transition: "",
           display: ""
-        }), r("expandEnd")) : (x({ transition: "" }), r("collapseEnd")), m(!1);
+        }), r("expandEnd")) : (b({ transition: "" }), r("collapseEnd")), m(!1);
       }
-      O.current && Bt(O.current), O.current = g$(R, P);
+      O.current && Bt(O.current), O.current = g$(T, E);
     };
-    return m(!0), u ? N.current = requestAnimationFrame(() => {
-      r("expandStart"), x({
+    return m(!0), u ? F.current = requestAnimationFrame(() => {
+      r("expandStart"), b({
         display: "block",
         overflow: "hidden",
-        height: L
-      }), N.current = requestAnimationFrame(() => {
+        height: P
+      }), F.current = requestAnimationFrame(() => {
         r("expanding");
-        const P = Wt(F);
-        b($(P)), F.current && (F.current.style.transition = C(P), F.current.style.height = `${P}px`);
+        const E = Wt(N);
+        C($(E)), N.current && (N.current.style.transition = x(E), N.current.style.height = `${E}px`);
       });
-    }) : N.current = requestAnimationFrame(() => {
+    }) : F.current = requestAnimationFrame(() => {
       r("collapseStart");
-      const P = Wt(F);
-      b($(P)), x({
-        transition: C(P),
-        height: `${P}px`
-      }), N.current = requestAnimationFrame(() => {
-        r("collapsing"), x({
-          height: L,
+      const E = Wt(N);
+      C($(E)), b({
+        transition: x(E),
+        height: `${E}px`
+      }), F.current = requestAnimationFrame(() => {
+        r("collapsing"), b({
+          height: P,
           overflow: "hidden"
         });
       });
     }), () => {
-      N.current && cancelAnimationFrame(N.current), O.current && Bt(O.current);
+      F.current && cancelAnimationFrame(F.current), O.current && Bt(O.current);
     };
   }, [
     u,
-    L,
+    P,
     S,
     n,
     e,
     r
   ]), {
     isExpanded: u,
-    setExpanded: f,
+    setExpanded: p,
     getToggleProps(w) {
-      const { disabled: $, onClick: C, refKey: b, ...P } = {
+      const { disabled: $, onClick: x, refKey: C, ...E } = {
         refKey: "ref",
         onClick() {
         },
         disabled: !1,
         ...w
-      }, R = z ? z.tagName === "BUTTON" : void 0, M = w == null ? void 0 : w[b || "ref"], q = {
-        id: `react-collapsed-toggle-${d}`,
-        "aria-controls": `react-collapsed-panel-${d}`,
+      }, T = z ? z.tagName === "BUTTON" : void 0, R = w == null ? void 0 : w[C || "ref"], V = {
+        id: `react-collapsed-toggle-${c}`,
+        "aria-controls": `react-collapsed-panel-${c}`,
         "aria-expanded": u,
-        onClick(ae) {
-          $ || (C == null || C(ae), f((K) => !K));
+        onClick(se) {
+          $ || (x == null || x(se), p((q) => !q));
         },
-        [b || "ref"]: Yt(M, g)
-      }, J = {
+        [C || "ref"]: Yt(R, g)
+      }, _ = {
         type: "button",
         disabled: $ ? !0 : void 0
-      }, oe = {
+      }, ee = {
         "aria-disabled": $ ? !0 : void 0,
         role: "button",
         tabIndex: $ ? -1 : 0
       };
-      return R === !1 ? { ...q, ...oe, ...P } : R === !0 ? { ...q, ...J, ...P } : {
-        ...q,
-        ...J,
-        ...oe,
-        ...P
+      return T === !1 ? { ...V, ...ee, ...E } : T === !0 ? { ...V, ..._, ...E } : {
+        ...V,
+        ..._,
+        ...ee,
+        ...E
       };
     },
     getCollapseProps(w) {
-      const { style: $, refKey: C } = { refKey: "ref", style: {}, ...w }, b = w == null ? void 0 : w[C || "ref"];
+      const { style: $, refKey: x } = { refKey: "ref", style: {}, ...w }, C = w == null ? void 0 : w[x || "ref"];
       return {
-        id: `react-collapsed-panel-${d}`,
+        id: `react-collapsed-panel-${c}`,
         "aria-hidden": !u,
-        "aria-labelledby": `react-collapsed-toggle-${d}`,
+        "aria-labelledby": `react-collapsed-toggle-${c}`,
         role: "region",
         ...w,
-        [C || "ref"]: Yt(F, b),
+        [x || "ref"]: Yt(N, C),
         style: {
           boxSizing: "border-box",
           ...!h && !u ? {
             // collapsed and not animating
-            display: L === "0px" ? "none" : "block",
-            height: L,
+            display: P === "0px" ? "none" : "block",
+            height: P,
             overflow: "hidden"
           } : {},
           // additional styles passed, e.g. getCollapseProps({style: {}})
@@ -3204,13 +3204,13 @@ function b$({
   };
 }
 const x$ = ({ open: n, children: e }) => {
-  const [t, o] = k(n), { getCollapseProps: i } = b$({
+  const [t, o] = M(n), { getCollapseProps: i } = b$({
     isExpanded: t,
     duration: 500
   });
   return Q(() => {
     o(n);
-  }, [n, o]), /* @__PURE__ */ c(pe, { children: /* @__PURE__ */ c("div", { ...i(), children: e }) });
+  }, [n, o]), /* @__PURE__ */ d(pe, { children: /* @__PURE__ */ d("div", { ...i(), children: e }) });
 };
 function C$(n) {
   return H({ 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: [] }] })(n);
@@ -3224,72 +3224,75 @@ function Kt(n) {
 function qt(n) {
   return H({ 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: [] }] })(n);
 }
-const An = ({ folder: n, onFileOpen: e }) => {
-  const [t, o] = k(!1), [i, s] = k(!1), { currentPath: a, setCurrentPath: l, onFolderChange: r } = he(), d = () => {
-    s(!0), e(n), l(n.path), r == null || r(n.path);
-  }, u = (f) => {
-    f.stopPropagation(), o((p) => !p);
+const An = ({ folder: n, onFileOpen: e, icons: t }) => {
+  const [o, i] = M(!1), [s, a] = M(!1), { currentPath: l, setCurrentPath: r, onFolderChange: c } = he(), u = () => {
+    a(!0), e(n), r(n.path), c == null || c(n.path);
+  }, p = (f) => {
+    f.stopPropagation(), i((h) => !h);
   };
   return Q(() => {
-    s(a === n.path);
-    const f = a.split("/");
-    f.pop(), f.join("/") === n.path && o(!0);
-  }, [a]), n.subDirectories.length > 0 ? /* @__PURE__ */ A(pe, { children: [
-    /* @__PURE__ */ A(
+    a(l === n.path);
+    const f = l.split("/");
+    f.pop(), f.join("/") === n.path && i(!0);
+  }, [l]), n.subDirectories.length > 0 ? /* @__PURE__ */ k(pe, { children: [
+    /* @__PURE__ */ k(
       "div",
       {
-        className: `sb-folders-list-item ${i ? "active-list-item" : ""}`,
-        onClick: d,
+        className: `sb-folders-list-item ${s ? "active-list-item" : ""}`,
+        onClick: u,
         children: [
-          /* @__PURE__ */ c("span", { onClick: u, children: /* @__PURE__ */ c(
+          /* @__PURE__ */ d("span", { onClick: p, children: /* @__PURE__ */ d(
             to,
             {
               size: 20,
-              className: `folder-icon-default ${t ? "folder-rotate-down" : ""}`
+              className: `folder-icon-default ${o ? "folder-rotate-down" : ""}`
             }
           ) }),
-          /* @__PURE__ */ A("div", { className: "sb-folder-details", children: [
-            t || i ? /* @__PURE__ */ c(Kt, { size: 20, className: "folder-open-icon" }) : /* @__PURE__ */ c(qt, { size: 17, className: "folder-close-icon" }),
-            /* @__PURE__ */ c("span", { className: "sb-folder-name", title: n.name, children: n.name })
+          /* @__PURE__ */ k("div", { className: "sb-folder-details", children: [
+            o ? (
+              //{isOpen || isActive ? (
+              n.class && t && t.get(n.class) ? t.get(n.class)[1] : /* @__PURE__ */ d(Kt, { size: 20, className: "folder-open-icon" })
+            ) : n.class && t && t.get(n.class) ? t.get(n.class)[0] : /* @__PURE__ */ d(qt, { size: 17, className: "folder-close-icon" }),
+            /* @__PURE__ */ d("span", { className: "sb-folder-name", title: n.name, children: n.name })
           ] })
         ]
       }
     ),
-    /* @__PURE__ */ c(x$, { open: t, children: /* @__PURE__ */ c("div", { className: "folder-collapsible", children: n.subDirectories.map((f, p) => /* @__PURE__ */ c(An, { folder: f, onFileOpen: e }, p)) }) })
-  ] }) : /* @__PURE__ */ A(
+    /* @__PURE__ */ d(x$, { open: o, children: /* @__PURE__ */ d("div", { className: "folder-collapsible", children: n.subDirectories.map((f, h) => /* @__PURE__ */ d(An, { folder: f, onFileOpen: e, icons: t }, h)) }) })
+  ] }) : /* @__PURE__ */ k(
     "div",
     {
-      className: `sb-folders-list-item ${i ? "active-list-item" : ""}`,
-      onClick: d,
+      className: `sb-folders-list-item ${s ? "active-list-item" : ""}`,
+      onClick: u,
       children: [
-        /* @__PURE__ */ c("span", { className: "non-expanable" }),
-        /* @__PURE__ */ A("div", { className: "sb-folder-details", children: [
-          i ? /* @__PURE__ */ c(Kt, { size: 20, className: "folder-open-icon" }) : /* @__PURE__ */ c(qt, { size: 17, className: "folder-close-icon" }),
-          /* @__PURE__ */ c("span", { className: "sb-folder-name", title: n.name, children: n.name })
+        /* @__PURE__ */ d("span", { className: "non-expanable" }),
+        /* @__PURE__ */ k("div", { className: "sb-folder-details", children: [
+          s ? n.class && t && t.get(n.class) ? t.get(n.class)[1] : /* @__PURE__ */ d(Kt, { size: 20, className: "folder-open-icon" }) : n.class && t && t.get(n.class) ? t.get(n.class)[0] : /* @__PURE__ */ d(qt, { size: 17, className: "folder-close-icon" }),
+          /* @__PURE__ */ d("span", { className: "sb-folder-name", title: n.name, children: n.name })
         ] })
       ]
     }
   );
-}, F$ = (n) => n == null ? void 0 : n.split("/").slice(0, -1).join("/"), Rn = ({ onFileOpen: n }) => {
-  const [e, t] = k([]), { files: o } = Ze(), i = le(), s = (a, l) => {
-    var r;
-    return l[a] ? (r = l[a]) == null ? void 0 : r.map((d) => ({
-      ...d,
-      subDirectories: s(d.path, l)
+}, F$ = (n) => n == null ? void 0 : n.split("/").slice(0, -1).join("/"), Rn = ({ onFileOpen: n, icons: e }) => {
+  const [t, o] = M([]), { files: i } = Ze(), s = ce(), a = (l, r) => {
+    var c;
+    return r[l] ? (c = r[l]) == null ? void 0 : c.map((u) => ({
+      ...u,
+      subDirectories: a(u.path, r)
     })) : [];
   };
   return Q(() => {
-    if (Array.isArray(o)) {
-      const a = o.filter((r) => r.isDirectory), l = Object.groupBy(a, ({ path: r }) => F$(r));
-      t(() => s("", l));
+    if (Array.isArray(i)) {
+      const l = i.filter((c) => c.isDirectory), r = Object.groupBy(l, ({ path: c }) => F$(c));
+      o(() => a("", r));
     }
-  }, [o]), /* @__PURE__ */ c("div", { className: "sb-folders-list", children: (e == null ? void 0 : e.length) > 0 ? /* @__PURE__ */ c(pe, { children: e == null ? void 0 : e.map((a, l) => /* @__PURE__ */ c(An, { folder: a, onFileOpen: n }, l)) }) : /* @__PURE__ */ c("div", { className: "empty-nav-pane", children: i("nothingHereYet") }) });
+  }, [i]), /* @__PURE__ */ d("div", { className: "sb-folders-list", children: (t == null ? void 0 : t.length) > 0 ? /* @__PURE__ */ d(pe, { children: t == null ? void 0 : t.map((l, r) => /* @__PURE__ */ d(An, { folder: l, onFileOpen: n, icons: e }, r)) }) : /* @__PURE__ */ d("div", { className: "empty-nav-pane", children: s("nothingHereYet") }) });
 };
 Rn.displayName = "NavigationPane";
 function N$(n) {
   return n && n.__esModule && Object.prototype.hasOwnProperty.call(n, "default") ? n.default : n;
 }
-var Ie = { exports: {} }, De = { exports: {} }, ee = {};
+var Ie = { exports: {} }, De = { exports: {} }, te = {};
 /** @license React v16.13.1
  * react-is.production.min.js
  *
@@ -3300,21 +3303,21 @@ var Ie = { exports: {} }, De = { exports: {} }, ee = {};
  */
 var _t;
 function E$() {
-  if (_t) return ee;
+  if (_t) return te;
   _t = 1;
-  var n = typeof Symbol == "function" && Symbol.for, e = n ? Symbol.for("react.element") : 60103, t = n ? Symbol.for("react.portal") : 60106, o = n ? Symbol.for("react.fragment") : 60107, i = n ? Symbol.for("react.strict_mode") : 60108, s = n ? Symbol.for("react.profiler") : 60114, a = n ? Symbol.for("react.provider") : 60109, l = n ? Symbol.for("react.context") : 60110, r = n ? Symbol.for("react.async_mode") : 60111, d = n ? Symbol.for("react.concurrent_mode") : 60111, u = n ? Symbol.for("react.forward_ref") : 60112, f = n ? Symbol.for("react.suspense") : 60113, p = n ? Symbol.for("react.suspense_list") : 60120, h = n ? Symbol.for("react.memo") : 60115, m = n ? Symbol.for("react.lazy") : 60116, v = n ? Symbol.for("react.block") : 60121, S = n ? Symbol.for("react.fundamental") : 60117, N = n ? Symbol.for("react.responder") : 60118, O = n ? Symbol.for("react.scope") : 60119;
-  function F(g) {
+  var n = typeof Symbol == "function" && Symbol.for, e = n ? Symbol.for("react.element") : 60103, t = n ? Symbol.for("react.portal") : 60106, o = n ? Symbol.for("react.fragment") : 60107, i = n ? Symbol.for("react.strict_mode") : 60108, s = n ? Symbol.for("react.profiler") : 60114, a = n ? Symbol.for("react.provider") : 60109, l = n ? Symbol.for("react.context") : 60110, r = n ? Symbol.for("react.async_mode") : 60111, c = n ? Symbol.for("react.concurrent_mode") : 60111, u = n ? Symbol.for("react.forward_ref") : 60112, p = n ? Symbol.for("react.suspense") : 60113, f = n ? Symbol.for("react.suspense_list") : 60120, h = n ? Symbol.for("react.memo") : 60115, m = n ? Symbol.for("react.lazy") : 60116, v = n ? Symbol.for("react.block") : 60121, S = n ? Symbol.for("react.fundamental") : 60117, F = n ? Symbol.for("react.responder") : 60118, O = n ? Symbol.for("react.scope") : 60119;
+  function N(g) {
     if (typeof g == "object" && g !== null) {
-      var L = g.$$typeof;
-      switch (L) {
+      var P = g.$$typeof;
+      switch (P) {
         case e:
           switch (g = g.type, g) {
             case r:
-            case d:
+            case c:
             case o:
             case s:
             case i:
-            case f:
+            case p:
               return g;
             default:
               switch (g = g && g.$$typeof, g) {
@@ -3325,46 +3328,46 @@ function E$() {
                 case a:
                   return g;
                 default:
-                  return L;
+                  return P;
               }
           }
         case t:
-          return L;
+          return P;
       }
     }
   }
   function z(g) {
-    return F(g) === d;
+    return N(g) === c;
   }
-  return ee.AsyncMode = r, ee.ConcurrentMode = d, ee.ContextConsumer = l, ee.ContextProvider = a, ee.Element = e, ee.ForwardRef = u, ee.Fragment = o, ee.Lazy = m, ee.Memo = h, ee.Portal = t, ee.Profiler = s, ee.StrictMode = i, ee.Suspense = f, ee.isAsyncMode = function(g) {
-    return z(g) || F(g) === r;
-  }, ee.isConcurrentMode = z, ee.isContextConsumer = function(g) {
-    return F(g) === l;
-  }, ee.isContextProvider = function(g) {
-    return F(g) === a;
-  }, ee.isElement = function(g) {
+  return te.AsyncMode = r, te.ConcurrentMode = c, te.ContextConsumer = l, te.ContextProvider = a, te.Element = e, te.ForwardRef = u, te.Fragment = o, te.Lazy = m, te.Memo = h, te.Portal = t, te.Profiler = s, te.StrictMode = i, te.Suspense = p, te.isAsyncMode = function(g) {
+    return z(g) || N(g) === r;
+  }, te.isConcurrentMode = z, te.isContextConsumer = function(g) {
+    return N(g) === l;
+  }, te.isContextProvider = function(g) {
+    return N(g) === a;
+  }, te.isElement = function(g) {
     return typeof g == "object" && g !== null && g.$$typeof === e;
-  }, ee.isForwardRef = function(g) {
-    return F(g) === u;
-  }, ee.isFragment = function(g) {
-    return F(g) === o;
-  }, ee.isLazy = function(g) {
-    return F(g) === m;
-  }, ee.isMemo = function(g) {
-    return F(g) === h;
-  }, ee.isPortal = function(g) {
-    return F(g) === t;
-  }, ee.isProfiler = function(g) {
-    return F(g) === s;
-  }, ee.isStrictMode = function(g) {
-    return F(g) === i;
-  }, ee.isSuspense = function(g) {
-    return F(g) === f;
-  }, ee.isValidElementType = function(g) {
-    return typeof g == "string" || typeof g == "function" || g === o || g === d || g === s || g === i || g === f || g === p || typeof g == "object" && g !== null && (g.$$typeof === m || g.$$typeof === h || g.$$typeof === a || g.$$typeof === l || g.$$typeof === u || g.$$typeof === S || g.$$typeof === N || g.$$typeof === O || g.$$typeof === v);
-  }, ee.typeOf = F, ee;
+  }, te.isForwardRef = function(g) {
+    return N(g) === u;
+  }, te.isFragment = function(g) {
+    return N(g) === o;
+  }, te.isLazy = function(g) {
+    return N(g) === m;
+  }, te.isMemo = function(g) {
+    return N(g) === h;
+  }, te.isPortal = function(g) {
+    return N(g) === t;
+  }, te.isProfiler = function(g) {
+    return N(g) === s;
+  }, te.isStrictMode = function(g) {
+    return N(g) === i;
+  }, te.isSuspense = function(g) {
+    return N(g) === p;
+  }, te.isValidElementType = function(g) {
+    return typeof g == "string" || typeof g == "function" || g === o || g === c || g === s || g === i || g === p || g === f || typeof g == "object" && g !== null && (g.$$typeof === m || g.$$typeof === h || g.$$typeof === a || g.$$typeof === l || g.$$typeof === u || g.$$typeof === S || g.$$typeof === F || g.$$typeof === O || g.$$typeof === v);
+  }, te.typeOf = N, te;
 }
-var te = {};
+var ne = {};
 /** @license React v16.13.1
  * react-is.development.js
  *
@@ -3376,27 +3379,27 @@ var te = {};
 var Gt;
 function P$() {
   return Gt || (Gt = 1, process.env.NODE_ENV !== "production" && function() {
-    var n = typeof Symbol == "function" && Symbol.for, e = n ? Symbol.for("react.element") : 60103, t = n ? Symbol.for("react.portal") : 60106, o = n ? Symbol.for("react.fragment") : 60107, i = n ? Symbol.for("react.strict_mode") : 60108, s = n ? Symbol.for("react.profiler") : 60114, a = n ? Symbol.for("react.provider") : 60109, l = n ? Symbol.for("react.context") : 60110, r = n ? Symbol.for("react.async_mode") : 60111, d = n ? Symbol.for("react.concurrent_mode") : 60111, u = n ? Symbol.for("react.forward_ref") : 60112, f = n ? Symbol.for("react.suspense") : 60113, p = n ? Symbol.for("react.suspense_list") : 60120, h = n ? Symbol.for("react.memo") : 60115, m = n ? Symbol.for("react.lazy") : 60116, v = n ? Symbol.for("react.block") : 60121, S = n ? Symbol.for("react.fundamental") : 60117, N = n ? Symbol.for("react.responder") : 60118, O = n ? Symbol.for("react.scope") : 60119;
-    function F(T) {
-      return typeof T == "string" || typeof T == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      T === o || T === d || T === s || T === i || T === f || T === p || typeof T == "object" && T !== null && (T.$$typeof === m || T.$$typeof === h || T.$$typeof === a || T.$$typeof === l || T.$$typeof === u || T.$$typeof === S || T.$$typeof === N || T.$$typeof === O || T.$$typeof === v);
+    var n = typeof Symbol == "function" && Symbol.for, e = n ? Symbol.for("react.element") : 60103, t = n ? Symbol.for("react.portal") : 60106, o = n ? Symbol.for("react.fragment") : 60107, i = n ? Symbol.for("react.strict_mode") : 60108, s = n ? Symbol.for("react.profiler") : 60114, a = n ? Symbol.for("react.provider") : 60109, l = n ? Symbol.for("react.context") : 60110, r = n ? Symbol.for("react.async_mode") : 60111, c = n ? Symbol.for("react.concurrent_mode") : 60111, u = n ? Symbol.for("react.forward_ref") : 60112, p = n ? Symbol.for("react.suspense") : 60113, f = n ? Symbol.for("react.suspense_list") : 60120, h = n ? Symbol.for("react.memo") : 60115, m = n ? Symbol.for("react.lazy") : 60116, v = n ? Symbol.for("react.block") : 60121, S = n ? Symbol.for("react.fundamental") : 60117, F = n ? Symbol.for("react.responder") : 60118, O = n ? Symbol.for("react.scope") : 60119;
+    function N(A) {
+      return typeof A == "string" || typeof A == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
+      A === o || A === c || A === s || A === i || A === p || A === f || typeof A == "object" && A !== null && (A.$$typeof === m || A.$$typeof === h || A.$$typeof === a || A.$$typeof === l || A.$$typeof === u || A.$$typeof === S || A.$$typeof === F || A.$$typeof === O || A.$$typeof === v);
     }
-    function z(T) {
-      if (typeof T == "object" && T !== null) {
-        var ue = T.$$typeof;
-        switch (ue) {
+    function z(A) {
+      if (typeof A == "object" && A !== null) {
+        var re = A.$$typeof;
+        switch (re) {
           case e:
-            var we = T.type;
-            switch (we) {
+            var ge = A.type;
+            switch (ge) {
               case r:
-              case d:
+              case c:
               case o:
               case s:
               case i:
-              case f:
-                return we;
+              case p:
+                return ge;
               default:
-                var ze = we && we.$$typeof;
+                var ze = ge && ge.$$typeof;
                 switch (ze) {
                   case l:
                   case u:
@@ -3405,56 +3408,56 @@ function P$() {
                   case a:
                     return ze;
                   default:
-                    return ue;
+                    return re;
                 }
             }
           case t:
-            return ue;
+            return re;
         }
       }
     }
-    var g = r, L = d, x = l, w = a, $ = e, C = u, b = o, P = m, R = h, M = t, q = s, J = i, oe = f, ae = !1;
-    function K(T) {
-      return ae || (ae = !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.")), y(T) || z(T) === r;
+    var g = r, P = c, b = l, w = a, $ = e, x = u, C = o, E = m, T = h, R = t, V = s, _ = i, ee = p, se = !1;
+    function q(A) {
+      return se || (se = !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.")), y(A) || z(A) === r;
     }
-    function y(T) {
-      return z(T) === d;
+    function y(A) {
+      return z(A) === c;
     }
-    function E(T) {
-      return z(T) === l;
+    function L(A) {
+      return z(A) === l;
     }
-    function B(T) {
-      return z(T) === a;
+    function W(A) {
+      return z(A) === a;
     }
-    function U(T) {
-      return typeof T == "object" && T !== null && T.$$typeof === e;
+    function U(A) {
+      return typeof A == "object" && A !== null && A.$$typeof === e;
     }
-    function j(T) {
-      return z(T) === u;
+    function j(A) {
+      return z(A) === u;
     }
-    function _(T) {
-      return z(T) === o;
+    function G(A) {
+      return z(A) === o;
     }
-    function W(T) {
-      return z(T) === m;
+    function Y(A) {
+      return z(A) === m;
     }
-    function Y(T) {
-      return z(T) === h;
+    function K(A) {
+      return z(A) === h;
     }
-    function G(T) {
-      return z(T) === t;
+    function J(A) {
+      return z(A) === t;
     }
-    function Z(T) {
-      return z(T) === s;
+    function Z(A) {
+      return z(A) === s;
     }
-    function D(T) {
-      return z(T) === i;
+    function D(A) {
+      return z(A) === i;
     }
-    function ne(T) {
-      return z(T) === f;
+    function oe(A) {
+      return z(A) === p;
     }
-    te.AsyncMode = g, te.ConcurrentMode = L, te.ContextConsumer = x, te.ContextProvider = w, te.Element = $, te.ForwardRef = C, te.Fragment = b, te.Lazy = P, te.Memo = R, te.Portal = M, te.Profiler = q, te.StrictMode = J, te.Suspense = oe, te.isAsyncMode = K, te.isConcurrentMode = y, te.isContextConsumer = E, te.isContextProvider = B, te.isElement = U, te.isForwardRef = j, te.isFragment = _, te.isLazy = W, te.isMemo = Y, te.isPortal = G, te.isProfiler = Z, te.isStrictMode = D, te.isSuspense = ne, te.isValidElementType = F, te.typeOf = z;
-  }()), te;
+    ne.AsyncMode = g, ne.ConcurrentMode = P, ne.ContextConsumer = b, ne.ContextProvider = w, ne.Element = $, ne.ForwardRef = x, ne.Fragment = C, ne.Lazy = E, ne.Memo = T, ne.Portal = R, ne.Profiler = V, ne.StrictMode = _, ne.Suspense = ee, ne.isAsyncMode = q, ne.isConcurrentMode = y, ne.isContextConsumer = L, ne.isContextProvider = W, ne.isElement = U, ne.isForwardRef = j, ne.isFragment = G, ne.isLazy = Y, ne.isMemo = K, ne.isPortal = J, ne.isProfiler = Z, ne.isStrictMode = D, ne.isSuspense = oe, ne.isValidElementType = N, ne.typeOf = z;
+  }()), ne;
 }
 var Jt;
 function kn() {
@@ -3489,23 +3492,23 @@ function T$() {
       });
       if (r.join("") !== "0123456789")
         return !1;
-      var d = {};
+      var c = {};
       return "abcdefghijklmnopqrst".split("").forEach(function(u) {
-        d[u] = u;
-      }), Object.keys(Object.assign({}, d)).join("") === "abcdefghijklmnopqrst";
+        c[u] = u;
+      }), Object.keys(Object.assign({}, c)).join("") === "abcdefghijklmnopqrst";
     } catch {
       return !1;
     }
   }
   return ot = i() ? Object.assign : function(s, a) {
-    for (var l, r = o(s), d, u = 1; u < arguments.length; u++) {
+    for (var l, r = o(s), c, u = 1; u < arguments.length; u++) {
       l = Object(arguments[u]);
-      for (var f in l)
-        e.call(l, f) && (r[f] = l[f]);
+      for (var p in l)
+        e.call(l, p) && (r[p] = l[p]);
       if (n) {
-        d = n(l);
-        for (var p = 0; p < d.length; p++)
-          t.call(l, d[p]) && (r[d[p]] = l[d[p]]);
+        c = n(l);
+        for (var f = 0; f < c.length; f++)
+          t.call(l, c[f]) && (r[c[f]] = l[c[f]]);
       }
     }
     return r;
@@ -3539,29 +3542,29 @@ function z$() {
       }
     };
   }
-  function i(s, a, l, r, d) {
+  function i(s, a, l, r, c) {
     if (process.env.NODE_ENV !== "production") {
       for (var u in s)
         if (o(s, u)) {
-          var f;
+          var p;
           try {
             if (typeof s[u] != "function") {
-              var p = Error(
+              var f = Error(
                 (r || "React class") + ": " + l + " type `" + u + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof s[u] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
               );
-              throw p.name = "Invariant Violation", p;
+              throw f.name = "Invariant Violation", f;
             }
-            f = s[u](a, u, r, l, null, e);
+            p = s[u](a, u, r, l, null, e);
           } catch (m) {
-            f = m;
+            p = m;
           }
-          if (f && !(f instanceof Error) && n(
-            (r || "React class") + ": type specification of " + l + " `" + u + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof f + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
-          ), f instanceof Error && !(f.message in t)) {
-            t[f.message] = !0;
-            var h = d ? d() : "";
+          if (p && !(p instanceof Error) && n(
+            (r || "React class") + ": type specification of " + l + " `" + u + "` 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 t)) {
+            t[p.message] = !0;
+            var h = c ? c() : "";
             n(
-              "Failed " + l + " type: " + f.message + (h ?? "")
+              "Failed " + l + " type: " + p.message + (h ?? "")
             );
           }
         }
@@ -3589,238 +3592,238 @@ function L$() {
     return null;
   }
   return rt = function(l, r) {
-    var d = typeof Symbol == "function" && Symbol.iterator, u = "@@iterator";
-    function f(y) {
-      var E = y && (d && y[d] || y[u]);
-      if (typeof E == "function")
-        return E;
+    var c = typeof Symbol == "function" && Symbol.iterator, u = "@@iterator";
+    function p(y) {
+      var L = y && (c && y[c] || y[u]);
+      if (typeof L == "function")
+        return L;
     }
-    var p = "<<anonymous>>", h = {
-      array: N("array"),
-      bigint: N("bigint"),
-      bool: N("boolean"),
-      func: N("function"),
-      number: N("number"),
-      object: N("object"),
-      string: N("string"),
-      symbol: N("symbol"),
+    var f = "<<anonymous>>", h = {
+      array: F("array"),
+      bigint: F("bigint"),
+      bool: F("boolean"),
+      func: F("function"),
+      number: F("number"),
+      object: F("object"),
+      string: F("string"),
+      symbol: F("symbol"),
       any: O(),
-      arrayOf: F,
+      arrayOf: N,
       element: z(),
       elementType: g(),
-      instanceOf: L,
-      node: C(),
+      instanceOf: P,
+      node: x(),
       objectOf: w,
-      oneOf: x,
+      oneOf: b,
       oneOfType: $,
-      shape: P,
-      exact: R
+      shape: E,
+      exact: T
     };
-    function m(y, E) {
-      return y === E ? y !== 0 || 1 / y === 1 / E : y !== y && E !== E;
+    function m(y, L) {
+      return y === L ? y !== 0 || 1 / y === 1 / L : y !== y && L !== L;
     }
-    function v(y, E) {
-      this.message = y, this.data = E && typeof E == "object" ? E : {}, this.stack = "";
+    function v(y, L) {
+      this.message = y, this.data = L && typeof L == "object" ? L : {}, this.stack = "";
     }
     v.prototype = Error.prototype;
     function S(y) {
       if (process.env.NODE_ENV !== "production")
-        var E = {}, B = 0;
-      function U(_, W, Y, G, Z, D, ne) {
-        if (G = G || p, D = D || Y, ne !== t) {
+        var L = {}, W = 0;
+      function U(G, Y, K, J, Z, D, oe) {
+        if (J = J || f, D = D || K, oe !== t) {
           if (r) {
-            var T = new Error(
+            var A = new Error(
               "Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types"
             );
-            throw T.name = "Invariant Violation", T;
+            throw A.name = "Invariant Violation", A;
           } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
-            var ue = G + ":" + Y;
-            !E[ue] && // Avoid spamming the console because they are often not actionable except for lib authors
-            B < 3 && (s(
-              "You are manually calling a React.PropTypes validation function for the `" + D + "` prop on `" + G + "`. 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."
-            ), E[ue] = !0, B++);
+            var re = J + ":" + K;
+            !L[re] && // Avoid spamming the console because they are often not actionable except for lib authors
+            W < 3 && (s(
+              "You are manually calling a React.PropTypes validation function for the `" + D + "` prop on `" + J + "`. 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."
+            ), L[re] = !0, W++);
           }
         }
-        return W[Y] == null ? _ ? W[Y] === null ? new v("The " + Z + " `" + D + "` is marked as required " + ("in `" + G + "`, but its value is `null`.")) : new v("The " + Z + " `" + D + "` is marked as required in " + ("`" + G + "`, but its value is `undefined`.")) : null : y(W, Y, G, Z, D);
+        return Y[K] == null ? G ? Y[K] === null ? new v("The " + Z + " `" + D + "` is marked as required " + ("in `" + J + "`, but its value is `null`.")) : new v("The " + Z + " `" + D + "` is marked as required in " + ("`" + J + "`, but its value is `undefined`.")) : null : y(Y, K, J, Z, D);
       }
       var j = U.bind(null, !1);
       return j.isRequired = U.bind(null, !0), j;
     }
-    function N(y) {
-      function E(B, U, j, _, W, Y) {
-        var G = B[U], Z = J(G);
+    function F(y) {
+      function L(W, U, j, G, Y, K) {
+        var J = W[U], Z = _(J);
         if (Z !== y) {
-          var D = oe(G);
+          var D = ee(J);
           return new v(
-            "Invalid " + _ + " `" + W + "` of type " + ("`" + D + "` supplied to `" + j + "`, expected ") + ("`" + y + "`."),
+            "Invalid " + G + " `" + Y + "` of type " + ("`" + D + "` supplied to `" + j + "`, expected ") + ("`" + y + "`."),
             { expectedType: y }
           );
         }
         return null;
       }
-      return S(E);
+      return S(L);
     }
     function O() {
       return S(a);
     }
-    function F(y) {
-      function E(B, U, j, _, W) {
+    function N(y) {
+      function L(W, U, j, G, Y) {
         if (typeof y != "function")
-          return new v("Property `" + W + "` of component `" + j + "` has invalid PropType notation inside arrayOf.");
-        var Y = B[U];
-        if (!Array.isArray(Y)) {
-          var G = J(Y);
-          return new v("Invalid " + _ + " `" + W + "` of type " + ("`" + G + "` supplied to `" + j + "`, expected an array."));
+          return new v("Property `" + Y + "` of component `" + j + "` has invalid PropType notation inside arrayOf.");
+        var K = W[U];
+        if (!Array.isArray(K)) {
+          var J = _(K);
+          return new v("Invalid " + G + " `" + Y + "` of type " + ("`" + J + "` supplied to `" + j + "`, expected an array."));
         }
-        for (var Z = 0; Z < Y.length; Z++) {
-          var D = y(Y, Z, j, _, W + "[" + Z + "]", t);
+        for (var Z = 0; Z < K.length; Z++) {
+          var D = y(K, Z, j, G, Y + "[" + Z + "]", t);
           if (D instanceof Error)
             return D;
         }
         return null;
       }
-      return S(E);
+      return S(L);
     }
     function z() {
-      function y(E, B, U, j, _) {
-        var W = E[B];
-        if (!l(W)) {
-          var Y = J(W);
-          return new v("Invalid " + j + " `" + _ + "` of type " + ("`" + Y + "` supplied to `" + U + "`, expected a single ReactElement."));
+      function y(L, W, U, j, G) {
+        var Y = L[W];
+        if (!l(Y)) {
+          var K = _(Y);
+          return new v("Invalid " + j + " `" + G + "` of type " + ("`" + K + "` supplied to `" + U + "`, expected a single ReactElement."));
         }
         return null;
       }
       return S(y);
     }
     function g() {
-      function y(E, B, U, j, _) {
-        var W = E[B];
-        if (!n.isValidElementType(W)) {
-          var Y = J(W);
-          return new v("Invalid " + j + " `" + _ + "` of type " + ("`" + Y + "` supplied to `" + U + "`, expected a single ReactElement type."));
+      function y(L, W, U, j, G) {
+        var Y = L[W];
+        if (!n.isValidElementType(Y)) {
+          var K = _(Y);
+          return new v("Invalid " + j + " `" + G + "` of type " + ("`" + K + "` supplied to `" + U + "`, expected a single ReactElement type."));
         }
         return null;
       }
       return S(y);
     }
-    function L(y) {
-      function E(B, U, j, _, W) {
-        if (!(B[U] instanceof y)) {
-          var Y = y.name || p, G = K(B[U]);
-          return new v("Invalid " + _ + " `" + W + "` of type " + ("`" + G + "` supplied to `" + j + "`, expected ") + ("instance of `" + Y + "`."));
+    function P(y) {
+      function L(W, U, j, G, Y) {
+        if (!(W[U] instanceof y)) {
+          var K = y.name || f, J = q(W[U]);
+          return new v("Invalid " + G + " `" + Y + "` of type " + ("`" + J + "` supplied to `" + j + "`, expected ") + ("instance of `" + K + "`."));
         }
         return null;
       }
-      return S(E);
+      return S(L);
     }
-    function x(y) {
+    function b(y) {
       if (!Array.isArray(y))
         return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? s(
           "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])."
         ) : s("Invalid argument supplied to oneOf, expected an array.")), a;
-      function E(B, U, j, _, W) {
-        for (var Y = B[U], G = 0; G < y.length; G++)
-          if (m(Y, y[G]))
+      function L(W, U, j, G, Y) {
+        for (var K = W[U], J = 0; J < y.length; J++)
+          if (m(K, y[J]))
             return null;
-        var Z = JSON.stringify(y, function(ne, T) {
-          var ue = oe(T);
-          return ue === "symbol" ? String(T) : T;
+        var Z = JSON.stringify(y, function(oe, A) {
+          var re = ee(A);
+          return re === "symbol" ? String(A) : A;
         });
-        return new v("Invalid " + _ + " `" + W + "` of value `" + String(Y) + "` " + ("supplied to `" + j + "`, expected one of " + Z + "."));
+        return new v("Invalid " + G + " `" + Y + "` of value `" + String(K) + "` " + ("supplied to `" + j + "`, expected one of " + Z + "."));
       }
-      return S(E);
+      return S(L);
     }
     function w(y) {
-      function E(B, U, j, _, W) {
+      function L(W, U, j, G, Y) {
         if (typeof y != "function")
-          return new v("Property `" + W + "` of component `" + j + "` has invalid PropType notation inside objectOf.");
-        var Y = B[U], G = J(Y);
-        if (G !== "object")
-          return new v("Invalid " + _ + " `" + W + "` of type " + ("`" + G + "` supplied to `" + j + "`, expected an object."));
-        for (var Z in Y)
-          if (o(Y, Z)) {
-            var D = y(Y, Z, j, _, W + "." + Z, t);
+          return new v("Property `" + Y + "` of component `" + j + "` has invalid PropType notation inside objectOf.");
+        var K = W[U], J = _(K);
+        if (J !== "object")
+          return new v("Invalid " + G + " `" + Y + "` of type " + ("`" + J + "` supplied to `" + j + "`, expected an object."));
+        for (var Z in K)
+          if (o(K, Z)) {
+            var D = y(K, Z, j, G, Y + "." + Z, t);
             if (D instanceof Error)
               return D;
           }
         return null;
       }
-      return S(E);
+      return S(L);
     }
     function $(y) {
       if (!Array.isArray(y))
         return process.env.NODE_ENV !== "production" && s("Invalid argument supplied to oneOfType, expected an instance of array."), a;
-      for (var E = 0; E < y.length; E++) {
-        var B = y[E];
-        if (typeof B != "function")
+      for (var L = 0; L < y.length; L++) {
+        var W = y[L];
+        if (typeof W != "function")
           return s(
-            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + ae(B) + " at index " + E + "."
+            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + se(W) + " at index " + L + "."
           ), a;
       }
-      function U(j, _, W, Y, G) {
+      function U(j, G, Y, K, J) {
         for (var Z = [], D = 0; D < y.length; D++) {
-          var ne = y[D], T = ne(j, _, W, Y, G, t);
-          if (T == null)
+          var oe = y[D], A = oe(j, G, Y, K, J, t);
+          if (A == null)
             return null;
-          T.data && o(T.data, "expectedType") && Z.push(T.data.expectedType);
+          A.data && o(A.data, "expectedType") && Z.push(A.data.expectedType);
         }
-        var ue = Z.length > 0 ? ", expected one of type [" + Z.join(", ") + "]" : "";
-        return new v("Invalid " + Y + " `" + G + "` supplied to " + ("`" + W + "`" + ue + "."));
+        var re = Z.length > 0 ? ", expected one of type [" + Z.join(", ") + "]" : "";
+        return new v("Invalid " + K + " `" + J + "` supplied to " + ("`" + Y + "`" + re + "."));
       }
       return S(U);
     }
-    function C() {
-      function y(E, B, U, j, _) {
-        return M(E[B]) ? null : new v("Invalid " + j + " `" + _ + "` supplied to " + ("`" + U + "`, expected a ReactNode."));
+    function x() {
+      function y(L, W, U, j, G) {
+        return R(L[W]) ? null : new v("Invalid " + j + " `" + G + "` supplied to " + ("`" + U + "`, expected a ReactNode."));
       }
       return S(y);
     }
-    function b(y, E, B, U, j) {
+    function C(y, L, W, U, j) {
       return new v(
-        (y || "React class") + ": " + E + " type `" + B + "." + U + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + j + "`."
+        (y || "React class") + ": " + L + " type `" + W + "." + U + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + j + "`."
       );
     }
-    function P(y) {
-      function E(B, U, j, _, W) {
-        var Y = B[U], G = J(Y);
-        if (G !== "object")
-          return new v("Invalid " + _ + " `" + W + "` of type `" + G + "` " + ("supplied to `" + j + "`, expected `object`."));
+    function E(y) {
+      function L(W, U, j, G, Y) {
+        var K = W[U], J = _(K);
+        if (J !== "object")
+          return new v("Invalid " + G + " `" + Y + "` of type `" + J + "` " + ("supplied to `" + j + "`, expected `object`."));
         for (var Z in y) {
           var D = y[Z];
           if (typeof D != "function")
-            return b(j, _, W, Z, oe(D));
-          var ne = D(Y, Z, j, _, W + "." + Z, t);
-          if (ne)
-            return ne;
+            return C(j, G, Y, Z, ee(D));
+          var oe = D(K, Z, j, G, Y + "." + Z, t);
+          if (oe)
+            return oe;
         }
         return null;
       }
-      return S(E);
+      return S(L);
     }
-    function R(y) {
-      function E(B, U, j, _, W) {
-        var Y = B[U], G = J(Y);
-        if (G !== "object")
-          return new v("Invalid " + _ + " `" + W + "` of type `" + G + "` " + ("supplied to `" + j + "`, expected `object`."));
-        var Z = e({}, B[U], y);
+    function T(y) {
+      function L(W, U, j, G, Y) {
+        var K = W[U], J = _(K);
+        if (J !== "object")
+          return new v("Invalid " + G + " `" + Y + "` of type `" + J + "` " + ("supplied to `" + j + "`, expected `object`."));
+        var Z = e({}, W[U], y);
         for (var D in Z) {
-          var ne = y[D];
-          if (o(y, D) && typeof ne != "function")
-            return b(j, _, W, D, oe(ne));
-          if (!ne)
+          var oe = y[D];
+          if (o(y, D) && typeof oe != "function")
+            return C(j, G, Y, D, ee(oe));
+          if (!oe)
             return new v(
-              "Invalid " + _ + " `" + W + "` key `" + D + "` supplied to `" + j + "`.\nBad object: " + JSON.stringify(B[U], null, "  ") + `
+              "Invalid " + G + " `" + Y + "` key `" + D + "` supplied to `" + j + "`.\nBad object: " + JSON.stringify(W[U], null, "  ") + `
 Valid keys: ` + JSON.stringify(Object.keys(y), null, "  ")
             );
-          var T = ne(Y, D, j, _, W + "." + D, t);
-          if (T)
-            return T;
+          var A = oe(K, D, j, G, Y + "." + D, t);
+          if (A)
+            return A;
         }
         return null;
       }
-      return S(E);
+      return S(L);
     }
-    function M(y) {
+    function R(y) {
       switch (typeof y) {
         case "number":
         case "string":
@@ -3830,20 +3833,20 @@ Valid keys: ` + JSON.stringify(Object.keys(y), null, "  ")
           return !y;
         case "object":
           if (Array.isArray(y))
-            return y.every(M);
+            return y.every(R);
           if (y === null || l(y))
             return !0;
-          var E = f(y);
-          if (E) {
-            var B = E.call(y), U;
-            if (E !== y.entries) {
-              for (; !(U = B.next()).done; )
-                if (!M(U.value))
+          var L = p(y);
+          if (L) {
+            var W = L.call(y), U;
+            if (L !== y.entries) {
+              for (; !(U = W.next()).done; )
+                if (!R(U.value))
                   return !1;
             } else
-              for (; !(U = B.next()).done; ) {
+              for (; !(U = W.next()).done; ) {
                 var j = U.value;
-                if (j && !M(j[1]))
+                if (j && !R(j[1]))
                   return !1;
               }
           } else
@@ -3853,41 +3856,41 @@ Valid keys: ` + JSON.stringify(Object.keys(y), null, "  ")
           return !1;
       }
     }
-    function q(y, E) {
-      return y === "symbol" ? !0 : E ? E["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && E instanceof Symbol : !1;
+    function V(y, L) {
+      return y === "symbol" ? !0 : L ? L["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && L instanceof Symbol : !1;
     }
-    function J(y) {
-      var E = typeof y;
-      return Array.isArray(y) ? "array" : y instanceof RegExp ? "object" : q(E, y) ? "symbol" : E;
+    function _(y) {
+      var L = typeof y;
+      return Array.isArray(y) ? "array" : y instanceof RegExp ? "object" : V(L, y) ? "symbol" : L;
     }
-    function oe(y) {
+    function ee(y) {
       if (typeof y > "u" || y === null)
         return "" + y;
-      var E = J(y);
-      if (E === "object") {
+      var L = _(y);
+      if (L === "object") {
         if (y instanceof Date)
           return "date";
         if (y instanceof RegExp)
           return "regexp";
       }
-      return E;
+      return L;
     }
-    function ae(y) {
-      var E = oe(y);
-      switch (E) {
+    function se(y) {
+      var L = ee(y);
+      switch (L) {
         case "array":
         case "object":
-          return "an " + E;
+          return "an " + L;
         case "boolean":
         case "date":
         case "regexp":
-          return "a " + E;
+          return "a " + L;
         default:
-          return E;
+          return L;
       }
     }
-    function K(y) {
-      return !y.constructor || !y.constructor.name ? p : y.constructor.name;
+    function q(y) {
+      return !y.constructor || !y.constructor.name ? f : y.constructor.name;
     }
     return h.checkPropTypes = i, h.resetWarningCache = i.resetWarningCache, h.PropTypes = h, h;
   }, rt;
@@ -3902,12 +3905,12 @@ function A$() {
   function t() {
   }
   return t.resetWarningCache = e, lt = function() {
-    function o(a, l, r, d, u, f) {
-      if (f !== n) {
-        var p = new Error(
+    function o(a, l, r, c, u, p) {
+      if (p !== n) {
+        var f = new Error(
           "Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"
         );
-        throw p.name = "Invariant Violation", p;
+        throw f.name = "Invariant Violation", f;
       }
     }
     o.isRequired = o;
@@ -3959,85 +3962,85 @@ function M$(n) {
   return H({ attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { d: "M4 4m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z" }, child: [] }, { tag: "path", attr: { d: "M9 4v16" }, child: [] }, { tag: "path", attr: { d: "M14 10l2 2l-2 2" }, child: [] }] })(n);
 }
 const gt = ({ collapsibleNav: n, isNavigationPaneOpen: e, setNavigationPaneOpen: t }) => {
-  const [o, i] = k([]), [s, a] = k([]), [l, r] = k([]), [d, u] = k(!1), { currentPath: f, setCurrentPath: p, onFolderChange: h } = he(), m = se(null), v = se([]), S = se(null), N = Oe(() => {
+  const [o, i] = M([]), [s, a] = M([]), [l, r] = M([]), [c, u] = M(!1), { currentPath: p, setCurrentPath: f, onFolderChange: h } = he(), m = ae(null), v = ae([]), S = ae(null), F = Oe(() => {
     u(!1);
-  }), O = le(), F = se(null);
+  }), O = ce(), N = ae(null);
   Q(() => {
     i(() => {
       let w = "";
-      return f == null ? void 0 : f.split("/").map(($) => ({
+      return p == null ? void 0 : p.split("/").map(($) => ({
         name: $ || O("home"),
         path: $ === "" ? $ : w += `/${$}`
       }));
     }), a([]), r([]);
-  }, [f, O]);
+  }, [p, O]);
   const z = (w) => {
-    p(w), h == null || h(w);
+    f(w), h == null || h(w);
   }, g = () => {
-    var J;
-    const w = m.current.clientWidth, $ = getComputedStyle(m.current), C = parseFloat($.paddingLeft), b = n ? 2 : 0, R = n ? ((J = F.current) == null ? void 0 : J.clientWidth) + 1 : 0, M = s.length > 0 ? 1 : 0, q = parseFloat($.gap) * (o.length + M + b);
-    return w - (C + q + R);
-  }, L = () => {
-    var b;
-    const w = g(), $ = v.current.reduce((P, R) => R ? P + R.clientWidth : P, 0), C = ((b = S.current) == null ? void 0 : b.clientWidth) || 0;
-    return w - ($ + C);
-  }, x = () => m.current.scrollWidth > m.current.clientWidth;
+    var _;
+    const w = m.current.clientWidth, $ = getComputedStyle(m.current), x = parseFloat($.paddingLeft), C = n ? 2 : 0, T = n ? ((_ = N.current) == null ? void 0 : _.clientWidth) + 1 : 0, R = s.length > 0 ? 1 : 0, V = parseFloat($.gap) * (o.length + R + C);
+    return w - (x + V + T);
+  }, P = () => {
+    var C;
+    const w = g(), $ = v.current.reduce((E, T) => T ? E + T.clientWidth : E, 0), x = ((C = S.current) == null ? void 0 : C.clientWidth) || 0;
+    return w - ($ + x);
+  }, b = () => m.current.scrollWidth > m.current.clientWidth;
   return Q(() => {
     var w;
-    if (x()) {
-      const $ = o[1], C = (w = v.current[1]) == null ? void 0 : w.clientWidth;
-      r((b) => [...b, C]), a((b) => [...b, $]), i((b) => b.filter((P, R) => R !== 1));
-    } else if (s.length > 0 && L() > l.at(-1)) {
+    if (b()) {
+      const $ = o[1], x = (w = v.current[1]) == null ? void 0 : w.clientWidth;
+      r((C) => [...C, x]), a((C) => [...C, $]), i((C) => C.filter((E, T) => T !== 1));
+    } else if (s.length > 0 && P() > l.at(-1)) {
       const $ = [o[0], s.at(-1), ...o.slice(1)];
-      i($), a((C) => C.slice(0, -1)), r((C) => C.slice(0, -1));
+      i($), a((x) => x.slice(0, -1)), r((x) => x.slice(0, -1));
     }
-  }, [x]), /* @__PURE__ */ A("div", { className: "bread-crumb-container", children: [
-    /* @__PURE__ */ A("div", { className: "breadcrumb", ref: m, children: [
-      n && /* @__PURE__ */ A(pe, { children: [
-        /* @__PURE__ */ c(
+  }, [b]), /* @__PURE__ */ k("div", { className: "bread-crumb-container", children: [
+    /* @__PURE__ */ k("div", { className: "breadcrumb", ref: m, children: [
+      n && /* @__PURE__ */ k(pe, { children: [
+        /* @__PURE__ */ d(
           "div",
           {
-            ref: F,
+            ref: N,
             className: "nav-toggler",
             title: `${O(e ? "collapseNavigationPane" : "expandNavigationPane")}`,
-            children: /* @__PURE__ */ c(
+            children: /* @__PURE__ */ d(
               "span",
               {
                 className: "folder-name folder-name-btn",
                 onClick: () => t((w) => !w),
-                children: e ? /* @__PURE__ */ c(O$, {}) : /* @__PURE__ */ c(M$, {})
+                children: e ? /* @__PURE__ */ d(O$, {}) : /* @__PURE__ */ d(M$, {})
               }
             )
           }
         ),
-        /* @__PURE__ */ c("div", { className: "divider" })
+        /* @__PURE__ */ d("div", { className: "divider" })
       ] }),
-      o.map((w, $) => /* @__PURE__ */ A("div", { style: { display: "contents" }, children: [
-        /* @__PURE__ */ A(
+      o.map((w, $) => /* @__PURE__ */ k("div", { style: { display: "contents" }, children: [
+        /* @__PURE__ */ k(
           "span",
           {
             className: "folder-name",
             onClick: () => z(w.path),
-            ref: (C) => v.current[$] = C,
+            ref: (x) => v.current[$] = x,
             children: [
-              $ === 0 ? /* @__PURE__ */ c(Qn, {}) : /* @__PURE__ */ c(io, {}),
+              $ === 0 ? /* @__PURE__ */ d(Qn, {}) : /* @__PURE__ */ d(io, {}),
               w.name
             ]
           }
         ),
-        (s == null ? void 0 : s.length) > 0 && $ === 0 && /* @__PURE__ */ c(
+        (s == null ? void 0 : s.length) > 0 && $ === 0 && /* @__PURE__ */ d(
           "button",
           {
             className: "folder-name folder-name-btn",
             onClick: () => u(!0),
             ref: S,
             title: O("showMoreFolder"),
-            children: /* @__PURE__ */ c(oo, { size: 22, className: "hidden-folders" })
+            children: /* @__PURE__ */ d(oo, { size: 22, className: "hidden-folders" })
           }
         )
       ] }, $))
     ] }),
-    d && /* @__PURE__ */ c("ul", { ref: N.ref, className: "hidden-folders-container", children: s.map((w, $) => /* @__PURE__ */ c(
+    c && /* @__PURE__ */ d("ul", { ref: F.ref, className: "hidden-folders-container", children: s.map((w, $) => /* @__PURE__ */ d(
       "li",
       {
         onClick: () => {
@@ -4055,57 +4058,57 @@ gt.propTypes = {
   setNavigationPaneOpen: I.func.isRequired
 };
 const _e = (n) => ({
-  pdf: /* @__PURE__ */ c(co, { size: n }),
-  jpg: /* @__PURE__ */ c(et, { size: n }),
-  jpeg: /* @__PURE__ */ c(et, { size: n }),
-  png: /* @__PURE__ */ c(et, { size: n }),
-  txt: /* @__PURE__ */ c(lo, { size: n }),
-  doc: /* @__PURE__ */ c(Et, { size: n }),
-  docx: /* @__PURE__ */ c(Et, { size: n }),
-  mp4: /* @__PURE__ */ c(Nt, { size: n }),
-  webm: /* @__PURE__ */ c(Nt, { size: n }),
-  mp3: /* @__PURE__ */ c(Ct, { size: n }),
-  m4a: /* @__PURE__ */ c(Ct, { size: n }),
-  zip: /* @__PURE__ */ c(uo, { size: n }),
-  ppt: /* @__PURE__ */ c(Ft, { size: n }),
-  pptx: /* @__PURE__ */ c(Ft, { size: n }),
-  xls: /* @__PURE__ */ c(St, { size: n }),
-  xlsx: /* @__PURE__ */ c(St, { size: n }),
-  exe: /* @__PURE__ */ c(ro, { size: n }),
-  html: /* @__PURE__ */ c(re, { size: n }),
-  css: /* @__PURE__ */ c(re, { size: n }),
-  js: /* @__PURE__ */ c(re, { size: n }),
-  php: /* @__PURE__ */ c(re, { size: n }),
-  py: /* @__PURE__ */ c(re, { size: n }),
-  java: /* @__PURE__ */ c(re, { size: n }),
-  cpp: /* @__PURE__ */ c(re, { size: n }),
-  c: /* @__PURE__ */ c(re, { size: n }),
-  ts: /* @__PURE__ */ c(re, { size: n }),
-  jsx: /* @__PURE__ */ c(re, { size: n }),
-  tsx: /* @__PURE__ */ c(re, { size: n }),
-  json: /* @__PURE__ */ c(re, { size: n }),
-  xml: /* @__PURE__ */ c(re, { size: n }),
-  sql: /* @__PURE__ */ c(re, { size: n }),
-  csv: /* @__PURE__ */ c(re, { size: n }),
-  md: /* @__PURE__ */ c(re, { size: n }),
-  svg: /* @__PURE__ */ c(re, { size: n })
+  pdf: /* @__PURE__ */ d(co, { size: n }),
+  jpg: /* @__PURE__ */ d(et, { size: n }),
+  jpeg: /* @__PURE__ */ d(et, { size: n }),
+  png: /* @__PURE__ */ d(et, { size: n }),
+  txt: /* @__PURE__ */ d(lo, { size: n }),
+  doc: /* @__PURE__ */ d(Et, { size: n }),
+  docx: /* @__PURE__ */ d(Et, { size: n }),
+  mp4: /* @__PURE__ */ d(Nt, { size: n }),
+  webm: /* @__PURE__ */ d(Nt, { size: n }),
+  mp3: /* @__PURE__ */ d(Ct, { size: n }),
+  m4a: /* @__PURE__ */ d(Ct, { size: n }),
+  zip: /* @__PURE__ */ d(uo, { size: n }),
+  ppt: /* @__PURE__ */ d(Ft, { size: n }),
+  pptx: /* @__PURE__ */ d(Ft, { size: n }),
+  xls: /* @__PURE__ */ d(St, { size: n }),
+  xlsx: /* @__PURE__ */ d(St, { size: n }),
+  exe: /* @__PURE__ */ d(ro, { size: n }),
+  html: /* @__PURE__ */ d(le, { size: n }),
+  css: /* @__PURE__ */ d(le, { size: n }),
+  js: /* @__PURE__ */ d(le, { size: n }),
+  php: /* @__PURE__ */ d(le, { size: n }),
+  py: /* @__PURE__ */ d(le, { size: n }),
+  java: /* @__PURE__ */ d(le, { size: n }),
+  cpp: /* @__PURE__ */ d(le, { size: n }),
+  c: /* @__PURE__ */ d(le, { size: n }),
+  ts: /* @__PURE__ */ d(le, { size: n }),
+  jsx: /* @__PURE__ */ d(le, { size: n }),
+  tsx: /* @__PURE__ */ d(le, { size: n }),
+  json: /* @__PURE__ */ d(le, { size: n }),
+  xml: /* @__PURE__ */ d(le, { size: n }),
+  sql: /* @__PURE__ */ d(le, { size: n }),
+  csv: /* @__PURE__ */ d(le, { size: n }),
+  md: /* @__PURE__ */ d(le, { size: n }),
+  svg: /* @__PURE__ */ d(le, { size: n })
 }), Mn = (n, e, t) => {
   if (t.find((o) => o.name === n)) {
     const o = "", i = n;
     let s = 0;
     const a = new RegExp(`${i} \\(\\d+\\)`);
-    t.forEach((d) => {
-      const u = d.isDirectory ? d.name : d.name.split(".").slice(0, -1).join(".");
+    t.forEach((c) => {
+      const u = c.isDirectory ? c.name : c.name.split(".").slice(0, -1).join(".");
       if (a.test(u)) {
-        const f = u.split(`${i} (`).pop().slice(0, -1), p = parseInt(f);
-        !isNaN(p) && p > s && (s = p);
+        const p = u.split(`${i} (`).pop().slice(0, -1), f = parseInt(p);
+        !isNaN(f) && f > s && (s = f);
       }
     });
     const l = ` (${++s})`;
     return i + l + o;
   } else
     return n;
-}, In = ({ nameInputRef: n, id: e, maxLength: t, value: o, onChange: i, onKeyDown: s, onClick: a, rows: l }) => /* @__PURE__ */ c(
+}, In = ({ nameInputRef: n, id: e, maxLength: t, value: o, onChange: i, onKeyDown: s, onClick: a, rows: l }) => /* @__PURE__ */ d(
   "textarea",
   {
     ref: n,
@@ -4118,50 +4121,50 @@ const _e = (n) => ({
     onClick: a,
     rows: l
   }
-), Dn = ({ message: n, xPlacement: e, yPlacement: t }) => /* @__PURE__ */ c("p", { className: `error-tooltip ${e} ${t}`, children: n }), I$ = 220, D$ = ({ filesViewRef: n, file: e, onCreateFolder: t, triggerAction: o }) => {
-  const [i, s] = k(e.name), [a, l] = k(!1), [r, d] = k(""), [u, f] = k("right"), [p, h] = k("bottom"), m = Oe((x) => {
-    x.preventDefault(), x.stopPropagation();
-  }), { currentFolder: v, currentPathFiles: S, setCurrentPathFiles: N } = he(), { activeLayout: O } = ye(), F = le(), z = (x) => {
-    s(x.target.value), l(!1);
-  }, g = (x) => {
-    if (x.stopPropagation(), x.key === "Enter") {
-      x.preventDefault(), L();
+), Dn = ({ message: n, xPlacement: e, yPlacement: t }) => /* @__PURE__ */ d("p", { className: `error-tooltip ${e} ${t}`, children: n }), I$ = 220, D$ = ({ filesViewRef: n, file: e, onCreateFolder: t, triggerAction: o }) => {
+  const [i, s] = M(e.name), [a, l] = M(!1), [r, c] = M(""), [u, p] = M("right"), [f, h] = M("bottom"), m = Oe((b) => {
+    b.preventDefault(), b.stopPropagation();
+  }), { currentFolder: v, currentPathFiles: S, setCurrentPathFiles: F } = he(), { activeLayout: O } = we(), N = ce(), z = (b) => {
+    s(b.target.value), l(!1);
+  }, g = (b) => {
+    if (b.stopPropagation(), b.key === "Enter") {
+      b.preventDefault(), P();
       return;
     }
-    if (x.key === "Escape") {
-      x.preventDefault(), o.close(), N(($) => $.filter((C) => C.key !== e.key));
+    if (b.key === "Escape") {
+      b.preventDefault(), o.close(), F(($) => $.filter((x) => x.key !== e.key));
       return;
     }
-    /[\\/:*?"<>|]/.test(x.key) ? (x.preventDefault(), d(F("invalidFileName")), l(!0)) : (l(!1), d(""));
+    /[\\/:*?"<>|]/.test(b.key) ? (b.preventDefault(), c(N("invalidFileName")), l(!0)) : (l(!1), c(""));
   };
   Q(() => {
     if (a) {
-      const x = setTimeout(() => {
-        l(!1), d("");
+      const b = setTimeout(() => {
+        l(!1), c("");
       }, 7e3);
-      return () => clearTimeout(x);
+      return () => clearTimeout(b);
     }
   }, [a]);
-  function L() {
-    var C, b;
-    let x = i.trim();
-    const w = S.filter((P) => !(P.key && P.key === e.key));
-    if (w.find((P) => P.name.toLowerCase() === x.toLowerCase())) {
-      d(F("folderExists", { renameFile: x })), l(!0), (C = m.ref.current) == null || C.focus(), (b = m.ref.current) == null || b.select(), m.setIsClicked(!1);
+  function P() {
+    var x, C;
+    let b = i.trim();
+    const w = S.filter((E) => !(E.key && E.key === e.key));
+    if (w.find((E) => E.name.toLowerCase() === b.toLowerCase())) {
+      c(N("folderExists", { renameFile: b })), l(!0), (x = m.ref.current) == null || x.focus(), (C = m.ref.current) == null || C.select(), m.setIsClicked(!1);
       return;
     }
-    x === "" && (x = Mn("New Folder", !0, w)), xe(t, "onCreateFolder", x, v), N((P) => P.filter((R) => R.key !== e.key)), o.close();
+    b === "" && (b = Mn("New Folder", !0, w)), xe(t, "onCreateFolder", b, v), F((E) => E.filter((T) => T.key !== e.key)), o.close();
   }
   return Q(() => {
-    var x, w, $;
-    if ((x = m.ref.current) == null || x.focus(), (w = m.ref.current) == null || w.select(), ($ = m.ref) != null && $.current) {
-      const R = n.current.getBoundingClientRect(), M = m.ref.current, q = M.getBoundingClientRect();
-      R.right - q.left > 313 ? f("right") : f("left"), R.bottom - (q.top + M.clientHeight) > 88 ? h("bottom") : h("top");
+    var b, w, $;
+    if ((b = m.ref.current) == null || b.focus(), (w = m.ref.current) == null || w.select(), ($ = m.ref) != null && $.current) {
+      const T = n.current.getBoundingClientRect(), R = m.ref.current, V = R.getBoundingClientRect();
+      T.right - V.left > 313 ? p("right") : p("left"), T.bottom - (V.top + R.clientHeight) > 88 ? h("bottom") : h("top");
     }
   }, []), Q(() => {
-    m.isClicked && L();
-  }, [m.isClicked]), /* @__PURE__ */ A(pe, { children: [
-    /* @__PURE__ */ c(
+    m.isClicked && P();
+  }, [m.isClicked]), /* @__PURE__ */ k(pe, { children: [
+    /* @__PURE__ */ d(
       In,
       {
         id: "newFolder",
@@ -4170,20 +4173,20 @@ const _e = (n) => ({
         value: i,
         onChange: z,
         onKeyDown: g,
-        onClick: (x) => x.stopPropagation(),
+        onClick: (b) => b.stopPropagation(),
         ...O === "list" && { rows: 1 }
       }
     ),
-    a && /* @__PURE__ */ c(
+    a && /* @__PURE__ */ d(
       Dn,
       {
         message: r,
         xPlacement: u,
-        yPlacement: p
+        yPlacement: f
       }
     )
   ] });
-}, Ee = ({ onClick: n, onKeyDown: e, type: t = "primary", padding: o = "0.4rem 0.8rem", children: i }) => /* @__PURE__ */ c(
+}, Ee = ({ onClick: n, onKeyDown: e, type: t = "primary", padding: o = "0.4rem 0.8rem", children: i }) => /* @__PURE__ */ d(
   "button",
   {
     onClick: n,
@@ -4205,22 +4208,22 @@ const Un = ({
   contentClassName: s = "",
   closeButton: a = !0
 }) => {
-  const l = se(null), r = le(), d = (u) => {
+  const l = ae(null), r = ce(), c = (u) => {
     u.key === "Escape" && t(!1);
   };
   return Q(() => {
     e ? l.current.showModal() : l.current.close();
-  }, [e]), /* @__PURE__ */ A(
+  }, [e]), /* @__PURE__ */ k(
     "dialog",
     {
       ref: l,
       className: "fm-modal dialog",
       style: { width: i },
-      onKeyDown: d,
+      onKeyDown: c,
       children: [
-        /* @__PURE__ */ A("div", { className: "fm-modal-header", children: [
-          /* @__PURE__ */ c("span", { className: "fm-modal-heading", children: o }),
-          a && /* @__PURE__ */ c(
+        /* @__PURE__ */ k("div", { className: "fm-modal-header", children: [
+          /* @__PURE__ */ d("span", { className: "fm-modal-heading", children: o }),
+          a && /* @__PURE__ */ d(
             no,
             {
               size: 18,
@@ -4235,67 +4238,67 @@ const Un = ({
     }
   );
 }, Ne = (n) => n.split(".").pop(), j$ = 220, H$ = ({ filesViewRef: n, file: e, onRename: t, triggerAction: o }) => {
-  const [i, s] = k(e == null ? void 0 : e.name), [a, l] = k(!1), [r, d] = k(!1), [u, f] = k(""), [p, h] = k("right"), [m, v] = k("bottom"), { currentPathFiles: S, setCurrentPathFiles: N } = he(), { activeLayout: O } = ye(), F = le(), z = se(null), g = Oe(($) => {
-    var C;
-    (C = z.current) != null && C.contains($.target) || ($.preventDefault(), $.stopPropagation());
-  }), L = ($) => {
+  const [i, s] = M(e == null ? void 0 : e.name), [a, l] = M(!1), [r, c] = M(!1), [u, p] = M(""), [f, h] = M("right"), [m, v] = M("bottom"), { currentPathFiles: S, setCurrentPathFiles: F } = he(), { activeLayout: O } = we(), N = ce(), z = ae(null), g = Oe(($) => {
+    var x;
+    (x = z.current) != null && x.contains($.target) || ($.preventDefault(), $.stopPropagation());
+  }), P = ($) => {
     if ($.stopPropagation(), $.key === "Enter") {
       $.preventDefault(), g.setIsClicked(!0);
       return;
     }
     if ($.key === "Escape") {
-      $.preventDefault(), N(
-        (b) => b.map((P) => (P.key === e.key && (P.isEditing = !1), P))
+      $.preventDefault(), F(
+        (C) => C.map((E) => (E.key === e.key && (E.isEditing = !1), E))
       ), o.close();
       return;
     }
-    /[\\/:*?"<>|]/.test($.key) ? ($.preventDefault(), f(F("invalidFileName")), d(!0)) : d(!1);
+    /[\\/:*?"<>|]/.test($.key) ? ($.preventDefault(), p(N("invalidFileName")), c(!0)) : c(!1);
   };
   Q(() => {
     if (r) {
       const $ = setTimeout(() => {
-        d(!1), f("");
+        c(!1), p("");
       }, 7e3);
       return () => clearTimeout($);
     }
   }, [r]);
-  function x($) {
+  function b($) {
     if (i === "" || i === e.name) {
-      N(
-        (C) => C.map((b) => (b.key === e.key && (b.isEditing = !1), b))
+      F(
+        (x) => x.map((C) => (C.key === e.key && (C.isEditing = !1), C))
       ), o.close();
       return;
-    } else if (S.some((C) => C.name === i)) {
-      d(!0), f(F("folderExists", { renameFile: i })), g.setIsClicked(!1);
+    } else if (S.some((x) => x.name === i)) {
+      c(!0), p(N("folderExists", { renameFile: i })), g.setIsClicked(!1);
       return;
     } else if (!e.isDirectory && !$) {
-      const C = Ne(e.name), b = Ne(i);
-      if (C !== b) {
+      const x = Ne(e.name), C = Ne(i);
+      if (x !== C) {
         l(!0);
         return;
       }
     }
-    d(!1), xe(t, "onRename", e, i), N((C) => C.filter((b) => b.key !== e.key)), o.close();
+    c(!1), xe(t, "onRename", e, i), F((x) => x.filter((C) => C.key !== e.key)), o.close();
   }
   const w = () => {
-    var $, C, b, P, R, M;
-    if ((C = ($ = g.ref) == null ? void 0 : $.current) == null || C.focus(), e.isDirectory)
-      (P = (b = g.ref) == null ? void 0 : b.current) == null || P.select();
+    var $, x, C, E, T, R;
+    if ((x = ($ = g.ref) == null ? void 0 : $.current) == null || x.focus(), e.isDirectory)
+      (E = (C = g.ref) == null ? void 0 : C.current) == null || E.select();
     else {
-      const q = Ne(e.name), J = e.name.length - q.length - 1;
-      (M = (R = g.ref) == null ? void 0 : R.current) == null || M.setSelectionRange(0, J);
+      const V = Ne(e.name), _ = e.name.length - V.length - 1;
+      (R = (T = g.ref) == null ? void 0 : T.current) == null || R.setSelectionRange(0, _);
     }
   };
   return Q(() => {
     var $;
     if (w(), ($ = g.ref) != null && $.current) {
-      const R = n.current.getBoundingClientRect(), M = g.ref.current, q = M.getBoundingClientRect();
-      R.right - q.left > 313 ? h("right") : h("left"), R.bottom - (q.top + M.clientHeight) > 88 ? v("bottom") : v("top");
+      const T = n.current.getBoundingClientRect(), R = g.ref.current, V = R.getBoundingClientRect();
+      T.right - V.left > 313 ? h("right") : h("left"), T.bottom - (V.top + R.clientHeight) > 88 ? v("bottom") : v("top");
     }
   }, []), Q(() => {
-    g.isClicked && x(!1), w();
-  }, [g.isClicked]), /* @__PURE__ */ A(pe, { children: [
-    /* @__PURE__ */ c(
+    g.isClicked && b(!1), w();
+  }, [g.isClicked]), /* @__PURE__ */ k(pe, { children: [
+    /* @__PURE__ */ d(
       In,
       {
         id: e.name,
@@ -4303,55 +4306,55 @@ const Un = ({
         maxLength: j$,
         value: i,
         onChange: ($) => {
-          s($.target.value), d(!1);
+          s($.target.value), c(!1);
         },
-        onKeyDown: L,
+        onKeyDown: P,
         onClick: ($) => $.stopPropagation(),
         ...O === "list" && { rows: 1 }
       }
     ),
-    r && /* @__PURE__ */ c(
+    r && /* @__PURE__ */ d(
       Dn,
       {
         message: u,
-        xPlacement: p,
+        xPlacement: f,
         yPlacement: m
       }
     ),
-    /* @__PURE__ */ c(
+    /* @__PURE__ */ d(
       Un,
       {
-        heading: F("rename"),
+        heading: N("rename"),
         show: a,
         setShow: l,
         dialogWidth: "25vw",
         closeButton: !1,
-        children: /* @__PURE__ */ A("div", { className: "fm-rename-folder-container", ref: z, children: [
-          /* @__PURE__ */ c("div", { className: "fm-rename-folder-input", children: /* @__PURE__ */ A("div", { className: "fm-rename-warning", children: [
-            /* @__PURE__ */ c(U$, { size: 70, color: "orange" }),
-            /* @__PURE__ */ c("div", { children: F("fileNameChangeWarning") })
+        children: /* @__PURE__ */ k("div", { className: "fm-rename-folder-container", ref: z, children: [
+          /* @__PURE__ */ d("div", { className: "fm-rename-folder-input", children: /* @__PURE__ */ k("div", { className: "fm-rename-warning", children: [
+            /* @__PURE__ */ d(U$, { size: 70, color: "orange" }),
+            /* @__PURE__ */ d("div", { children: N("fileNameChangeWarning") })
           ] }) }),
-          /* @__PURE__ */ A("div", { className: "fm-rename-folder-action", children: [
-            /* @__PURE__ */ c(
+          /* @__PURE__ */ k("div", { className: "fm-rename-folder-action", children: [
+            /* @__PURE__ */ d(
               Ee,
               {
                 type: "secondary",
                 onClick: () => {
-                  N(
-                    ($) => $.map((C) => (C.key === e.key && (C.isEditing = !1), C))
+                  F(
+                    ($) => $.map((x) => (x.key === e.key && (x.isEditing = !1), x))
                   ), l(!1), o.close();
                 },
-                children: F("no")
+                children: N("no")
               }
             ),
-            /* @__PURE__ */ c(
+            /* @__PURE__ */ d(
               Ee,
               {
                 type: "danger",
                 onClick: () => {
-                  l(!1), x(!0);
+                  l(!1), b(!0);
                 },
-                children: F("yes")
+                children: N("yes")
               }
             )
           ] })
@@ -4368,7 +4371,7 @@ const Un = ({
     return `${o.toFixed(e)} MB`;
   if (o >= 1024)
     return `${i.toFixed(e)} GB`;
-}, jn = ({ name: n, id: e, checked: t, onClick: o, onChange: i, className: s = "", title: a, disabled: l = !1 }) => /* @__PURE__ */ c(
+}, jn = ({ name: n, id: e, checked: t, onClick: o, onChange: i, className: s = "", title: a, disabled: l = !1 }) => /* @__PURE__ */ d(
   "input",
   {
     className: `fm-checkbox ${s}`,
@@ -4391,90 +4394,90 @@ const Un = ({
   filesViewRef: a,
   selectedFileIndexes: l,
   triggerAction: r,
-  handleContextMenu: d,
+  handleContextMenu: c,
   setLastSelectedFile: u,
-  draggable: f,
-  formatDate: p
+  draggable: p,
+  formatDate: f
 }) => {
-  var we, ze, vt, $t;
-  const [h, m] = k(!1), [v, S] = k(0), [N, O] = k("hidden"), [F, z] = k(""), [g, L] = k(null), { activeLayout: x } = ye(), w = x === "grid" ? 48 : 20, $ = _e(w), { setCurrentPath: C, currentPathFiles: b, onFolderChange: P } = he(), { setSelectedFiles: R } = ve(), { clipBoard: M, handleCutCopy: q, setClipBoard: J, handlePasting: oe } = Xe(), ae = se(null), K = _e(ct), y = (M == null ? void 0 : M.isMoving) && M.files.find((X) => X.name === e.name && X.path === e.path), E = () => {
-    s(e), e.isDirectory ? (C(e.path), P == null || P(e.path), R([])) : i && r.show("previewFile");
-  }, B = (X, fe) => {
+  var ge, ze, vt, $t;
+  const [h, m] = M(!1), [v, S] = M(0), [F, O] = M("hidden"), [N, z] = M(""), [g, P] = M(null), { activeLayout: b } = we(), w = b === "grid" ? 48 : 20, $ = _e(w), { setCurrentPath: x, currentPathFiles: C, onFolderChange: E } = he(), { setSelectedFiles: T } = $e(), { clipBoard: R, handleCutCopy: V, setClipBoard: _, handlePasting: ee } = Xe(), se = ae(null), q = _e(ct), y = (R == null ? void 0 : R.isMoving) && R.files.find((X) => X.name === e.name && X.path === e.path), L = () => {
+    s(e), e.isDirectory ? (x(e.path), E == null || E(e.path), T([])) : i && r.show("previewFile");
+  }, W = (X, fe) => {
     if (l.length > 0 && X) {
-      let ge = !1, be = l[0], Ce = n;
+      let ve = !1, be = l[0], Ce = n;
       if (be >= Ce) {
         const Bn = be;
-        be = Ce, Ce = Bn, ge = !0;
+        be = Ce, Ce = Bn, ve = !0;
       }
-      const yt = b.slice(be, Ce + 1);
-      R(ge ? yt.reverse() : yt);
-    } else l.length > 0 && fe ? R((ge) => {
-      const be = ge.filter((Ce) => Ce.path !== e.path);
-      return ge.length === be.length ? [...ge, e] : be;
-    }) : R([e]);
+      const yt = C.slice(be, Ce + 1);
+      T(ve ? yt.reverse() : yt);
+    } else l.length > 0 && fe ? T((ve) => {
+      const be = ve.filter((Ce) => Ce.path !== e.path);
+      return ve.length === be.length ? [...ve, e] : be;
+    }) : T([e]);
   }, U = (X) => {
     if (X.stopPropagation(), e.isEditing) return;
-    B(X.shiftKey, X.ctrlKey);
+    W(X.shiftKey, X.ctrlKey);
     const fe = (/* @__PURE__ */ new Date()).getTime();
     if (fe - v < 300) {
-      E();
+      L();
       return;
     }
     S(fe);
   }, j = (X) => {
-    X.key === "Enter" && (X.stopPropagation(), R([e]), E());
-  }, _ = (X) => {
-    X.stopPropagation(), X.preventDefault(), !e.isEditing && (h || R([e]), u(e), d(X, !0));
-  }, W = () => {
-    O("visible");
+    X.key === "Enter" && (X.stopPropagation(), T([e]), L());
+  }, G = (X) => {
+    X.stopPropagation(), X.preventDefault(), !e.isEditing && (h || T([e]), u(e), c(X, !0));
   }, Y = () => {
+    O("visible");
+  }, K = () => {
     !h && O("hidden");
-  }, G = (X) => {
-    X.target.checked ? R((fe) => [...fe, e]) : R((fe) => fe.filter((ge) => ge.name !== e.name && ge.path !== e.path)), m(X.target.checked);
+  }, J = (X) => {
+    X.target.checked ? T((fe) => [...fe, e]) : T((fe) => fe.filter((ve) => ve.name !== e.name && ve.path !== e.path)), m(X.target.checked);
   }, Z = (X) => {
-    X.dataTransfer.setDragImage(ae.current, 30, 50), X.dataTransfer.effectAllowed = "copy", q(!0);
-  }, D = () => J(null), ne = (X) => {
-    X.preventDefault(), h || !e.isDirectory ? X.dataTransfer.dropEffect = "none" : (L({ x: X.clientX, y: X.clientY + 12 }), X.dataTransfer.dropEffect = "copy", z("file-drop-zone"));
-  }, T = (X) => {
-    X.currentTarget.contains(X.relatedTarget) || (z((fe) => fe && ""), L(null));
-  }, ue = (X) => {
-    X.preventDefault(), !(h || !e.isDirectory) && (oe(e), z((fe) => fe && ""), L(null));
+    X.dataTransfer.setDragImage(se.current, 30, 50), X.dataTransfer.effectAllowed = "copy", V(!0);
+  }, D = () => _(null), oe = (X) => {
+    X.preventDefault(), h || !e.isDirectory ? X.dataTransfer.dropEffect = "none" : (P({ x: X.clientX, y: X.clientY + 12 }), X.dataTransfer.dropEffect = "copy", z("file-drop-zone"));
+  }, A = (X) => {
+    X.currentTarget.contains(X.relatedTarget) || (z((fe) => fe && ""), P(null));
+  }, re = (X) => {
+    X.preventDefault(), !(h || !e.isDirectory) && (ee(e), z((fe) => fe && ""), P(null));
   };
   return Q(() => {
     m(l.includes(n)), O(l.includes(n) ? "visible" : "hidden");
-  }, [l]), /* @__PURE__ */ A(
+  }, [l]), /* @__PURE__ */ k(
     "div",
     {
-      className: `file-item-container ${F} ${h || e.isEditing ? "file-selected" : ""} ${y ? "file-moving" : ""}`,
+      className: `file-item-container ${N} ${h || e.isEditing ? "file-selected" : ""} ${y ? "file-moving" : ""}`,
       tabIndex: 0,
       title: e.name,
       onClick: U,
       onKeyDown: j,
-      onContextMenu: _,
-      onMouseOver: W,
-      onMouseLeave: Y,
-      draggable: h && f,
+      onContextMenu: G,
+      onMouseOver: Y,
+      onMouseLeave: K,
+      draggable: h && p,
       onDragStart: Z,
       onDragEnd: D,
-      onDragEnter: ne,
-      onDragOver: ne,
-      onDragLeave: T,
-      onDrop: ue,
+      onDragEnter: oe,
+      onDragOver: oe,
+      onDragLeave: A,
+      onDrop: re,
       children: [
-        /* @__PURE__ */ A("div", { className: "file-item", children: [
-          !e.isEditing && /* @__PURE__ */ c(
+        /* @__PURE__ */ k("div", { className: "file-item", children: [
+          !e.isEditing && /* @__PURE__ */ d(
             jn,
             {
               name: e.name,
               id: e.name,
               checked: h,
-              className: `selection-checkbox ${N}`,
-              onChange: G,
+              className: `selection-checkbox ${F}`,
+              onChange: J,
               onClick: (X) => X.stopPropagation()
             }
           ),
-          e.isDirectory ? /* @__PURE__ */ c(Pt, { size: w }) : /* @__PURE__ */ c(pe, { children: $[(ze = (we = e.name) == null ? void 0 : we.split(".").pop()) == null ? void 0 : ze.toLowerCase()] ?? /* @__PURE__ */ c(Ve, { size: w }) }),
-          e.isEditing ? /* @__PURE__ */ c("div", { className: `rename-file-container ${x}`, children: r.actionType === "createFolder" ? /* @__PURE__ */ c(
+          e.isDirectory ? /* @__PURE__ */ d(Pt, { size: w }) : /* @__PURE__ */ d(pe, { children: $[(ze = (ge = e.name) == null ? void 0 : ge.split(".").pop()) == null ? void 0 : ze.toLowerCase()] ?? /* @__PURE__ */ d(Ve, { size: w }) }),
+          e.isEditing ? /* @__PURE__ */ d("div", { className: `rename-file-container ${b}`, children: r.actionType === "createFolder" ? /* @__PURE__ */ d(
             D$,
             {
               filesViewRef: a,
@@ -4482,7 +4485,7 @@ const Un = ({
               onCreateFolder: t,
               triggerAction: r
             }
-          ) : /* @__PURE__ */ c(
+          ) : /* @__PURE__ */ d(
             H$,
             {
               filesViewRef: a,
@@ -4490,13 +4493,13 @@ const Un = ({
               onRename: o,
               triggerAction: r
             }
-          ) }) : /* @__PURE__ */ c("span", { className: "text-truncate file-name", children: e.name })
+          ) }) : /* @__PURE__ */ d("span", { className: "text-truncate file-name", children: e.name })
         ] }),
-        x === "list" && /* @__PURE__ */ A(pe, { children: [
-          /* @__PURE__ */ c("div", { className: "modified-date", children: p(e.updatedAt) }),
-          /* @__PURE__ */ c("div", { className: "size", children: (e == null ? void 0 : e.size) > 0 ? Qe(e == null ? void 0 : e.size) : "" })
+        b === "list" && /* @__PURE__ */ k(pe, { children: [
+          /* @__PURE__ */ d("div", { className: "modified-date", children: f(e.updatedAt) }),
+          /* @__PURE__ */ d("div", { className: "size", children: (e == null ? void 0 : e.size) > 0 ? Qe(e == null ? void 0 : e.size) : "" })
         ] }),
-        g && /* @__PURE__ */ A(
+        g && /* @__PURE__ */ k(
           "div",
           {
             style: {
@@ -4506,69 +4509,69 @@ const Un = ({
             className: "drag-move-tooltip",
             children: [
               "Move to ",
-              /* @__PURE__ */ c("span", { className: "drop-zone-file-name", children: e.name })
+              /* @__PURE__ */ d("span", { className: "drop-zone-file-name", children: e.name })
             ]
           }
         ),
-        /* @__PURE__ */ c("div", { ref: ae, className: "drag-icon", children: e.isDirectory ? /* @__PURE__ */ c(Pt, { size: ct }) : /* @__PURE__ */ c(pe, { children: K[($t = (vt = e.name) == null ? void 0 : vt.split(".").pop()) == null ? void 0 : $t.toLowerCase()] ?? /* @__PURE__ */ c(Ve, { size: ct }) }) })
+        /* @__PURE__ */ d("div", { ref: se, className: "drag-icon", children: e.isDirectory ? /* @__PURE__ */ d(Pt, { size: ct }) : /* @__PURE__ */ d(pe, { children: q[($t = (vt = e.name) == null ? void 0 : vt.split(".").pop()) == null ? void 0 : $t.toLowerCase()] ?? /* @__PURE__ */ d(Ve, { size: ct }) }) })
       ]
     }
   );
-}, B$ = ({ subMenuRef: n, list: e, position: t = "right" }) => /* @__PURE__ */ c("ul", { ref: n, className: `sub-menu ${t}`, children: e == null ? void 0 : e.map((o) => /* @__PURE__ */ A("li", { onClick: o.onClick, children: [
-  /* @__PURE__ */ c("span", { className: "item-selected", children: o.selected && /* @__PURE__ */ c(bn, { size: 13 }) }),
+}, B$ = ({ subMenuRef: n, list: e, position: t = "right" }) => /* @__PURE__ */ d("ul", { ref: n, className: `sub-menu ${t}`, children: e == null ? void 0 : e.map((o) => /* @__PURE__ */ k("li", { onClick: o.onClick, children: [
+  /* @__PURE__ */ d("span", { className: "item-selected", children: o.selected && /* @__PURE__ */ d(bn, { size: 13 }) }),
   o.icon,
-  /* @__PURE__ */ c("span", { children: o.title })
+  /* @__PURE__ */ d("span", { children: o.title })
 ] }, o.title)) }), W$ = ({ filesViewRef: n, contextMenuRef: e, menuItems: t, visible: o, clickPosition: i }) => {
-  const [s, a] = k(0), [l, r] = k(0), [d, u] = k(null), [f, p] = k("right"), h = se(null), m = () => {
-    const { clickX: N, clickY: O } = i, F = n.current, z = F.getBoundingClientRect(), g = F.offsetWidth - F.clientWidth, L = e.current.getBoundingClientRect(), x = L.width, w = L.height, $ = N - z.left, C = z.width - ($ + g) > x, b = !C, P = O - z.top, R = z.height - P > w, M = !R;
-    C ? (a(`${$}px`), p("right")) : b && (a(`${$ - x}px`), p("left")), R ? r(`${P + F.scrollTop}px`) : M && r(`${P + F.scrollTop - w}px`);
-  }, v = (N) => {
-    N.preventDefault(), N.stopPropagation();
-  }, S = (N) => {
-    u(N);
+  const [s, a] = M(0), [l, r] = M(0), [c, u] = M(null), [p, f] = M("right"), h = ae(null), m = () => {
+    const { clickX: F, clickY: O } = i, N = n.current, z = N.getBoundingClientRect(), g = N.offsetWidth - N.clientWidth, P = e.current.getBoundingClientRect(), b = P.width, w = P.height, $ = F - z.left, x = z.width - ($ + g) > b, C = !x, E = O - z.top, T = z.height - E > w, R = !T;
+    x ? (a(`${$}px`), f("right")) : C && (a(`${$ - b}px`), f("left")), T ? r(`${E + N.scrollTop}px`) : R && r(`${E + N.scrollTop - w}px`);
+  }, v = (F) => {
+    F.preventDefault(), F.stopPropagation();
+  }, S = (F) => {
+    u(F);
   };
   if (Q(() => {
     o && e.current ? m() : (r(0), a(0), u(null));
   }, [o]), o)
-    return /* @__PURE__ */ c(
+    return /* @__PURE__ */ d(
       "div",
       {
         ref: e,
         onContextMenu: v,
-        onClick: (N) => N.stopPropagation(),
+        onClick: (F) => F.stopPropagation(),
         className: `fm-context-menu ${l ? "visible" : "hidden"}`,
         style: {
           top: l,
           left: s
         },
-        children: /* @__PURE__ */ c("div", { className: "file-context-menu-list", children: /* @__PURE__ */ c("ul", { children: t.filter((N) => !N.hidden).map((N, O) => {
-          const F = N.hasOwnProperty("children"), z = d === O && F;
-          return /* @__PURE__ */ A("div", { children: [
-            /* @__PURE__ */ A(
+        children: /* @__PURE__ */ d("div", { className: "file-context-menu-list", children: /* @__PURE__ */ d("ul", { children: t.filter((F) => !F.hidden).map((F, O) => {
+          const N = F.hasOwnProperty("children"), z = c === O && N;
+          return /* @__PURE__ */ k("div", { children: [
+            /* @__PURE__ */ k(
               "li",
               {
-                onClick: N.onClick,
-                className: `${N.className ?? ""} ${z ? "active" : ""}`,
+                onClick: F.onClick,
+                className: `${F.className ?? ""} ${z ? "active" : ""}`,
                 onMouseOver: () => S(O),
                 children: [
-                  N.icon,
-                  /* @__PURE__ */ c("span", { children: N.title }),
-                  F && /* @__PURE__ */ A(pe, { children: [
-                    /* @__PURE__ */ c(ao, { size: 14, className: "list-expand-icon" }),
-                    z && /* @__PURE__ */ c(
+                  F.icon,
+                  /* @__PURE__ */ d("span", { children: F.title }),
+                  N && /* @__PURE__ */ k(pe, { children: [
+                    /* @__PURE__ */ d(ao, { size: 14, className: "list-expand-icon" }),
+                    z && /* @__PURE__ */ d(
                       B$,
                       {
                         subMenuRef: h,
-                        list: N.children,
-                        position: f
+                        list: F.children,
+                        position: p
                       }
                     )
                   ] })
                 ]
               }
             ),
-            N.divider && O !== t.filter((g) => !g.hidden).length - 1 && /* @__PURE__ */ c("div", { className: "divider" })
-          ] }, N.title);
+            F.divider && O !== t.filter((g) => !g.hidden).length - 1 && /* @__PURE__ */ d("div", { className: "divider" })
+          ] }, F.title);
         }) }) })
       }
     );
@@ -4577,227 +4580,227 @@ function Y$(n) {
   return H({ 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: [] }] })(n);
 }
 const K$ = (n, e, t, o, i) => {
-  const [s, a] = k([]), [l, r] = k(!1), [d, u] = k(!1), [f, p] = k({ clickX: 0, clickY: 0 }), [h, m] = k(null), { clipBoard: v, setClipBoard: S, handleCutCopy: N, handlePasting: O } = Xe(), { selectedFiles: F, setSelectedFiles: z, handleDownload: g } = ve(), { currentPath: L, setCurrentPath: x, currentPathFiles: w, setCurrentPathFiles: $, onFolderChange: C } = he(), { activeLayout: b, setActiveLayout: P } = ye(), R = le(), M = () => {
-    i(h), h.isDirectory ? (x(h.path), C == null || C(h.path), a([]), z([])) : e && t.show("previewFile"), r(!1);
-  }, q = (D) => {
-    N(D), r(!1);
-  }, J = () => {
+  const [s, a] = M([]), [l, r] = M(!1), [c, u] = M(!1), [p, f] = M({ clickX: 0, clickY: 0 }), [h, m] = M(null), { clipBoard: v, setClipBoard: S, handleCutCopy: F, handlePasting: O } = Xe(), { selectedFiles: N, setSelectedFiles: z, handleDownload: g } = $e(), { currentPath: P, setCurrentPath: b, currentPathFiles: w, setCurrentPathFiles: $, onFolderChange: x } = he(), { activeLayout: C, setActiveLayout: E } = we(), T = ce(), R = () => {
+    i(h), h.isDirectory ? (b(h.path), x == null || x(h.path), a([]), z([])) : e && t.show("previewFile"), r(!1);
+  }, V = (D) => {
+    F(D), r(!1);
+  }, _ = () => {
     O(h), r(!1);
-  }, oe = () => {
+  }, ee = () => {
     r(!1), t.show("rename");
-  }, ae = () => {
+  }, se = () => {
     g(), r(!1);
-  }, K = () => {
+  }, q = () => {
     r(!1), t.show("delete");
   }, y = () => {
     r(!1), xe(n, "onRefresh"), S(null);
-  }, E = () => {
+  }, L = () => {
     t.show("createFolder"), r(!1);
-  }, B = () => {
+  }, W = () => {
     r(!1), t.show("uploadFile");
   }, U = () => {
     z(w), r(!1);
   }, j = [
     {
-      title: R("view"),
-      icon: b === "grid" ? /* @__PURE__ */ c(xt, { size: 18 }) : /* @__PURE__ */ c(He, { size: 18 }),
+      title: T("view"),
+      icon: C === "grid" ? /* @__PURE__ */ d(xt, { size: 18 }) : /* @__PURE__ */ d(He, { size: 18 }),
       onClick: () => {
       },
       children: [
         {
-          title: R("grid"),
-          icon: /* @__PURE__ */ c(xt, { size: 18 }),
-          selected: b === "grid",
+          title: T("grid"),
+          icon: /* @__PURE__ */ d(xt, { size: 18 }),
+          selected: C === "grid",
           onClick: () => {
-            P("grid"), r(!1);
+            E("grid"), r(!1);
           }
         },
         {
-          title: R("list"),
-          icon: /* @__PURE__ */ c(He, { size: 18 }),
-          selected: b === "list",
+          title: T("list"),
+          icon: /* @__PURE__ */ d(He, { size: 18 }),
+          selected: C === "list",
           onClick: () => {
-            P("list"), r(!1);
+            E("list"), r(!1);
           }
         }
       ]
     },
     {
-      title: R("refresh"),
-      icon: /* @__PURE__ */ c(vn, { size: 18 }),
+      title: T("refresh"),
+      icon: /* @__PURE__ */ d(vn, { size: 18 }),
       onClick: y,
       divider: !0
     },
     {
-      title: R("newFolder"),
-      icon: /* @__PURE__ */ c(hn, { size: 18 }),
-      onClick: E,
+      title: T("newFolder"),
+      icon: /* @__PURE__ */ d(hn, { size: 18 }),
+      onClick: L,
       hidden: !o.create,
       divider: !o.upload
     },
     {
-      title: R("upload"),
-      icon: /* @__PURE__ */ c(yn, { size: 18 }),
-      onClick: B,
+      title: T("upload"),
+      icon: /* @__PURE__ */ d(yn, { size: 18 }),
+      onClick: W,
       divider: !0,
       hidden: !o.upload
     },
     {
-      title: R("selectAll"),
-      icon: /* @__PURE__ */ c(so, { size: 18 }),
+      title: T("selectAll"),
+      icon: /* @__PURE__ */ d(so, { size: 18 }),
       onClick: U
     }
-  ], _ = [
+  ], G = [
     {
-      title: R("open"),
-      icon: h != null && h.isDirectory ? /* @__PURE__ */ c(Y$, { size: 20 }) : /* @__PURE__ */ c(Ve, { size: 16 }),
-      onClick: M,
+      title: T("open"),
+      icon: h != null && h.isDirectory ? /* @__PURE__ */ d(Y$, { size: 20 }) : /* @__PURE__ */ d(Ve, { size: 16 }),
+      onClick: R,
       divider: !0
     },
     {
-      title: R("cut"),
-      icon: /* @__PURE__ */ c(gn, { size: 19 }),
-      onClick: () => q(!0),
+      title: T("cut"),
+      icon: /* @__PURE__ */ d(gn, { size: 19 }),
+      onClick: () => V(!0),
       divider: !(h != null && h.isDirectory) && !o.copy,
       hidden: !o.move
     },
     {
-      title: R("copy"),
-      icon: /* @__PURE__ */ c(pn, { strokeWidth: 0.1, size: 17 }),
-      onClick: () => q(!1),
+      title: T("copy"),
+      icon: /* @__PURE__ */ d(pn, { strokeWidth: 0.1, size: 17 }),
+      onClick: () => V(!1),
       divider: !(h != null && h.isDirectory),
       hidden: !o.copy
     },
     {
-      title: R("paste"),
-      icon: /* @__PURE__ */ c(ut, { size: 18 }),
-      onClick: J,
+      title: T("paste"),
+      icon: /* @__PURE__ */ d(ut, { size: 18 }),
+      onClick: _,
       className: `${v ? "" : "disable-paste"}`,
       hidden: !(h != null && h.isDirectory) || !o.move && !o.copy,
       divider: !0
     },
     {
-      title: R("rename"),
-      icon: /* @__PURE__ */ c(wn, { size: 19 }),
-      onClick: oe,
-      hidden: F.length > 1,
+      title: T("rename"),
+      icon: /* @__PURE__ */ d(wn, { size: 19 }),
+      onClick: ee,
+      hidden: N.length > 1,
       hidden: !o.rename
     },
     {
-      title: R("download"),
-      icon: /* @__PURE__ */ c(ht, { size: 18 }),
-      onClick: ae,
+      title: T("download"),
+      icon: /* @__PURE__ */ d(ht, { size: 18 }),
+      onClick: se,
       hidden: !o.download
     },
     {
-      title: R("delete"),
-      icon: /* @__PURE__ */ c($n, { size: 19 }),
-      onClick: K,
+      title: T("delete"),
+      icon: /* @__PURE__ */ d($n, { size: 19 }),
+      onClick: q,
       hidden: !o.delete
     }
-  ], W = () => {
+  ], Y = () => {
     $((D) => [
       ...D,
       {
         name: Mn("New Folder", !0, D),
         isDirectory: !0,
-        path: L,
+        path: P,
         isEditing: !0,
         key: (/* @__PURE__ */ new Date()).valueOf()
       }
     ]);
-  }, Y = () => {
+  }, K = () => {
     $((D) => {
-      const ne = s.at(-1);
-      return D[ne] ? D.map((T, ue) => ue === ne ? {
-        ...T,
+      const oe = s.at(-1);
+      return D[oe] ? D.map((A, re) => re === oe ? {
+        ...A,
         isEditing: !0
-      } : T) : (t.close(), D);
+      } : A) : (t.close(), D);
     }), a([]), z([]);
-  }, G = () => {
+  }, J = () => {
     a([]), z((D) => D.length > 0 ? [] : D);
-  }, Z = (D, ne = !1) => {
-    D.preventDefault(), p({ clickX: D.clientX, clickY: D.clientY }), u(ne), !ne && G(), r(!0);
+  }, Z = (D, oe = !1) => {
+    D.preventDefault(), f({ clickX: D.clientX, clickY: D.clientY }), u(oe), !oe && J(), r(!0);
   };
   return Q(() => {
     if (t.isActive)
       switch (t.actionType) {
         case "createFolder":
-          W();
+          Y();
           break;
         case "rename":
-          Y();
+          K();
           break;
       }
   }, [t.isActive]), Q(() => {
     a([]), z([]);
-  }, [L]), Q(() => {
-    F.length > 0 ? a(() => F.map((D) => w.findIndex((ne) => ne.path === D.path))) : a([]);
-  }, [F, w]), {
+  }, [P]), Q(() => {
+    N.length > 0 ? a(() => N.map((D) => w.findIndex((oe) => oe.path === D.path))) : a([]);
+  }, [N, w]), {
     emptySelecCtxItems: j,
-    selecCtxItems: _,
+    selecCtxItems: G,
     handleContextMenu: Z,
-    unselectFiles: G,
+    unselectFiles: J,
     visible: l,
     setVisible: r,
     setLastSelectedFile: m,
     selectedFileIndexes: s,
-    clickPosition: f,
-    isSelectionCtx: d
+    clickPosition: p,
+    isSelectionCtx: c
   };
 }, q$ = ({ unselectFiles: n, onSort: e, sortConfig: t }) => {
-  const o = le(), [i, s] = k(!1), { selectedFiles: a, setSelectedFiles: l } = ve(), { currentPathFiles: r } = he(), d = Ge(() => r.length > 0 && a.length === r.length, [a, r]), u = (p) => {
-    p.target.checked ? (l(r), s(!0)) : n();
-  }, f = (p) => {
-    e && e(p);
+  const o = ce(), [i, s] = M(!1), { selectedFiles: a, setSelectedFiles: l } = $e(), { currentPathFiles: r } = he(), c = Ge(() => r.length > 0 && a.length === r.length, [a, r]), u = (f) => {
+    f.target.checked ? (l(r), s(!0)) : n();
+  }, p = (f) => {
+    e && e(f);
   };
-  return /* @__PURE__ */ A(
+  return /* @__PURE__ */ k(
     "div",
     {
       className: "files-header",
       onMouseOver: () => s(!0),
       onMouseLeave: () => s(!1),
       children: [
-        /* @__PURE__ */ c("div", { className: "file-select-all", children: (i || d) && /* @__PURE__ */ c(
+        /* @__PURE__ */ d("div", { className: "file-select-all", children: (i || c) && /* @__PURE__ */ d(
           jn,
           {
             id: "selectAll",
-            checked: d,
+            checked: c,
             onChange: u,
             title: "Select all",
             disabled: r.length === 0
           }
         ) }),
-        /* @__PURE__ */ A(
+        /* @__PURE__ */ k(
           "div",
           {
             className: `file-name ${(t == null ? void 0 : t.key) === "name" ? "active" : ""}`,
-            onClick: () => f("name"),
+            onClick: () => p("name"),
             children: [
               o("name"),
-              (t == null ? void 0 : t.key) === "name" && /* @__PURE__ */ c("span", { className: "sort-indicator", children: t.direction === "asc" ? " ▲" : " ▼" })
+              (t == null ? void 0 : t.key) === "name" && /* @__PURE__ */ d("span", { className: "sort-indicator", children: t.direction === "asc" ? " ▲" : " ▼" })
             ]
           }
         ),
-        /* @__PURE__ */ A(
+        /* @__PURE__ */ k(
           "div",
           {
             className: `file-date ${(t == null ? void 0 : t.key) === "modified" ? "active" : ""}`,
-            onClick: () => f("modified"),
+            onClick: () => p("modified"),
             children: [
               o("modified"),
-              (t == null ? void 0 : t.key) === "modified" && /* @__PURE__ */ c("span", { className: "sort-indicator", children: t.direction === "asc" ? " ▲" : " ▼" })
+              (t == null ? void 0 : t.key) === "modified" && /* @__PURE__ */ d("span", { className: "sort-indicator", children: t.direction === "asc" ? " ▲" : " ▼" })
             ]
           }
         ),
-        /* @__PURE__ */ A(
+        /* @__PURE__ */ k(
           "div",
           {
             className: `file-size ${(t == null ? void 0 : t.key) === "size" ? "active" : ""}`,
-            onClick: () => f("size"),
+            onClick: () => p("size"),
             children: [
               o("size"),
-              (t == null ? void 0 : t.key) === "size" && /* @__PURE__ */ c("span", { className: "sort-indicator", children: t.direction === "asc" ? " ▲" : " ▼" })
+              (t == null ? void 0 : t.key) === "size" && /* @__PURE__ */ d("span", { className: "sort-indicator", children: t.direction === "asc" ? " ▲" : " ▼" })
             ]
           }
         )
@@ -4805,68 +4808,91 @@ const K$ = (n, e, t, o, i) => {
     }
   );
 }, Hn = ({
-  onCreateFolder: n,
-  onRename: e,
-  onFileOpen: t,
-  onRefresh: o,
-  enableFilePreview: i,
-  triggerAction: s,
-  permissions: a,
-  formatDate: l
+  actions: n,
+  onCreateFolder: e,
+  onRename: t,
+  onFileOpen: o,
+  onRefresh: i,
+  enableFilePreview: s,
+  triggerAction: a,
+  permissions: l,
+  formatDate: r
 }) => {
-  const { currentPathFiles: r, sortConfig: d, setSortConfig: u } = he(), f = se(null), { activeLayout: p } = ye(), h = le(), {
-    emptySelecCtxItems: m,
-    selecCtxItems: v,
-    handleContextMenu: S,
-    unselectFiles: N,
-    visible: O,
-    setVisible: F,
-    setLastSelectedFile: z,
-    selectedFileIndexes: g,
-    clickPosition: L,
-    isSelectionCtx: x
-  } = K$(o, i, s, a, t), w = Oe(() => F(!1)), $ = (C) => {
-    let b = "asc";
-    d.key === C && d.direction === "asc" && (b = "desc"), u({ key: C, direction: b });
+  const { currentPathFiles: c, sortConfig: u, setSortConfig: p } = he(), f = ae(null), { activeLayout: h } = we(), m = ce(), {
+    emptySelecCtxItems: v,
+    selecCtxItems: S,
+    handleContextMenu: F,
+    unselectFiles: O,
+    visible: N,
+    setVisible: z,
+    setLastSelectedFile: g,
+    selectedFileIndexes: P,
+    clickPosition: b,
+    isSelectionCtx: w
+  } = K$(i, s, a, l, o), $ = Oe(() => z(!1)), x = (T) => {
+    let R = "asc";
+    u.key === T && u.direction === "asc" && (R = "desc"), p({ key: T, direction: R });
+  }, C = (T) => {
+    z(!1);
+    for (let R of n.keys())
+      if (P.length > 0 && P.every((_) => c[_].class === R)) {
+        for (let _ of n.get(R))
+          if (_.title === T.target.innerText) {
+            let ee = c.filter((se, q) => P.includes(q));
+            _.onClick(ee);
+          }
+      }
   };
-  return /* @__PURE__ */ A(
+  let E = S;
+  for (let T of n.keys())
+    if (P.length > 0 && P.every((V) => c[V].class === T)) {
+      E[E.length - 1].divider = !0;
+      for (let V of n.get(T))
+        E.push({
+          title: V.title,
+          icon: V.icon,
+          divider: V.divider,
+          onClick: C
+        });
+    }
+  return /* @__PURE__ */ k(
     "div",
     {
       ref: f,
-      className: `files ${p}`,
-      onContextMenu: S,
-      onClick: N,
+      className: `files ${h}`,
+      onContextMenu: F,
+      onClick: O,
       children: [
-        p === "list" && /* @__PURE__ */ c(q$, { unselectFiles: N, onSort: $, sortConfig: d }),
-        (r == null ? void 0 : r.length) > 0 ? /* @__PURE__ */ c(pe, { children: r.map((C, b) => /* @__PURE__ */ c(
+        h === "list" && /* @__PURE__ */ d(q$, { unselectFiles: O, onSort: x, sortConfig: u }),
+        (c == null ? void 0 : c.length) > 0 ? /* @__PURE__ */ d(pe, { children: c.map((T, R) => /* @__PURE__ */ d(
           V$,
           {
-            index: b,
-            file: C,
-            onCreateFolder: n,
-            onRename: e,
-            onFileOpen: t,
-            enableFilePreview: i,
-            triggerAction: s,
+            index: R,
+            file: T,
+            onCreateFolder: e,
+            onRename: t,
+            onFileOpen: o,
+            enableFilePreview: s,
+            triggerAction: a,
             filesViewRef: f,
-            selectedFileIndexes: g,
-            handleContextMenu: S,
-            setVisible: F,
-            setLastSelectedFile: z,
-            draggable: a.move,
-            formatDate: l
+            selectedFileIndexes: P,
+            handleContextMenu: F,
+            setVisible: z,
+            setLastSelectedFile: g,
+            draggable: l.move,
+            formatDate: r
           },
-          b
-        )) }) : /* @__PURE__ */ c("div", { className: "empty-folder", children: h("folderEmpty") }),
-        /* @__PURE__ */ c(
+          R
+        )) }) : /* @__PURE__ */ d("div", { className: "empty-folder", children: m("folderEmpty") }),
+        /* @__PURE__ */ d(
           W$,
           {
             filesViewRef: f,
-            contextMenuRef: w.ref,
-            menuItems: x ? v : m,
-            visible: O,
-            setVisible: F,
-            clickPosition: L
+            contextMenuRef: $.ref,
+            menuItems: w ? E : v,
+            visible: N,
+            setVisible: z,
+            clickPosition: b
           }
         )
       ]
@@ -4875,7 +4901,7 @@ const K$ = (n, e, t, o, i) => {
 };
 Hn.displayName = "FileList";
 const _$ = ({ triggerAction: n, onDelete: e }) => {
-  const [t, o] = k(""), { selectedFiles: i, setSelectedFiles: s } = ve(), a = le();
+  const [t, o] = M(""), { selectedFiles: i, setSelectedFiles: s } = $e(), a = ce();
   Q(() => {
     o(() => {
       if (i.length === 1)
@@ -4887,11 +4913,11 @@ const _$ = ({ triggerAction: n, onDelete: e }) => {
   const l = () => {
     e(i), s([]), n.close();
   };
-  return /* @__PURE__ */ A("div", { className: "file-delete-confirm", children: [
-    /* @__PURE__ */ c("p", { className: "file-delete-confirm-text", children: t }),
-    /* @__PURE__ */ A("div", { className: "file-delete-confirm-actions", children: [
-      /* @__PURE__ */ c(Ee, { type: "secondary", onClick: () => n.close(), children: a("cancel") }),
-      /* @__PURE__ */ c(Ee, { type: "danger", onClick: l, children: a("delete") })
+  return /* @__PURE__ */ k("div", { className: "file-delete-confirm", children: [
+    /* @__PURE__ */ d("p", { className: "file-delete-confirm-text", children: t }),
+    /* @__PURE__ */ k("div", { className: "file-delete-confirm-actions", children: [
+      /* @__PURE__ */ d(Ee, { type: "secondary", onClick: () => n.close(), children: a("cancel") }),
+      /* @__PURE__ */ d(Ee, { type: "danger", onClick: l, children: a("delete") })
     ] })
   ] });
 };
@@ -4902,10 +4928,10 @@ function J$(n) {
   return H({ 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: [] }] })(n);
 }
 const Z$ = ({ percent: n = 0, isCanceled: e = !1, isCompleted: t = !1, error: o }) => {
-  const i = le();
-  return /* @__PURE__ */ A("div", { role: "progressbar", className: "fm-progress", children: [
-    !o && /* @__PURE__ */ c("div", { className: "fm-progress-bar", children: /* @__PURE__ */ c("div", { className: "fm-progress-bar-fill", style: { width: `${n}%` } }) }),
-    e ? /* @__PURE__ */ c("span", { className: "fm-upload-canceled", children: i("canceled") }) : o ? /* @__PURE__ */ c("span", { className: "fm-upload-canceled", children: o }) : /* @__PURE__ */ c("div", { className: "fm-progress-status", children: /* @__PURE__ */ c("span", { children: t ? i("completed") : i("percentDone", { percent: n }) }) })
+  const i = ce();
+  return /* @__PURE__ */ k("div", { role: "progressbar", className: "fm-progress", children: [
+    !o && /* @__PURE__ */ d("div", { className: "fm-progress-bar", children: /* @__PURE__ */ d("div", { className: "fm-progress-bar-fill", style: { width: `${n}%` } }) }),
+    e ? /* @__PURE__ */ d("span", { className: "fm-upload-canceled", children: i("canceled") }) : o ? /* @__PURE__ */ d("span", { className: "fm-upload-canceled", children: o }) : /* @__PURE__ */ d("div", { className: "fm-progress-status", children: /* @__PURE__ */ d("span", { children: t ? i("completed") : i("percentDone", { percent: n }) }) })
   ] });
 };
 function X$(n) {
@@ -4920,98 +4946,98 @@ const Q$ = ({
   onFileUploaded: s,
   handleFileRemove: a
 }) => {
-  var x, w, $, C;
-  const [l, r] = k(0), [d, u] = k(!1), [f, p] = k(!1), [h, m] = k(!1), v = _e(33), S = se(), { onError: N } = Ze(), O = le(), F = (b) => {
-    r(0), o((R) => ({
-      ...R,
+  var b, w, $, x;
+  const [l, r] = M(0), [c, u] = M(!1), [p, f] = M(!1), [h, m] = M(!1), v = _e(33), S = ae(), { onError: F } = Ze(), O = ce(), N = (C) => {
+    r(0), o((T) => ({
+      ...T,
       [n]: !1
     }));
-    const P = {
+    const E = {
       type: "upload",
       message: O("uploadFail"),
       response: {
-        status: b.status,
-        statusText: b.statusText,
-        data: b.response
+        status: C.status,
+        statusText: C.statusText,
+        data: C.response
       }
     };
     t(
-      (R) => R.map((M, q) => n === q ? {
-        ...M,
-        error: P.message
-      } : M)
-    ), m(!0), N(P, e.file);
-  }, z = (b) => {
-    if (!b.error)
-      return new Promise((P, R) => {
-        const M = new XMLHttpRequest();
-        S.current = M, o((K) => ({
-          ...K,
+      (T) => T.map((R, V) => n === V ? {
+        ...R,
+        error: E.message
+      } : R)
+    ), m(!0), F(E, e.file);
+  }, z = (C) => {
+    if (!C.error)
+      return new Promise((E, T) => {
+        const R = new XMLHttpRequest();
+        S.current = R, o((q) => ({
+          ...q,
           [n]: !0
-        })), M.upload.onprogress = (K) => {
-          if (K.lengthComputable) {
-            const y = Math.round(K.loaded / K.total * 100);
+        })), R.upload.onprogress = (q) => {
+          if (q.lengthComputable) {
+            const y = Math.round(q.loaded / q.total * 100);
             r(y);
           }
-        }, M.onload = () => {
-          o((K) => ({
-            ...K,
+        }, R.onload = () => {
+          o((q) => ({
+            ...q,
             [n]: !1
-          })), M.status === 200 || M.status === 201 ? (u(!0), s(M.response), P(M.response)) : (R(M.statusText), F(M));
-        }, M.onerror = () => {
-          R(M.statusText), F(M);
+          })), R.status === 200 || R.status === 201 ? (u(!0), s(R.response), E(R.response)) : (T(R.statusText), N(R));
+        }, R.onerror = () => {
+          T(R.statusText), N(R);
         };
-        const q = (i == null ? void 0 : i.method) || "POST";
-        M.open(q, i == null ? void 0 : i.url, !0);
-        const J = i == null ? void 0 : i.headers;
-        for (let K in J)
-          M.setRequestHeader(K, J[K]);
-        const oe = new FormData(), ae = b == null ? void 0 : b.appendData;
-        for (let K in ae)
-          ae[K] && oe.append(K, ae[K]);
-        oe.append("file", b.file), M.send(oe);
+        const V = (i == null ? void 0 : i.method) || "POST";
+        R.open(V, i == null ? void 0 : i.url, !0);
+        const _ = i == null ? void 0 : i.headers;
+        for (let q in _)
+          R.setRequestHeader(q, _[q]);
+        const ee = new FormData(), se = C == null ? void 0 : C.appendData;
+        for (let q in se)
+          se[q] && ee.append(q, se[q]);
+        ee.append("file", C.file), R.send(ee);
       });
   };
   Q(() => {
     S.current || z(e);
   }, []);
   const g = () => {
-    S.current && (S.current.abort(), o((b) => ({
-      ...b,
+    S.current && (S.current.abort(), o((C) => ({
+      ...C,
       [n]: !1
-    })), p(!0), r(0));
-  }, L = () => {
+    })), f(!0), r(0));
+  }, P = () => {
     e != null && e.file && (t(
-      (b) => b.map((P, R) => n === R ? {
-        ...P,
+      (C) => C.map((E, T) => n === T ? {
+        ...E,
         error: !1
-      } : P)
-    ), z({ ...e, error: !1 }), p(!1), m(!1));
+      } : E)
+    ), z({ ...e, error: !1 }), f(!1), m(!1));
   };
-  return e.removed ? null : /* @__PURE__ */ A("li", { children: [
-    /* @__PURE__ */ c("div", { className: "file-icon", children: v[Ne((x = e.file) == null ? void 0 : x.name)] ?? /* @__PURE__ */ c(Ve, { size: 33 }) }),
-    /* @__PURE__ */ A("div", { className: "file", children: [
-      /* @__PURE__ */ A("div", { className: "file-details", children: [
-        /* @__PURE__ */ A("div", { className: "file-info", children: [
-          /* @__PURE__ */ c("span", { className: "file-name text-truncate", title: (w = e.file) == null ? void 0 : w.name, children: ($ = e.file) == null ? void 0 : $.name }),
-          /* @__PURE__ */ c("span", { className: "file-size", children: Qe((C = e.file) == null ? void 0 : C.size) })
+  return e.removed ? null : /* @__PURE__ */ k("li", { children: [
+    /* @__PURE__ */ d("div", { className: "file-icon", children: v[Ne((b = e.file) == null ? void 0 : b.name)] ?? /* @__PURE__ */ d(Ve, { size: 33 }) }),
+    /* @__PURE__ */ k("div", { className: "file", children: [
+      /* @__PURE__ */ k("div", { className: "file-details", children: [
+        /* @__PURE__ */ k("div", { className: "file-info", children: [
+          /* @__PURE__ */ d("span", { className: "file-name text-truncate", title: (w = e.file) == null ? void 0 : w.name, children: ($ = e.file) == null ? void 0 : $.name }),
+          /* @__PURE__ */ d("span", { className: "file-size", children: Qe((x = e.file) == null ? void 0 : x.size) })
         ] }),
-        d ? /* @__PURE__ */ c(C$, { title: O("uploaded"), className: "upload-success" }) : f || h ? /* @__PURE__ */ c(X$, { className: "retry-upload", title: "Retry", onClick: L }) : /* @__PURE__ */ c(
+        c ? /* @__PURE__ */ d(C$, { title: O("uploaded"), className: "upload-success" }) : p || h ? /* @__PURE__ */ d(X$, { className: "retry-upload", title: "Retry", onClick: P }) : /* @__PURE__ */ d(
           "div",
           {
             className: "rm-file",
             title: `${e.error ? O("Remove") : O("abortUpload")}`,
             onClick: e.error ? () => a(n) : g,
-            children: /* @__PURE__ */ c(G$, {})
+            children: /* @__PURE__ */ d(G$, {})
           }
         )
       ] }),
-      /* @__PURE__ */ c(
+      /* @__PURE__ */ d(
         Z$,
         {
           percent: l,
-          isCanceled: f,
-          isCompleted: d,
+          isCanceled: p,
+          isCompleted: c,
           error: e.error
         }
       )
@@ -5024,64 +5050,64 @@ const Q$ = ({
   onFileUploading: o,
   onFileUploaded: i
 }) => {
-  const [s, a] = k([]), [l, r] = k(!1), [d, u] = k({}), { currentFolder: f, currentPathFiles: p } = he(), { onError: h } = Ze(), m = se(null), v = le(), S = (L) => {
-    L.key === "Enter" && m.current.click();
-  }, N = (L) => {
-    if (t && !t.includes(Ne(L.name)))
+  const [s, a] = M([]), [l, r] = M(!1), [c, u] = M({}), { currentFolder: p, currentPathFiles: f } = he(), { onError: h } = Ze(), m = ae(null), v = ce(), S = (P) => {
+    P.key === "Enter" && m.current.click();
+  }, F = (P) => {
+    if (t && !t.includes(Ne(P.name)))
       return v("fileTypeNotAllowed");
-    if (p.some(
-      ($) => $.name.toLowerCase() === L.name.toLowerCase() && !$.isDirectory
+    if (f.some(
+      ($) => $.name.toLowerCase() === P.name.toLowerCase() && !$.isDirectory
     )) return v("fileAlreadyExist");
-    if (e && L.size > e) return `${v("maxUploadSize")} ${Qe(e, 0)}.`;
-  }, O = (L) => {
-    if (L = L.filter(
-      (x) => !s.some((w) => w.file.name.toLowerCase() === x.name.toLowerCase())
-    ), L.length > 0) {
-      const x = L.map((w) => {
-        const $ = o(w, f), C = N(w);
-        return C && h({ type: "upload", message: C }, w), {
+    if (e && P.size > e) return `${v("maxUploadSize")} ${Qe(e, 0)}.`;
+  }, O = (P) => {
+    if (P = P.filter(
+      (b) => !s.some((w) => w.file.name.toLowerCase() === b.name.toLowerCase())
+    ), P.length > 0) {
+      const b = P.map((w) => {
+        const $ = o(w, p), x = F(w);
+        return x && h({ type: "upload", message: x }, w), {
           file: w,
           appendData: $,
-          ...C && { error: C }
+          ...x && { error: x }
         };
       });
-      a((w) => [...w, ...x]);
+      a((w) => [...w, ...b]);
     }
-  }, F = (L) => {
-    L.preventDefault(), r(!1);
-    const x = Array.from(L.dataTransfer.files);
-    O(x);
-  }, z = (L) => {
-    const x = Array.from(L.target.files);
-    O(x);
-  }, g = (L) => {
-    a((x) => {
-      const w = x.map(($, C) => L === C ? {
+  }, N = (P) => {
+    P.preventDefault(), r(!1);
+    const b = Array.from(P.dataTransfer.files);
+    O(b);
+  }, z = (P) => {
+    const b = Array.from(P.target.files);
+    O(b);
+  }, g = (P) => {
+    a((b) => {
+      const w = b.map(($, x) => P === x ? {
         ...$,
         removed: !0
       } : $);
       return w.every(($) => !!$.removed) ? [] : w;
     });
   };
-  return /* @__PURE__ */ A("div", { className: `fm-upload-file ${s.length > 0 ? "file-selcted" : ""}`, children: [
-    /* @__PURE__ */ A("div", { className: "select-files", children: [
-      /* @__PURE__ */ c(
+  return /* @__PURE__ */ k("div", { className: `fm-upload-file ${s.length > 0 ? "file-selcted" : ""}`, children: [
+    /* @__PURE__ */ k("div", { className: "select-files", children: [
+      /* @__PURE__ */ d(
         "div",
         {
           className: `draggable-file-input ${l ? "dragging" : ""}`,
-          onDrop: F,
-          onDragOver: (L) => L.preventDefault(),
+          onDrop: N,
+          onDragOver: (P) => P.preventDefault(),
           onDragEnter: () => r(!0),
           onDragLeave: () => r(!1),
-          children: /* @__PURE__ */ A("div", { className: "input-text", children: [
-            /* @__PURE__ */ c(J$, { size: 30 }),
-            /* @__PURE__ */ c("span", { children: v("dragFileToUpload") })
+          children: /* @__PURE__ */ k("div", { className: "input-text", children: [
+            /* @__PURE__ */ d(J$, { size: 30 }),
+            /* @__PURE__ */ d("span", { children: v("dragFileToUpload") })
           ] })
         }
       ),
-      /* @__PURE__ */ c("div", { className: "btn-choose-file", children: /* @__PURE__ */ A(Ee, { padding: "0", onKeyDown: S, children: [
-        /* @__PURE__ */ c("label", { htmlFor: "chooseFile", children: v("chooseFile") }),
-        /* @__PURE__ */ c(
+      /* @__PURE__ */ d("div", { className: "btn-choose-file", children: /* @__PURE__ */ k(Ee, { padding: "0", onKeyDown: S, children: [
+        /* @__PURE__ */ d("label", { htmlFor: "chooseFile", children: v("chooseFile") }),
+        /* @__PURE__ */ d(
           "input",
           {
             ref: m,
@@ -5095,86 +5121,86 @@ const Q$ = ({
         )
       ] }) })
     ] }),
-    s.length > 0 && /* @__PURE__ */ A("div", { className: "files-progress", children: [
-      /* @__PURE__ */ c("div", { className: "heading", children: Object.values(d).some((L) => L) ? /* @__PURE__ */ A(pe, { children: [
-        /* @__PURE__ */ c("h2", { children: v("uploading") }),
-        /* @__PURE__ */ c(pt, { loading: !0, className: "upload-loading" })
-      ] }) : /* @__PURE__ */ c("h2", { children: v("completed") }) }),
-      /* @__PURE__ */ c("ul", { children: s.map((L, x) => /* @__PURE__ */ c(
+    s.length > 0 && /* @__PURE__ */ k("div", { className: "files-progress", children: [
+      /* @__PURE__ */ d("div", { className: "heading", children: Object.values(c).some((P) => P) ? /* @__PURE__ */ k(pe, { children: [
+        /* @__PURE__ */ d("h2", { children: v("uploading") }),
+        /* @__PURE__ */ d(pt, { loading: !0, className: "upload-loading" })
+      ] }) : /* @__PURE__ */ d("h2", { children: v("completed") }) }),
+      /* @__PURE__ */ d("ul", { children: s.map((P, b) => /* @__PURE__ */ d(
         Q$,
         {
-          index: x,
-          fileData: L,
+          index: b,
+          fileData: P,
           setFiles: a,
           fileUploadConfig: n,
           setIsUploading: u,
           onFileUploaded: i,
           handleFileRemove: g
         },
-        x
+        b
       )) })
     ] })
   ] });
 }, sn = ["jpg", "jpeg", "png"], an = ["mp4", "mov", "avi"], rn = ["mp3", "wav", "m4a"], ln = ["txt", "pdf"], t6 = ({ filePreviewPath: n, filePreviewComponent: e }) => {
   var v;
-  const [t, o] = k(!0), [i, s] = k(!1), { selectedFiles: a } = ve(), l = _e(73), r = (v = Ne(a[0].name)) == null ? void 0 : v.toLowerCase(), d = `${n}${a[0].path}`, u = le(), f = Ge(
+  const [t, o] = M(!0), [i, s] = M(!1), { selectedFiles: a } = $e(), l = _e(73), r = (v = Ne(a[0].name)) == null ? void 0 : v.toLowerCase(), c = `${n}${a[0].path}`, u = ce(), p = Ge(
     () => e == null ? void 0 : e(a[0]),
     [e]
-  ), p = () => {
+  ), f = () => {
     o(!1), s(!1);
   }, h = () => {
     o(!1), s(!0);
   }, m = () => {
-    window.location.href = d;
+    window.location.href = c;
   };
-  return $e.isValidElement(f) ? f : /* @__PURE__ */ A("section", { className: `file-previewer ${r === "pdf" ? "pdf-previewer" : ""}`, children: [
+  return ye.isValidElement(p) ? p : /* @__PURE__ */ k("section", { className: `file-previewer ${r === "pdf" ? "pdf-previewer" : ""}`, children: [
     i || ![
       ...sn,
       ...an,
       ...rn,
       ...ln
-    ].includes(r) && /* @__PURE__ */ A("div", { className: "preview-error", children: [
-      /* @__PURE__ */ c("span", { className: "error-icon", children: l[r] ?? /* @__PURE__ */ c(S$, { size: 73 }) }),
-      /* @__PURE__ */ c("span", { className: "error-msg", children: u("previewUnavailable") }),
-      /* @__PURE__ */ A("div", { className: "file-info", children: [
-        /* @__PURE__ */ c("span", { className: "file-name", children: a[0].name }),
-        a[0].size && /* @__PURE__ */ c("span", { children: "-" }),
-        /* @__PURE__ */ c("span", { className: "file-size", children: Qe(a[0].size) })
+    ].includes(r) && /* @__PURE__ */ k("div", { className: "preview-error", children: [
+      /* @__PURE__ */ d("span", { className: "error-icon", children: l[r] ?? /* @__PURE__ */ d(S$, { size: 73 }) }),
+      /* @__PURE__ */ d("span", { className: "error-msg", children: u("previewUnavailable") }),
+      /* @__PURE__ */ k("div", { className: "file-info", children: [
+        /* @__PURE__ */ d("span", { className: "file-name", children: a[0].name }),
+        a[0].size && /* @__PURE__ */ d("span", { children: "-" }),
+        /* @__PURE__ */ d("span", { className: "file-size", children: Qe(a[0].size) })
       ] }),
-      /* @__PURE__ */ c(Ee, { onClick: m, padding: "0.45rem .9rem", children: /* @__PURE__ */ A("div", { className: "download-btn", children: [
-        /* @__PURE__ */ c(ht, { size: 18 }),
-        /* @__PURE__ */ c("span", { children: u("download") })
+      /* @__PURE__ */ d(Ee, { onClick: m, padding: "0.45rem .9rem", children: /* @__PURE__ */ k("div", { className: "download-btn", children: [
+        /* @__PURE__ */ d(ht, { size: 18 }),
+        /* @__PURE__ */ d("span", { children: u("download") })
       ] }) })
     ] }),
-    sn.includes(r) && /* @__PURE__ */ A(pe, { children: [
-      /* @__PURE__ */ c(pt, { isLoading: t }),
-      /* @__PURE__ */ c(
+    sn.includes(r) && /* @__PURE__ */ k(pe, { children: [
+      /* @__PURE__ */ d(pt, { isLoading: t }),
+      /* @__PURE__ */ d(
         "img",
         {
-          src: d,
+          src: c,
           alt: "Preview Unavailable",
           className: `photo-popup-image ${t ? "img-loading" : ""}`,
-          onLoad: p,
+          onLoad: f,
           onError: h,
           loading: "lazy"
         }
       )
     ] }),
-    an.includes(r) && /* @__PURE__ */ c("video", { src: d, className: "video-preview", controls: !0, autoPlay: !0 }),
-    rn.includes(r) && /* @__PURE__ */ c("audio", { src: d, controls: !0, autoPlay: !0, className: "audio-preview" }),
-    ln.includes(r) && /* @__PURE__ */ c(pe, { children: /* @__PURE__ */ c(
+    an.includes(r) && /* @__PURE__ */ d("video", { src: c, className: "video-preview", controls: !0, autoPlay: !0 }),
+    rn.includes(r) && /* @__PURE__ */ d("audio", { src: c, controls: !0, autoPlay: !0, className: "audio-preview" }),
+    ln.includes(r) && /* @__PURE__ */ d(pe, { children: /* @__PURE__ */ d(
       "iframe",
       {
-        src: d,
-        onLoad: p,
+        src: c,
+        onLoad: f,
         onError: h,
         frameBorder: "0",
         className: `photo-popup-iframe ${t ? "img-loading" : ""}`
       }
     ) })
   ] });
-}, dt = (n) => n.toLowerCase(), ce = (n, e, t = !1) => {
-  const o = se(/* @__PURE__ */ new Set([])), i = Ge(() => new Set(n.map((r) => dt(r))), [n]), s = (r) => {
+}, dt = (n) => n.toLowerCase(), de = (n, e, t = !1) => {
+  const o = ae(/* @__PURE__ */ new Set([])), i = Ge(() => new Set(n.map((r) => dt(r))), [n]), s = (r) => {
     if (!r.repeat && (o.current.add(dt(r.key)), i.isSubsetOf(o.current) && !t)) {
       r.preventDefault(), e(r);
       return;
@@ -5187,7 +5213,7 @@ const Q$ = ({
   Q(() => (window.addEventListener("keydown", s), window.addEventListener("keyup", a), window.addEventListener("blur", l), () => {
     window.removeEventListener("keydown", s), window.removeEventListener("keyup", a), window.removeEventListener("blur", l);
   }), [i, e, t]);
-}, de = {
+}, ue = {
   createFolder: ["Alt", "Shift", "N"],
   uploadFiles: ["Control", "U"],
   cut: ["Control", "X"],
@@ -5206,7 +5232,7 @@ const Q$ = ({
   refresh: ["F5"],
   clearSelection: ["Escape"]
 }, n6 = (n, e, t) => {
-  const { setClipBoard: o, handleCutCopy: i, handlePasting: s } = Xe(), { currentFolder: a, currentPathFiles: l } = he(), { selectedFiles: r, setSelectedFiles: d, handleDownload: u } = ve(), { setActiveLayout: f } = ye(), p = () => {
+  const { setClipBoard: o, handleCutCopy: i, handlePasting: s } = Xe(), { currentFolder: a, currentPathFiles: l } = he(), { selectedFiles: r, setSelectedFiles: c, handleDownload: u } = $e(), { setActiveLayout: p } = we(), f = () => {
     t.create && n.show("createFolder");
   }, h = () => {
     t.upload && n.show("uploadFile");
@@ -5216,28 +5242,28 @@ const Q$ = ({
     t.copy && i(!1);
   }, S = () => {
     s(a);
-  }, N = () => {
+  }, F = () => {
     t.rename && n.show("rename");
   }, O = () => {
     t.download && u();
-  }, F = () => {
+  }, N = () => {
     t.delete && r.length && n.show("delete");
   }, z = () => {
-    l.length > 0 && d([l[0]]);
+    l.length > 0 && c([l[0]]);
   }, g = () => {
-    l.length > 0 && d([l.at(-1)]);
-  }, L = () => {
-    d(l);
-  }, x = () => {
-    d((b) => b.length > 0 ? [] : b);
+    l.length > 0 && c([l.at(-1)]);
+  }, P = () => {
+    c(l);
+  }, b = () => {
+    c((C) => C.length > 0 ? [] : C);
   }, w = () => {
     xe(e, "onRefresh"), o(null);
   }, $ = () => {
-    f("grid");
-  }, C = () => {
-    f("list");
+    p("grid");
+  }, x = () => {
+    p("list");
   };
-  ce(de.createFolder, p, n.isActive), ce(de.uploadFiles, h, n.isActive), ce(de.cut, m, n.isActive), ce(de.copy, v, n.isActive), ce(de.paste, S, n.isActive), ce(de.rename, N, n.isActive), ce(de.download, O, n.isActive), ce(de.delete, F, n.isActive), ce(de.jumpToFirst, z, n.isActive), ce(de.jumpToLast, g, n.isActive), ce(de.selectAll, L, n.isActive), ce(de.clearSelection, x, n.isActive), ce(de.refresh, w, n.isActive), ce(de.gridLayout, $, n.isActive), ce(de.listLayout, C, n.isActive);
+  de(ue.createFolder, f, n.isActive), de(ue.uploadFiles, h, n.isActive), de(ue.cut, m, n.isActive), de(ue.copy, v, n.isActive), de(ue.paste, S, n.isActive), de(ue.rename, F, n.isActive), de(ue.download, O, n.isActive), de(ue.delete, N, n.isActive), de(ue.jumpToFirst, z, n.isActive), de(ue.jumpToLast, g, n.isActive), de(ue.selectAll, P, n.isActive), de(ue.clearSelection, b, n.isActive), de(ue.refresh, w, n.isActive), de(ue.gridLayout, $, n.isActive), de(ue.listLayout, x, n.isActive);
 }, o6 = ({
   fileUploadConfig: n,
   onFileUploading: e,
@@ -5248,15 +5274,15 @@ const Q$ = ({
   filePreviewPath: a,
   filePreviewComponent: l,
   acceptedFileTypes: r,
-  triggerAction: d,
+  triggerAction: c,
   permissions: u
 }) => {
-  const [f, p] = k(null), { selectedFiles: h } = ve(), m = le();
-  n6(d, i, u);
+  const [p, f] = M(null), { selectedFiles: h } = $e(), m = ce();
+  n6(c, i, u);
   const v = {
     uploadFile: {
       title: m("upload"),
-      component: /* @__PURE__ */ c(
+      component: /* @__PURE__ */ d(
         e6,
         {
           fileUploadConfig: n,
@@ -5270,12 +5296,12 @@ const Q$ = ({
     },
     delete: {
       title: m("delete"),
-      component: /* @__PURE__ */ c(_$, { triggerAction: d, onDelete: o }),
+      component: /* @__PURE__ */ d(_$, { triggerAction: c, onDelete: o }),
       width: "25%"
     },
     previewFile: {
       title: m("preview"),
-      component: /* @__PURE__ */ c(
+      component: /* @__PURE__ */ d(
         t6,
         {
           filePreviewPath: a,
@@ -5286,24 +5312,24 @@ const Q$ = ({
     }
   };
   if (Q(() => {
-    if (d.isActive) {
-      const S = d.actionType;
-      S === "previewFile" && (v[S].title = (h == null ? void 0 : h.name) ?? m("preview")), p(v[S]);
+    if (c.isActive) {
+      const S = c.actionType;
+      S === "previewFile" && (v[S].title = (h == null ? void 0 : h.name) ?? m("preview")), f(v[S]);
     } else
-      p(null);
-  }, [d.isActive]), f)
-    return /* @__PURE__ */ c(
+      f(null);
+  }, [c.isActive]), p)
+    return /* @__PURE__ */ d(
       Un,
       {
-        heading: f.title,
-        show: d.isActive,
-        setShow: d.close,
-        dialogWidth: f.width,
-        children: f == null ? void 0 : f.component
+        heading: p.title,
+        show: c.isActive,
+        setShow: c.close,
+        dialogWidth: p.width,
+        children: p == null ? void 0 : p.component
       }
     );
 }, i6 = () => {
-  const [n, e] = k(!1), [t, o] = k(null);
+  const [n, e] = M(!1), [t, o] = M(null);
   return {
     isActive: n,
     actionType: t,
@@ -5315,7 +5341,7 @@ const Q$ = ({
     }
   };
 }, s6 = (n, e) => {
-  const [t, o] = k({ col1: n, col2: e }), [i, s] = k(!1), a = se(null);
+  const [t, o] = M({ col1: n, col2: e }), [i, s] = M(!1), a = ae(null);
   return {
     containerRef: a,
     colSizes: t,
@@ -5330,7 +5356,7 @@ const Q$ = ({
     handleMouseMove: (u) => {
       if (!i) return;
       u.preventDefault();
-      const p = a.current.getBoundingClientRect(), h = (u.clientX - p.left) / p.width * 100;
+      const f = a.current.getBoundingClientRect(), h = (u.clientX - f.left) / f.width * 100;
       h >= 15 && h <= 60 && o({ col1: h, col2: 100 - h });
     }
   };
@@ -5367,135 +5393,138 @@ const Q$ = ({
   const i = n.getMonth() + 1, s = n.getDate(), a = n.getFullYear();
   return `${i}/${s}/${a} ${e}:${t < 10 ? "0" + t : t} ${o}`;
 }, Vn = ({
-  files: n,
-  fileUploadConfig: e,
-  isLoading: t,
-  onCreateFolder: o,
-  onFileUploading: i = () => {
+  actions: n,
+  files: e,
+  fileUploadConfig: t,
+  icons: o,
+  isLoading: i,
+  onCreateFolder: s,
+  onFileUploading: a = () => {
   },
-  onFileUploaded: s = () => {
+  onFileUploaded: l = () => {
   },
-  onCut: a,
-  onCopy: l,
-  onPaste: r,
-  onRename: d,
-  onDownload: u,
-  onDelete: f = () => null,
-  onLayoutChange: p = () => {
+  onCut: r,
+  onCopy: c,
+  onPaste: u,
+  onRename: p,
+  onDownload: f,
+  onDelete: h = () => null,
+  onLayoutChange: m = () => {
   },
-  onRefresh: h,
-  onFileOpen: m = () => {
+  onRefresh: v,
+  onFileOpen: S = () => {
   },
-  onFolderChange: v = () => {
+  onFolderChange: F = () => {
   },
-  onSelect: S,
+  onSelect: O,
   onSelectionChange: N,
-  onError: O = () => {
+  onError: z = () => {
   },
-  layout: F = "grid",
-  enableFilePreview: z = !0,
-  maxFileSize: g,
-  filePreviewPath: L,
-  acceptedFileTypes: x,
-  height: w = "600px",
-  width: $ = "100%",
-  initialPath: C = "",
-  filePreviewComponent: b,
-  primaryColor: P = "#6155b4",
-  fontFamily: R = "Nunito Sans, sans-serif",
-  language: M = "en-US",
-  permissions: q = {},
-  collapsibleNav: J = !1,
-  defaultNavExpanded: oe = !0,
-  className: ae = "",
-  style: K = {},
-  formatDate: y = l6
+  layout: g = "grid",
+  enableFilePreview: P = !0,
+  maxFileSize: b,
+  filePreviewPath: w,
+  acceptedFileTypes: $,
+  height: x = "600px",
+  width: C = "100%",
+  initialPath: E = "",
+  filePreviewComponent: T,
+  primaryColor: R = "#6155b4",
+  fontFamily: V = "Nunito Sans, sans-serif",
+  language: _ = "en-US",
+  permissions: ee = {},
+  collapsibleNav: se = !1,
+  defaultNavExpanded: q = !0,
+  className: y = "",
+  style: L = {},
+  formatDate: W = l6
 }) => {
-  const [E, B] = k(oe), U = i6(), { containerRef: j, colSizes: _, isDragging: W, handleMouseMove: Y, handleMouseUp: G, handleMouseDown: Z } = s6(20, 80), D = {
-    "--file-manager-font-family": R,
-    "--file-manager-primary-color": P,
-    height: w,
-    width: $
-  }, ne = Ge(
-    () => ({ ...r6, ...q }),
-    [q]
+  const [U, j] = M(q), G = i6(), { containerRef: Y, colSizes: K, isDragging: J, handleMouseMove: Z, handleMouseUp: D, handleMouseDown: oe } = s6(20, 80), A = {
+    "--file-manager-font-family": V,
+    "--file-manager-primary-color": R,
+    height: x,
+    width: C
+  }, re = Ge(
+    () => ({ ...r6, ...ee }),
+    [ee]
   );
-  return /* @__PURE__ */ A(
+  return /* @__PURE__ */ k(
     "main",
     {
-      className: `file-explorer ${ae}`,
-      onContextMenu: (T) => T.preventDefault(),
-      style: { ...D, ...K },
+      className: `file-explorer ${y}`,
+      onContextMenu: (ge) => ge.preventDefault(),
+      style: { ...A, ...L },
       children: [
-        /* @__PURE__ */ c(pt, { loading: t }),
-        /* @__PURE__ */ c(Z4, { language: M, children: /* @__PURE__ */ c(Q4, { filesData: n, onError: O, children: /* @__PURE__ */ c(t$, { initialPath: C, onFolderChange: v, children: /* @__PURE__ */ c(
+        /* @__PURE__ */ d(pt, { loading: i }),
+        /* @__PURE__ */ d(Z4, { language: _, children: /* @__PURE__ */ d(Q4, { filesData: e, onError: z, children: /* @__PURE__ */ d(t$, { initialPath: E, onFolderChange: F, children: /* @__PURE__ */ d(
           n$,
           {
-            onDownload: u,
-            onSelect: S,
+            onDownload: f,
+            onSelect: O,
             onSelectionChange: N,
-            children: /* @__PURE__ */ c(o$, { onPaste: r, onCut: a, onCopy: l, children: /* @__PURE__ */ A(fo, { layout: F, children: [
-              /* @__PURE__ */ c(
+            children: /* @__PURE__ */ d(o$, { onPaste: u, onCut: r, onCopy: c, children: /* @__PURE__ */ k(fo, { layout: g, children: [
+              /* @__PURE__ */ d(
                 zn,
                 {
-                  onLayoutChange: p,
-                  onRefresh: h,
-                  triggerAction: U,
-                  permissions: ne
+                  onLayoutChange: m,
+                  onRefresh: v,
+                  triggerAction: G,
+                  permissions: re
                 }
               ),
-              /* @__PURE__ */ A(
+              /* @__PURE__ */ k(
                 "section",
                 {
-                  ref: j,
-                  onMouseMove: Y,
-                  onMouseUp: G,
+                  ref: Y,
+                  onMouseMove: Z,
+                  onMouseUp: D,
                   className: "files-container",
                   children: [
-                    /* @__PURE__ */ A(
+                    /* @__PURE__ */ k(
                       "div",
                       {
-                        className: `navigation-pane ${E ? "open" : "closed"}`,
+                        className: `navigation-pane ${U ? "open" : "closed"}`,
                         style: {
-                          width: _.col1 + "%"
+                          width: K.col1 + "%"
                         },
                         children: [
-                          /* @__PURE__ */ c(Rn, { onFileOpen: m }),
-                          /* @__PURE__ */ c(
+                          /* @__PURE__ */ d(Rn, { onFileOpen: S, icons: o }),
+                          /* @__PURE__ */ d(
                             "div",
                             {
-                              className: `sidebar-resize ${W ? "sidebar-dragging" : ""}`,
-                              onMouseDown: Z
+                              className: `sidebar-resize ${J ? "sidebar-dragging" : ""}`,
+                              onMouseDown: oe
                             }
                           )
                         ]
                       }
                     ),
-                    /* @__PURE__ */ A(
+                    /* @__PURE__ */ k(
                       "div",
                       {
                         className: "folders-preview",
-                        style: { width: (E ? _.col2 : 100) + "%" },
+                        style: { width: (U ? K.col2 : 100) + "%" },
                         children: [
-                          /* @__PURE__ */ c(
+                          /* @__PURE__ */ d(
                             gt,
                             {
-                              collapsibleNav: J,
-                              isNavigationPaneOpen: E,
-                              setNavigationPaneOpen: B
+                              collapsibleNav: se,
+                              isNavigationPaneOpen: U,
+                              setNavigationPaneOpen: j
                             }
                           ),
-                          /* @__PURE__ */ c(
+                          /* @__PURE__ */ d(
                             Hn,
                             {
-                              onCreateFolder: o,
-                              onRename: d,
-                              onFileOpen: m,
-                              onRefresh: h,
-                              enableFilePreview: z,
-                              triggerAction: U,
-                              permissions: ne,
-                              formatDate: y
+                              actions: n,
+                              onCreateFolder: s,
+                              onRename: p,
+                              onFileOpen: S,
+                              onRefresh: v,
+                              enableFilePreview: P,
+                              triggerAction: G,
+                              permissions: re,
+                              formatDate: W
                             }
                           )
                         ]
@@ -5504,20 +5533,20 @@ const Q$ = ({
                   ]
                 }
               ),
-              /* @__PURE__ */ c(
+              /* @__PURE__ */ d(
                 o6,
                 {
-                  fileUploadConfig: e,
-                  onFileUploading: i,
-                  onFileUploaded: s,
-                  onDelete: f,
-                  onRefresh: h,
-                  maxFileSize: g,
-                  filePreviewPath: L,
-                  filePreviewComponent: b,
-                  acceptedFileTypes: x,
-                  triggerAction: U,
-                  permissions: ne
+                  fileUploadConfig: t,
+                  onFileUploading: a,
+                  onFileUploaded: l,
+                  onDelete: h,
+                  onRefresh: v,
+                  maxFileSize: b,
+                  filePreviewPath: w,
+                  filePreviewComponent: T,
+                  acceptedFileTypes: $,
+                  triggerAction: G,
+                  permissions: re
                 }
               )
             ] }) })
@@ -5535,7 +5564,8 @@ Vn.propTypes = {
       isDirectory: I.bool.isRequired,
       path: I.string.isRequired,
       updatedAt: a6,
-      size: I.number
+      size: I.number,
+      class: I.string
     })
   ).isRequired,
   fileUploadConfig: I.shape({