@jfvilas/react-file-manager 1.1.0 → 1.1.1

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

@@ -1,4 +1,4 @@
-import { jsx as c, jsxs as A, Fragment as ce } from "react/jsx-runtime";
+import { jsx as c, jsxs as A, Fragment as re } from "react/jsx-runtime";
 import * as Re from "react";
 import ve, { createContext as xe, useState as R, useEffect as te, useContext as Ce, useRef as ae, useLayoutEffect as qn, useCallback as pn, useMemo as Je } from "react";
 var hn = {
@@ -188,7 +188,7 @@ function mo(n) {
 function Nt(n) {
   return j({ 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 le(n) {
+function ce(n) {
   return j({ 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 Et(n) {
@@ -2882,7 +2882,7 @@ const f6 = ({ setShowViewOptionsMenu: n, onLayoutChange: t, onNavigationPaneChan
   }
   const S = () => {
     u(), d([]);
-  }, T = () => /* @__PURE__ */ A(ce, { children: [
+  }, T = () => /* @__PURE__ */ A(re, { children: [
     N.map((P, w) => /* @__PURE__ */ A("div", { className: "toolbar-left-items", children: [
       /* @__PURE__ */ c("button", { className: "item-action icon-only file-action", title: P.title, onClick: P.onClick, children: P.icon }),
       w !== N.length - 1 && /* @__PURE__ */ c("div", { className: "item-separator" })
@@ -2896,7 +2896,7 @@ const f6 = ({ setShowViewOptionsMenu: n, onLayoutChange: t, onNavigationPaneChan
       }
     )
   ] });
-  return r.length > 0 ? /* @__PURE__ */ c(ce, { children: /* @__PURE__ */ c("div", { className: "toolbar file-selected", children: /* @__PURE__ */ A("div", { className: "file-action-container fm-toolbar", children: [
+  return r.length > 0 ? /* @__PURE__ */ c(re, { children: /* @__PURE__ */ c("div", { className: "toolbar file-selected", children: /* @__PURE__ */ A("div", { className: "file-action-container fm-toolbar", children: [
     /* @__PURE__ */ A("div", { children: [
       o.move && /* @__PURE__ */ A("button", { className: "item-action file-action", onClick: () => h(!0), children: [
         /* @__PURE__ */ c($n, { size: 18 }),
@@ -3254,7 +3254,7 @@ const T6 = ({ open: n, children: t }) => {
   });
   return te(() => {
     o(n);
-  }, [n, o]), /* @__PURE__ */ c(ce, { children: /* @__PURE__ */ c("div", { ...s(), children: t }) });
+  }, [n, o]), /* @__PURE__ */ c(re, { children: /* @__PURE__ */ c("div", { ...s(), children: t }) });
 };
 function k6(n) {
   return j({ 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);
@@ -3276,7 +3276,7 @@ const On = ({ folder: n, onFileOpen: t, icons: e }) => {
   };
   return te(() => {
     a(l === n.path), l.split("/").pop(), l.startsWith(n.path) && s(!0);
-  }, [l]), n.subDirectories.length > 0 ? /* @__PURE__ */ A(ce, { children: [
+  }, [l]), n.subDirectories.length > 0 ? /* @__PURE__ */ A(re, { children: [
     /* @__PURE__ */ A("div", { onClick: u, className: `sb-folders-list-item ${i ? "active-list-item" : ""}`, children: [
       /* @__PURE__ */ c("span", { onClick: p, children: /* @__PURE__ */ c(so, { size: 20, className: `folder-icon-default ${o ? "folder-rotate-down" : ""}` }) }),
       /* @__PURE__ */ A("div", { className: "sb-folder-details", children: [
@@ -3305,7 +3305,7 @@ const On = ({ folder: n, onFileOpen: t, icons: e }) => {
       const l = s.filter((d) => d.isDirectory), r = Object.groupBy(l, ({ path: d }) => R6(d));
       o(() => a("", r));
     }
-  }, [s]), /* @__PURE__ */ c("div", { className: "sb-folders-list", children: (e == null ? void 0 : e.length) > 0 ? /* @__PURE__ */ c(ce, { children: e == null ? void 0 : e.map((l, r) => /* @__PURE__ */ c(On, { folder: l, onFileOpen: n, icons: t }, r)) }) : /* @__PURE__ */ c("div", { className: "empty-nav-pane", children: i("nothingHereYet") }) });
+  }, [s]), /* @__PURE__ */ c("div", { className: "sb-folders-list", children: (e == null ? void 0 : e.length) > 0 ? /* @__PURE__ */ c(re, { children: e == null ? void 0 : e.map((l, r) => /* @__PURE__ */ c(On, { folder: l, onFileOpen: n, icons: t }, r)) }) : /* @__PURE__ */ c("div", { className: "empty-nav-pane", children: i("nothingHereYet") }) });
 };
 Mn.displayName = "NavigationPane";
 function O6(n) {
@@ -3405,8 +3405,8 @@ function I6() {
     }
     function T(L) {
       if (typeof L == "object" && L !== null) {
-        var re = L.$$typeof;
-        switch (re) {
+        var le = L.$$typeof;
+        switch (le) {
           case t:
             var ye = L.type;
             switch (ye) {
@@ -3427,11 +3427,11 @@ function I6() {
                   case a:
                     return we;
                   default:
-                    return re;
+                    return le;
                 }
             }
           case e:
-            return re;
+            return le;
         }
       }
     }
@@ -3656,11 +3656,11 @@ function j6() {
             );
             throw L.name = "Invariant Violation", L;
           } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
-            var re = J + ":" + Y;
-            !E[re] && // Avoid spamming the console because they are often not actionable except for lib authors
+            var le = J + ":" + Y;
+            !E[le] && // Avoid spamming the console because they are often not actionable except for lib authors
             K < 3 && (i(
               "You are manually calling a React.PropTypes validation function for the `" + U + "` 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."
-            ), E[re] = !0, K++);
+            ), E[le] = !0, K++);
           }
         }
         return _[Y] == null ? G ? _[Y] === null ? new g("The " + X + " `" + U + "` is marked as required " + ("in `" + J + "`, but its value is `null`.")) : new g("The " + X + " `" + U + "` is marked as required in " + ("`" + J + "`, but its value is `undefined`.")) : null : y(_, Y, J, X, U);
@@ -3745,8 +3745,8 @@ function j6() {
           if (m(Y, y[J]))
             return null;
         var X = JSON.stringify(y, function(se, L) {
-          var re = H(L);
-          return re === "symbol" ? String(L) : L;
+          var le = H(L);
+          return le === "symbol" ? String(L) : L;
         });
         return new g("Invalid " + G + " `" + _ + "` of value `" + String(Y) + "` " + ("supplied to `" + W + "`, expected one of " + X + "."));
       }
@@ -3786,8 +3786,8 @@ function j6() {
             return null;
           L.data && o(L.data, "expectedType") && X.push(L.data.expectedType);
         }
-        var re = X.length > 0 ? ", expected one of type [" + X.join(", ") + "]" : "";
-        return new g("Invalid " + Y + " `" + J + "` supplied to " + ("`" + _ + "`" + re + "."));
+        var le = X.length > 0 ? ", expected one of type [" + X.join(", ") + "]" : "";
+        return new g("Invalid " + Y + " `" + J + "` supplied to " + ("`" + _ + "`" + le + "."));
       }
       return x(B);
     }
@@ -4055,7 +4055,7 @@ const Y6 = ({ onFilterChange: n }) => {
     }
   }, [z]), /* @__PURE__ */ A("div", { className: "bread-crumb-container", children: [
     /* @__PURE__ */ A("div", { className: "breadcrumb", ref: g, children: [
-      n && /* @__PURE__ */ A(ce, { children: [
+      n && /* @__PURE__ */ A(re, { children: [
         /* @__PURE__ */ c(
           "div",
           {
@@ -4137,23 +4137,23 @@ const Ge = (n) => ({
   xls: /* @__PURE__ */ c(Et, { size: n }),
   xlsx: /* @__PURE__ */ c(Et, { size: n }),
   exe: /* @__PURE__ */ c(po, { size: n }),
-  html: /* @__PURE__ */ c(le, { size: n }),
-  css: /* @__PURE__ */ c(le, { size: n }),
-  js: /* @__PURE__ */ c(le, { size: n }),
-  php: /* @__PURE__ */ c(le, { size: n }),
-  py: /* @__PURE__ */ c(le, { size: n }),
-  java: /* @__PURE__ */ c(le, { size: n }),
-  cpp: /* @__PURE__ */ c(le, { size: n }),
-  c: /* @__PURE__ */ c(le, { size: n }),
-  ts: /* @__PURE__ */ c(le, { size: n }),
-  jsx: /* @__PURE__ */ c(le, { size: n }),
-  tsx: /* @__PURE__ */ c(le, { size: n }),
-  json: /* @__PURE__ */ c(le, { size: n }),
-  xml: /* @__PURE__ */ c(le, { size: n }),
-  sql: /* @__PURE__ */ c(le, { size: n }),
-  csv: /* @__PURE__ */ c(le, { size: n }),
-  md: /* @__PURE__ */ c(le, { size: n }),
-  svg: /* @__PURE__ */ c(le, { size: n })
+  html: /* @__PURE__ */ c(ce, { size: n }),
+  css: /* @__PURE__ */ c(ce, { size: n }),
+  js: /* @__PURE__ */ c(ce, { size: n }),
+  php: /* @__PURE__ */ c(ce, { size: n }),
+  py: /* @__PURE__ */ c(ce, { size: n }),
+  java: /* @__PURE__ */ c(ce, { size: n }),
+  cpp: /* @__PURE__ */ c(ce, { size: n }),
+  c: /* @__PURE__ */ c(ce, { size: n }),
+  ts: /* @__PURE__ */ c(ce, { size: n }),
+  jsx: /* @__PURE__ */ c(ce, { size: n }),
+  tsx: /* @__PURE__ */ c(ce, { size: n }),
+  json: /* @__PURE__ */ c(ce, { size: n }),
+  xml: /* @__PURE__ */ c(ce, { size: n }),
+  sql: /* @__PURE__ */ c(ce, { size: n }),
+  csv: /* @__PURE__ */ c(ce, { size: n }),
+  md: /* @__PURE__ */ c(ce, { size: n }),
+  svg: /* @__PURE__ */ c(ce, { size: n })
 }), Un = (n, t, e) => {
   if (e.find((o) => o.name === n)) {
     const o = "", s = n;
@@ -4225,7 +4225,7 @@ const Ge = (n) => ({
     }
   }, []), te(() => {
     m.isClicked && P();
-  }, [m.isClicked]), /* @__PURE__ */ A(ce, { children: [
+  }, [m.isClicked]), /* @__PURE__ */ A(re, { children: [
     /* @__PURE__ */ c(
       jn,
       {
@@ -4359,7 +4359,7 @@ const Bn = ({
     }
   }, []), te(() => {
     $.isClicked && w(!1), z();
-  }, [$.isClicked]), /* @__PURE__ */ A(ce, { children: [
+  }, [$.isClicked]), /* @__PURE__ */ A(re, { children: [
     /* @__PURE__ */ c(
       jn,
       {
@@ -4499,7 +4499,7 @@ const Bn = ({
     Q.target.checked ? k((pe) => [...pe, e]) : k((pe) => pe.filter((ge) => ge.name !== e.name && ge.path !== e.path)), g(Q.target.checked);
   }, se = (Q) => {
     Q.dataTransfer.setDragImage(D.current, 30, 50), Q.dataTransfer.effectAllowed = "copy", Z(!0);
-  }, L = () => H(null), re = (Q) => {
+  }, L = () => H(null), le = (Q) => {
     Q.preventDefault(), m || !e.isDirectory ? Q.dataTransfer.dropEffect = "none" : (w({ x: Q.clientX, y: Q.clientY + 12 }), Q.dataTransfer.dropEffect = "copy", $("file-drop-zone"));
   }, ye = (Q) => {
     Q.currentTarget.contains(Q.relatedTarget) || ($((pe) => pe && ""), w(null));
@@ -4522,8 +4522,8 @@ const Bn = ({
       draggable: m && f,
       onDragStart: se,
       onDragEnd: L,
-      onDragEnter: re,
-      onDragOver: re,
+      onDragEnter: le,
+      onDragOver: le,
       onDragLeave: ye,
       onDrop: we,
       children: [
@@ -4539,7 +4539,7 @@ const Bn = ({
               onClick: (Q) => Q.stopPropagation()
             }
           ),
-          e.isDirectory ? e.class && n && n.get(e.class) ? (z === "grid" ? n.get(e.class).grid : n.get(e.class).list) || /* @__PURE__ */ c(fo, { size: v }) : /* @__PURE__ */ c(Tt, { size: v }) : e.class && n && n.get(e.class) ? ve.cloneElement(n.get(e.class).open || n.get(e.class).default, { height: 40 }) : /* @__PURE__ */ A(ce, { children: [
+          e.isDirectory ? e.class && n && n.get(e.class) ? (z === "grid" ? n.get(e.class).grid : n.get(e.class).list) || /* @__PURE__ */ c(fo, { size: v }) : /* @__PURE__ */ c(Tt, { size: v }) : e.class && n && n.get(e.class) ? ve.cloneElement(n.get(e.class).open || n.get(e.class).default, { height: 40 }) : /* @__PURE__ */ A(re, { children: [
             " ",
             b[(yt = (Ne = e.name) == null ? void 0 : Ne.split(".").pop()) == null ? void 0 : yt.toLowerCase()] ?? /* @__PURE__ */ c(Be, { size: v }),
             " "
@@ -4562,7 +4562,7 @@ const Bn = ({
             }
           ) }) : /* @__PURE__ */ c("span", { className: "text-truncate file-name", children: e.name })
         ] }),
-        z === "list" && /* @__PURE__ */ A(ce, { children: [
+        z === "list" && /* @__PURE__ */ A(re, { children: [
           /* @__PURE__ */ c("div", { className: "modified-date", children: h(e.updatedAt) }),
           /* @__PURE__ */ c("div", { className: "size", children: (e == null ? void 0 : e.size) > 0 ? tt(e == null ? void 0 : e.size) : "" })
         ] }),
@@ -4580,7 +4580,7 @@ const Bn = ({
             ]
           }
         ),
-        /* @__PURE__ */ c("div", { ref: D, className: "drag-icon", children: e.isDirectory ? /* @__PURE__ */ c(Tt, { size: ut }) : /* @__PURE__ */ c(ce, { children: y[(bt = (wt = e.name) == null ? void 0 : wt.split(".").pop()) == null ? void 0 : bt.toLowerCase()] ?? /* @__PURE__ */ c(Be, { size: ut }) }) })
+        /* @__PURE__ */ c("div", { ref: D, className: "drag-icon", children: e.isDirectory ? /* @__PURE__ */ c(Tt, { size: ut }) : /* @__PURE__ */ c(re, { children: y[(bt = (wt = e.name) == null ? void 0 : wt.split(".").pop()) == null ? void 0 : bt.toLowerCase()] ?? /* @__PURE__ */ c(Be, { size: ut }) }) })
       ]
     }
   );
@@ -4623,7 +4623,7 @@ const Bn = ({
                 children: [
                   N.icon,
                   /* @__PURE__ */ c("span", { children: N.title }),
-                  S && /* @__PURE__ */ A(ce, { children: [
+                  S && /* @__PURE__ */ A(re, { children: [
                     /* @__PURE__ */ c(co, { size: 14, className: "list-expand-icon" }),
                     T && /* @__PURE__ */ c(
                       Q6,
@@ -4786,7 +4786,7 @@ const n$ = (n, t, e, o, s) => {
   }, Y = () => {
     v((U) => {
       const se = i.at(-1);
-      return U[se] ? U.map((L, re) => re === se ? {
+      return U[se] ? U.map((L, le) => le === se ? {
         ...L,
         isEditing: !0
       } : L) : (e.close(), U);
@@ -4909,30 +4909,33 @@ const n$ = (n, t, e, o, s) => {
     let ee = "asc";
     f.key === H && f.direction === "asc" && (ee = "desc"), h({ key: H, direction: ee });
   }, k = (H) => {
-    w(!1);
-    for (let ee of n.keys())
-      if (v.length > 0 && v.every((y) => p[y].class === ee)) {
-        for (let y of n.get(ee))
-          if (y.title === H.target.innerText) {
-            let E = p.filter((K, B) => v.includes(B));
-            y.onClick(E);
-          }
-      }
+    if (w(!1), n) {
+      for (let ee of n.keys())
+        if (v.length > 0 && v.every((y) => p[y].class === ee)) {
+          for (let y of n.get(ee))
+            if (y.title === H.target.innerText) {
+              let E = p.filter((K, B) => v.includes(B));
+              y.onClick(E);
+            }
+        }
+    }
   };
   let V = S;
-  for (let H of n.keys())
-    if (v.length > 0 && v.every((D) => p[D].class === H)) {
-      V[V.length - 1].divider = !0;
-      for (let D of n.get(H))
-        V.push({
-          title: D.title,
-          icon: D.icon,
-          divider: D.divider,
-          onClick: k
-        });
-    }
+  if (n) {
+    for (let H of n.keys())
+      if (v.length > 0 && v.every((D) => p[D].class === H)) {
+        V[V.length - 1].divider = !0;
+        for (let D of n.get(H))
+          V.push({
+            title: D.title,
+            icon: D.icon,
+            divider: D.divider,
+            onClick: k
+          });
+      }
+  }
   const Z = () => {
-    if (!N.statusBar) return /* @__PURE__ */ c(ce, {});
+    if (!N.statusBar) return /* @__PURE__ */ c(re, {});
     let H = [];
     if (H.push(/* @__PURE__ */ c("span", { children: p.length + " Items" }, "items")), v.length > 0) {
       H.push(/* @__PURE__ */ c("span", { style: { marginLeft: 12 }, children: v.length + " items selected" }, "slected"));
@@ -4946,53 +4949,56 @@ const n$ = (n, t, e, o, s) => {
         ")"
       ] }, "size"));
     }
-    return /* @__PURE__ */ c("span", { className: "files-status-bar", children: /* @__PURE__ */ c("span", { style: { paddingLeft: 4, fontSize: 12 }, children: H }) });
+    return /* @__PURE__ */ c("span", { children: /* @__PURE__ */ c("span", { style: { paddingLeft: 4, fontSize: 12 }, children: H }) });
   };
-  return /* @__PURE__ */ A(
-    "div",
-    {
-      ref: m,
-      className: `files ${g}`,
-      onContextMenu: T,
-      onClick: $,
-      children: [
-        g === "list" && /* @__PURE__ */ c(o$, { unselectFiles: $, onSort: O, sortConfig: f }),
-        (p == null ? void 0 : p.length) > 0 ? /* @__PURE__ */ c(ce, { children: p.filter((H) => H.name.toLowerCase().includes(e)).map((H, ee) => /* @__PURE__ */ c(
-          X6,
-          {
-            icons: t,
-            index: ee,
-            file: H,
-            onCreateFolder: o,
-            onRename: s,
-            onFileOpen: i,
-            enableFilePreview: l,
-            triggerAction: r,
-            filesViewRef: m,
-            selectedFileIndexes: v,
-            handleContextMenu: T,
-            setVisible: w,
-            setLastSelectedFile: z,
-            draggable: d.move,
-            formatDate: u
-          },
-          ee
-        )) }) : /* @__PURE__ */ c("div", { className: "empty-folder", children: x("folderEmpty") }),
-        Z(),
-        /* @__PURE__ */ c(
-          e$,
-          {
-            filesViewRef: m,
-            contextMenuRef: F.ref,
-            menuItems: C ? V : I,
-            visible: P,
-            setVisible: w,
-            clickPosition: b
-          }
-        )
-      ]
-    }
-  );
+  return /* @__PURE__ */ A(re, { children: [
+    /* @__PURE__ */ A(
+      "div",
+      {
+        ref: m,
+        className: `files ${g}`,
+        style: { height: N.statusBar ? "calc(100% - (60px))" : "calc(100% - (35px))", borderBottom: N.statusBar ? 1 : 0 },
+        onContextMenu: T,
+        onClick: $,
+        children: [
+          g === "list" && /* @__PURE__ */ c(o$, { unselectFiles: $, onSort: O, sortConfig: f }),
+          (p == null ? void 0 : p.length) > 0 ? /* @__PURE__ */ c(re, { children: p.filter((H) => H.name.toLowerCase().includes(e)).map((H, ee) => /* @__PURE__ */ c(
+            X6,
+            {
+              icons: t,
+              index: ee,
+              file: H,
+              onCreateFolder: o,
+              onRename: s,
+              onFileOpen: i,
+              enableFilePreview: l,
+              triggerAction: r,
+              filesViewRef: m,
+              selectedFileIndexes: v,
+              handleContextMenu: T,
+              setVisible: w,
+              setLastSelectedFile: z,
+              draggable: d.move,
+              formatDate: u
+            },
+            ee
+          )) }) : /* @__PURE__ */ c("div", { className: "empty-folder", children: x("folderEmpty") }),
+          /* @__PURE__ */ c(
+            e$,
+            {
+              filesViewRef: m,
+              contextMenuRef: F.ref,
+              menuItems: C ? V : I,
+              visible: P,
+              setVisible: w,
+              clickPosition: b
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ c("div", { children: Z() })
+  ] });
 };
 Wn.displayName = "FileList";
 const s$ = ({ triggerAction: n, onDelete: t }) => {
@@ -5217,7 +5223,7 @@ const c$ = ({
       ] }) })
     ] }),
     i.length > 0 && /* @__PURE__ */ A("div", { className: "files-progress", children: [
-      /* @__PURE__ */ c("div", { className: "heading", children: Object.values(d).some((P) => P) ? /* @__PURE__ */ A(ce, { children: [
+      /* @__PURE__ */ c("div", { className: "heading", children: Object.values(d).some((P) => P) ? /* @__PURE__ */ A(re, { children: [
         /* @__PURE__ */ c("h2", { children: g("uploading") }),
         /* @__PURE__ */ c(mt, { loading: !0, className: "upload-loading" })
       ] }) : /* @__PURE__ */ c("h2", { children: g("completed") }) }),
@@ -5267,7 +5273,7 @@ const c$ = ({
         /* @__PURE__ */ c("span", { children: u("download") })
       ] }) })
     ] }),
-    ln.includes(r) && /* @__PURE__ */ A(ce, { children: [
+    ln.includes(r) && /* @__PURE__ */ A(re, { children: [
       /* @__PURE__ */ c(mt, { isLoading: e }),
       /* @__PURE__ */ c(
         "img",
@@ -5283,7 +5289,7 @@ const c$ = ({
     ] }),
     cn.includes(r) && /* @__PURE__ */ c("video", { src: d, className: "video-preview", controls: !0, autoPlay: !0 }),
     dn.includes(r) && /* @__PURE__ */ c("audio", { src: d, controls: !0, autoPlay: !0, className: "audio-preview" }),
-    un.includes(r) && /* @__PURE__ */ c(ce, { children: /* @__PURE__ */ c(
+    un.includes(r) && /* @__PURE__ */ c(re, { children: /* @__PURE__ */ c(
       "iframe",
       {
         src: d,
@@ -5537,7 +5543,7 @@ const c$ = ({
   style: E = {},
   formatDate: K = $$
 }) => {
-  const [B, W] = R(""), [G, _] = R(D), Y = h$(), { containerRef: J, colSizes: X, isDragging: U, handleMouseMove: se, handleMouseUp: L, handleMouseDown: re } = m$(20, 80), ye = {
+  const [B, W] = R(""), [G, _] = R(D), Y = h$(), { containerRef: J, colSizes: X, isDragging: U, handleMouseMove: se, handleMouseUp: L, handleMouseDown: le } = m$(20, 80), ye = {
     "--file-manager-font-family": V,
     "--file-manager-primary-color": k,
     height: b,
@@ -5592,7 +5598,7 @@ const c$ = ({
                             "div",
                             {
                               className: `sidebar-resize ${U ? "sidebar-dragging" : ""}`,
-                              onMouseDown: re
+                              onMouseDown: le
                             }
                           )
                         ]

package/dist/style.css

@@ -1 +1 @@
-@import"https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap";.loader-container{position:absolute;display:flex;justify-content:center;align-items:center;height:-webkit-fill-available;width:-webkit-fill-available;background-color:#00000080;z-index:1000}.spinner{font-size:3rem;color:#fff;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.upload-loading{position:relative;display:block;background-color:transparent;z-index:0}.upload-loading .spinner{font-size:.9rem;color:#000}.toolbar{height:35px;min-height:35px;max-height:35px;border-bottom:1px solid #cfcfcf;padding:5px 10px}.toolbar .file-action-container{display:flex;justify-content:space-between}.toolbar .file-action-container>div{display:flex}.toolbar .file-action-container .file-action{background-color:transparent;gap:5px}.toolbar .file-action-container .file-action:hover:not(:disabled){cursor:pointer;background-color:#0000008c!important;border-radius:3px;color:#fff;text-shadow:0px 0px 1px white}.toolbar .file-action-container .file-action:hover:disabled{cursor:default;background-color:transparent!important;color:#b0b0b0;text-shadow:none}.toolbar .fm-toolbar{display:flex;justify-content:space-between}.toolbar .fm-toolbar>div{display:flex;position:relative}.toolbar .fm-toolbar .toolbar-left-items{display:flex}.toolbar .fm-toolbar .toggle-view{position:absolute;z-index:3;top:105%;right:22%;background-color:#fff;margin:0;border:1px solid #c4c4c4;border-radius:5px;font-size:16px;width:160px}.toolbar .fm-toolbar .toggle-view ul{list-style:none;padding-left:0;margin:.4em 0;display:flex;flex-direction:column;gap:1px}.toolbar .fm-toolbar .toggle-view ul li{display:flex;align-items:center;gap:8px;padding:5px 20px 5px 10px}.toolbar .fm-toolbar .toggle-view ul li:hover{cursor:pointer;background-color:#00000013}.toolbar .fm-toolbar .toggle-view ul li span:nth-child(1){width:13px}.toolbar .item-action{background-color:#fff;display:flex;align-items:center;gap:7px;padding:8px 12px;font-size:14px;width:fit-content;border:none}.toolbar .item-action:hover{cursor:pointer;background-color:#0000001f!important;border-radius:3px}.toolbar .item-action .toggle-view-icon{background-color:transparent;border:none}.toolbar .item-action .toggle-view-icon:hover{cursor:pointer}.toolbar .icon-only{padding:0 8px!important}.toolbar .icon-only:focus{background-color:#0000001f;border-radius:3px}.toolbar .icon-only:hover{color:var(--file-manager-primary-color)}.toolbar .item-separator{height:36px;background:#cfcfcf;width:1px;margin:0 5px}.file-selected{background-color:#0000000d}.sb-folders-list{list-style:none;margin:0 4px;height:100%;font-size:16px;overflow-y:auto!important}.sb-folders-list::-webkit-scrollbar{width:5px;height:8px;padding-top:2px}.sb-folders-list::-webkit-scrollbar-thumb{background:var(--file-manager-primary-color)!important;border-radius:8px}.sb-folders-list .folder-collapsible{margin-left:10px}.sb-folders-list .sb-folders-list-item{display:flex;align-items:center;margin-bottom:4px;padding:6px 5px;border-radius:4px}.sb-folders-list .sb-folders-list-item:hover{cursor:pointer;background-color:#0000000d}.sb-folders-list .sb-folders-list-item .non-expanable{min-width:20px}.sb-folders-list .sb-folders-list-item .sb-folder-details{display:flex;align-items:center}.sb-folders-list .sb-folders-list-item .sb-folder-details .folder-open-icon{margin:0 7px}.sb-folders-list .sb-folders-list-item .sb-folder-details .folder-close-icon{margin:1px 9px 0 8px}.sb-folders-list .sb-folders-list-item .sb-folder-details .sb-folder-name{width:max-content}.sb-folders-list .sb-folders-list-item .folder-icon-default{transform:rotate(0);transition:transform .5s ease-in-out}.sb-folders-list .sb-folders-list-item .folder-icon-default.folder-rotate-down{transform:rotate(90deg)}.sb-folders-list .active-list-item{background-color:var(--file-manager-primary-color);color:#fff}.sb-folders-list .active-list-item:hover{cursor:pointer;background-color:var(--file-manager-primary-color)}.sb-folders-list .empty-nav-pane{display:flex;justify-content:center;align-items:center;height:100%}.bread-crumb-container{position:relative;font-size:16px}.bread-crumb-container .breadcrumb{height:22px;min-height:22px;max-height:22px;display:flex;gap:.5rem;border-bottom:1px solid #cfcfcf;padding:6px 0 6PX 15px;overflow-x:hidden}.bread-crumb-container .breadcrumb::-webkit-scrollbar{height:3px}.bread-crumb-container .breadcrumb::-webkit-scrollbar-thumb{background:var(--file-manager-primary-color)!important}.bread-crumb-container .breadcrumb .nav-toggler{display:flex;align-items:center}.bread-crumb-container .breadcrumb .divider{width:1px;background-color:#cfcfcf}.bread-crumb-container .breadcrumb .folder-name{display:flex;align-items:center;gap:.25rem;font-weight:500;min-width:fit-content}.bread-crumb-container .breadcrumb .folder-name:hover{cursor:pointer;color:var(--file-manager-primary-color)}.bread-crumb-container .breadcrumb .hidden-folders{padding:0 4px}.bread-crumb-container .breadcrumb .folder-name-btn{background-color:transparent;border:none;padding:0}.bread-crumb-container .breadcrumb .folder-name-btn:hover,.bread-crumb-container .breadcrumb .folder-name-btn:focus{cursor:pointer;color:var(--file-manager-primary-color);background-color:#dddcdc;border-radius:5px}.hidden-folders-container{position:absolute;margin:0;z-index:2;background-color:#636363;color:#fff;padding:4px;border-radius:5px;font-size:.9em;left:3rem;display:flex;flex-direction:column;gap:5px}.hidden-folders-container li{padding:5px 10px;border-radius:4px}.hidden-folders-container li:hover{cursor:pointer;background-color:#757575}.search-input{border-top:0;border-left:0;border-right:0;border-bottom:1px solid #999;font-family:var(--file-manager-font-family);outline:none;padding-right:18px;margin-right:12px;box-shadow:none;box-sizing:border-box;width:120;min-width:120;max-width:120}.rename-file{position:relative;min-width:69%;max-width:-webkit-fill-available;text-align:center;border:4px solid var(--file-manager-primary-color);border-radius:10px;font-size:15px;font-family:var(--file-manager-font-family);padding:1px 7px;resize:none;field-sizing:content;overflow-y:hidden;z-index:1}.rename-file:focus{outline:none}.error-tooltip{position:absolute;z-index:1;bottom:-68px;left:16px;padding:8px;width:292px;border-radius:5px;background-color:#696969;text-align:left;margin:0;font-size:.9em}.error-tooltip:before{content:"";position:absolute;top:-20%;rotate:-45deg;border:15px solid #696969;border-color:transparent #696969 transparent transparent}.error-tooltip.right{left:16px}.error-tooltip.right:before{left:11%}.error-tooltip.left{left:-180px}.error-tooltip.left:before{left:76%;transform:rotate(90deg) scaleX(-1)}.error-tooltip.top{bottom:unset!important;top:-68px}.error-tooltip.top:before{content:none}.error-tooltip.top:after{content:"";position:absolute;bottom:-20%;left:11%;rotate:-45deg;border:15px solid #696969;border-color:transparent transparent #696969 transparent}.error-tooltip.top.left:after{left:76%;transform:rotate(90deg) scaleX(-1)}.fm-button{border-radius:5px;font-weight:600;border:none}.fm-button:hover{cursor:pointer}.fm-button-primary{background-color:var(--file-manager-primary-color);color:#fff}.fm-button-primary:hover{background-image:linear-gradient(#0003,#0003)}.fm-button-secondary{background-color:#f0f0f0;color:#000}.fm-button-secondary:hover{background-image:linear-gradient(#0000001a,#0000001a)}.fm-button-danger{background-color:#f44336;color:#fff}.fm-button-danger:hover{background-image:linear-gradient(#0003,#0003)}.fm-modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #cfcfcf;padding:.3rem 1rem;font-size:16px}.fm-modal-header .fm-modal-heading{margin:0;font-weight:700;color:#000}.dialog[open]{animation:expand .4s forwards}.dialog[open]::backdrop{background:#00000080}@keyframes expand{0%{transform:scale(.4)}to{transform:scale(1)}}.fm-checkbox{accent-color:white}.fm-checkbox:disabled{cursor:default!important}.fm-checkbox:hover{cursor:pointer}.fm-context-menu{position:absolute;background-color:#fff;border:1px solid #c6c6c6;border-radius:6px;padding:4px;z-index:1;transition:opacity .1s linear;font-size:16px}.fm-context-menu .file-context-menu-list{font-size:1.1em}.fm-context-menu .file-context-menu-list ul{list-style-type:none;padding-left:0;margin:0;display:flex;flex-direction:column;gap:3px}.fm-context-menu .file-context-menu-list ul li{display:flex;gap:9px;align-items:center;padding:3px 13px;position:relative;border-radius:4px}.fm-context-menu .file-context-menu-list ul li:hover{cursor:pointer;background-color:#00000012}.fm-context-menu .file-context-menu-list ul li.active{background-color:#00000012}.fm-context-menu .file-context-menu-list ul li.disable-paste{opacity:.5}.fm-context-menu .file-context-menu-list ul li.disable-paste:hover{cursor:default;background-color:transparent}.fm-context-menu .file-context-menu-list .divider{border-bottom:1px solid #c6c6c6;margin:5px 0 3px}.fm-context-menu .file-context-menu-list .list-expand-icon{margin-left:auto;color:#444}.fm-context-menu .file-context-menu-list .sub-menu{position:absolute;top:0;background-color:#fff;border:1px solid #c6c6c6;border-radius:6px;padding:4px;z-index:1}.fm-context-menu .file-context-menu-list .sub-menu .item-selected{width:13px;color:#444}.fm-context-menu .file-context-menu-list .sub-menu li:hover{background-color:#00000012!important}.fm-context-menu .file-context-menu-list .sub-menu.right{left:calc(100% - 2px)}.fm-context-menu .file-context-menu-list .sub-menu.left{left:-83%}.fm-context-menu.hidden{opacity:0;pointer-events:none;visibility:hidden}.fm-context-menu.visible{opacity:1;pointer-events:all;visibility:visible}.files{position:relative;display:flex;align-content:flex-start;flex-wrap:wrap;column-gap:.5em;row-gap:5px;height:calc(100% - 35px);overflow-y:auto!important}.files::-webkit-scrollbar{width:5px;height:8px;padding-top:2px}.files::-webkit-scrollbar-thumb{background:var(--file-manager-primary-color)!important;border-radius:8px}.files{padding-right:4px;font-size:16px}.files .drag-move-tooltip{background-color:#fff;font-size:.78em;position:fixed;text-wrap:nowrap;border:1px dashed black;padding:1px 5px 2px 24px;border-radius:3px;font-weight:700;color:var(--file-manager-primary-color);z-index:2}.files .drag-move-tooltip .drop-zone-file-name{color:#303030}.files .file-item-container{border-radius:5px;margin:5px 0}.files .file-item-container .drag-icon{position:absolute!important;top:-1000px;left:-1000px;z-Index:-1;border-radius:4px;position:relative;color:#fff;background-color:var(--file-manager-primary-color);padding:3px 8px}.files .file-item-container.file-drop-zone{background-color:#00000014!important}.files .file-item{position:relative;height:81px;width:138px;display:flex;flex-direction:column;gap:.5rem;align-items:center;justify-content:space-between;padding-top:13px;padding-bottom:1px;border-radius:5px}.files .file-item:hover{background-color:#0000000d}.files .file-item .selection-checkbox{position:absolute;left:5px;top:8px}.files .file-item .hidden{visibility:hidden}.files .file-item .visible{visibility:visible}.files .file-item .rename-file-container{position:absolute;top:65px;width:100%;text-align:center}.files .file-item .rename-file-container.list{top:6px;left:58px;text-align:left}.files .file-item .rename-file-container.list .rename-file{min-width:15%;text-align:left;border-radius:3px;border:none;top:5px;white-space:nowrap;overflow-x:hidden;max-width:calc(100% - 62px)}.files .file-item .rename-file-container.list .folder-name-error.right{left:0;bottom:-72px}.files .file-item .file-name{max-width:115px}.files .file-selected{background-color:var(--file-manager-primary-color);color:#fff}.files .file-selected:hover{background-color:var(--file-manager-primary-color)}.files .file-moving{opacity:.5}.files.list{flex-direction:column;flex-wrap:nowrap;gap:0;padding-left:0;padding-top:0}.files.list .files-header{font-size:.83em;font-weight:600;display:flex;gap:5px;border-bottom:1px solid #dddddd;padding:4px 0 4px 5px;position:sticky;top:0;background-color:#f5f5f5;z-index:1}.files.list .files-header .file-select-all{width:5%;height:.83em}.files.list .files-header .file-name{width:calc(65% - 35px);padding-left:35px;cursor:pointer;-webkit-user-select:none;user-select:none}.files.list .files-header .file-name:hover{background-color:#0000001a}.files.list .files-header .file-name.active{background-color:#007bff1a;color:#007bff}.files.list .files-header .file-date{text-align:center;width:20%;cursor:pointer;-webkit-user-select:none;user-select:none}.files.list .files-header .file-date:hover{background-color:#0000001a}.files.list .files-header .file-date.active{background-color:#007bff1a;color:#007bff}.files.list .files-header .file-size{text-align:center;width:10%;cursor:pointer;-webkit-user-select:none;user-select:none}.files.list .files-header .file-size:hover{background-color:#0000001a}.files.list .files-header .file-size.active{background-color:#007bff1a;color:#007bff}.files.list .files-header .sort-indicator{font-size:.8em;margin-left:4px}.files.list .file-item-container{display:flex;width:100%;margin:0;border-radius:0}.files.list .file-item-container:hover{background-color:#0000000a}.files.list .file-item-container.file-selected:hover{background-color:var(--file-manager-primary-color)!important}.files.list .file-item{flex-direction:row;height:13px;justify-content:unset;padding:15px 15px 15px 33px;margin:0;width:calc(70% - 30px)}.files.list .file-item:hover{background-color:unset}.files.list .file-item .selection-checkbox{top:12px}.files.list .file-item .file-name{max-width:285px}.files.list .modified-date{display:flex;align-items:center;justify-content:center;font-size:.8em;width:20%}.files.list .size{display:flex;align-items:center;justify-content:center;font-size:.8em;width:10%}.empty-folder{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.files-status-bar{position:absolute;bottom:0;border-top:1px;border-style:solid;border-color:#cfcfcf;border-left:0;border-right:0;border-bottom:0;width:100%}.file-delete-confirm .file-delete-confirm-text{border-bottom:1px solid #dddddd;padding:15px;margin-top:0;margin-bottom:.7rem;word-wrap:break-word;font-weight:500;font-size:16px}.file-delete-confirm .file-delete-confirm-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-bottom:.7rem;margin-right:1rem}.fm-progress{display:flex;flex-direction:column;gap:5px}.fm-progress .fm-progress-bar{width:100%;border-radius:5px;background-color:#c6c6c6;height:5px}.fm-progress .fm-progress-bar .fm-progress-bar-fill{height:100%;background-color:var(--file-manager-primary-color);border-radius:5px;max-width:100%}.fm-progress .fm-progress-status{font-size:.75em;font-weight:600;display:flex;justify-content:space-between}.fm-progress .fm-upload-canceled{font-size:.75em;font-weight:600;color:red}.fm-upload-file{padding:18px 15px;display:flex;gap:18px;font-size:16px}.fm-upload-file .select-files{width:100%}.fm-upload-file .select-files .draggable-file-input{color:#696969;background-color:#f7f7f7;margin-bottom:18px;height:220px;border:2px dashed #ccc;border-radius:5px;display:flex;justify-content:center;align-items:center}.fm-upload-file .select-files .draggable-file-input .input-text{pointer-events:none;display:flex;flex-direction:column;align-items:center}.fm-upload-file .select-files .draggable-file-input:hover,.fm-upload-file .select-files .draggable-file-input.dragging{border-color:var(--file-manager-primary-color)}.fm-upload-file .select-files .btn-choose-file{display:flex;justify-content:center}.fm-upload-file .select-files .btn-choose-file label{display:inline-block;padding:.4rem .8rem}.fm-upload-file .select-files .btn-choose-file label:hover{cursor:pointer}.fm-upload-file .select-files .btn-choose-file .choose-file-input{display:none}.fm-upload-file .files-progress{width:calc(60% - 18px)}.fm-upload-file .files-progress .heading{display:flex;gap:4px}.fm-upload-file .files-progress h2{font-size:.9em;margin:0}.fm-upload-file .files-progress ul{padding-left:0;padding-right:5px;padding-bottom:10px;margin-top:.7rem;height:220px;overflow-y:auto!important}.fm-upload-file .files-progress ul::-webkit-scrollbar{width:5px;height:8px;padding-top:2px}.fm-upload-file .files-progress ul::-webkit-scrollbar-thumb{background:var(--file-manager-primary-color)!important;border-radius:8px}.fm-upload-file .files-progress ul{font-weight:500}.fm-upload-file .files-progress ul li{list-style:none;border-bottom:1px solid #c6c6c6;display:flex;gap:10px;margin-bottom:18px;padding-bottom:12px}.fm-upload-file .files-progress ul li .file-icon{width:10%}.fm-upload-file .files-progress ul li .file{width:86%}.fm-upload-file .files-progress ul li .file .file-details{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}.fm-upload-file .files-progress ul li .file .file-details .file-info{width:90%;display:flex;align-items:baseline}.fm-upload-file .files-progress ul li .file .file-details .file-info .file-name{display:inline-block;max-width:66%;margin-right:8px}.fm-upload-file .files-progress ul li .file .file-details .file-size{font-size:.7em}.fm-upload-file .files-progress ul li .file .file-details .retry-upload{padding:3px;border-radius:50%}.fm-upload-file .files-progress ul li .file .file-details .retry-upload:hover{cursor:pointer;background-color:#00000012;color:var(--file-manager-primary-color)}.fm-upload-file .files-progress ul li .file .file-details .rm-file:hover{cursor:pointer;color:red}.fm-upload-file .files-progress ul li .file .file-details .upload-success{color:var(--file-manager-primary-color)}.file-previewer{padding:.8em;height:40dvh;display:flex;justify-content:center;font-size:16px}.file-previewer .photo-popup-image{object-fit:contain;width:-webkit-fill-available;opacity:1;transition:opacity .5s ease-in-out}.file-previewer .img-loading{opacity:0;height:0%;width:0%}.file-previewer .img-loading{height:0}.file-previewer .audio-preview{align-self:center;width:60%}.file-previewer .photo-popup-iframe{width:-webkit-fill-available}.file-previewer .preview-error{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:10px}.file-previewer .preview-error .error-icon{color:#494949}.file-previewer .preview-error .error-msg{font-weight:500;font-size:1.1em;margin-bottom:4px}.file-previewer .preview-error .file-info{display:flex;gap:6px;align-items:center;margin:1px 0 5px}.file-previewer .preview-error .file-info .file-name{padding:4px 15px;background-color:#e9e9e9;border:1px solid rgb(163,173,173);border-radius:3px}.file-previewer .preview-error .file-info .file-size{font-size:.8em}.file-previewer .preview-error .download-btn{display:flex;gap:3px;align-items:center}.file-previewer.pdf-previewer{height:85dvh}.video-preview{width:-webkit-fill-available}.text-white{color:#fff}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}img,svg{vertical-align:middle}.fm-modal{border:1px solid #c6c6c6;border-radius:5px;width:fit-content;overflow-x:hidden;padding:0;box-shadow:0 2px 10px #00000041}.w-25{width:25%}.file-explorer{min-height:400px;height:100%;width:100%;font-family:var(--file-manager-font-family);border:1px solid #cfcfcf;border-radius:8px}.file-explorer button{font-family:var(--file-manager-font-family)}.file-explorer{position:relative;background-color:#fff;cursor:default;-webkit-user-select:none;-ms-user-select:none;user-select:none}.file-explorer .files-container{display:flex;height:calc(100% - 46px)}.file-explorer .files-container .navigation-pane{z-index:1;padding-top:8px;position:relative}.file-explorer .files-container .navigation-pane .sidebar-resize{position:absolute;right:0;top:0;bottom:0;width:5px;cursor:col-resize;z-index:10;border-right:1px solid #cfcfcf}.file-explorer .files-container .navigation-pane .sidebar-resize:hover,.file-explorer .files-container .navigation-pane .sidebar-dragging{border-right:1px solid #1e3a8a}.file-explorer .files-container .navigation-pane.open{display:block}.file-explorer .files-container .navigation-pane.closed{display:none}.file-explorer .files-container .folders-preview{z-index:2;background-color:#fff;padding-right:0;padding-left:0;border-bottom-right-radius:8px;border-bottom-left-radius:8px}.close-icon{padding:5px;border-radius:50%}.close-icon:hover{cursor:pointer;background-color:#00000012}.fm-rename-folder-container{padding:8px 0;text-align:left}.fm-rename-folder-container .fm-rename-folder-input{border-bottom:1px solid #c6c6c6;padding:8px 12px 12px}.fm-rename-folder-container .fm-rename-folder-input .fm-rename-warning{display:flex;align-items:center;gap:10px}.fm-rename-folder-container .fm-rename-folder-action{display:flex;gap:8px;justify-content:flex-end;padding:8px 8px 0 0}.file-selcted .select-files{width:40%}
+@import"https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap";.loader-container{position:absolute;display:flex;justify-content:center;align-items:center;height:-webkit-fill-available;width:-webkit-fill-available;background-color:#00000080;z-index:1000}.spinner{font-size:3rem;color:#fff;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.upload-loading{position:relative;display:block;background-color:transparent;z-index:0}.upload-loading .spinner{font-size:.9rem;color:#000}.toolbar{height:35px;min-height:35px;max-height:35px;border-bottom:1px solid #cfcfcf;padding:5px 10px}.toolbar .file-action-container{display:flex;justify-content:space-between}.toolbar .file-action-container>div{display:flex}.toolbar .file-action-container .file-action{background-color:transparent;gap:5px}.toolbar .file-action-container .file-action:hover:not(:disabled){cursor:pointer;background-color:#0000008c!important;border-radius:3px;color:#fff;text-shadow:0px 0px 1px white}.toolbar .file-action-container .file-action:hover:disabled{cursor:default;background-color:transparent!important;color:#b0b0b0;text-shadow:none}.toolbar .fm-toolbar{display:flex;justify-content:space-between}.toolbar .fm-toolbar>div{display:flex;position:relative}.toolbar .fm-toolbar .toolbar-left-items{display:flex}.toolbar .fm-toolbar .toggle-view{position:absolute;z-index:3;top:105%;right:22%;background-color:#fff;margin:0;border:1px solid #c4c4c4;border-radius:5px;font-size:16px;width:160px}.toolbar .fm-toolbar .toggle-view ul{list-style:none;padding-left:0;margin:.4em 0;display:flex;flex-direction:column;gap:1px}.toolbar .fm-toolbar .toggle-view ul li{display:flex;align-items:center;gap:8px;padding:5px 20px 5px 10px}.toolbar .fm-toolbar .toggle-view ul li:hover{cursor:pointer;background-color:#00000013}.toolbar .fm-toolbar .toggle-view ul li span:nth-child(1){width:13px}.toolbar .item-action{background-color:#fff;display:flex;align-items:center;gap:7px;padding:8px 12px;font-size:14px;width:fit-content;border:none}.toolbar .item-action:hover{cursor:pointer;background-color:#0000001f!important;border-radius:3px}.toolbar .item-action .toggle-view-icon{background-color:transparent;border:none}.toolbar .item-action .toggle-view-icon:hover{cursor:pointer}.toolbar .icon-only{padding:0 8px!important}.toolbar .icon-only:focus{background-color:#0000001f;border-radius:3px}.toolbar .icon-only:hover{color:var(--file-manager-primary-color)}.toolbar .item-separator{height:36px;background:#cfcfcf;width:1px;margin:0 5px}.file-selected{background-color:#0000000d}.sb-folders-list{list-style:none;margin:0 4px;height:100%;font-size:16px;overflow-y:auto!important}.sb-folders-list::-webkit-scrollbar{width:5px;height:8px;padding-top:2px}.sb-folders-list::-webkit-scrollbar-thumb{background:var(--file-manager-primary-color)!important;border-radius:8px}.sb-folders-list .folder-collapsible{margin-left:10px}.sb-folders-list .sb-folders-list-item{display:flex;align-items:center;margin-bottom:4px;padding:6px 5px;border-radius:4px}.sb-folders-list .sb-folders-list-item:hover{cursor:pointer;background-color:#0000000d}.sb-folders-list .sb-folders-list-item .non-expanable{min-width:20px}.sb-folders-list .sb-folders-list-item .sb-folder-details{display:flex;align-items:center}.sb-folders-list .sb-folders-list-item .sb-folder-details .folder-open-icon{margin:0 7px}.sb-folders-list .sb-folders-list-item .sb-folder-details .folder-close-icon{margin:1px 9px 0 8px}.sb-folders-list .sb-folders-list-item .sb-folder-details .sb-folder-name{width:max-content}.sb-folders-list .sb-folders-list-item .folder-icon-default{transform:rotate(0);transition:transform .5s ease-in-out}.sb-folders-list .sb-folders-list-item .folder-icon-default.folder-rotate-down{transform:rotate(90deg)}.sb-folders-list .active-list-item{background-color:var(--file-manager-primary-color);color:#fff}.sb-folders-list .active-list-item:hover{cursor:pointer;background-color:var(--file-manager-primary-color)}.sb-folders-list .empty-nav-pane{display:flex;justify-content:center;align-items:center;height:100%}.bread-crumb-container{position:relative;font-size:16px}.bread-crumb-container .breadcrumb{height:22px;min-height:22px;max-height:22px;display:flex;gap:.5rem;border-bottom:1px solid #cfcfcf;padding:6px 0 6PX 15px;overflow-x:hidden}.bread-crumb-container .breadcrumb::-webkit-scrollbar{height:3px}.bread-crumb-container .breadcrumb::-webkit-scrollbar-thumb{background:var(--file-manager-primary-color)!important}.bread-crumb-container .breadcrumb .nav-toggler{display:flex;align-items:center}.bread-crumb-container .breadcrumb .divider{width:1px;background-color:#cfcfcf}.bread-crumb-container .breadcrumb .folder-name{display:flex;align-items:center;gap:.25rem;font-weight:500;min-width:fit-content}.bread-crumb-container .breadcrumb .folder-name:hover{cursor:pointer;color:var(--file-manager-primary-color)}.bread-crumb-container .breadcrumb .hidden-folders{padding:0 4px}.bread-crumb-container .breadcrumb .folder-name-btn{background-color:transparent;border:none;padding:0}.bread-crumb-container .breadcrumb .folder-name-btn:hover,.bread-crumb-container .breadcrumb .folder-name-btn:focus{cursor:pointer;color:var(--file-manager-primary-color);background-color:#dddcdc;border-radius:5px}.hidden-folders-container{position:absolute;margin:0;z-index:2;background-color:#636363;color:#fff;padding:4px;border-radius:5px;font-size:.9em;left:3rem;display:flex;flex-direction:column;gap:5px}.hidden-folders-container li{padding:5px 10px;border-radius:4px}.hidden-folders-container li:hover{cursor:pointer;background-color:#757575}.search-input{border-top:0;border-left:0;border-right:0;border-bottom:1px solid #999;font-family:var(--file-manager-font-family);outline:none;padding-right:18px;margin-right:12px;box-shadow:none;box-sizing:border-box;width:120;min-width:120;max-width:120}.rename-file{position:relative;min-width:69%;max-width:-webkit-fill-available;text-align:center;border:4px solid var(--file-manager-primary-color);border-radius:10px;font-size:15px;font-family:var(--file-manager-font-family);padding:1px 7px;resize:none;field-sizing:content;overflow-y:hidden;z-index:1}.rename-file:focus{outline:none}.error-tooltip{position:absolute;z-index:1;bottom:-68px;left:16px;padding:8px;width:292px;border-radius:5px;background-color:#696969;text-align:left;margin:0;font-size:.9em}.error-tooltip:before{content:"";position:absolute;top:-20%;rotate:-45deg;border:15px solid #696969;border-color:transparent #696969 transparent transparent}.error-tooltip.right{left:16px}.error-tooltip.right:before{left:11%}.error-tooltip.left{left:-180px}.error-tooltip.left:before{left:76%;transform:rotate(90deg) scaleX(-1)}.error-tooltip.top{bottom:unset!important;top:-68px}.error-tooltip.top:before{content:none}.error-tooltip.top:after{content:"";position:absolute;bottom:-20%;left:11%;rotate:-45deg;border:15px solid #696969;border-color:transparent transparent #696969 transparent}.error-tooltip.top.left:after{left:76%;transform:rotate(90deg) scaleX(-1)}.fm-button{border-radius:5px;font-weight:600;border:none}.fm-button:hover{cursor:pointer}.fm-button-primary{background-color:var(--file-manager-primary-color);color:#fff}.fm-button-primary:hover{background-image:linear-gradient(#0003,#0003)}.fm-button-secondary{background-color:#f0f0f0;color:#000}.fm-button-secondary:hover{background-image:linear-gradient(#0000001a,#0000001a)}.fm-button-danger{background-color:#f44336;color:#fff}.fm-button-danger:hover{background-image:linear-gradient(#0003,#0003)}.fm-modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #cfcfcf;padding:.3rem 1rem;font-size:16px}.fm-modal-header .fm-modal-heading{margin:0;font-weight:700;color:#000}.dialog[open]{animation:expand .4s forwards}.dialog[open]::backdrop{background:#00000080}@keyframes expand{0%{transform:scale(.4)}to{transform:scale(1)}}.fm-checkbox{accent-color:white}.fm-checkbox:disabled{cursor:default!important}.fm-checkbox:hover{cursor:pointer}.fm-context-menu{position:absolute;background-color:#fff;border:1px solid #c6c6c6;border-radius:6px;padding:4px;z-index:1;transition:opacity .1s linear;font-size:16px}.fm-context-menu .file-context-menu-list{font-size:1.1em}.fm-context-menu .file-context-menu-list ul{list-style-type:none;padding-left:0;margin:0;display:flex;flex-direction:column;gap:3px}.fm-context-menu .file-context-menu-list ul li{display:flex;gap:9px;align-items:center;padding:3px 13px;position:relative;border-radius:4px}.fm-context-menu .file-context-menu-list ul li:hover{cursor:pointer;background-color:#00000012}.fm-context-menu .file-context-menu-list ul li.active{background-color:#00000012}.fm-context-menu .file-context-menu-list ul li.disable-paste{opacity:.5}.fm-context-menu .file-context-menu-list ul li.disable-paste:hover{cursor:default;background-color:transparent}.fm-context-menu .file-context-menu-list .divider{border-bottom:1px solid #c6c6c6;margin:5px 0 3px}.fm-context-menu .file-context-menu-list .list-expand-icon{margin-left:auto;color:#444}.fm-context-menu .file-context-menu-list .sub-menu{position:absolute;top:0;background-color:#fff;border:1px solid #c6c6c6;border-radius:6px;padding:4px;z-index:1}.fm-context-menu .file-context-menu-list .sub-menu .item-selected{width:13px;color:#444}.fm-context-menu .file-context-menu-list .sub-menu li:hover{background-color:#00000012!important}.fm-context-menu .file-context-menu-list .sub-menu.right{left:calc(100% - 2px)}.fm-context-menu .file-context-menu-list .sub-menu.left{left:-83%}.fm-context-menu.hidden{opacity:0;pointer-events:none;visibility:hidden}.fm-context-menu.visible{opacity:1;pointer-events:all;visibility:visible}.files{position:relative;display:flex;align-content:flex-start;flex-wrap:wrap;column-gap:.5em;row-gap:5px;border-style:solid!important;border-color:#cfcfcf!important;border-top:0;border-left:0;border-right:0;border-bottom:1px;overflow-y:auto!important}.files::-webkit-scrollbar{width:5px;height:8px;padding-top:2px}.files::-webkit-scrollbar-thumb{background:var(--file-manager-primary-color)!important;border-radius:8px}.files{padding-right:4px;font-size:16px}.files .drag-move-tooltip{background-color:#fff;font-size:.78em;position:fixed;text-wrap:nowrap;border:1px dashed black;padding:1px 5px 2px 24px;border-radius:3px;font-weight:700;color:var(--file-manager-primary-color);z-index:2}.files .drag-move-tooltip .drop-zone-file-name{color:#303030}.files .file-item-container{border-radius:5px;margin:5px 0}.files .file-item-container .drag-icon{position:absolute!important;top:-1000px;left:-1000px;z-Index:-1;border-radius:4px;position:relative;color:#fff;background-color:var(--file-manager-primary-color);padding:3px 8px}.files .file-item-container.file-drop-zone{background-color:#00000014!important}.files .file-item{position:relative;height:81px;width:138px;display:flex;flex-direction:column;gap:.5rem;align-items:center;justify-content:space-between;padding-top:13px;padding-bottom:1px;border-radius:5px}.files .file-item:hover{background-color:#0000000d}.files .file-item .selection-checkbox{position:absolute;left:5px;top:8px}.files .file-item .hidden{visibility:hidden}.files .file-item .visible{visibility:visible}.files .file-item .rename-file-container{position:absolute;top:65px;width:100%;text-align:center}.files .file-item .rename-file-container.list{top:6px;left:58px;text-align:left}.files .file-item .rename-file-container.list .rename-file{min-width:15%;text-align:left;border-radius:3px;border:none;top:5px;white-space:nowrap;overflow-x:hidden;max-width:calc(100% - 62px)}.files .file-item .rename-file-container.list .folder-name-error.right{left:0;bottom:-72px}.files .file-item .file-name{max-width:115px}.files .file-selected{background-color:var(--file-manager-primary-color);color:#fff}.files .file-selected:hover{background-color:var(--file-manager-primary-color)}.files .file-moving{opacity:.5}.files.list{flex-direction:column;flex-wrap:nowrap;gap:0;padding-left:0;padding-top:0}.files.list .files-header{font-size:.83em;font-weight:600;display:flex;gap:5px;border-bottom:1px solid #dddddd;padding:4px 0 4px 5px;position:sticky;top:0;background-color:#f5f5f5;z-index:1}.files.list .files-header .file-select-all{width:5%;height:.83em}.files.list .files-header .file-name{width:calc(65% - 35px);padding-left:35px;cursor:pointer;-webkit-user-select:none;user-select:none}.files.list .files-header .file-name:hover{background-color:#0000001a}.files.list .files-header .file-name.active{background-color:#007bff1a;color:#007bff}.files.list .files-header .file-date{text-align:center;width:20%;cursor:pointer;-webkit-user-select:none;user-select:none}.files.list .files-header .file-date:hover{background-color:#0000001a}.files.list .files-header .file-date.active{background-color:#007bff1a;color:#007bff}.files.list .files-header .file-size{text-align:center;width:10%;cursor:pointer;-webkit-user-select:none;user-select:none}.files.list .files-header .file-size:hover{background-color:#0000001a}.files.list .files-header .file-size.active{background-color:#007bff1a;color:#007bff}.files.list .files-header .sort-indicator{font-size:.8em;margin-left:4px}.files.list .file-item-container{display:flex;width:100%;margin:0;border-radius:0}.files.list .file-item-container:hover{background-color:#0000000a}.files.list .file-item-container.file-selected:hover{background-color:var(--file-manager-primary-color)!important}.files.list .file-item{flex-direction:row;height:13px;justify-content:unset;padding:15px 15px 15px 33px;margin:0;width:calc(70% - 30px)}.files.list .file-item:hover{background-color:unset}.files.list .file-item .selection-checkbox{top:12px}.files.list .file-item .file-name{max-width:285px}.files.list .modified-date{display:flex;align-items:center;justify-content:center;font-size:.8em;width:20%}.files.list .size{display:flex;align-items:center;justify-content:center;font-size:.8em;width:10%}.empty-folder{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.file-delete-confirm .file-delete-confirm-text{border-bottom:1px solid #dddddd;padding:15px;margin-top:0;margin-bottom:.7rem;word-wrap:break-word;font-weight:500;font-size:16px}.file-delete-confirm .file-delete-confirm-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-bottom:.7rem;margin-right:1rem}.fm-progress{display:flex;flex-direction:column;gap:5px}.fm-progress .fm-progress-bar{width:100%;border-radius:5px;background-color:#c6c6c6;height:5px}.fm-progress .fm-progress-bar .fm-progress-bar-fill{height:100%;background-color:var(--file-manager-primary-color);border-radius:5px;max-width:100%}.fm-progress .fm-progress-status{font-size:.75em;font-weight:600;display:flex;justify-content:space-between}.fm-progress .fm-upload-canceled{font-size:.75em;font-weight:600;color:red}.fm-upload-file{padding:18px 15px;display:flex;gap:18px;font-size:16px}.fm-upload-file .select-files{width:100%}.fm-upload-file .select-files .draggable-file-input{color:#696969;background-color:#f7f7f7;margin-bottom:18px;height:220px;border:2px dashed #ccc;border-radius:5px;display:flex;justify-content:center;align-items:center}.fm-upload-file .select-files .draggable-file-input .input-text{pointer-events:none;display:flex;flex-direction:column;align-items:center}.fm-upload-file .select-files .draggable-file-input:hover,.fm-upload-file .select-files .draggable-file-input.dragging{border-color:var(--file-manager-primary-color)}.fm-upload-file .select-files .btn-choose-file{display:flex;justify-content:center}.fm-upload-file .select-files .btn-choose-file label{display:inline-block;padding:.4rem .8rem}.fm-upload-file .select-files .btn-choose-file label:hover{cursor:pointer}.fm-upload-file .select-files .btn-choose-file .choose-file-input{display:none}.fm-upload-file .files-progress{width:calc(60% - 18px)}.fm-upload-file .files-progress .heading{display:flex;gap:4px}.fm-upload-file .files-progress h2{font-size:.9em;margin:0}.fm-upload-file .files-progress ul{padding-left:0;padding-right:5px;padding-bottom:10px;margin-top:.7rem;height:220px;overflow-y:auto!important}.fm-upload-file .files-progress ul::-webkit-scrollbar{width:5px;height:8px;padding-top:2px}.fm-upload-file .files-progress ul::-webkit-scrollbar-thumb{background:var(--file-manager-primary-color)!important;border-radius:8px}.fm-upload-file .files-progress ul{font-weight:500}.fm-upload-file .files-progress ul li{list-style:none;border-bottom:1px solid #c6c6c6;display:flex;gap:10px;margin-bottom:18px;padding-bottom:12px}.fm-upload-file .files-progress ul li .file-icon{width:10%}.fm-upload-file .files-progress ul li .file{width:86%}.fm-upload-file .files-progress ul li .file .file-details{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}.fm-upload-file .files-progress ul li .file .file-details .file-info{width:90%;display:flex;align-items:baseline}.fm-upload-file .files-progress ul li .file .file-details .file-info .file-name{display:inline-block;max-width:66%;margin-right:8px}.fm-upload-file .files-progress ul li .file .file-details .file-size{font-size:.7em}.fm-upload-file .files-progress ul li .file .file-details .retry-upload{padding:3px;border-radius:50%}.fm-upload-file .files-progress ul li .file .file-details .retry-upload:hover{cursor:pointer;background-color:#00000012;color:var(--file-manager-primary-color)}.fm-upload-file .files-progress ul li .file .file-details .rm-file:hover{cursor:pointer;color:red}.fm-upload-file .files-progress ul li .file .file-details .upload-success{color:var(--file-manager-primary-color)}.file-previewer{padding:.8em;height:40dvh;display:flex;justify-content:center;font-size:16px}.file-previewer .photo-popup-image{object-fit:contain;width:-webkit-fill-available;opacity:1;transition:opacity .5s ease-in-out}.file-previewer .img-loading{opacity:0;height:0%;width:0%}.file-previewer .img-loading{height:0}.file-previewer .audio-preview{align-self:center;width:60%}.file-previewer .photo-popup-iframe{width:-webkit-fill-available}.file-previewer .preview-error{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:10px}.file-previewer .preview-error .error-icon{color:#494949}.file-previewer .preview-error .error-msg{font-weight:500;font-size:1.1em;margin-bottom:4px}.file-previewer .preview-error .file-info{display:flex;gap:6px;align-items:center;margin:1px 0 5px}.file-previewer .preview-error .file-info .file-name{padding:4px 15px;background-color:#e9e9e9;border:1px solid rgb(163,173,173);border-radius:3px}.file-previewer .preview-error .file-info .file-size{font-size:.8em}.file-previewer .preview-error .download-btn{display:flex;gap:3px;align-items:center}.file-previewer.pdf-previewer{height:85dvh}.video-preview{width:-webkit-fill-available}.text-white{color:#fff}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}img,svg{vertical-align:middle}.fm-modal{border:1px solid #c6c6c6;border-radius:5px;width:fit-content;overflow-x:hidden;padding:0;box-shadow:0 2px 10px #00000041}.w-25{width:25%}.file-explorer{min-height:400px;height:100%;width:100%;font-family:var(--file-manager-font-family);border:1px solid #cfcfcf;border-radius:8px}.file-explorer button{font-family:var(--file-manager-font-family)}.file-explorer{position:relative;background-color:#fff;cursor:default;-webkit-user-select:none;-ms-user-select:none;user-select:none}.file-explorer .files-container{display:flex;height:calc(100% - 46px)}.file-explorer .files-container .navigation-pane{z-index:1;padding-top:8px;position:relative}.file-explorer .files-container .navigation-pane .sidebar-resize{position:absolute;right:0;top:0;bottom:0;width:5px;cursor:col-resize;z-index:10;border-right:1px solid #cfcfcf}.file-explorer .files-container .navigation-pane .sidebar-resize:hover,.file-explorer .files-container .navigation-pane .sidebar-dragging{border-right:1px solid #1e3a8a}.file-explorer .files-container .navigation-pane.open{display:block}.file-explorer .files-container .navigation-pane.closed{display:none}.file-explorer .files-container .folders-preview{z-index:2;background-color:#fff;padding-right:0;padding-left:0;border-bottom-right-radius:8px;border-bottom-left-radius:8px}.close-icon{padding:5px;border-radius:50%}.close-icon:hover{cursor:pointer;background-color:#00000012}.fm-rename-folder-container{padding:8px 0;text-align:left}.fm-rename-folder-container .fm-rename-folder-input{border-bottom:1px solid #c6c6c6;padding:8px 12px 12px}.fm-rename-folder-container .fm-rename-folder-input .fm-rename-warning{display:flex;align-items:center;gap:10px}.fm-rename-folder-container .fm-rename-folder-action{display:flex;gap:8px;justify-content:flex-end;padding:8px 8px 0 0}.file-selcted .select-files{width:40%}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@jfvilas/react-file-manager",
   "private": false,
-  "version": "1.1.0",
+  "version": "1.1.1",
   "type": "module",
   "module": "dist/react-file-manager.es.js",
   "files": [