@prozilla-os/file-explorer 1.1.19 → 1.1.21

package/dist/main.js

@@ -1,49 +1,50 @@
 (function(){"use strict";try{if(typeof document<"u"){var r=document.createElement("style");r.appendChild(document.createTextNode('._FileExplorer_lr5mr_1{--header-height: 3.5rem;--sidebar-width: 10rem;--footer-height: 1.75rem;--scale: 1.15rem;display:flex;flex-direction:column;width:100%;height:100%}._Header_lr5mr_13{display:flex;gap:1rem;align-items:center;width:100%;height:var(--header-height);padding:1rem;background-color:var(--background-color-0)}._IconButton_lr5mr_23{--color: var(--foreground-color-0);position:relative;height:1.25rem;width:auto;padding:0;background:none;border:none;outline:none;aspect-ratio:1;cursor:pointer}._IconButton_lr5mr_23:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff0;border-radius:var(--border-radius-99);transform:scale(1);transform-origin:center;transition:all var(--transition-duration-1) var(--ease-in-out-default)}._IconButton_lr5mr_23:hover:after,._IconButton_lr5mr_23:focus-visible:after{background-color:#ffffff1a;transform:scale(1.5)}._IconButton_lr5mr_23:disabled{--color: var(--background-color-1)}._IconButton_lr5mr_23 svg{height:100%}._IconButton_lr5mr_23 svg path{fill:var(--color);transition:fill var(--transition-duration-0) var(--ease-in-out-default)}._PathInput_lr5mr_69{flex:1;padding:.25rem .5rem;background-color:var(--background-color-2);border:none;border-radius:var(--border-radius-1);outline:none;font-family:inherit;font-size:inherit}._Body_lr5mr_80{flex:1;display:flex;width:100%;height:calc(100% - var(--header-height));background-color:var(--background-color-2)}._Sidebar_lr5mr_88{display:flex;gap:.25rem;flex-direction:column;min-width:calc(var(--sidebar-width) / 2);width:var(--sidebar-width);height:100%;max-width:50%;padding:.5rem;background-color:var(--background-color-1);resize:horizontal;overflow:hidden}._NavButton_lr5mr_102{display:flex;gap:.5rem;align-items:center;width:100%;padding:.5rem;background:none;border:none;border-radius:var(--border-radius-1);outline:none;cursor:pointer;transition:background-color var(--transition-duration-0) var(--ease-in-out-default)}._NavButton_lr5mr_102:hover,._NavButton_lr5mr_102:focus-visible{background-color:color-mix(in srgb,var(--background-color-0) 75%,transparent)}._NavButton_lr5mr_102 svg{height:1.35rem;aspect-ratio:1}._Main_lr5mr_125{--scale: inherit !important;position:relative;flex:1;display:flex;flex-wrap:wrap;align-content:flex-start;height:100%;padding:.5rem;padding-bottom:calc(.5rem + var(--footer-height));overflow:auto}._Footer_lr5mr_139{position:absolute;display:flex;justify-content:flex-start;align-items:center;bottom:0;left:0;width:100%;height:var(--footer-height);padding:0 .75rem;border-top:.25rem solid var(--background-color-0);background-color:var(--background-color-2)}._Footer_lr5mr_139 p{margin:0;font-size:.875em}._Selector_lr5mr_158{--footer-height: 4rem}._FileProperties_xi8b6_1{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:1rem}._Icon_xi8b6_9{width:3rem;height:3rem}._Icon_xi8b6_9 div{width:inherit;height:inherit;object-fit:contain}._Icon_xi8b6_9 svg{max-width:100%;max-height:100%}._Section_xi8b6_25{--divider-width: .25rem;position:relative;display:flex;gap:.25rem;justify-content:flex-start;align-items:flex-start;flex-direction:column;width:100%;padding:1rem 0;padding-bottom:calc(1rem + var(--divider-width))}._Section_xi8b6_25:first-child{gap:.5rem;align-items:center;flex-direction:row;padding-top:0}._Section_xi8b6_25:first-child ._Line_xi8b6_46{font-size:1.25rem}._Section_xi8b6_25:not(:last-child):after{content:"";position:absolute;bottom:0;left:0;width:100%;height:var(--divider-width);border-radius:var(--border-radius-0);background-color:var(--background-color-0)}._Line_xi8b6_46{margin:0;text-align:left;padding-left:2rem;text-indent:-2rem}._AppIcon_xi8b6_68{display:inline-block;width:2rem;height:2rem;vertical-align:middle;margin-left:.5rem;margin-right:.25rem}._AppIcon_xi8b6_68 div{position:relative;width:inherit;height:inherit;object-fit:contain}._AppIcon_xi8b6_68 svg{position:absolute;top:0;left:0;max-width:100%;max-height:100%}')),document.head.appendChild(r)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
-import { utilStyles as w, VirtualFile as ne, useSystemManager as W, WindowedModal as oe, ImagePreview as D, StorageManager as M, useVirtualRoot as re, useWindowsManager as ie, useHistory as le, useAlert as ae, useWindowedModal as se, useContextMenu as O, Actions as U, ClickAction as b, Vector2 as E, Divider as ce, VirtualRoot as F, DialogBox as z, ModalsConfig as $, DirectoryList as de, CODE_EXTENSIONS as ue, App as me, AppsConfig as pe } from "@prozilla-os/core";
-import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import { useState as S, useCallback as he, useEffect as H } from "react";
-import { FontAwesomeIcon as h } from "@fortawesome/react-fontawesome";
-import { faDownload as _e, faUpload as Ne, faTrash as V, faCircleInfo as ge, faCaretLeft as Ie, faCaretRight as xe, faArrowUp as be, faPlus as fe, faSearch as Ee, faCog as ye, faHouse as ve, faDesktop as Be, faImage as Ce, faFileLines as Pe } from "@fortawesome/free-solid-svg-icons";
-const Ae = "_FileExplorer_lr5mr_1", Se = "_Header_lr5mr_13", we = "_IconButton_lr5mr_23", Le = "_PathInput_lr5mr_69", Te = "_Body_lr5mr_80", ke = "_Sidebar_lr5mr_88", De = "_NavButton_lr5mr_102", Me = "_Main_lr5mr_125", Oe = "_Footer_lr5mr_139", Ue = "_Selector_lr5mr_158", s = {
-  FileExplorer: Ae,
-  Header: Se,
-  IconButton: we,
-  PathInput: Le,
-  Body: Te,
-  Sidebar: ke,
+import { utilStyles as A, VirtualFile as te, useSystemManager as G, WindowedModal as ne, ImagePreview as L, StorageManager as k, useVirtualRoot as oe, useWindowsManager as ie, useHistory as re, useAlert as ae, useWindowedModal as le, useContextMenu as O, Actions as M, ClickAction as x, Divider as se, VirtualRoot as R, DialogBox as U, ModalsConfig as z, DirectoryList as ce, CODE_EXTENSIONS as de, App as ue, AppsConfig as pe } from "@prozilla-os/core";
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { useState as P, useCallback as me, useEffect as $ } from "react";
+import { FontAwesomeIcon as p } from "@fortawesome/react-fontawesome";
+import { faDownload as he, faUpload as _e, faTrash as H, faCircleInfo as ge, faCaretLeft as Ne, faCaretRight as xe, faArrowUp as Ie, faPlus as be, faSearch as fe, faCog as ve, faHouse as Ee, faDesktop as ye, faImage as Se, faFileLines as Ce } from "@fortawesome/free-solid-svg-icons";
+import { Vector2 as f } from "@prozilla-os/shared";
+const Be = "_FileExplorer_lr5mr_1", we = "_Header_lr5mr_13", Pe = "_IconButton_lr5mr_23", Ae = "_PathInput_lr5mr_69", Fe = "_Body_lr5mr_80", Te = "_Sidebar_lr5mr_88", De = "_NavButton_lr5mr_102", Le = "_Main_lr5mr_125", ke = "_Footer_lr5mr_139", Oe = "_Selector_lr5mr_158", a = {
+  FileExplorer: Be,
+  Header: we,
+  IconButton: Pe,
+  PathInput: Ae,
+  Body: Fe,
+  Sidebar: Te,
   NavButton: De,
-  Main: Me,
-  Footer: Oe,
-  Selector: Ue
+  Main: Le,
+  Footer: ke,
+  Selector: Oe
 };
-function y({ onClick: n, icon: _, name: a }) {
-  return /* @__PURE__ */ l(
+function v({ onClick: l, icon: m, name: r }) {
+  return /* @__PURE__ */ i(
     "button",
     {
       tabIndex: 0,
-      className: `${s.NavButton} ${w.TextSemibold}`,
-      onClick: n,
+      className: `${a.NavButton} ${A.TextSemibold}`,
+      onClick: l,
       children: [
-        /* @__PURE__ */ e(h, { icon: _ }),
-        a
+        /* @__PURE__ */ e(p, { icon: m }),
+        r
       ]
     }
   );
 }
-function Fe({ directory: n }) {
-  const _ = (a) => {
-    const N = a.target.files;
-    N != null && Array.from(N).forEach((p) => {
-      const { name: u, extension: g } = ne.splitId(p.name), o = new FileReader();
-      o.onload = (I) => {
-        const { result: v } = I.target;
-        n.createFile(u, g, (c) => {
-          c.setSource(v);
+function Me({ directory: l }) {
+  const m = (r) => {
+    const h = r.target.files;
+    h != null && Array.from(h).forEach((_) => {
+      const { name: u, extension: g } = te.splitId(_.name), d = new FileReader();
+      d.onload = (I) => {
+        const { result: E } = I.target;
+        l.createFile(u, g, (s) => {
+          s.setSource(E);
         });
-      }, o.readAsDataURL(p);
+      }, d.readAsDataURL(_);
     });
   };
-  return /* @__PURE__ */ l("label", { title: "Import", tabIndex: 0, className: s.IconButton, children: [
+  return /* @__PURE__ */ i("label", { title: "Import", tabIndex: 0, className: a.IconButton, children: [
     /* @__PURE__ */ e(
       "input",
       {
@@ -51,166 +52,159 @@ function Fe({ directory: n }) {
         id: "import",
         multiple: !0,
         style: { display: "none" },
-        onChange: _
+        onChange: m
       }
     ),
-    /* @__PURE__ */ e(h, { icon: _e })
+    /* @__PURE__ */ e(p, { icon: he })
   ] });
 }
-const G = {
+const V = {
   NONE: 0,
-  SINGLE: 1,
-  MULTIPLE: 2
-}, ze = "_FileProperties_xi8b6_1", $e = "_Icon_xi8b6_9", He = "_Section_xi8b6_25", Ve = "_Line_xi8b6_46", Ge = "_AppIcon_xi8b6_68", d = {
-  FileProperties: ze,
-  Icon: $e,
-  Section: He,
-  Line: Ve,
-  AppIcon: Ge
+  SINGLE: 1
+}, Re = "_FileProperties_xi8b6_1", Ue = "_Icon_xi8b6_9", ze = "_Section_xi8b6_25", $e = "_Line_xi8b6_46", He = "_AppIcon_xi8b6_68", c = {
+  FileProperties: Re,
+  Icon: Ue,
+  Section: ze,
+  Line: $e,
+  AppIcon: He
 };
-function We({ modal: n, params: _, file: a, ...N }) {
-  const { appsConfig: p } = W(), u = a.extension != null ? p.getAppByFileExtension(a.extension) : null;
-  return /* @__PURE__ */ l(oe, { className: d.FileProperties, modal: n, params: _, ...N, children: [
-    /* @__PURE__ */ l("span", { className: d.Section, children: [
-      /* @__PURE__ */ e(D, { className: d.Icon, source: a.getIconUrl() }),
-      /* @__PURE__ */ e("p", { className: `${d.Line} ${w.TextBold}`, children: a.id })
+function Ve({ modal: l, params: m, file: r, ...h }) {
+  const { appsConfig: _ } = G(), u = r.extension != null ? _.getAppByFileExtension(r.extension) : null;
+  return /* @__PURE__ */ i(ne, { className: c.FileProperties, modal: l, params: m, ...h, children: [
+    /* @__PURE__ */ i("span", { className: c.Section, children: [
+      /* @__PURE__ */ e(L, { className: c.Icon, source: r.getIconUrl() }),
+      /* @__PURE__ */ e("p", { className: `${c.Line} ${A.TextBold}`, children: r.id })
     ] }),
-    /* @__PURE__ */ l("span", { className: d.Section, children: [
-      /* @__PURE__ */ l("p", { className: d.Line, children: [
+    /* @__PURE__ */ i("span", { className: c.Section, children: [
+      /* @__PURE__ */ i("p", { className: c.Line, children: [
         "Type: ",
-        a.getType()
+        r.getType()
       ] }),
-      u != null && /* @__PURE__ */ l("span", { className: d.Line, children: [
+      u != null && /* @__PURE__ */ i("span", { className: c.Line, children: [
         "Opens with:",
-        /* @__PURE__ */ e(D, { className: d.AppIcon, source: u.iconUrl ?? "" }),
+        /* @__PURE__ */ e(L, { className: c.AppIcon, source: u.iconUrl ?? "" }),
         u.name
       ] })
     ] }),
-    /* @__PURE__ */ l("span", { className: d.Section, children: [
-      /* @__PURE__ */ l("p", { className: d.Line, children: [
+    /* @__PURE__ */ i("span", { className: c.Section, children: [
+      /* @__PURE__ */ i("p", { className: c.Line, children: [
         "Location: ",
-        a.path
+        r.path
       ] }),
-      /* @__PURE__ */ l("p", { className: d.Line, children: [
+      /* @__PURE__ */ i("p", { className: c.Line, children: [
         "Size: ",
-        M.getByteSize(a.source ?? a.content),
+        k.getByteSize(r.source ?? r.content),
         " bytes"
       ] }),
-      /* @__PURE__ */ l("p", { className: d.Line, children: [
+      /* @__PURE__ */ i("p", { className: c.Line, children: [
         "Size on drive: ",
-        M.getByteSize(a.toString()),
+        k.getByteSize(r.toString()),
         " bytes"
       ] })
     ] }),
-    /* @__PURE__ */ e("span", { className: d.Section, children: /* @__PURE__ */ l("p", { className: d.Line, children: [
+    /* @__PURE__ */ e("span", { className: c.Section, children: /* @__PURE__ */ i("p", { className: c.Line, children: [
       "Attributes: ",
-      a.isProtected ? "Protected" : "N/A"
+      r.isProtected ? "Protected" : "N/A"
     ] }) })
   ] });
 }
-function Ye({ app: n, path: _, selectorMode: a, Footer: N, onSelectionChange: p, onSelectionFinish: u }) {
-  const g = N != null && a != null && a !== G.NONE, o = re(), I = ie(), { windowsConfig: v } = W(), [c, B] = S(o == null ? void 0 : o.navigate(_ ?? "~")), [Y, f] = S((c == null ? void 0 : c.path) ?? ""), [L] = S(!0), { history: C, stateIndex: T, pushState: k, undo: j, redo: K, undoAvailable: Q, redoAvailable: X } = le(c.path), { alert: q } = ae(), { openWindowedModal: P } = se(), { onContextMenu: J } = O({
-    Actions: (r) => {
-      var t;
-      return /* @__PURE__ */ l(U, { ...r, children: [
-        /* @__PURE__ */ e(b, { label: g ? "Select" : "Open", onTrigger: (i, m) => {
-          if (g) {
-            p == null || p({ files: [m.id], directory: c }), u == null || u();
-            return;
-          }
-          I != null && m.open(I);
-        } }),
-        ((t = r.triggerParams) == null ? void 0 : t.isDownloadable()) && /* @__PURE__ */ e(b, { label: "Export", icon: Ne, onTrigger: (i, m) => {
-          m.download();
-        } }),
-        /* @__PURE__ */ e(b, { label: "Delete", icon: V, onTrigger: (i, m) => {
-          m.delete();
-        } }),
-        /* @__PURE__ */ e(b, { label: "Properties", icon: ge, onTrigger: (i, m) => {
-          P({
-            title: `${m.id} ${v.titleSeparator} Properties`,
-            iconUrl: m.getIconUrl(),
-            size: new E(400, 500),
-            Modal: (te) => /* @__PURE__ */ e(We, { file: m, ...te })
-          });
-        } })
-      ] });
-    }
-  }), { onContextMenu: Z } = O({
-    Actions: (r) => /* @__PURE__ */ l(U, { ...r, children: [
-      /* @__PURE__ */ e(b, { label: "Open", onTrigger: (t, i) => {
-        x(i.linkedPath ?? i.name);
+function Ge({ app: l, path: m, selectorMode: r, Footer: h, onSelectionChange: _, onSelectionFinish: u }) {
+  const g = h != null && r != null && r !== V.NONE, d = oe(), I = ie(), { windowsConfig: E } = G(), [s, y] = P(d ? d.navigateToFolder(m ?? "~") : null), [W, b] = P(s?.path ?? ""), [F] = P(!0), { history: S, stateIndex: T, pushState: D, undo: Y, redo: j, undoAvailable: K, redoAvailable: Q } = re(s?.path ?? ""), { alert: X } = ae(), { openWindowedModal: C } = le(), { onContextMenu: q } = O({
+    Actions: (o) => /* @__PURE__ */ i(M, { ...o, children: [
+      /* @__PURE__ */ e(x, { label: g ? "Select" : "Open", onTrigger: (n, t) => {
+        if (g) {
+          _?.({ files: [t.id], directory: s }), u?.();
+          return;
+        }
+        I != null && t.open(I);
+      } }),
+      o.triggerParams.isDownloadable() && /* @__PURE__ */ e(x, { label: "Export", icon: _e, onTrigger: (n, t) => {
+        t.download();
+      } }),
+      /* @__PURE__ */ e(x, { label: "Delete", icon: H, onTrigger: (n, t) => {
+        t.delete();
       } }),
-      /* @__PURE__ */ e(ce, {}),
-      /* @__PURE__ */ e(b, { label: "Delete", icon: V, onTrigger: (t, i) => {
-        i.delete();
+      /* @__PURE__ */ e(x, { label: "Properties", icon: ge, onTrigger: (n, t) => {
+        C({
+          title: `${t.id} ${E.titleSeparator} Properties`,
+          iconUrl: t.getIconUrl(),
+          size: new f(400, 500),
+          Modal: (w) => /* @__PURE__ */ e(Ve, { file: t, ...w })
+        });
       } })
     ] })
-  }), x = he((r, t = !1) => {
-    if (r == null)
-      return;
-    c == null && (t = !0);
-    const i = t ? o == null ? void 0 : o.navigate(r) : c.navigate(r);
-    i != null && (B(i), f(i.root ? "/" : i.path), k(i.path));
-  }, [c, k, o]);
-  H(() => {
-    if (C.length === 0)
+  }), { onContextMenu: J } = O({
+    Actions: (o) => /* @__PURE__ */ i(M, { ...o, children: [
+      /* @__PURE__ */ e(x, { label: "Open", onTrigger: (n, t) => {
+        N(t.linkedPath ?? t.name);
+      } }),
+      /* @__PURE__ */ e(se, {}),
+      /* @__PURE__ */ e(x, { label: "Delete", icon: H, onTrigger: (n, t) => {
+        t.delete();
+      } })
+    ] })
+  }), N = me((o, n = !1) => {
+    s == null && (n = !0);
+    const t = n ? d?.navigate(o) : s?.navigate(o);
+    t != null && (y(t), b(t.root ? "/" : t.path), D(t.path));
+  }, [s, D, d]);
+  $(() => {
+    if (S.length === 0)
       return;
-    const r = C[T], t = o == null ? void 0 : o.navigate(r);
-    t != null && (B(t), f(t.root ? "/" : t.path));
-  }, [C, T, o]), H(() => {
-    const r = (t) => {
-      q({
-        title: t.message,
+    const o = S[T], n = d?.navigate(o);
+    n != null && (y(n), b(n.root ? "/" : n.path));
+  }, [S, T, d]), $(() => {
+    const o = (n) => {
+      X({
+        title: n.message,
         text: "You have exceeded the virtual drive capacity. Files and folders will not be saved until more storage is freed.",
-        iconUrl: n == null ? void 0 : n.iconUrl,
-        size: new E(300, 200),
+        iconUrl: l?.iconUrl,
+        size: new f(300, 200),
         single: !0
       });
     };
-    return o == null || o.on(F.EVENT_NAMES.error, r), () => {
-      o == null || o.off(F.EVENT_NAMES.error, r);
+    return d?.on(R.ERROR_EVENT, o), () => {
+      d?.off(R.ERROR_EVENT, o);
     };
   }, []);
-  const R = (r) => {
-    f(r.target.value);
-  }, ee = (r) => {
-    let t = r.target.value;
-    if (r.key === "Enter") {
-      t === "" && (t = "~");
-      const i = o == null ? void 0 : o.navigate(t);
-      if (i == null) {
-        P({
+  const Z = (o) => {
+    b(o.target.value);
+  }, ee = (o) => {
+    let n = o.target.value;
+    if (o.key === "Enter") {
+      n === "" && (n = "~");
+      const t = d?.navigate(n);
+      if (t == null) {
+        C({
           title: "Error",
-          iconUrl: n == null ? void 0 : n.iconUrl,
-          size: new E(300, 150),
-          Modal: (m) => /* @__PURE__ */ l(z, { ...m, children: [
-            /* @__PURE__ */ l("p", { children: [
+          iconUrl: l?.iconUrl,
+          size: new f(300, 150),
+          Modal: (w) => /* @__PURE__ */ i(U, { ...w, children: [
+            /* @__PURE__ */ i("p", { children: [
               'Invalid path: "',
-              t,
+              n,
               '"'
             ] }),
-            /* @__PURE__ */ e("button", { "data-type": $.DIALOG_CONTENT_TYPES.closeButton, children: "Ok" })
+            /* @__PURE__ */ e("button", { "data-type": z.DIALOG_CONTENT_TYPES.closeButton, children: "Ok" })
           ] })
         });
         return;
-      }
-      B(i), f(i.root ? "/" : i.path);
+      } else t.isFolder() && (y(t), b(t.root ? "/" : t.path));
     }
-  }, A = c.getItemCount(L);
-  return /* @__PURE__ */ l("div", { className: g ? `${s.FileExplorer} ${s.Selector}` : s.FileExplorer, children: [
-    /* @__PURE__ */ l("div", { className: s.Header, children: [
+  }, B = s?.getItemCount(F) ?? 0;
+  return /* @__PURE__ */ i("div", { className: g ? `${a.FileExplorer} ${a.Selector}` : a.FileExplorer, children: [
+    /* @__PURE__ */ i("div", { className: a.Header, children: [
       /* @__PURE__ */ e(
         "button",
         {
           title: "Back",
           tabIndex: 0,
-          className: s.IconButton,
+          className: a.IconButton,
           onClick: () => {
-            j();
+            Y();
           },
-          disabled: !Q,
-          children: /* @__PURE__ */ e(h, { icon: Ie })
+          disabled: !K,
+          children: /* @__PURE__ */ e(p, { icon: Ne })
         }
       ),
       /* @__PURE__ */ e(
@@ -218,12 +212,12 @@ function Ye({ app: n, path: _, selectorMode: a, Footer: N, onSelectionChange: p,
         {
           title: "Forward",
           tabIndex: 0,
-          className: s.IconButton,
+          className: a.IconButton,
           onClick: () => {
-            K();
+            j();
           },
-          disabled: !X,
-          children: /* @__PURE__ */ e(h, { icon: xe })
+          disabled: !Q,
+          children: /* @__PURE__ */ e(p, { icon: xe })
         }
       ),
       /* @__PURE__ */ e(
@@ -231,12 +225,12 @@ function Ye({ app: n, path: _, selectorMode: a, Footer: N, onSelectionChange: p,
         {
           title: "Up",
           tabIndex: 0,
-          className: s.IconButton,
+          className: a.IconButton,
           onClick: () => {
-            x("..");
+            N("..");
           },
-          disabled: c.isRoot != null && c.isRoot,
-          children: /* @__PURE__ */ e(h, { icon: be })
+          disabled: s?.isRoot != null && s.isRoot,
+          children: /* @__PURE__ */ e(p, { icon: Ie })
         }
       ),
       /* @__PURE__ */ e(
@@ -244,85 +238,85 @@ function Ye({ app: n, path: _, selectorMode: a, Footer: N, onSelectionChange: p,
         {
           title: "New",
           tabIndex: 0,
-          className: s.IconButton,
+          className: a.IconButton,
           onClick: () => {
-            P({
+            C({
               title: "Error",
-              iconUrl: n == null ? void 0 : n.iconUrl,
-              size: new E(300, 150),
-              Modal: (r) => /* @__PURE__ */ l(z, { ...r, children: [
+              iconUrl: l?.iconUrl,
+              size: new f(300, 150),
+              Modal: (o) => /* @__PURE__ */ i(U, { ...o, children: [
                 /* @__PURE__ */ e("p", { children: "This folder is protected." }),
-                /* @__PURE__ */ e("button", { "data-type": $.DIALOG_CONTENT_TYPES.closeButton, children: "Ok" })
+                /* @__PURE__ */ e("button", { "data-type": z.DIALOG_CONTENT_TYPES.closeButton, children: "Ok" })
               ] })
             });
           },
-          disabled: !c.canBeEdited,
-          children: /* @__PURE__ */ e(h, { icon: fe })
+          disabled: !s?.canBeEdited,
+          children: /* @__PURE__ */ e(p, { icon: be })
         }
       ),
       /* @__PURE__ */ e(
         "input",
         {
-          value: Y,
+          value: W,
           type: "text",
           "aria-label": "Path",
-          className: s.PathInput,
+          className: a.PathInput,
           tabIndex: 0,
-          onChange: R,
+          onChange: Z,
           onKeyDown: ee,
           placeholder: "Enter a path..."
         }
       ),
-      /* @__PURE__ */ e(Fe, { directory: c }),
-      /* @__PURE__ */ e("button", { title: "Search", tabIndex: 0, className: s.IconButton, children: /* @__PURE__ */ e(h, { icon: Ee }) }),
-      /* @__PURE__ */ e("button", { title: "Settings", tabIndex: 0, className: s.IconButton, children: /* @__PURE__ */ e(h, { icon: ye }) })
+      /* @__PURE__ */ e(Me, { directory: s }),
+      /* @__PURE__ */ e("button", { title: "Search", tabIndex: 0, className: a.IconButton, children: /* @__PURE__ */ e(p, { icon: fe }) }),
+      /* @__PURE__ */ e("button", { title: "Settings", tabIndex: 0, className: a.IconButton, children: /* @__PURE__ */ e(p, { icon: ve }) })
     ] }),
-    /* @__PURE__ */ l("div", { className: s.Body, children: [
-      /* @__PURE__ */ l("div", { className: s.Sidebar, children: [
-        /* @__PURE__ */ e(y, { name: "Home", onClick: () => {
-          x("~");
-        }, icon: ve }),
-        /* @__PURE__ */ e(y, { name: "Desktop", onClick: () => {
-          x("~/Desktop");
-        }, icon: Be }),
-        /* @__PURE__ */ e(y, { name: "Images", onClick: () => {
-          x("~/Pictures");
-        }, icon: Ce }),
-        /* @__PURE__ */ e(y, { name: "Documents", onClick: () => {
-          x("~/Documents");
-        }, icon: Pe })
+    /* @__PURE__ */ i("div", { className: a.Body, children: [
+      /* @__PURE__ */ i("div", { className: a.Sidebar, children: [
+        /* @__PURE__ */ e(v, { name: "Home", onClick: () => {
+          N("~");
+        }, icon: Ee }),
+        /* @__PURE__ */ e(v, { name: "Desktop", onClick: () => {
+          N("~/Desktop");
+        }, icon: ye }),
+        /* @__PURE__ */ e(v, { name: "Images", onClick: () => {
+          N("~/Pictures");
+        }, icon: Se }),
+        /* @__PURE__ */ e(v, { name: "Documents", onClick: () => {
+          N("~/Documents");
+        }, icon: Ce })
       ] }),
       /* @__PURE__ */ e(
-        de,
+        ce,
         {
-          directory: c,
+          directory: s,
           id: "main",
-          className: s.Main,
-          showHidden: L,
-          onOpenFile: (r, t) => {
-            if (r.preventDefault(), g)
-              return void (u == null ? void 0 : u());
-            const i = {};
-            (t.extension === "md" || t.extension != null && ue.includes(t.extension)) && (i.mode = "view"), I == null || I.openFile(t, i);
+          className: a.Main,
+          showHidden: F,
+          onOpenFile: (o, n) => {
+            if (o.preventDefault(), g)
+              return void u?.();
+            const t = {};
+            (n.extension === "md" || n.extension != null && de.includes(n.extension)) && (t.mode = "view"), I?.openFile(n, t);
           },
-          onOpenFolder: (r, t) => {
-            x(t.linkedPath ?? t.name);
+          onOpenFolder: (o, n) => {
+            N(n.linkedPath ?? n.name);
           },
-          onContextMenuFile: J,
-          onContextMenuFolder: Z,
-          allowMultiSelect: a !== G.SINGLE,
-          onSelectionChange: p
+          onContextMenuFile: q,
+          onContextMenuFolder: J,
+          allowMultiSelect: r !== V.SINGLE,
+          onSelectionChange: _
         }
       )
     ] }),
-    g ? /* @__PURE__ */ e("div", { className: s.Footer, children: /* @__PURE__ */ e(N, {}) }) : /* @__PURE__ */ e("span", { className: s.Footer, children: /* @__PURE__ */ e("p", { className: w.TextLight, children: A === 1 ? A + " item" : A + " items" }) })
+    g ? /* @__PURE__ */ e("div", { className: a.Footer, children: /* @__PURE__ */ e(h, {}) }) : /* @__PURE__ */ e("span", { className: a.Footer, children: /* @__PURE__ */ e("p", { className: A.TextLight, children: B === 1 ? B + " item" : B + " items" }) })
   ] });
 }
-var je = /* @__PURE__ */ ((n) => (n[n.None = 0] = "None", n[n.Single = 1] = "Single", n[n.Multi = 2] = "Multi", n))(je || {});
-const Ke = new me("File Explorer", "file-explorer", Ye).setIconUrl("https://os.prozilla.dev/assets/apps/icons/file-explorer.svg").setRole(pe.APP_ROLES.fileExplorer).setCategory("Utilities & tools");
-Ke.setMetadata({ name: "@prozilla-os/file-explorer", version: "1.1.17", author: "Prozilla" });
+var We = /* @__PURE__ */ ((l) => (l[l.None = 0] = "None", l[l.Single = 1] = "Single", l[l.Multi = 2] = "Multi", l))(We || {});
+const Ye = new ue("File Explorer", "file-explorer", Ge).setIconUrl("https://os.prozilla.dev/assets/apps/icons/file-explorer.svg").setRole(pe.APP_ROLES.fileExplorer).setCategory("Utilities & tools");
+Ye.setMetadata({ name: "@prozilla-os/file-explorer", version: "1.1.19", author: "Prozilla" });
 export {
-  je as FileSelectorMode,
-  Ke as fileExplorer
+  We as FileSelectorMode,
+  Ye as fileExplorer
 };
 //# sourceMappingURL=main.js.map