@wp-playground/components 3.1.45 → 3.1.47

package/index.js

@@ -1,20 +1,21 @@
-import r, { forwardRef as $t, useMemo as Ft, useState as ee, useRef as V, useEffect as H, useImperativeHandle as Wt, useLayoutEffect as qt, useCallback as We } from "react";
-import { joinPaths as Oe, dirname as Le, normalizePath as Jt, basename as it, isParentOf as Xt, concatUint8Arrays as Qt } from "@php-wasm/util";
-import { __experimentalTreeGrid as er, Popover as tr, NavigableMenu as rr, MenuItem as rt, __experimentalTreeGridRow as nr, __experimentalTreeGridCell as ar, Button as Je, Modal as or, Icon as St, Tooltip as Ht, VisuallyHidden as ir, Notice as lr } from "@wordpress/components";
-import Ne from "classnames";
-import { forwardRef as Ut, cloneElement as sr, createElement as cr } from "@wordpress/element";
+import r, { forwardRef as zt, useMemo as Ft, useState as Q, useRef as M, useEffect as z, useImperativeHandle as $t, useLayoutEffect as qt, useCallback as He } from "react";
+import { joinPaths as je, dirname as Le, normalizePath as Jt, basename as et, isParentOf as Xt, concatUint8Arrays as Qt } from "@php-wasm/util";
+import { __experimentalTreeGrid as er, Popover as tr, NavigableMenu as rr, MenuItem as it, __experimentalTreeGridRow as nr, __experimentalTreeGridCell as ar, Button as tt, Modal as or, Icon as St, Tooltip as Wt, VisuallyHidden as ir, Notice as lr } from "@wordpress/components";
+import De from "classnames";
+import { forwardRef as Ht, cloneElement as sr, createElement as cr } from "@wordpress/element";
 import ur from "clsx";
-import { Compartment as Pt, EditorSelection as vt, EditorState as fr } from "@codemirror/state";
-import { ViewPlugin as dr, lineNumbers as mr, highlightActiveLineGutter as pr, highlightActiveLine as hr, dropCursor as vr, rectangularSelection as wr, crosshairCursor as gr, EditorView as ot, keymap as Er } from "@codemirror/view";
-import { history as yr, historyKeymap as _r, defaultKeymap as xr, indentWithTab as br } from "@codemirror/commands";
-import { highlightSelectionMatches as Cr, searchKeymap as Rr } from "@codemirror/search";
-import { closeBrackets as kr, autocompletion as Tr, closeBracketsKeymap as Sr, completionKeymap as Pr } from "@codemirror/autocomplete";
+import { Compartment as Tt, EditorSelection as gt, EditorState as fr } from "@codemirror/state";
+import { ViewPlugin as dr, lineNumbers as mr, highlightActiveLineGutter as pr, highlightActiveLine as hr, dropCursor as vr, rectangularSelection as wr, crosshairCursor as gr, EditorView as ct, keymap as Er } from "@codemirror/view";
+import { history as yr, historyKeymap as _r, defaultKeymap as Cr, indentWithTab as br } from "@codemirror/commands";
+import { highlightSelectionMatches as xr, searchKeymap as Rr } from "@codemirror/search";
+import { closeBrackets as kr, autocompletion as Pr, closeBracketsKeymap as Sr, completionKeymap as Tr } from "@codemirror/autocomplete";
 import { foldGutter as Dr, syntaxHighlighting as Ar, defaultHighlightStyle as Nr, indentOnInput as Fr, bracketMatching as Ir, foldKeymap as Lr } from "@codemirror/language";
-import { php as lt } from "@codemirror/lang-php";
+import { php as ut } from "@codemirror/lang-php";
 import { FilePickerTree as Or, BinaryFilePreview as Br } from "@wp-playground/components";
-import { logger as Ke } from "@php-wasm/logger";
+import { logger as Xe } from "@php-wasm/logger";
 import Lt from "@php-wasm/universal/mime-types";
-const Na = (n) => /* @__PURE__ */ r.createElement(
+import { createPortal as Mr } from "react-dom";
+const Ma = (n) => /* @__PURE__ */ r.createElement(
   "svg",
   {
     width: "32",
@@ -57,7 +58,7 @@ const Na = (n) => /* @__PURE__ */ r.createElement(
       strokeWidth: "1.93129"
     }
   )
-), Fa = (n) => /* @__PURE__ */ r.createElement(
+), ja = (n) => /* @__PURE__ */ r.createElement(
   "svg",
   {
     width: "16",
@@ -76,7 +77,7 @@ const Na = (n) => /* @__PURE__ */ r.createElement(
       fill: "#949494"
     }
   )
-), Ia = (n) => /* @__PURE__ */ r.createElement(
+), Va = (n) => /* @__PURE__ */ r.createElement(
   "svg",
   {
     width: "20",
@@ -93,7 +94,7 @@ const Na = (n) => /* @__PURE__ */ r.createElement(
       fill: "#ffffff"
     }
   )
-), Mr = /* @__PURE__ */ r.createElement(
+), jr = /* @__PURE__ */ r.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -110,7 +111,7 @@ const Na = (n) => /* @__PURE__ */ r.createElement(
       d: "M7.59196 3.59524L6.77745 1.96623C6.70755 1.82641 6.56464 1.7381 6.40832 1.7381H1.65079C1.42287 1.7381 1.2381 1.92287 1.2381 2.15079V11.8492C1.2381 12.0771 1.42287 12.2619 1.65079 12.2619H13.2063C13.4343 12.2619 13.619 12.0771 13.619 11.8492V4.00794C13.619 3.78001 13.4343 3.59524 13.2063 3.59524H7.59196ZM8.35714 2.35714L7.88484 1.41254C7.60521 0.853274 7.0336 0.5 6.40832 0.5H1.65079C0.739085 0.5 0 1.23909 0 2.15079V11.8492C0 12.7609 0.739085 13.5 1.65079 13.5H13.2063C14.1181 13.5 14.8571 12.7609 14.8571 11.8492V4.00794C14.8571 3.09623 14.1181 2.35714 13.2063 2.35714H8.35714Z"
     }
   )
-), jr = /* @__PURE__ */ r.createElement(
+), Vr = /* @__PURE__ */ r.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -121,7 +122,7 @@ const Na = (n) => /* @__PURE__ */ r.createElement(
     viewBox: "0 0 16 16"
   },
   /* @__PURE__ */ r.createElement("path", { d: "M14 4.5V14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h5.5zm-3 0A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V4.5z" })
-), La = (n) => /* @__PURE__ */ r.createElement(
+), za = (n) => /* @__PURE__ */ r.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -140,7 +141,7 @@ const Na = (n) => /* @__PURE__ */ r.createElement(
       fill: "#949494"
     }
   )
-), Oa = /* @__PURE__ */ r.createElement(
+), $a = /* @__PURE__ */ r.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -159,10 +160,10 @@ const Na = (n) => /* @__PURE__ */ r.createElement(
     }
   )
 );
-function Ba(n) {
+function Wa(n) {
   return `data:${n.mime};base64,${n.data}`;
 }
-function Ma({
+function Ha({
   size: n = 24,
   sidebarActive: c = !1
 }) {
@@ -207,17 +208,17 @@ function Ma({
     )
   );
 }
-const Ot = Ut(({
+const Ot = Ht(({
   icon: n,
   size: c = 24,
-  ...d
+  ...f
 }, l) => sr(n, {
   width: c,
   height: c,
-  ...d,
+  ...f,
   ref: l
 }));
-var It = { exports: {} }, nt = {};
+var It = { exports: {} }, lt = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -228,20 +229,20 @@ var It = { exports: {} }, nt = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Bt;
-function Vr() {
-  if (Bt) return nt;
+function zr() {
+  if (Bt) return lt;
   Bt = 1;
-  var n = r, c = Symbol.for("react.element"), d = Symbol.for("react.fragment"), l = Object.prototype.hasOwnProperty, R = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, m = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function k(N, h, S) {
-    var _, T = {}, P = null, W = null;
-    S !== void 0 && (P = "" + S), h.key !== void 0 && (P = "" + h.key), h.ref !== void 0 && (W = h.ref);
-    for (_ in h) l.call(h, _) && !m.hasOwnProperty(_) && (T[_] = h[_]);
-    if (N && N.defaultProps) for (_ in h = N.defaultProps, h) T[_] === void 0 && (T[_] = h[_]);
-    return { $$typeof: c, type: N, key: P, ref: W, props: T, _owner: R.current };
+  var n = r, c = Symbol.for("react.element"), f = Symbol.for("react.fragment"), l = Object.prototype.hasOwnProperty, T = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, d = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function k(A, N, h) {
+    var _, D = {}, P = null, W = null;
+    h !== void 0 && (P = "" + h), N.key !== void 0 && (P = "" + N.key), N.ref !== void 0 && (W = N.ref);
+    for (_ in N) l.call(N, _) && !d.hasOwnProperty(_) && (D[_] = N[_]);
+    if (A && A.defaultProps) for (_ in N = A.defaultProps, N) D[_] === void 0 && (D[_] = N[_]);
+    return { $$typeof: c, type: A, key: P, ref: W, props: D, _owner: T.current };
   }
-  return nt.Fragment = d, nt.jsx = k, nt.jsxs = k, nt;
+  return lt.Fragment = f, lt.jsx = k, lt.jsxs = k, lt;
 }
-var at = {};
+var st = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -254,51 +255,51 @@ var at = {};
 var Mt;
 function $r() {
   return Mt || (Mt = 1, process.env.NODE_ENV !== "production" && function() {
-    var n = r, c = Symbol.for("react.element"), d = Symbol.for("react.portal"), l = Symbol.for("react.fragment"), R = Symbol.for("react.strict_mode"), m = Symbol.for("react.profiler"), k = Symbol.for("react.provider"), N = Symbol.for("react.context"), h = Symbol.for("react.forward_ref"), S = Symbol.for("react.suspense"), _ = Symbol.for("react.suspense_list"), T = Symbol.for("react.memo"), P = Symbol.for("react.lazy"), W = Symbol.for("react.offscreen"), F = Symbol.iterator, D = "@@iterator";
-    function ce(e) {
+    var n = r, c = Symbol.for("react.element"), f = Symbol.for("react.portal"), l = Symbol.for("react.fragment"), T = Symbol.for("react.strict_mode"), d = Symbol.for("react.profiler"), k = Symbol.for("react.provider"), A = Symbol.for("react.context"), N = Symbol.for("react.forward_ref"), h = Symbol.for("react.suspense"), _ = Symbol.for("react.suspense_list"), D = Symbol.for("react.memo"), P = Symbol.for("react.lazy"), W = Symbol.for("react.offscreen"), q = Symbol.iterator, R = "@@iterator";
+    function Y(e) {
       if (e === null || typeof e != "object")
         return null;
-      var s = F && e[F] || e[D];
+      var s = q && e[q] || e[R];
       return typeof s == "function" ? s : null;
     }
-    var v = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    var w = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function b(e) {
       {
-        for (var s = arguments.length, p = new Array(s > 1 ? s - 1 : 0), C = 1; C < s; C++)
-          p[C - 1] = arguments[C];
-        K("error", e, p);
+        for (var s = arguments.length, m = new Array(s > 1 ? s - 1 : 0), x = 1; x < s; x++)
+          m[x - 1] = arguments[x];
+        G("error", e, m);
       }
     }
-    function K(e, s, p) {
+    function G(e, s, m) {
       {
-        var C = v.ReactDebugCurrentFrame, U = C.getStackAddendum();
-        U !== "" && (s += "%s", p = p.concat([U]));
-        var Z = p.map(function(j) {
-          return String(j);
+        var x = w.ReactDebugCurrentFrame, U = x.getStackAddendum();
+        U !== "" && (s += "%s", m = m.concat([U]));
+        var K = m.map(function(B) {
+          return String(B);
         });
-        Z.unshift("Warning: " + s), Function.prototype.apply.call(console[e], console, Z);
+        K.unshift("Warning: " + s), Function.prototype.apply.call(console[e], console, K);
       }
     }
-    var te = !1, q = !1, y = !1, M = !1, I = !1, $;
+    var X = !1, ae = !1, y = !1, j = !1, V = !1, $;
     $ = Symbol.for("react.module.reference");
-    function g(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === l || e === m || I || e === R || e === S || e === _ || M || e === W || te || q || y || typeof e == "object" && e !== null && (e.$$typeof === P || e.$$typeof === T || e.$$typeof === k || e.$$typeof === N || e.$$typeof === h || // This needs to include all possible module reference object
+    function p(e) {
+      return !!(typeof e == "string" || typeof e == "function" || e === l || e === d || V || e === T || e === h || e === _ || j || e === W || X || ae || y || typeof e == "object" && e !== null && (e.$$typeof === P || e.$$typeof === D || e.$$typeof === k || e.$$typeof === A || e.$$typeof === N || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
       e.$$typeof === $ || e.getModuleId !== void 0));
     }
-    function O(e, s, p) {
-      var C = e.displayName;
-      if (C)
-        return C;
+    function F(e, s, m) {
+      var x = e.displayName;
+      if (x)
+        return x;
       var U = s.displayName || s.name || "";
-      return U !== "" ? p + "(" + U + ")" : p;
+      return U !== "" ? m + "(" + U + ")" : m;
     }
-    function me(e) {
+    function ce(e) {
       return e.displayName || "Context";
     }
-    function A(e) {
+    function Z(e) {
       if (e == null)
         return null;
       if (typeof e.tag == "number" && b("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
@@ -308,34 +309,34 @@ function $r() {
       switch (e) {
         case l:
           return "Fragment";
-        case d:
+        case f:
           return "Portal";
-        case m:
+        case d:
           return "Profiler";
-        case R:
+        case T:
           return "StrictMode";
-        case S:
+        case h:
           return "Suspense";
         case _:
           return "SuspenseList";
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case N:
+          case A:
             var s = e;
-            return me(s) + ".Consumer";
+            return ce(s) + ".Consumer";
           case k:
-            var p = e;
-            return me(p._context) + ".Provider";
-          case h:
-            return O(e, e.render, "ForwardRef");
-          case T:
-            var C = e.displayName || null;
-            return C !== null ? C : A(e.type) || "Memo";
+            var m = e;
+            return ce(m._context) + ".Provider";
+          case N:
+            return F(e, e.render, "ForwardRef");
+          case D:
+            var x = e.displayName || null;
+            return x !== null ? x : Z(e.type) || "Memo";
           case P: {
-            var U = e, Z = U._payload, j = U._init;
+            var U = e, K = U._payload, B = U._init;
             try {
-              return A(j(Z));
+              return Z(B(K));
             } catch {
               return null;
             }
@@ -343,14 +344,14 @@ function $r() {
         }
       return null;
     }
-    var J = Object.assign, fe = 0, X, le, Se, be, Ce, ue, Fe;
+    var O = Object.assign, oe = 0, ee, ve, he, Ne, Pe, te, Oe;
     function re() {
     }
     re.__reactDisabledLog = !0;
-    function Pe() {
+    function Me() {
       {
-        if (fe === 0) {
-          X = console.log, le = console.info, Se = console.warn, be = console.error, Ce = console.group, ue = console.groupCollapsed, Fe = console.groupEnd;
+        if (oe === 0) {
+          ee = console.log, ve = console.info, he = console.warn, Ne = console.error, Pe = console.group, te = console.groupCollapsed, Oe = console.groupEnd;
           var e = {
             configurable: !0,
             enumerable: !0,
@@ -367,229 +368,229 @@ function $r() {
             groupEnd: e
           });
         }
-        fe++;
+        oe++;
       }
     }
-    function Re() {
+    function ye() {
       {
-        if (fe--, fe === 0) {
+        if (oe--, oe === 0) {
           var e = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: J({}, e, {
-              value: X
+            log: O({}, e, {
+              value: ee
             }),
-            info: J({}, e, {
-              value: le
+            info: O({}, e, {
+              value: ve
             }),
-            warn: J({}, e, {
-              value: Se
+            warn: O({}, e, {
+              value: he
             }),
-            error: J({}, e, {
-              value: be
+            error: O({}, e, {
+              value: Ne
             }),
-            group: J({}, e, {
-              value: Ce
+            group: O({}, e, {
+              value: Pe
             }),
-            groupCollapsed: J({}, e, {
-              value: ue
+            groupCollapsed: O({}, e, {
+              value: te
             }),
-            groupEnd: J({}, e, {
-              value: Fe
+            groupEnd: O({}, e, {
+              value: Oe
             })
           });
         }
-        fe < 0 && b("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        oe < 0 && b("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var ye = v.ReactCurrentDispatcher, De;
-    function _e(e, s, p) {
+    var ke = w.ReactCurrentDispatcher, Fe;
+    function Se(e, s, m) {
       {
-        if (De === void 0)
+        if (Fe === void 0)
           try {
             throw Error();
           } catch (U) {
-            var C = U.stack.trim().match(/\n( *(at )?)/);
-            De = C && C[1] || "";
+            var x = U.stack.trim().match(/\n( *(at )?)/);
+            Fe = x && x[1] || "";
           }
         return `
-` + De + e;
+` + Fe + e;
       }
     }
-    var oe = !1, Y;
+    var de = !1, H;
     {
-      var u = typeof WeakMap == "function" ? WeakMap : Map;
-      Y = new u();
+      var g = typeof WeakMap == "function" ? WeakMap : Map;
+      H = new g();
     }
-    function x(e, s) {
-      if (!e || oe)
+    function pe(e, s) {
+      if (!e || de)
         return "";
       {
-        var p = Y.get(e);
-        if (p !== void 0)
-          return p;
+        var m = H.get(e);
+        if (m !== void 0)
+          return m;
       }
-      var C;
-      oe = !0;
+      var x;
+      de = !0;
       var U = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var Z;
-      Z = ye.current, ye.current = null, Pe();
+      var K;
+      K = ke.current, ke.current = null, Me();
       try {
         if (s) {
-          var j = function() {
+          var B = function() {
             throw Error();
           };
-          if (Object.defineProperty(j.prototype, "props", {
+          if (Object.defineProperty(B.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(j, []);
-            } catch (we) {
-              C = we;
+              Reflect.construct(B, []);
+            } catch (be) {
+              x = be;
             }
-            Reflect.construct(e, [], j);
+            Reflect.construct(e, [], B);
           } else {
             try {
-              j.call();
-            } catch (we) {
-              C = we;
+              B.call();
+            } catch (be) {
+              x = be;
             }
-            e.call(j.prototype);
+            e.call(B.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (we) {
-            C = we;
+          } catch (be) {
+            x = be;
           }
           e();
         }
-      } catch (we) {
-        if (we && C && typeof we.stack == "string") {
-          for (var L = we.stack.split(`
-`), pe = C.stack.split(`
-`), ie = L.length - 1, se = pe.length - 1; ie >= 1 && se >= 0 && L[ie] !== pe[se]; )
-            se--;
-          for (; ie >= 1 && se >= 0; ie--, se--)
-            if (L[ie] !== pe[se]) {
-              if (ie !== 1 || se !== 1)
+      } catch (be) {
+        if (be && x && typeof be.stack == "string") {
+          for (var I = be.stack.split(`
+`), Ee = x.stack.split(`
+`), se = I.length - 1, fe = Ee.length - 1; se >= 1 && fe >= 0 && I[se] !== Ee[fe]; )
+            fe--;
+          for (; se >= 1 && fe >= 0; se--, fe--)
+            if (I[se] !== Ee[fe]) {
+              if (se !== 1 || fe !== 1)
                 do
-                  if (ie--, se--, se < 0 || L[ie] !== pe[se]) {
-                    var ke = `
-` + L[ie].replace(" at new ", " at ");
-                    return e.displayName && ke.includes("<anonymous>") && (ke = ke.replace("<anonymous>", e.displayName)), typeof e == "function" && Y.set(e, ke), ke;
+                  if (se--, fe--, fe < 0 || I[se] !== Ee[fe]) {
+                    var Te = `
+` + I[se].replace(" at new ", " at ");
+                    return e.displayName && Te.includes("<anonymous>") && (Te = Te.replace("<anonymous>", e.displayName)), typeof e == "function" && H.set(e, Te), Te;
                   }
-                while (ie >= 1 && se >= 0);
+                while (se >= 1 && fe >= 0);
               break;
             }
         }
       } finally {
-        oe = !1, ye.current = Z, Re(), Error.prepareStackTrace = U;
+        de = !1, ke.current = K, ye(), Error.prepareStackTrace = U;
       }
-      var Ze = e ? e.displayName || e.name : "", $e = Ze ? _e(Ze) : "";
-      return typeof e == "function" && Y.set(e, $e), $e;
+      var Je = e ? e.displayName || e.name : "", We = Je ? Se(Je) : "";
+      return typeof e == "function" && H.set(e, We), We;
     }
-    function z(e, s, p) {
-      return x(e, !1);
+    function me(e, s, m) {
+      return pe(e, !1);
     }
-    function G(e) {
+    function we(e) {
       var s = e.prototype;
       return !!(s && s.isReactComponent);
     }
-    function Q(e, s, p) {
+    function C(e, s, m) {
       if (e == null)
         return "";
       if (typeof e == "function")
-        return x(e, G(e));
+        return pe(e, we(e));
       if (typeof e == "string")
-        return _e(e);
+        return Se(e);
       switch (e) {
-        case S:
-          return _e("Suspense");
+        case h:
+          return Se("Suspense");
         case _:
-          return _e("SuspenseList");
+          return Se("SuspenseList");
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case h:
-            return z(e.render);
-          case T:
-            return Q(e.type, s, p);
+          case N:
+            return me(e.render);
+          case D:
+            return C(e.type, s, m);
           case P: {
-            var C = e, U = C._payload, Z = C._init;
+            var x = e, U = x._payload, K = x._init;
             try {
-              return Q(Z(U), s, p);
+              return C(K(U), s, m);
             } catch {
             }
           }
         }
       return "";
     }
-    var de = Object.prototype.hasOwnProperty, Ae = {}, xe = v.ReactDebugCurrentFrame;
-    function he(e) {
+    var S = Object.prototype.hasOwnProperty, ie = {}, le = w.ReactDebugCurrentFrame;
+    function ue(e) {
       if (e) {
-        var s = e._owner, p = Q(e.type, e._source, s ? s.type : null);
-        xe.setExtraStackFrame(p);
+        var s = e._owner, m = C(e.type, e._source, s ? s.type : null);
+        le.setExtraStackFrame(m);
       } else
-        xe.setExtraStackFrame(null);
+        le.setExtraStackFrame(null);
     }
-    function Me(e, s, p, C, U) {
+    function _e(e, s, m, x, U) {
       {
-        var Z = Function.call.bind(de);
-        for (var j in e)
-          if (Z(e, j)) {
-            var L = void 0;
+        var K = Function.call.bind(S);
+        for (var B in e)
+          if (K(e, B)) {
+            var I = void 0;
             try {
-              if (typeof e[j] != "function") {
-                var pe = Error((C || "React class") + ": " + p + " type `" + j + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[j] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw pe.name = "Invariant Violation", pe;
+              if (typeof e[B] != "function") {
+                var Ee = Error((x || "React class") + ": " + m + " type `" + B + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[B] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw Ee.name = "Invariant Violation", Ee;
               }
-              L = e[j](s, j, C, p, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (ie) {
-              L = ie;
+              I = e[B](s, B, x, m, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (se) {
+              I = se;
             }
-            L && !(L instanceof Error) && (he(U), b("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", C || "React class", p, j, typeof L), he(null)), L instanceof Error && !(L.message in Ae) && (Ae[L.message] = !0, he(U), b("Failed %s type: %s", p, L.message), he(null));
+            I && !(I instanceof Error) && (ue(U), b("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", x || "React class", m, B, typeof I), ue(null)), I instanceof Error && !(I.message in ie) && (ie[I.message] = !0, ue(U), b("Failed %s type: %s", m, I.message), ue(null));
           }
       }
     }
-    var et = Array.isArray;
-    function je(e) {
-      return et(e);
+    var ze = Array.isArray;
+    function ge(e) {
+      return ze(e);
     }
-    function wt(e) {
+    function Ie(e) {
       {
-        var s = typeof Symbol == "function" && Symbol.toStringTag, p = s && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return p;
+        var s = typeof Symbol == "function" && Symbol.toStringTag, m = s && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return m;
       }
     }
-    function gt(e) {
+    function at(e) {
       try {
-        return st(e), !1;
+        return Ge(e), !1;
       } catch {
         return !0;
       }
     }
-    function st(e) {
+    function Ge(e) {
       return "" + e;
     }
-    function ct(e) {
-      if (gt(e))
-        return b("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", wt(e)), st(e);
+    function ft(e) {
+      if (at(e))
+        return b("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Ie(e)), Ge(e);
     }
-    var ut = v.ReactCurrentOwner, Et = {
+    var dt = w.ReactCurrentOwner, Et = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, ft, Ve;
-    function Ue(e) {
-      if (de.call(e, "ref")) {
+    }, mt, $e;
+    function Ye(e) {
+      if (S.call(e, "ref")) {
         var s = Object.getOwnPropertyDescriptor(e, "ref").get;
         if (s && s.isReactWarning)
           return !1;
@@ -597,7 +598,7 @@ function $r() {
       return e.ref !== void 0;
     }
     function yt(e) {
-      if (de.call(e, "key")) {
+      if (S.call(e, "key")) {
         var s = Object.getOwnPropertyDescriptor(e, "key").get;
         if (s && s.isReactWarning)
           return !1;
@@ -605,94 +606,94 @@ function $r() {
       return e.key !== void 0;
     }
     function _t(e, s) {
-      typeof e.ref == "string" && ut.current;
+      typeof e.ref == "string" && dt.current;
     }
-    function xt(e, s) {
+    function Ct(e, s) {
       {
-        var p = function() {
-          ft || (ft = !0, b("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", s));
+        var m = function() {
+          mt || (mt = !0, b("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", s));
         };
-        p.isReactWarning = !0, Object.defineProperty(e, "key", {
-          get: p,
+        m.isReactWarning = !0, Object.defineProperty(e, "key", {
+          get: m,
           configurable: !0
         });
       }
     }
     function bt(e, s) {
       {
-        var p = function() {
-          Ve || (Ve = !0, b("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", s));
+        var m = function() {
+          $e || ($e = !0, b("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", s));
         };
-        p.isReactWarning = !0, Object.defineProperty(e, "ref", {
-          get: p,
+        m.isReactWarning = !0, Object.defineProperty(e, "ref", {
+          get: m,
           configurable: !0
         });
       }
     }
-    var Ct = function(e, s, p, C, U, Z, j) {
-      var L = {
+    var xt = function(e, s, m, x, U, K, B) {
+      var I = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: c,
         // Built-in properties that belong on the element
         type: e,
         key: s,
-        ref: p,
-        props: j,
+        ref: m,
+        props: B,
         // Record the component responsible for creating this element.
-        _owner: Z
+        _owner: K
       };
-      return L._store = {}, Object.defineProperty(L._store, "validated", {
+      return I._store = {}, Object.defineProperty(I._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(L, "_self", {
+      }), Object.defineProperty(I, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: C
-      }), Object.defineProperty(L, "_source", {
+        value: x
+      }), Object.defineProperty(I, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: U
-      }), Object.freeze && (Object.freeze(L.props), Object.freeze(L)), L;
+      }), Object.freeze && (Object.freeze(I.props), Object.freeze(I)), I;
     };
-    function dt(e, s, p, C, U) {
+    function pt(e, s, m, x, U) {
       {
-        var Z, j = {}, L = null, pe = null;
-        p !== void 0 && (ct(p), L = "" + p), yt(s) && (ct(s.key), L = "" + s.key), Ue(s) && (pe = s.ref, _t(s, U));
-        for (Z in s)
-          de.call(s, Z) && !Et.hasOwnProperty(Z) && (j[Z] = s[Z]);
+        var K, B = {}, I = null, Ee = null;
+        m !== void 0 && (ft(m), I = "" + m), yt(s) && (ft(s.key), I = "" + s.key), Ye(s) && (Ee = s.ref, _t(s, U));
+        for (K in s)
+          S.call(s, K) && !Et.hasOwnProperty(K) && (B[K] = s[K]);
         if (e && e.defaultProps) {
-          var ie = e.defaultProps;
-          for (Z in ie)
-            j[Z] === void 0 && (j[Z] = ie[Z]);
+          var se = e.defaultProps;
+          for (K in se)
+            B[K] === void 0 && (B[K] = se[K]);
         }
-        if (L || pe) {
-          var se = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          L && xt(j, se), pe && bt(j, se);
+        if (I || Ee) {
+          var fe = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          I && Ct(B, fe), Ee && bt(B, fe);
         }
-        return Ct(e, L, pe, U, C, ut.current, j);
+        return xt(e, I, Ee, U, x, dt.current, B);
       }
     }
-    var ze = v.ReactCurrentOwner, tt = v.ReactDebugCurrentFrame;
-    function Be(e) {
+    var Ze = w.ReactCurrentOwner, ot = w.ReactDebugCurrentFrame;
+    function Ve(e) {
       if (e) {
-        var s = e._owner, p = Q(e.type, e._source, s ? s.type : null);
-        tt.setExtraStackFrame(p);
+        var s = e._owner, m = C(e.type, e._source, s ? s.type : null);
+        ot.setExtraStackFrame(m);
       } else
-        tt.setExtraStackFrame(null);
+        ot.setExtraStackFrame(null);
     }
-    var Ge;
-    Ge = !1;
-    function Ye(e) {
+    var Ke;
+    Ke = !1;
+    function qe(e) {
       return typeof e == "object" && e !== null && e.$$typeof === c;
     }
-    function mt() {
+    function ht() {
       {
-        if (ze.current) {
-          var e = A(ze.current.type);
+        if (Ze.current) {
+          var e = Z(Ze.current.type);
           if (e)
             return `
 
@@ -704,48 +705,48 @@ Check the render method of \`` + e + "`.";
     function Rt(e) {
       return "";
     }
-    var pt = {};
+    var vt = {};
     function kt(e) {
       {
-        var s = mt();
+        var s = ht();
         if (!s) {
-          var p = typeof e == "string" ? e : e.displayName || e.name;
-          p && (s = `
+          var m = typeof e == "string" ? e : e.displayName || e.name;
+          m && (s = `
 
-Check the top-level render call using <` + p + ">.");
+Check the top-level render call using <` + m + ">.");
         }
         return s;
       }
     }
-    function ht(e, s) {
+    function wt(e, s) {
       {
         if (!e._store || e._store.validated || e.key != null)
           return;
         e._store.validated = !0;
-        var p = kt(s);
-        if (pt[p])
+        var m = kt(s);
+        if (vt[m])
           return;
-        pt[p] = !0;
-        var C = "";
-        e && e._owner && e._owner !== ze.current && (C = " It was passed a child from " + A(e._owner.type) + "."), Be(e), b('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', p, C), Be(null);
+        vt[m] = !0;
+        var x = "";
+        e && e._owner && e._owner !== Ze.current && (x = " It was passed a child from " + Z(e._owner.type) + "."), Ve(e), b('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', m, x), Ve(null);
       }
     }
     function t(e, s) {
       {
         if (typeof e != "object")
           return;
-        if (je(e))
-          for (var p = 0; p < e.length; p++) {
-            var C = e[p];
-            Ye(C) && ht(C, s);
+        if (ge(e))
+          for (var m = 0; m < e.length; m++) {
+            var x = e[m];
+            qe(x) && wt(x, s);
           }
-        else if (Ye(e))
+        else if (qe(e))
           e._store && (e._store.validated = !0);
         else if (e) {
-          var U = ce(e);
+          var U = Y(e);
           if (typeof U == "function" && U !== e.entries)
-            for (var Z = U.call(e), j; !(j = Z.next()).done; )
-              Ye(j.value) && ht(j.value, s);
+            for (var K = U.call(e), B; !(B = K.next()).done; )
+              qe(B.value) && wt(B.value, s);
         }
       }
     }
@@ -754,21 +755,21 @@ Check the top-level render call using <` + p + ">.");
         var s = e.type;
         if (s == null || typeof s == "string")
           return;
-        var p;
+        var m;
         if (typeof s == "function")
-          p = s.propTypes;
-        else if (typeof s == "object" && (s.$$typeof === h || // Note: Memo only checks outer props here.
+          m = s.propTypes;
+        else if (typeof s == "object" && (s.$$typeof === N || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        s.$$typeof === T))
-          p = s.propTypes;
+        s.$$typeof === D))
+          m = s.propTypes;
         else
           return;
-        if (p) {
-          var C = A(s);
-          Me(p, e.props, "prop", C, e);
-        } else if (s.PropTypes !== void 0 && !Ge) {
-          Ge = !0;
-          var U = A(s);
+        if (m) {
+          var x = Z(s);
+          _e(m, e.props, "prop", x, e);
+        } else if (s.PropTypes !== void 0 && !Ke) {
+          Ke = !0;
+          var U = Z(s);
           b("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", U || "Unknown");
         }
         typeof s.getDefaultProps == "function" && !s.getDefaultProps.isReactClassApproved && b("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
@@ -776,73 +777,73 @@ Check the top-level render call using <` + p + ">.");
     }
     function o(e) {
       {
-        for (var s = Object.keys(e.props), p = 0; p < s.length; p++) {
-          var C = s[p];
-          if (C !== "children" && C !== "key") {
-            Be(e), b("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", C), Be(null);
+        for (var s = Object.keys(e.props), m = 0; m < s.length; m++) {
+          var x = s[m];
+          if (x !== "children" && x !== "key") {
+            Ve(e), b("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", x), Ve(null);
             break;
           }
         }
-        e.ref !== null && (Be(e), b("Invalid attribute `ref` supplied to `React.Fragment`."), Be(null));
+        e.ref !== null && (Ve(e), b("Invalid attribute `ref` supplied to `React.Fragment`."), Ve(null));
       }
     }
     var i = {};
-    function f(e, s, p, C, U, Z) {
+    function u(e, s, m, x, U, K) {
       {
-        var j = g(e);
-        if (!j) {
-          var L = "";
-          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (L += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var pe = Rt();
-          pe ? L += pe : L += mt();
-          var ie;
-          e === null ? ie = "null" : je(e) ? ie = "array" : e !== void 0 && e.$$typeof === c ? (ie = "<" + (A(e.type) || "Unknown") + " />", L = " Did you accidentally export a JSX literal instead of a component?") : ie = typeof e, b("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", ie, L);
+        var B = p(e);
+        if (!B) {
+          var I = "";
+          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (I += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+          var Ee = Rt();
+          Ee ? I += Ee : I += ht();
+          var se;
+          e === null ? se = "null" : ge(e) ? se = "array" : e !== void 0 && e.$$typeof === c ? (se = "<" + (Z(e.type) || "Unknown") + " />", I = " Did you accidentally export a JSX literal instead of a component?") : se = typeof e, b("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", se, I);
         }
-        var se = dt(e, s, p, U, Z);
-        if (se == null)
-          return se;
-        if (j) {
-          var ke = s.children;
-          if (ke !== void 0)
-            if (C)
-              if (je(ke)) {
-                for (var Ze = 0; Ze < ke.length; Ze++)
-                  t(ke[Ze], e);
-                Object.freeze && Object.freeze(ke);
+        var fe = pt(e, s, m, U, K);
+        if (fe == null)
+          return fe;
+        if (B) {
+          var Te = s.children;
+          if (Te !== void 0)
+            if (x)
+              if (ge(Te)) {
+                for (var Je = 0; Je < Te.length; Je++)
+                  t(Te[Je], e);
+                Object.freeze && Object.freeze(Te);
               } else
                 b("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
-              t(ke, e);
+              t(Te, e);
         }
-        if (de.call(s, "key")) {
-          var $e = A(e), we = Object.keys(s).filter(function(Kt) {
+        if (S.call(s, "key")) {
+          var We = Z(e), be = Object.keys(s).filter(function(Kt) {
             return Kt !== "key";
-          }), Tt = we.length > 0 ? "{key: someKey, " + we.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!i[$e + Tt]) {
-            var Zt = we.length > 0 ? "{" + we.join(": ..., ") + ": ...}" : "{}";
+          }), Pt = be.length > 0 ? "{key: someKey, " + be.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!i[We + Pt]) {
+            var Zt = be.length > 0 ? "{" + be.join(": ..., ") + ": ...}" : "{}";
             b(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`, Tt, $e, Zt, $e), i[$e + Tt] = !0;
+  <%s key={someKey} {...props} />`, Pt, We, Zt, We), i[We + Pt] = !0;
           }
         }
-        return e === l ? o(se) : a(se), se;
+        return e === l ? o(fe) : a(fe), fe;
       }
     }
-    function w(e, s, p) {
-      return f(e, s, p, !0);
+    function v(e, s, m) {
+      return u(e, s, m, !0);
     }
-    function E(e, s, p) {
-      return f(e, s, p, !1);
+    function E(e, s, m) {
+      return u(e, s, m, !1);
     }
-    var ne = E, ve = w;
-    at.Fragment = l, at.jsx = ne, at.jsxs = ve;
-  }()), at;
+    var ne = E, Ce = v;
+    st.Fragment = l, st.jsx = ne, st.jsxs = Ce;
+  }()), st;
 }
-process.env.NODE_ENV === "production" ? It.exports = Vr() : It.exports = $r();
-var Te = It.exports, Xe = (n) => cr("path", n), Qe = Ut(
+process.env.NODE_ENV === "production" ? It.exports = zr() : It.exports = $r();
+var Ae = It.exports, rt = (n) => cr("path", n), nt = Ht(
   /**
    * @param {SVGProps}                          props isPressed indicates whether the SVG should appear as pressed.
    *                                                  Other props will be passed through to svg component.
@@ -850,383 +851,383 @@ var Te = It.exports, Xe = (n) => cr("path", n), Qe = Ut(
    *
    * @return {React.JSX.Element} Stop component
    */
-  ({ className: n, isPressed: c, ...d }, l) => {
-    const R = {
-      ...d,
+  ({ className: n, isPressed: c, ...f }, l) => {
+    const T = {
+      ...f,
       className: ur(n, { "is-pressed": c }) || void 0,
       "aria-hidden": !0,
       focusable: !1
     };
-    return /* @__PURE__ */ Te.jsx("svg", { ...R, ref: l });
+    return /* @__PURE__ */ Ae.jsx("svg", { ...T, ref: l });
   }
 );
-Qe.displayName = "SVG";
-const Wr = /* @__PURE__ */ Te.jsx(Qe, {
+nt.displayName = "SVG";
+const Wr = /* @__PURE__ */ Ae.jsx(nt, {
   viewBox: "0 0 24 24",
   xmlns: "http://www.w3.org/2000/svg",
-  children: /* @__PURE__ */ Te.jsx(Xe, {
+  children: /* @__PURE__ */ Ae.jsx(rt, {
     d: "M17.5 11.6L12 16l-5.5-4.4.9-1.2L12 14l4.5-3.6 1 1.2z"
   })
-}), Hr = /* @__PURE__ */ Te.jsx(Qe, {
+}), Hr = /* @__PURE__ */ Ae.jsx(nt, {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
-  children: /* @__PURE__ */ Te.jsx(Xe, {
+  children: /* @__PURE__ */ Ae.jsx(rt, {
     d: "M10.6 6L9.4 7l4.6 5-4.6 5 1.2 1 5.4-6z"
   })
-}), Ur = /* @__PURE__ */ Te.jsx(Qe, {
+}), Ur = /* @__PURE__ */ Ae.jsx(nt, {
   viewBox: "0 0 24 24",
   xmlns: "http://www.w3.org/2000/svg",
-  children: /* @__PURE__ */ Te.jsx(Xe, {
+  children: /* @__PURE__ */ Ae.jsx(rt, {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M12.848 8a1 1 0 0 1-.914-.594l-.723-1.63a.5.5 0 0 0-.447-.276H5a.5.5 0 0 0-.5.5v11.5a.5.5 0 0 0 .5.5h14a.5.5 0 0 0 .5-.5v-9A.5.5 0 0 0 19 8h-6.152Zm.612-1.5a.5.5 0 0 1-.462-.31l-.445-1.084A2 2 0 0 0 10.763 4H5a2 2 0 0 0-2 2v11.5a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-9a2 2 0 0 0-2-2h-5.54Z"
   })
-}), zr = /* @__PURE__ */ Te.jsxs(Qe, {
+}), Gr = /* @__PURE__ */ Ae.jsxs(nt, {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
-  children: [/* @__PURE__ */ Te.jsx(Xe, {
+  children: [/* @__PURE__ */ Ae.jsx(rt, {
     d: "M15.5 7.5h-7V9h7V7.5Zm-7 3.5h7v1.5h-7V11Zm7 3.5h-7V16h7v-1.5Z"
-  }), /* @__PURE__ */ Te.jsx(Xe, {
+  }), /* @__PURE__ */ Ae.jsx(rt, {
     d: "M17 4H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2ZM7 5.5h10a.5.5 0 0 1 .5.5v12a.5.5 0 0 1-.5.5H7a.5.5 0 0 1-.5-.5V6a.5.5 0 0 1 .5-.5Z"
   })]
-}), Gr = /* @__PURE__ */ Te.jsx(Qe, {
+}), Yr = /* @__PURE__ */ Ae.jsx(nt, {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
-  children: /* @__PURE__ */ Te.jsx(Xe, {
+  children: /* @__PURE__ */ Ae.jsx(rt, {
     d: "M18.5 15v3.5H13V6.7l4.5 4.1 1-1.1-6.2-5.8-5.8 5.8 1 1.1 4-4v11.7h-6V15H4v5h16v-5z"
   })
-}), Yr = "_file-picker-tree_ad9od_1", Zr = "_file-node-button_ad9od_17", Kr = "_selected_ad9od_56", qr = "_focused_ad9od_75", Jr = "_dropTarget_ad9od_83", Xr = "_dropTargetInvalid_ad9od_95", Qr = "_renaming_ad9od_104", en = "_renameInput_ad9od_109", tn = "_file-name_ad9od_124", Ee = {
-  filePickerTree: Yr,
-  fileNodeButton: Zr,
-  selected: Kr,
-  focused: qr,
-  dropTarget: Jr,
-  dropTargetInvalid: Xr,
-  renaming: Qr,
-  renameInput: en,
-  fileName: tn
+}), Zr = "_file-picker-tree_ad9od_1", Kr = "_file-node-button_ad9od_17", qr = "_selected_ad9od_56", Jr = "_focused_ad9od_75", Xr = "_dropTarget_ad9od_83", Qr = "_dropTargetInvalid_ad9od_95", en = "_renaming_ad9od_104", tn = "_renameInput_ad9od_109", rn = "_file-name_ad9od_124", Re = {
+  filePickerTree: Zr,
+  fileNodeButton: Kr,
+  selected: qr,
+  focused: Jr,
+  dropTarget: Xr,
+  dropTargetInvalid: Qr,
+  renaming: en,
+  renameInput: tn,
+  fileName: rn
 };
 function Dt(n) {
   if (!n) return [];
-  const c = Jt(n), d = c.startsWith("/"), l = c.split("/").filter(Boolean), R = [];
-  let m = d ? "/" : "";
-  d && R.push("/");
+  const c = Jt(n), f = c.startsWith("/"), l = c.split("/").filter(Boolean), T = [];
+  let d = f ? "/" : "";
+  f && T.push("/");
   for (const k of l)
-    !m || m === "/" ? m = m === "/" ? `/${k}` : k : m = `${m}/${k}`, R.push(m);
-  return R;
+    !d || d === "/" ? d = d === "/" ? `/${k}` : k : d = `${d}/${k}`, T.push(d);
+  return T;
 }
-function He(n, c, d) {
-  return n && (n === c ? d : n.startsWith(c === "/" ? "/" : `${c}/`) ? d + n.slice(c.length) : n);
+function Ue(n, c, f) {
+  return n && (n === c ? f : n.startsWith(c === "/" ? "/" : `${c}/`) ? f + n.slice(c.length) : n);
 }
-const rn = $t(function({
+const nn = zt(function({
   withContextMenu: c = !0,
-  readOnly: d = !1,
+  readOnly: f = !1,
   filesystem: l,
-  root: R = "/wordpress",
-  initialSelectedPath: m,
+  root: T = "/wordpress",
+  initialSelectedPath: d,
   onSelect: k = () => {
   },
-  onDoubleClickFile: N
-}, h) {
-  const S = Ft(() => Oe("/", R || "/"), [R]), [_, T] = ee(() => {
-    if (!m)
+  onDoubleClickFile: A
+}, N) {
+  const h = Ft(() => je("/", T || "/"), [T]), [_, D] = Q(() => {
+    if (!d)
       return {};
     const t = {};
-    for (const a of Dt(m))
+    for (const a of Dt(d))
       t[a] = !0;
     return t;
-  }), [P, W] = ee(
-    () => m ?? null
-  ), [F, D] = ee(
-    () => m ?? null
-  ), [ce, v] = ee({}), [b, K] = ee(
+  }), [P, W] = Q(
+    () => d ?? null
+  ), [q, R] = Q(
+    () => d ?? null
+  ), [Y, w] = Q({}), [b, G] = Q(
     {}
-  ), [te, q] = ee(null), [y, M] = ee(
+  ), [X, ae] = Q(null), [y, j] = Q(
     null
-  ), I = V({}), $ = V(!1), g = V(null), O = V(null), me = V(b), A = V(ce), J = () => {
-    for (const t of Object.keys(I.current))
-      clearTimeout(I.current[t]), delete I.current[t];
-  }, fe = (t) => {
-    const a = I.current[t];
-    a && (clearTimeout(a), delete I.current[t]);
+  ), V = M({}), $ = M(!1), p = M(null), F = M(null), ce = M(b), Z = M(Y), O = () => {
+    for (const t of Object.keys(V.current))
+      clearTimeout(V.current[t]), delete V.current[t];
+  }, oe = (t) => {
+    const a = V.current[t];
+    a && (clearTimeout(a), delete V.current[t]);
   };
-  H(() => {
-    me.current = b;
-  }, [b]), H(() => {
-    A.current = ce;
-  }, [ce]);
-  const X = (t) => {
+  z(() => {
+    ce.current = b;
+  }, [b]), z(() => {
+    Z.current = Y;
+  }, [Y]);
+  const ee = (t) => {
     var o;
-    const a = (o = g.current) == null ? void 0 : o.querySelector(
+    const a = (o = p.current) == null ? void 0 : o.querySelector(
       `[data-path="${CSS.escape(t)}"]`
     );
     a && typeof a.focus == "function" && (a.focus(), a.scrollIntoView({
       behavior: "smooth",
       block: "nearest"
     }));
-  }, le = (t, a = "") => a ? Oe(a, t.name) : Oe("/", t.name), Se = (t, a) => t.children ? t.children : ce[a], be = async (t, a) => {
+  }, ve = (t, a = "") => a ? je(a, t.name) : je("/", t.name), he = (t, a) => t.children ? t.children : Y[a], Ne = async (t, a) => {
     const o = await t.listFiles(a), i = [];
-    for (const f of o) {
-      const w = a === "/" ? `/${f}` : `${a}/${f}`, E = await t.isDir(w);
-      i.push({ name: f, type: E ? "folder" : "file" });
+    for (const u of o) {
+      const v = a === "/" ? `/${u}` : `${a}/${u}`, E = await t.isDir(v);
+      i.push({ name: u, type: E ? "folder" : "file" });
     }
-    return i.sort((f, w) => {
+    return i.sort((u, v) => {
       var e;
-      if (f.type !== w.type) return f.type === "folder" ? -1 : 1;
-      const E = a === "/" ? `/${f.name}` : `${a}/${f.name}`, ne = a === "/" ? `/${w.name}` : `${a}/${w.name}`, ve = (e = G.current) == null ? void 0 : e.tempPath;
-      if (ve) {
-        if (E === ve) return -1;
-        if (ne === ve) return 1;
+      if (u.type !== v.type) return u.type === "folder" ? -1 : 1;
+      const E = a === "/" ? `/${u.name}` : `${a}/${u.name}`, ne = a === "/" ? `/${v.name}` : `${a}/${v.name}`, Ce = (e = we.current) == null ? void 0 : e.tempPath;
+      if (Ce) {
+        if (E === Ce) return -1;
+        if (ne === Ce) return 1;
       }
-      return f.name.localeCompare(w.name);
+      return u.name.localeCompare(v.name);
     }), i;
-  }, Ce = async (t) => await be(l, t), ue = (t, a) => {
+  }, Pe = async (t) => await Ne(l, t), te = (t, a) => {
     if (a.type !== "folder")
       return a.children;
-    const o = a.children ?? A.current[t];
-    return o || me.current[t] ? o : (K((i) => ({ ...i, [t]: !0 })), new Promise((i) => {
-      Ce(t).then((f) => {
-        v((w) => ({
-          ...w,
-          [t]: f ?? []
-        })), i(f ?? []);
+    const o = a.children ?? Z.current[t];
+    return o || ce.current[t] ? o : (G((i) => ({ ...i, [t]: !0 })), new Promise((i) => {
+      Pe(t).then((u) => {
+        w((v) => ({
+          ...v,
+          [t]: u ?? []
+        })), i(u ?? []);
       }).catch(() => {
         i([]);
       }).finally(() => {
-        K((f) => {
-          const w = { ...f };
-          return delete w[t], w;
+        G((u) => {
+          const v = { ...u };
+          return delete v[t], v;
         });
       });
     }));
-  }, Fe = (t, a) => {
-    a.type === "folder" && (typeof window > "u" || I.current[t] || (I.current[t] = window.setTimeout(() => {
-      T((o) => o[t] ? o : { ...o, [t]: !0 }), ue(t, a), delete I.current[t];
+  }, Oe = (t, a) => {
+    a.type === "folder" && (typeof window > "u" || V.current[t] || (V.current[t] = window.setTimeout(() => {
+      D((o) => o[t] ? o : { ...o, [t]: !0 }), te(t, a), delete V.current[t];
     }, 600)));
-  }, re = (t) => (K((a) => ({ ...a, [t]: !0 })), new Promise((a) => {
-    Ce(t).then((o) => {
-      v((i) => ({
+  }, re = (t) => (G((a) => ({ ...a, [t]: !0 })), new Promise((a) => {
+    Pe(t).then((o) => {
+      w((i) => ({
         ...i,
         [t]: o ?? []
       })), a(o ?? []);
     }).catch(() => {
       a([]);
     }).finally(() => {
-      K((o) => {
+      G((o) => {
         const i = { ...o };
         return delete i[t], i;
       });
     });
-  })), Pe = (t, a, o) => {
-    T((i) => ({
+  })), Me = (t, a, o) => {
+    D((i) => ({
       ...i,
       [t]: o
-    })), o ? ue(t, a) : v((i) => {
+    })), o ? te(t, a) : w((i) => {
       if (i[t] === void 0)
         return i;
-      const f = { ...i };
-      return delete f[t], f;
+      const u = { ...i };
+      return delete u[t], u;
     });
-  }, Re = async (t) => {
+  }, ye = async (t) => {
     if (!t) return;
     const a = Dt(t);
     if (a.length === 0) return;
-    T((f) => {
-      const w = { ...f };
+    D((u) => {
+      const v = { ...u };
       for (const E of a)
-        w[E] = !0;
-      return w;
+        v[E] = !0;
+      return v;
     });
     let o = [
-      { name: S, type: "folder" }
+      { name: h, type: "folder" }
     ], i = "";
-    for (const f of a) {
-      const w = o == null ? void 0 : o.find((ne) => le(ne, i) === f);
-      if (!w || w.type !== "folder") {
-        i = f, o = [];
+    for (const u of a) {
+      const v = o == null ? void 0 : o.find((ne) => ve(ne, i) === u);
+      if (!v || v.type !== "folder") {
+        i = u, o = [];
         continue;
       }
-      o = await ue(f, w) ?? A.current[f], i = f;
+      o = await te(u, v) ?? Z.current[u], i = u;
     }
-  }, ye = (t, a) => {
-    !t || !a || t === a || (T((o) => {
+  }, ke = (t, a) => {
+    !t || !a || t === a || (D((o) => {
       let i = !1;
-      const f = { ...o };
-      for (const w of Object.keys(o)) {
-        const E = He(w, t, a);
-        E && E !== w && (f[E] = o[w], delete f[w], i = !0);
+      const u = { ...o };
+      for (const v of Object.keys(o)) {
+        const E = Ue(v, t, a);
+        E && E !== v && (u[E] = o[v], delete u[v], i = !0);
       }
-      return i ? f : o;
-    }), v((o) => {
+      return i ? u : o;
+    }), w((o) => {
       let i = !1;
-      const f = { ...o };
-      for (const w of Object.keys(o)) {
-        const E = He(w, t, a);
-        E && E !== w && (f[E] = o[w], delete f[w], i = !0);
+      const u = { ...o };
+      for (const v of Object.keys(o)) {
+        const E = Ue(v, t, a);
+        E && E !== v && (u[E] = o[v], delete u[v], i = !0);
       }
-      return i ? f : o;
-    }), W((o) => He(o, t, a)), D((o) => He(o, t, a)));
-  }, De = () => {
-    q(null), M(null), J();
-  }, _e = (t, a = !0) => {
+      return i ? u : o;
+    }), W((o) => Ue(o, t, a)), R((o) => Ue(o, t, a)));
+  }, Fe = () => {
+    ae(null), j(null), O();
+  }, Se = (t, a = !0) => {
     W(t), a && k(t);
-  }, oe = Ft(() => [{ name: S, type: "folder" }], [S]), [Y, u] = ee(null), [x, z] = ee(null), G = V(null), Q = d ? null : x;
-  Wt(
-    h,
+  }, de = Ft(() => [{ name: h, type: "folder" }], [h]), [H, g] = Q(null), [pe, me] = Q(null), we = M(null), C = f ? null : pe;
+  $t(
+    N,
     () => ({
       focusPath: (t, a = {}) => {
         if (!t) return;
         const {
           select: o = !0,
           domFocus: i = !0,
-          notify: f = !1
+          notify: u = !1
         } = a;
-        o && _e(t, f), D(t), i && X(t);
+        o && Se(t, u), R(t), i && ee(t);
       },
       selectPath: (t) => {
-        t && (_e(t), D(t), X(t));
+        t && (Se(t), R(t), ee(t));
       },
       getSelectedPath: () => P,
-      expandToPath: async (t) => await Re(t),
+      expandToPath: async (t) => await ye(t),
       refresh: async (t) => await re(t),
-      remapPath: ye,
+      remapPath: ke,
       createFile: async (t) => {
-        d || await Ue(t, "file", "untitled.php");
+        f || await Ye(t, "file", "untitled.php");
       },
       createFolder: async (t) => {
-        d || await Ue(t, "folder", "New Folder");
+        f || await Ye(t, "folder", "New Folder");
       },
       importFiles: async (t, a) => {
-        d || await Be(t, a);
+        f || await Ve(t, a);
       },
       importDataTransfer: async (t, a) => {
-        d || await Ge(t, a);
+        f || await Ke(t, a);
       }
     }),
-    [P, re, ye, Re, d]
+    [P, re, ke, ye, f]
   );
-  const de = V(!1), Ae = V(
-    m ?? null
-  ), xe = V(m);
-  H(() => {
+  const S = M(!1), ie = M(
+    d ?? null
+  ), le = M(d);
+  z(() => {
     $.current = !1;
-  }, [S]), H(() => {
-    m && m !== xe.current ? Ae.current = m : m || (Ae.current = null), xe.current = m;
-  }, [m]), H(() => {
-    if (!m || de.current)
+  }, [h]), z(() => {
+    d && d !== le.current ? ie.current = d : d || (ie.current = null), le.current = d;
+  }, [d]), z(() => {
+    if (!d || S.current)
       return;
-    de.current = !0;
-    const t = Dt(m);
-    T((o) => {
+    S.current = !0;
+    const t = Dt(d);
+    D((o) => {
       const i = { ...o };
-      for (const f of t)
-        i[f] = !0;
+      for (const u of t)
+        i[u] = !0;
       return i;
     });
-    const a = t[t.length - 1] || m;
-    D(a), W(a), Re(m);
-  }, [m, Re]), H(() => {
-    const t = Ae.current;
-    !t || oe.length === 0 || (Ae.current = null, Re(t));
-  }, [oe, Re]), H(() => {
-    if (!F) {
-      if (oe.length > 0) {
-        const t = le(oe[0]);
-        D(t);
+    const a = t[t.length - 1] || d;
+    R(a), W(a), ye(d);
+  }, [d, ye]), z(() => {
+    const t = ie.current;
+    !t || de.length === 0 || (ie.current = null, ye(t));
+  }, [de, ye]), z(() => {
+    if (!q) {
+      if (de.length > 0) {
+        const t = ve(de[0]);
+        R(t);
       }
       return;
     }
-    Q && Q === F || X(F);
-  }, [oe, F, Q]), H(() => {
-    if (oe.length === 0)
+    C && C === q || ee(q);
+  }, [de, q, C]), z(() => {
+    if (de.length === 0)
       return;
-    const t = oe[0];
+    const t = de[0];
     if ((t == null ? void 0 : t.type) !== "folder" || $.current)
       return;
     const a = t.name;
-    $.current = !0, T(
+    $.current = !0, D(
       (o) => o[a] ? o : { ...o, [a]: !0 }
-    ), !A.current[a] && !me.current[a] && ue(a, t);
-  }, [oe, ue, S]), H(() => () => {
-    O.current && clearTimeout(O.current), J();
-  }, []), H(() => {
-    Y && setTimeout(() => {
+    ), !Z.current[a] && !ce.current[a] && te(a, t);
+  }, [de, te, h]), z(() => () => {
+    F.current && clearTimeout(F.current), O();
+  }, []), z(() => {
+    H && setTimeout(() => {
       const t = document.querySelector(
         '[role="menu"] [role="menuitem"]'
       );
       t && typeof t.focus == "function" && t.focus();
     }, 0);
-  }, [Y]);
-  const [he, Me] = ee(""), et = (t, a) => {
+  }, [H]);
+  const [ue, _e] = Q(""), ze = (t, a) => {
     if (t.type === "folder")
       return a;
     const o = Le(a);
     return o && o || "/";
-  }, je = (t, a, o) => {
-    const i = et(t, a);
+  }, ge = (t, a, o) => {
+    const i = ze(t, a);
     return i ? o && Xt(o, i) ? { allowed: !1, state: "invalid", destination: null } : { allowed: !0, state: "valid", destination: i } : { allowed: !1, state: "invalid", destination: null };
-  }, wt = (t, a, o) => {
-    a.type !== "folder" && a.type !== "file" || (q(o), M(null), t.dataTransfer && (t.dataTransfer.effectAllowed = "move", t.dataTransfer.setData(
+  }, Ie = (t, a, o) => {
+    a.type !== "folder" && a.type !== "file" || (ae(o), j(null), t.dataTransfer && (t.dataTransfer.effectAllowed = "move", t.dataTransfer.setData(
       "application/x-wp-playground-path",
       o
     ), t.dataTransfer.setData("text/plain", o)));
-  }, gt = () => {
-    De();
-  }, st = (t, a, o) => {
-    const i = je(a, o, te);
-    i.allowed && a.type === "folder" && Fe(o, a), M((f) => (f == null ? void 0 : f.path) === o && f.state === i.state ? f : { path: o, state: i.state });
-  }, ct = (t, a, o) => {
-    const i = je(a, o, te);
-    i.allowed && i.destination ? (t.preventDefault(), t.dataTransfer && (t.dataTransfer.dropEffect = te ? "move" : "copy"), a.type === "folder" && Fe(o, a), M((f) => (f == null ? void 0 : f.path) === o && f.state === i.state ? f : { path: o, state: i.state })) : (t.dataTransfer && (t.dataTransfer.dropEffect = "none"), fe(o), M((f) => (f == null ? void 0 : f.path) === o && f.state === "invalid" ? f : { path: o, state: "invalid" }));
-  }, ut = (t, a, o) => {
-    fe(o);
+  }, at = () => {
+    Fe();
+  }, Ge = (t, a, o) => {
+    const i = ge(a, o, X);
+    i.allowed && a.type === "folder" && Oe(o, a), j((u) => (u == null ? void 0 : u.path) === o && u.state === i.state ? u : { path: o, state: i.state });
+  }, ft = (t, a, o) => {
+    const i = ge(a, o, X);
+    i.allowed && i.destination ? (t.preventDefault(), t.dataTransfer && (t.dataTransfer.dropEffect = X ? "move" : "copy"), a.type === "folder" && Oe(o, a), j((u) => (u == null ? void 0 : u.path) === o && u.state === i.state ? u : { path: o, state: i.state })) : (t.dataTransfer && (t.dataTransfer.dropEffect = "none"), oe(o), j((u) => (u == null ? void 0 : u.path) === o && u.state === "invalid" ? u : { path: o, state: "invalid" }));
+  }, dt = (t, a, o) => {
+    oe(o);
     const i = t.relatedTarget;
-    i && t.currentTarget.contains(i) || M((f) => (f == null ? void 0 : f.path) === o ? null : f);
+    i && t.currentTarget.contains(i) || j((u) => (u == null ? void 0 : u.path) === o ? null : u);
   }, Et = async (t, a, o) => {
-    const i = te, f = je(a, o, i);
-    if (!f.allowed || !f.destination) {
-      De();
+    const i = X, u = ge(a, o, i);
+    if (!u.allowed || !u.destination) {
+      Fe();
       return;
     }
-    t.preventDefault(), t.stopPropagation(), fe(o), M(null);
+    t.preventDefault(), t.stopPropagation(), oe(o), j(null);
     try {
-      i ? await xt(i, f.destination) : await Ge(
+      i ? await Ct(i, u.destination) : await Ke(
         t.dataTransfer,
-        f.destination
+        u.destination
       );
     } finally {
-      De();
+      Fe();
     }
-  }, ft = (t, a, o) => {
-    c && (t.preventDefault(), t.stopPropagation(), z(null), u({
+  }, mt = (t, a, o) => {
+    c && (t.preventDefault(), t.stopPropagation(), me(null), g({
       absPath: o,
       type: a.type,
       x: t.clientX,
       y: t.clientY
     }));
-  }, Ve = async (t, a) => {
+  }, $e = async (t, a) => {
     let o = a, i = 0;
-    const f = (E) => {
+    const u = (E) => {
       const ne = E.lastIndexOf(".");
       return ne > 0 ? { stem: E.slice(0, ne), ext: E.slice(ne) } : { stem: E, ext: "" };
-    }, w = t === "/" ? "" : t;
-    for (; await (l == null ? void 0 : l.fileExists(`${w}/${o}`)) || await (l == null ? void 0 : l.isDir(`${w}/${o}`)); ) {
+    }, v = t === "/" ? "" : t;
+    for (; await (l == null ? void 0 : l.fileExists(`${v}/${o}`)) || await (l == null ? void 0 : l.isDir(`${v}/${o}`)); ) {
       i += 1;
-      const { stem: E, ext: ne } = f(a);
+      const { stem: E, ext: ne } = u(a);
       o = `${E} (${i})${ne}`;
     }
     return o;
-  }, Ue = async (t, a, o) => {
+  }, Ye = async (t, a, o) => {
     if (!l) return;
-    let i = t || P || S;
+    let i = t || P || h;
     try {
       await l.isDir(i) || (i = Le(i));
     } catch {
       i = Le(i);
     }
-    const f = i, w = await Ve(f, o), E = Oe(f, w);
-    a === "folder" ? await l.mkdir(E) : await l.writeFile(E, ""), G.current = { type: a, tempPath: E }, z(E), await re(f), setTimeout(() => {
-      D(E), X(E);
+    const u = i, v = await $e(u, o), E = je(u, v);
+    a === "folder" ? await l.mkdir(E) : await l.writeFile(E, ""), we.current = { type: a, tempPath: E }, me(E), await re(u), setTimeout(() => {
+      R(E), ee(E);
     }, 0);
   }, yt = async (t) => {
     if (!l) return !1;
@@ -1249,142 +1250,142 @@ const rn = $t(function({
         if (!await l.isDir(t).catch(() => !1))
           throw a;
       }
-  }, xt = async (t, a) => {
+  }, Ct = async (t, a) => {
     if (!l) return;
-    const o = it(t), i = Oe(a, o);
+    const o = et(t), i = je(a, o);
     if (i === t || await yt(i))
       return;
-    const f = Le(t);
+    const u = Le(t);
     try {
-      await l.mv(t, i), ye(t, i);
-      const w = He(
+      await l.mv(t, i), ke(t, i);
+      const v = Ue(
         P,
         t,
         i
       );
-      P && (P === t || P.startsWith(`${t}/`)) && k(w), D(
-        (E) => He(E, t, i)
-      ), T((E) => ({
+      P && (P === t || P.startsWith(`${t}/`)) && k(v), R(
+        (E) => Ue(E, t, i)
+      ), D((E) => ({
         ...E,
         [a]: !0
       })), await Promise.all([
-        re(f),
+        re(u),
         re(a)
       ]), W(
-        (E) => He(E, t, i)
-      ), X(i);
+        (E) => Ue(E, t, i)
+      ), ee(i);
     } catch {
     }
   }, bt = (t) => {
     const a = t;
     return a.webkitGetAsEntry ? a.webkitGetAsEntry() : null;
-  }, Ct = (t) => new Promise((a, o) => {
+  }, xt = (t) => new Promise((a, o) => {
     t.file(a, o);
-  }), dt = async (t, a) => {
+  }), pt = async (t, a) => {
     if (!l) return;
-    const o = t.name || "untitled", i = await Ve(a, o), f = Oe(a, i), w = new Uint8Array(await t.arrayBuffer());
-    await l.writeFile(f, w);
-  }, ze = async (t, a) => {
-    const o = await Ct(t);
-    await dt(o, a);
-  }, tt = async (t, a) => {
-    const o = await Ve(
+    const o = t.name || "untitled", i = await $e(a, o), u = je(a, i), v = new Uint8Array(await t.arrayBuffer());
+    await l.writeFile(u, v);
+  }, Ze = async (t, a) => {
+    const o = await xt(t);
+    await pt(o, a);
+  }, ot = async (t, a) => {
+    const o = await $e(
       a,
       t.name || "New Folder"
-    ), i = Oe(a, o);
+    ), i = je(a, o);
     await _t(i);
-    const f = t.createReader(), w = () => new Promise((E, ne) => {
-      f.readEntries(
-        (ve) => E(Array.from(ve)),
+    const u = t.createReader(), v = () => new Promise((E, ne) => {
+      u.readEntries(
+        (Ce) => E(Array.from(Ce)),
         ne
       );
     });
     for (; ; ) {
-      const E = await w();
+      const E = await v();
       if (!E.length)
         break;
       for (const ne of E)
-        ne.isFile ? await ze(
+        ne.isFile ? await Ze(
           ne,
           i
-        ) : ne.isDirectory && await tt(
+        ) : ne.isDirectory && await ot(
           ne,
           i
         );
     }
-  }, Be = (t, a) => Ye([], t, a), Ge = (t, a) => {
-    const i = Array.from(t.items).filter((w) => w.kind === "file").map((w) => bt(w)).filter((w) => !!w), f = Array.from(t.files);
-    return Ye(i, f, a);
-  }, Ye = async (t, a, o) => {
+  }, Ve = (t, a) => qe([], t, a), Ke = (t, a) => {
+    const i = Array.from(t.items).filter((v) => v.kind === "file").map((v) => bt(v)).filter((v) => !!v), u = Array.from(t.files);
+    return qe(i, u, a);
+  }, qe = async (t, a, o) => {
     if (l) {
       if (t.length > 0)
         for (const i of t)
-          i.isFile ? await ze(
+          i.isFile ? await Ze(
             i,
             o
-          ) : i.isDirectory && await tt(
+          ) : i.isDirectory && await ot(
             i,
             o
           );
       else
         for (const i of a)
-          await dt(i, o);
-      await re(o), T((i) => ({
+          await pt(i, o);
+      await re(o), D((i) => ({
         ...i,
         [o]: !0
       }));
     }
-  }, mt = async (t, a) => {
+  }, ht = async (t, a) => {
     if (!l) return;
     const o = t;
-    u(null);
+    g(null);
     try {
       a === "folder" ? await l.rmdir(o, { recursive: !0 }) : await l.unlink(o);
     } catch {
     } finally {
-      z(null);
+      me(null);
       const i = Le(o);
       await re(i), P && (P === o || P.startsWith(`${o}/`)) && k(null);
     }
   }, Rt = async (t) => {
     if (l)
       try {
-        const o = await (await l.read(t)).arrayBuffer(), i = new Blob([o]), f = URL.createObjectURL(i), w = document.createElement("a");
-        w.href = f, w.download = it(t) || "download", document.body.appendChild(w), w.click(), document.body.removeChild(w), setTimeout(() => URL.revokeObjectURL(f), 6e4);
+        const o = await (await l.read(t)).arrayBuffer(), i = new Blob([o]), u = URL.createObjectURL(i), v = document.createElement("a");
+        v.href = u, v.download = et(t) || "download", document.body.appendChild(v), v.click(), document.body.removeChild(v), setTimeout(() => URL.revokeObjectURL(u), 6e4);
       } catch (a) {
         console.error("Failed to download file", a);
       }
-  }, pt = (t) => {
+  }, vt = (t) => {
     var a;
-    if (!x)
+    if (!pe)
       if (t.key.length === 1 && t.key.match(/\S/)) {
-        const o = he + t.key.toLowerCase();
-        if (Me(o), O.current && clearTimeout(O.current), O.current = setTimeout(() => {
-          Me("");
-        }, 1e3), !g.current)
+        const o = ue + t.key.toLowerCase();
+        if (_e(o), F.current && clearTimeout(F.current), F.current = setTimeout(() => {
+          _e("");
+        }, 1e3), !p.current)
           return;
         const i = Array.from(
-          g.current.querySelectorAll(".file-node-button")
-        ), f = document.activeElement;
-        let w = 0;
-        f && i.includes(f) && (w = i.indexOf(
-          f
+          p.current.querySelectorAll(".file-node-button")
+        ), u = document.activeElement;
+        let v = 0;
+        u && i.includes(u) && (v = i.indexOf(
+          u
         ));
         for (let E = 0; E < i.length; E++) {
-          const ne = (w + E) % i.length, ve = i[ne];
-          if ((a = ve.textContent) != null && a.toLowerCase().trim().startsWith(o)) {
-            ve.focus();
-            const e = ve.getAttribute("data-path");
-            e && D(e);
+          const ne = (v + E) % i.length, Ce = i[ne];
+          if ((a = Ce.textContent) != null && a.toLowerCase().trim().startsWith(o)) {
+            Ce.focus();
+            const e = Ce.getAttribute("data-path");
+            e && R(e);
             break;
           }
         }
       } else
-        Me(""), O.current && clearTimeout(O.current);
+        _e(""), F.current && clearTimeout(F.current);
   }, kt = async (t, a) => {
-    if (d) return;
-    const o = G.current, i = (o == null ? void 0 : o.tempPath) === t, f = Le(t);
-    if (!a || a === "." || a === ".." || it(a) !== a) {
+    if (f) return;
+    const o = we.current, i = (o == null ? void 0 : o.tempPath) === t, u = Le(t);
+    if (!a || a === "." || a === ".." || et(a) !== a) {
       if (i) {
         try {
           o.type === "folder" ? await l.rmdir(t, {
@@ -1392,38 +1393,38 @@ const rn = $t(function({
           }) : await l.unlink(t);
         } catch {
         }
-        G.current = null;
+        we.current = null;
       }
-      z(i ? null : t);
+      me(i ? null : t);
       return;
     }
-    let w = Oe(f, a), E = w;
+    let v = je(u, a), E = v;
     if (E === t) {
-      z(null);
+      me(null);
       const s = i && (o == null ? void 0 : o.type) === "file";
-      i && (G.current = null), setTimeout(() => {
-        D(E), X(E), s && N && N(E);
+      i && (we.current = null), setTimeout(() => {
+        R(E), ee(E), s && A && A(E);
       }, 0);
       return;
     }
-    const ne = await l.fileExists(E), ve = await l.isDir(E);
-    if ((ne || ve) && E !== t)
+    const ne = await l.fileExists(E), Ce = await l.isDir(E);
+    if ((ne || Ce) && E !== t)
       if (i)
         try {
-          const s = await Ve(
-            f === "/" ? "/" : f,
+          const s = await $e(
+            u === "/" ? "/" : u,
             a
           );
-          w = Oe(f, s), E = w;
+          v = je(u, s), E = v;
         } catch {
         }
       else {
-        z(t);
+        me(t);
         return;
       }
     let e = (o == null ? void 0 : o.type) === "folder";
     try {
-      await l.mv(t, w), o || (e = await l.isDir(w)), e && ye(t, E), P === t && k(E), await re(f), D(E), X(E), i && !e && N && N(E);
+      await l.mv(t, v), o || (e = await l.isDir(v)), e && ke(t, E), P === t && k(E), await re(u), R(E), ee(E), i && !e && A && A(E);
     } catch {
       if (i)
         try {
@@ -1433,67 +1434,67 @@ const rn = $t(function({
         } catch {
         }
     } finally {
-      G.current = null, z(null);
+      we.current = null, me(null);
     }
-  }, ht = async (t) => {
-    const a = G.current;
+  }, wt = async (t) => {
+    const a = we.current;
     if (!l || (a == null ? void 0 : a.tempPath) !== t) {
-      z((i) => i === t ? null : i);
+      me((i) => i === t ? null : i);
       return;
     }
     try {
       a.type === "folder" ? await l.rmdir(t, { recursive: !0 }) : await l.unlink(t);
     } catch {
     }
-    G.current = null, z(null);
+    we.current = null, me(null);
     const o = Le(t);
-    await re(o), D(o), X(o);
+    await re(o), R(o), ee(o);
   };
-  return /* @__PURE__ */ r.createElement("div", { onKeyDown: pt, ref: g }, /* @__PURE__ */ r.createElement(er, { className: Ee.filePickerTree }, oe.map((t, a) => /* @__PURE__ */ r.createElement(
-    zt,
+  return /* @__PURE__ */ r.createElement("div", { onKeyDown: vt, ref: p }, /* @__PURE__ */ r.createElement(er, { className: Re.filePickerTree }, de.map((t, a) => /* @__PURE__ */ r.createElement(
+    Ut,
     {
       key: t.name,
       node: t,
       level: 0,
       position: a + 1,
-      setSize: oe.length,
+      setSize: de.length,
       expandedNodePaths: _,
-      onToggle: Pe,
+      onToggle: Me,
       selectedNode: P,
-      focusPath: (o) => D(o),
-      focusedNode: F,
-      selectPath: _e,
-      generatePath: le,
-      getChildren: Se,
-      onContextMenu: d ? void 0 : ft,
-      renamingPath: Q,
+      focusPath: (o) => R(o),
+      focusedNode: q,
+      selectPath: Se,
+      generatePath: ve,
+      getChildren: he,
+      onContextMenu: f ? void 0 : mt,
+      renamingPath: C,
       onRename: kt,
-      onRenameCancel: ht,
+      onRenameCancel: wt,
       dropIndicator: y,
-      onDragStart: d ? void 0 : wt,
-      onDragEnd: d ? void 0 : gt,
-      onDragEnter: d ? void 0 : st,
-      onDragOver: d ? void 0 : ct,
-      onDragLeave: d ? void 0 : ut,
-      onDrop: d ? void 0 : Et,
-      rootPath: S,
-      onDoubleClickFile: N
-    }
-  ))), !d && Y && /* @__PURE__ */ r.createElement(
+      onDragStart: f ? void 0 : Ie,
+      onDragEnd: f ? void 0 : at,
+      onDragEnter: f ? void 0 : Ge,
+      onDragOver: f ? void 0 : ft,
+      onDragLeave: f ? void 0 : dt,
+      onDrop: f ? void 0 : Et,
+      rootPath: h,
+      onDoubleClickFile: A
+    }
+  ))), !f && H && /* @__PURE__ */ r.createElement(
     tr,
     {
       placement: "bottom-start",
-      onClose: () => u(null),
+      onClose: () => g(null),
       anchor: {
         getBoundingClientRect: () => ({
-          x: Y.x,
-          y: Y.y,
+          x: H.x,
+          y: H.y,
           width: 0,
           height: 0,
-          top: Y.y,
-          left: Y.x,
-          right: Y.x,
-          bottom: Y.y,
+          top: H.y,
+          left: H.x,
+          right: H.x,
+          bottom: H.y,
           toJSON: () => ({})
         }),
         ownerDocument: document
@@ -1502,26 +1503,26 @@ const rn = $t(function({
       resize: !1,
       focusOnMount: "firstElement"
     },
-    /* @__PURE__ */ r.createElement(rr, { role: "menu" }, Y.type === "folder" && /* @__PURE__ */ r.createElement(
-      rt,
+    /* @__PURE__ */ r.createElement(rr, { role: "menu" }, H.type === "folder" && /* @__PURE__ */ r.createElement(
+      it,
       {
         role: "menuitem",
         onClick: async () => {
-          u(null), await Ue(
-            Y.absPath,
+          g(null), await Ye(
+            H.absPath,
             "file",
             "untitled.php"
           );
         }
       },
       "Create file"
-    ), Y.type === "folder" && /* @__PURE__ */ r.createElement(
-      rt,
+    ), H.type === "folder" && /* @__PURE__ */ r.createElement(
+      it,
       {
         role: "menuitem",
         onClick: async () => {
-          u(null), await Ue(
-            Y.absPath,
+          g(null), await Ye(
+            H.absPath,
             "folder",
             "New Folder"
           );
@@ -1529,160 +1530,160 @@ const rn = $t(function({
       },
       "Create directory"
     ), /* @__PURE__ */ r.createElement(
-      rt,
+      it,
       {
         role: "menuitem",
         onClick: () => {
-          u(null), z(Y.absPath);
+          g(null), me(H.absPath);
         }
       },
       "Rename"
-    ), Y.type === "file" && /* @__PURE__ */ r.createElement(
-      rt,
+    ), H.type === "file" && /* @__PURE__ */ r.createElement(
+      it,
       {
         role: "menuitem",
         onClick: async () => {
-          u(null), await Rt(
-            Y.absPath
+          g(null), await Rt(
+            H.absPath
           );
         }
       },
       "Download"
     ), /* @__PURE__ */ r.createElement(
-      rt,
+      it,
       {
         role: "menuitem",
-        onClick: () => mt(
-          Y.absPath,
-          Y.type
+        onClick: () => ht(
+          H.absPath,
+          H.type
         )
       },
       "Delete"
     ))
   ));
-}), zt = ({
+}), Ut = ({
   node: n,
   level: c,
-  position: d,
+  position: f,
   setSize: l,
-  expandedNodePaths: R,
-  onToggle: m,
+  expandedNodePaths: T,
+  onToggle: d,
   selectedNode: k,
-  focusPath: N,
-  focusedNode: h,
-  selectPath: S,
+  focusPath: A,
+  focusedNode: N,
+  selectPath: h,
   generatePath: _,
-  getChildren: T,
+  getChildren: D,
   onContextMenu: P,
   renamingPath: W,
-  onRename: F,
-  onRenameCancel: D,
-  parentPath: ce = "",
-  dropIndicator: v,
+  onRename: q,
+  onRenameCancel: R,
+  parentPath: Y = "",
+  dropIndicator: w,
   onDragStart: b,
-  onDragEnd: K,
-  onDragEnter: te,
-  onDragOver: q,
+  onDragEnd: G,
+  onDragEnter: X,
+  onDragOver: ae,
   onDragLeave: y,
-  onDrop: M,
-  rootPath: I,
+  onDrop: j,
+  rootPath: V,
   onDoubleClickFile: $
 }) => {
-  const g = _(n, ce), O = R[g], me = W === g, A = V(null), [J, fe] = ee(n.name), X = V(!1), le = (v == null ? void 0 : v.path) === g, Se = le && (v == null ? void 0 : v.state) === "valid", be = le && (v == null ? void 0 : v.state) === "invalid", Ce = !!b && !me && g !== I, ue = V(null), Fe = {
-    onDragEnter: (u) => te == null ? void 0 : te(u, n, g),
-    onDragOver: (u) => q == null ? void 0 : q(u, n, g),
-    onDragLeave: (u) => y == null ? void 0 : y(u, n, g),
-    onDrop: (u) => M == null ? void 0 : M(u, n, g)
-  }, re = T(n, g) ?? [];
-  H(() => {
-    var u;
-    me ? (fe(n.name), X.current = !1, typeof window < "u" && requestAnimationFrame ? requestAnimationFrame(() => {
-      var x;
-      (x = A.current) == null || x.select();
-    }) : (u = A.current) == null || u.select()) : X.current = !1;
-  }, [me, n.name]);
-  const Pe = () => {
-    n.type === "folder" && m(g, n, !O);
-  }, Re = (u) => {
-    var x, z;
-    if (u.key === "ArrowLeft")
-      O ? Pe() : (x = document.querySelector(
-        `[data-path="${CSS.escape(ce)}"]`
-      )) == null || x.focus(), u.preventDefault(), u.stopPropagation();
-    else if (u.key === "ArrowRight") {
-      if (O) {
+  const p = _(n, Y), F = T[p], ce = W === p, Z = M(null), [O, oe] = Q(n.name), ee = M(!1), ve = (w == null ? void 0 : w.path) === p, he = ve && (w == null ? void 0 : w.state) === "valid", Ne = ve && (w == null ? void 0 : w.state) === "invalid", Pe = !!b && !ce && p !== V, te = M(null), Oe = {
+    onDragEnter: (g) => X == null ? void 0 : X(g, n, p),
+    onDragOver: (g) => ae == null ? void 0 : ae(g, n, p),
+    onDragLeave: (g) => y == null ? void 0 : y(g, n, p),
+    onDrop: (g) => j == null ? void 0 : j(g, n, p)
+  }, re = D(n, p) ?? [];
+  z(() => {
+    var g;
+    ce ? (oe(n.name), ee.current = !1, typeof window < "u" && requestAnimationFrame ? requestAnimationFrame(() => {
+      var pe;
+      (pe = Z.current) == null || pe.select();
+    }) : (g = Z.current) == null || g.select()) : ee.current = !1;
+  }, [ce, n.name]);
+  const Me = () => {
+    n.type === "folder" && d(p, n, !F);
+  }, ye = (g) => {
+    var pe, me;
+    if (g.key === "ArrowLeft")
+      F ? Me() : (pe = document.querySelector(
+        `[data-path="${CSS.escape(Y)}"]`
+      )) == null || pe.focus(), g.preventDefault(), g.stopPropagation();
+    else if (g.key === "ArrowRight") {
+      if (F) {
         if (re != null && re.length) {
-          const G = _(
+          const we = _(
             re[0],
-            g
+            p
           );
-          (z = document.querySelector(
-            `[data-path="${CSS.escape(G)}"]`
-          )) == null || z.focus();
+          (me = document.querySelector(
+            `[data-path="${CSS.escape(we)}"]`
+          )) == null || me.focus();
         }
       } else
-        Pe();
-      u.preventDefault(), u.stopPropagation();
-    } else u.key === " " || u.key === "Space" || u.key === "Spacebar" ? (n.type === "folder" && m(g, n, !O), u.preventDefault()) : u.key === "Enter" && (n.type === "folder" ? m(g, n, !O) : (S(g, !1), N(g), $ ? $(g) : S(g, !0)), u.preventDefault());
-  }, ye = (u) => {
-    P == null || P(u, n, g);
-  }, De = (u) => {
-    u.preventDefault(), X.current = !0, F == null || F(g, J);
-  }, _e = (u) => {
-    if (u.key === "Escape") {
-      u.preventDefault(), u.stopPropagation(), X.current = !0, D == null || D(g);
+        Me();
+      g.preventDefault(), g.stopPropagation();
+    } else g.key === " " || g.key === "Space" || g.key === "Spacebar" ? (n.type === "folder" && d(p, n, !F), g.preventDefault()) : g.key === "Enter" && (n.type === "folder" ? d(p, n, !F) : (h(p, !1), A(p), $ ? $(p) : h(p, !0)), g.preventDefault());
+  }, ke = (g) => {
+    P == null || P(g, n, p);
+  }, Fe = (g) => {
+    g.preventDefault(), ee.current = !0, q == null || q(p, O);
+  }, Se = (g) => {
+    if (g.key === "Escape") {
+      g.preventDefault(), g.stopPropagation(), ee.current = !0, R == null || R(p);
       return;
     }
-    (u.key === "ArrowLeft" || u.key === "ArrowRight" || u.key === "ArrowUp" || u.key === "ArrowDown") && u.stopPropagation();
-  }, oe = () => {
-    X.current || D == null || D(g), X.current = !1;
-  }, Y = () => {
+    (g.key === "ArrowLeft" || g.key === "ArrowRight" || g.key === "ArrowUp" || g.key === "ArrowDown") && g.stopPropagation();
+  }, de = () => {
+    ee.current || R == null || R(p), ee.current = !1;
+  }, H = () => {
     if (n.type === "folder") {
-      Pe(), S(g), N(g);
+      Me(), h(p), A(p);
       return;
     }
-    const u = ue.current !== null;
-    if (u && ue.current && clearTimeout(ue.current), ue.current = null, u) {
-      $ ? $(g) : S(g, !0);
+    const g = te.current !== null;
+    if (g && te.current && clearTimeout(te.current), te.current = null, g) {
+      $ ? $(p) : h(p, !0);
       return;
     }
-    S(g, !1), N(g), S(g, !0), ue.current = window.setTimeout(() => {
-      ue.current = null;
+    h(p, !1), A(p), h(p, !0), te.current = window.setTimeout(() => {
+      te.current = null;
     }, 300);
   };
-  return H(() => () => {
-    ue.current !== null && typeof window < "u" && clearTimeout(ue.current);
+  return z(() => () => {
+    te.current !== null && typeof window < "u" && clearTimeout(te.current);
   }, []), /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(
     nr,
     {
       level: c,
-      positionInSet: d,
+      positionInSet: f,
       setSize: l
     },
-    /* @__PURE__ */ r.createElement(ar, null, () => /* @__PURE__ */ r.createElement(r.Fragment, null, me ? /* @__PURE__ */ r.createElement(
+    /* @__PURE__ */ r.createElement(ar, null, () => /* @__PURE__ */ r.createElement(r.Fragment, null, ce ? /* @__PURE__ */ r.createElement(
       "form",
       {
-        onSubmit: De,
-        className: Ne(
-          Ee.fileNodeButton,
-          Ee.renaming,
+        onSubmit: Fe,
+        className: De(
+          Re.fileNodeButton,
+          Re.renaming,
           "file-node-button",
           {
-            [Ee.selected]: k === g,
-            [Ee.focused]: h === g,
-            [Ee.dropTarget]: Se,
-            [Ee.dropTargetInvalid]: be
+            [Re.selected]: k === p,
+            [Re.focused]: N === p,
+            [Re.dropTarget]: he,
+            [Re.dropTargetInvalid]: Ne
           }
         ),
-        "data-path": g,
-        onContextMenu: ye,
-        ...Fe
+        "data-path": p,
+        onContextMenu: ke,
+        ...Oe
       },
       /* @__PURE__ */ r.createElement(
         jt,
         {
           node: n,
-          isOpen: n.type === "folder" && O,
+          isOpen: n.type === "folder" && F,
           level: c,
           hideName: !0
         }
@@ -1690,168 +1691,168 @@ const rn = $t(function({
       /* @__PURE__ */ r.createElement(
         "input",
         {
-          ref: A,
-          className: Ee.renameInput,
-          value: J,
-          onChange: (u) => fe(u.target.value),
-          onBlur: oe,
-          onFocus: () => N(g),
-          onKeyDown: _e
+          ref: Z,
+          className: Re.renameInput,
+          value: O,
+          onChange: (g) => oe(g.target.value),
+          onBlur: de,
+          onFocus: () => A(p),
+          onKeyDown: Se
         }
       )
     ) : /* @__PURE__ */ r.createElement(
-      Je,
+      tt,
       {
-        ...Fe,
-        draggable: Ce,
-        onDragStart: (u) => b == null ? void 0 : b(u, n, g),
-        onDragEnd: (u) => K == null ? void 0 : K(u, n, g),
-        onClick: Y,
-        onKeyDown: Re,
+        ...Oe,
+        draggable: Pe,
+        onDragStart: (g) => b == null ? void 0 : b(g, n, p),
+        onDragEnd: (g) => G == null ? void 0 : G(g, n, p),
+        onClick: H,
+        onKeyDown: ye,
         onFocus: () => {
-          N(g);
+          A(p);
         },
-        onContextMenu: ye,
-        className: Ne(
-          Ee.fileNodeButton,
+        onContextMenu: ke,
+        className: De(
+          Re.fileNodeButton,
           "file-node-button",
           {
-            [Ee.selected]: k === g,
-            [Ee.focused]: h === g,
-            [Ee.dropTarget]: Se,
-            [Ee.dropTargetInvalid]: be
+            [Re.selected]: k === p,
+            [Re.focused]: N === p,
+            [Re.dropTarget]: he,
+            [Re.dropTargetInvalid]: Ne
           }
         ),
-        "data-path": g,
-        "data-expanded": O ? "true" : "false"
+        "data-path": p,
+        "data-expanded": F ? "true" : "false"
       },
       /* @__PURE__ */ r.createElement(
         jt,
         {
           node: n,
-          isOpen: n.type === "folder" && O,
+          isOpen: n.type === "folder" && F,
           level: c
         }
       )
     )))
-  ), O && re && re.map((u, x) => /* @__PURE__ */ r.createElement(
-    zt,
+  ), F && re && re.map((g, pe) => /* @__PURE__ */ r.createElement(
+    Ut,
     {
-      key: u.name,
-      node: u,
+      key: g.name,
+      node: g,
       level: c + 1,
-      position: x + 1,
+      position: pe + 1,
       setSize: re.length,
-      expandedNodePaths: R,
-      onToggle: m,
+      expandedNodePaths: T,
+      onToggle: d,
       selectedNode: k,
-      focusPath: N,
-      focusedNode: h,
-      selectPath: S,
+      focusPath: A,
+      focusedNode: N,
+      selectPath: h,
       generatePath: _,
-      getChildren: T,
+      getChildren: D,
       onContextMenu: P,
       renamingPath: W,
-      onRename: F,
-      onRenameCancel: D,
-      parentPath: g,
-      dropIndicator: v,
+      onRename: q,
+      onRenameCancel: R,
+      parentPath: p,
+      dropIndicator: w,
       onDragStart: b,
-      onDragEnd: K,
-      onDragEnter: te,
-      onDragOver: q,
+      onDragEnd: G,
+      onDragEnter: X,
+      onDragOver: ae,
       onDragLeave: y,
-      onDrop: M,
-      rootPath: I,
+      onDrop: j,
+      rootPath: V,
       onDoubleClickFile: $
     }
   )));
-}, jt = ({ node: n, level: c, isOpen: d, hideName: l = !1 }) => {
-  const R = [];
-  for (let m = 0; m < c; m++)
-    R.push("&nbsp;&nbsp;&nbsp;&nbsp;");
+}, jt = ({ node: n, level: c, isOpen: f, hideName: l = !1 }) => {
+  const T = [];
+  for (let d = 0; d < c; d++)
+    T.push("&nbsp;&nbsp;&nbsp;&nbsp;");
   return /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(
     "span",
     {
       "aria-hidden": "true",
-      dangerouslySetInnerHTML: { __html: R.join("") }
-    }
-  ), n.type === "folder" ? /* @__PURE__ */ r.createElement(Ot, { width: 16, icon: d ? Wr : Hr }) : /* @__PURE__ */ r.createElement("div", { style: { width: 16 } }, " "), /* @__PURE__ */ r.createElement(Ot, { width: 16, icon: n.type === "folder" ? Mr : jr }), !l && /* @__PURE__ */ r.createElement("span", { className: Ee.fileName }, n.name));
-}, nn = "_control_kp9d9_1", an = "_browse-label_kp9d9_11", on = "_path-preview_kp9d9_37", ln = "_modal_kp9d9_43", sn = "_modal-footer_kp9d9_48", qe = {
-  control: nn,
-  browseLabel: an,
-  pathPreview: on,
-  modal: ln,
-  modalFooter: sn
+      dangerouslySetInnerHTML: { __html: T.join("") }
+    }
+  ), n.type === "folder" ? /* @__PURE__ */ r.createElement(Ot, { width: 16, icon: f ? Wr : Hr }) : /* @__PURE__ */ r.createElement("div", { style: { width: 16 } }, " "), /* @__PURE__ */ r.createElement(Ot, { width: 16, icon: n.type === "folder" ? jr : Vr }), !l && /* @__PURE__ */ r.createElement("span", { className: Re.fileName }, n.name));
+}, an = "_control_kp9d9_1", on = "_browse-label_kp9d9_11", ln = "_path-preview_kp9d9_37", sn = "_modal_kp9d9_43", cn = "_modal-footer_kp9d9_48", Qe = {
+  control: an,
+  browseLabel: on,
+  pathPreview: ln,
+  modal: sn,
+  modalFooter: cn
 };
-function cn({ path: n }) {
+function un({ path: n }) {
   if (!n)
-    return /* @__PURE__ */ r.createElement("div", { className: qe.pathPreview }, /* @__PURE__ */ r.createElement("i", null, "Select a path"));
+    return /* @__PURE__ */ r.createElement("div", { className: Qe.pathPreview }, /* @__PURE__ */ r.createElement("i", null, "Select a path"));
   const c = n.split("/");
-  let d = (c.length > 2 ? "/" : "") + c.pop();
-  d.length > 10 && (d = d.substring(d.length - 10));
+  let f = (c.length > 2 ? "/" : "") + c.pop();
+  f.length > 10 && (f = f.substring(f.length - 10));
   const l = n.substring(
     0,
-    n.length - d.length
+    n.length - f.length
   );
   return /* @__PURE__ */ r.createElement(
     "div",
     {
-      className: qe.pathPreview,
+      className: Qe.pathPreview,
       "data-content-start": l,
-      "data-content-end": d
+      "data-content-end": f
     }
   );
 }
-function ja({
+function Ua({
   value: n = "",
   onChange: c,
-  filesystem: d
+  filesystem: f
 }) {
-  const [l, R] = ee(!1), m = () => R(!0), k = () => R(!1), [N, h] = ee(
+  const [l, T] = Q(!1), d = () => T(!0), k = () => T(!1), [A, N] = Q(
     n || null
   );
-  function S(_) {
-    _ == null || _.preventDefault(), c(N || ""), k();
+  function h(_) {
+    _ == null || _.preventDefault(), c(A || ""), k();
   }
   return /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(
-    Je,
+    tt,
     {
       variant: "tertiary",
-      className: qe.control,
-      onClick: m
+      className: Qe.control,
+      onClick: d
     },
-    /* @__PURE__ */ r.createElement("span", { className: qe.browseLabel }, "Browse"),
-    /* @__PURE__ */ r.createElement(cn, { path: n || "" })
+    /* @__PURE__ */ r.createElement("span", { className: Qe.browseLabel }, "Browse"),
+    /* @__PURE__ */ r.createElement(un, { path: n || "" })
   ), l && /* @__PURE__ */ r.createElement(
     or,
     {
       title: "Select a path ",
       onRequestClose: k,
-      className: qe.modal
+      className: Qe.modal
     },
-    /* @__PURE__ */ r.createElement("form", { onSubmit: S }, /* @__PURE__ */ r.createElement(
-      rn,
+    /* @__PURE__ */ r.createElement("form", { onSubmit: h }, /* @__PURE__ */ r.createElement(
+      nn,
       {
-        filesystem: d,
+        filesystem: f,
         initialSelectedPath: n,
-        onSelect: h
+        onSelect: N
       }
-    ), /* @__PURE__ */ r.createElement("div", { className: qe.modalFooter }, /* @__PURE__ */ r.createElement(Je, { type: "submit", variant: "primary" }, "Select Path")))
+    ), /* @__PURE__ */ r.createElement("div", { className: Qe.modalFooter }, /* @__PURE__ */ r.createElement(tt, { type: "submit", variant: "primary" }, "Select Path")))
   ));
 }
-const un = "_container_1h0az_1", fn = "_header_1h0az_9", dn = "_filename_1h0az_18", mn = "_downloadLink_1h0az_26", pn = "_previewArea_1h0az_38", hn = "_imagePreview_1h0az_51", vn = "_videoPreview_1h0az_57", wn = "_audioPreview_1h0az_64", gn = "_unsupportedMessage_1h0az_68", En = "_actions_1h0az_74", Ie = {
-  container: un,
-  header: fn,
-  filename: dn,
-  downloadLink: mn,
-  previewArea: pn,
-  imagePreview: hn,
-  videoPreview: vn,
-  audioPreview: wn,
-  unsupportedMessage: gn,
-  actions: En
-}, yn = (n) => {
+const fn = "_container_1h0az_1", dn = "_header_1h0az_9", mn = "_filename_1h0az_18", pn = "_downloadLink_1h0az_26", hn = "_previewArea_1h0az_38", vn = "_imagePreview_1h0az_51", wn = "_videoPreview_1h0az_57", gn = "_audioPreview_1h0az_64", En = "_unsupportedMessage_1h0az_68", yn = "_actions_1h0az_74", Be = {
+  container: fn,
+  header: dn,
+  filename: mn,
+  downloadLink: pn,
+  previewArea: hn,
+  imagePreview: vn,
+  videoPreview: wn,
+  audioPreview: gn,
+  unsupportedMessage: En,
+  actions: yn
+}, _n = (n) => {
   if (!n)
     return {
       isImage: !1,
@@ -1865,55 +1866,55 @@ const un = "_container_1h0az_1", fn = "_header_1h0az_9", dn = "_filename_1h0az_1
     isAudio: c.startsWith("audio/")
   };
 };
-function Va({
+function Ga({
   filename: n,
   mimeType: c,
-  dataUrl: d,
+  dataUrl: f,
   downloadUrl: l,
-  showHeader: R = !0
+  showHeader: T = !0
 }) {
-  const { isImage: m, isVideo: k, isAudio: N } = yn(c), h = R !== !1, S = !!(l && n), _ = () => S ? /* @__PURE__ */ r.createElement(
+  const { isImage: d, isVideo: k, isAudio: A } = _n(c), N = T !== !1, h = !!(l && n), _ = () => h ? /* @__PURE__ */ r.createElement(
     "a",
     {
-      className: Ie.downloadLink,
+      className: Be.downloadLink,
       href: l,
       download: n
     },
     "Download"
-  ) : null, T = () => m ? /* @__PURE__ */ r.createElement(
+  ) : null, D = () => d ? /* @__PURE__ */ r.createElement(
     "img",
     {
-      className: Ie.imagePreview,
-      src: d,
+      className: Be.imagePreview,
+      src: f,
       alt: n || "Preview"
     }
   ) : k ? /* @__PURE__ */ r.createElement(
     "video",
     {
-      className: Ie.videoPreview,
+      className: Be.videoPreview,
       controls: !0,
       preload: "metadata"
     },
-    /* @__PURE__ */ r.createElement("source", { src: d, type: c }),
+    /* @__PURE__ */ r.createElement("source", { src: f, type: c }),
     "Your browser does not support the video tag."
-  ) : N ? /* @__PURE__ */ r.createElement("audio", { className: Ie.audioPreview, controls: !0 }, /* @__PURE__ */ r.createElement("source", { src: d, type: c }), "Your browser does not support the audio tag.") : /* @__PURE__ */ r.createElement("div", { className: Ie.unsupportedMessage }, /* @__PURE__ */ r.createElement("p", null, "Preview unavailable for this file type."), S ? /* @__PURE__ */ r.createElement("p", null, _()) : /* @__PURE__ */ r.createElement("p", null, "Download the file to inspect its contents."));
-  return /* @__PURE__ */ r.createElement("div", { className: Ie.container }, h && /* @__PURE__ */ r.createElement("div", { className: Ie.header }, /* @__PURE__ */ r.createElement("span", { className: Ie.filename, title: n }, n), _()), /* @__PURE__ */ r.createElement("div", { className: Ie.previewArea }, T()), !h && S && /* @__PURE__ */ r.createElement("div", { className: Ie.actions }, _()));
+  ) : A ? /* @__PURE__ */ r.createElement("audio", { className: Be.audioPreview, controls: !0 }, /* @__PURE__ */ r.createElement("source", { src: f, type: c }), "Your browser does not support the audio tag.") : /* @__PURE__ */ r.createElement("div", { className: Be.unsupportedMessage }, /* @__PURE__ */ r.createElement("p", null, "Preview unavailable for this file type."), h ? /* @__PURE__ */ r.createElement("p", null, _()) : /* @__PURE__ */ r.createElement("p", null, "Download the file to inspect its contents."));
+  return /* @__PURE__ */ r.createElement("div", { className: Be.container }, N && /* @__PURE__ */ r.createElement("div", { className: Be.header }, /* @__PURE__ */ r.createElement("span", { className: Be.filename, title: n }, n), _()), /* @__PURE__ */ r.createElement("div", { className: Be.previewArea }, D()), !N && h && /* @__PURE__ */ r.createElement("div", { className: Be.actions }, _()));
 }
-const At = /* @__PURE__ */ new Map(), _n = async (n) => {
-  var R;
+const At = /* @__PURE__ */ new Map(), Cn = async (n) => {
+  var T;
   if (!n)
-    return lt();
-  const c = (R = n.split(".").pop()) == null ? void 0 : R.toLowerCase();
+    return ut();
+  const c = (T = n.split(".").pop()) == null ? void 0 : T.toLowerCase();
   if (!c || c === "php")
-    return lt();
-  const d = n;
-  if (At.has(d))
-    return At.get(d);
+    return ut();
+  const f = n;
+  if (At.has(f))
+    return At.get(f);
   let l;
   switch (c) {
     case "css":
       l = await import("@codemirror/lang-css").then(
-        (m) => m.css()
+        (d) => d.css()
       );
       break;
     case "js":
@@ -1921,7 +1922,7 @@ const At = /* @__PURE__ */ new Map(), _n = async (n) => {
     case "ts":
     case "tsx":
       l = await import("@codemirror/lang-javascript").then(
-        (m) => m.javascript({
+        (d) => d.javascript({
           jsx: c === "jsx" || c === "tsx",
           typescript: c === "ts" || c === "tsx"
         })
@@ -1929,42 +1930,42 @@ const At = /* @__PURE__ */ new Map(), _n = async (n) => {
       break;
     case "json":
       l = await import("@codemirror/lang-json").then(
-        (m) => m.json()
+        (d) => d.json()
       );
       break;
     case "html":
     case "htm":
       l = await import("@codemirror/lang-html").then(
-        (m) => m.html()
+        (d) => d.html()
       );
       break;
     case "md":
     case "markdown":
       l = await import("@codemirror/lang-markdown").then(
-        (m) => m.markdown()
+        (d) => d.markdown()
       );
       break;
     default:
-      l = lt();
+      l = ut();
   }
-  return At.set(d, l), l;
+  return At.set(f, l), l;
 };
-class xn {
+class bn {
   constructor(c) {
     this.view = c, this.handleClick = this.handleClick.bind(this), this.view.dom.addEventListener("mousedown", this.handleClick);
   }
   handleClick(c) {
-    const d = c.target;
-    if ((d.classList.contains("cm-scroller") || d.classList.contains("cm-content")) && this.view.posAtCoords({
+    const f = c.target;
+    if ((f.classList.contains("cm-scroller") || f.classList.contains("cm-content")) && this.view.posAtCoords({
       x: c.clientX,
       y: c.clientY
     }) === null) {
-      const R = this.view.state.doc.length, m = vt.create([
-        vt.range(R, R)
+      const T = this.view.state.doc.length, d = gt.create([
+        gt.range(T, T)
       ]);
       this.view.dispatch({
-        selection: m,
-        effects: ot.scrollIntoView(R, {
+        selection: d,
+        effects: ct.scrollIntoView(T, {
           y: "center"
         })
       }), this.view.focus(), c.preventDefault();
@@ -1974,59 +1975,59 @@ class xn {
     this.view.dom.removeEventListener("mousedown", this.handleClick);
   }
 }
-const bn = dr.define(
-  (n) => new xn(n)
-), Gt = $t(
+const xn = dr.define(
+  (n) => new bn(n)
+), Gt = zt(
   function({
     code: c,
-    onChange: d,
+    onChange: f,
     currentPath: l,
-    className: R,
-    onSaveShortcut: m,
+    className: T,
+    onSaveShortcut: d,
     readOnly: k = !1,
-    additionalExtensions: N
-  }, h) {
-    const S = V(
+    additionalExtensions: A
+  }, N) {
+    const h = M(
       null
-    ), _ = V(null), T = V(new Pt()), P = V(new Pt()), W = V(new Pt()), F = V(c), D = V(d), ce = V(!1);
-    return Wt(h, () => ({
+    ), _ = M(null), D = M(new Tt()), P = M(new Tt()), W = M(new Tt()), q = M(c), R = M(f), Y = M(!1);
+    return $t(N, () => ({
       focus: () => {
-        var v;
-        (v = _.current) == null || v.focus();
+        var w;
+        (w = _.current) == null || w.focus();
       },
       blur: () => {
-        const v = _.current;
-        v && v.contentDOM.blur();
+        const w = _.current;
+        w && w.contentDOM.blur();
       },
       getCursorPosition: () => _.current ? _.current.state.selection.main.anchor : null,
-      setCursorPosition: (v) => {
+      setCursorPosition: (w) => {
         if (!_.current)
           return;
         const b = Math.min(
-          v,
+          w,
           _.current.state.doc.length
-        ), K = vt.create([
-          vt.range(b, b)
+        ), G = gt.create([
+          gt.range(b, b)
         ]);
         _.current.dispatch({
-          selection: K,
+          selection: G,
           scrollIntoView: !0
         });
       }
-    })), H(() => {
-      F.current = c;
-    }, [c]), H(() => {
-      D.current = d;
-    }, [d]), H(() => {
+    })), z(() => {
+      q.current = c;
+    }, [c]), z(() => {
+      R.current = f;
+    }, [f]), z(() => {
       if (_.current)
         return;
-      const v = S.current;
-      if (!v)
+      const w = h.current;
+      if (!w)
         return;
       const b = fr.create({
         doc: c,
         extensions: [
-          W.current.of(N ?? []),
+          W.current.of(A ?? []),
           mr(),
           pr(),
           hr(),
@@ -2034,104 +2035,104 @@ const bn = dr.define(
           vr(),
           wr(),
           gr(),
-          bn,
-          T.current.of(lt()),
+          xn,
+          D.current.of(ut()),
           P.current.of(
-            ot.editable.of(!k)
+            ct.editable.of(!k)
           ),
           Ar(Nr),
           Fr(),
           Ir(),
           kr(),
           yr(),
-          Cr(),
-          Tr(),
-          ot.updateListener.of((te) => {
-            if (!te.docChanged)
+          xr(),
+          Pr(),
+          ct.updateListener.of((X) => {
+            if (!X.docChanged)
               return;
-            const q = te.state.doc.toString();
-            q !== F.current && (F.current = q, D.current(q));
+            const ae = X.state.doc.toString();
+            ae !== q.current && (q.current = ae, R.current(ae));
           }),
           Er.of([
             {
               key: "Mod-s",
               preventDefault: !0,
-              run: () => (m == null || m(), !0)
+              run: () => (d == null || d(), !0)
             },
             ...Sr,
-            ...Pr,
+            ...Tr,
             ...Lr,
             ...Rr,
             ..._r,
-            ...xr,
+            ...Cr,
             br
           ])
         ]
-      }), K = new ot({ state: b, parent: v });
-      return _.current = K, () => {
-        K.destroy(), _.current = null;
+      }), G = new ct({ state: b, parent: w });
+      return _.current = G, () => {
+        G.destroy(), _.current = null;
       };
-    }, []), H(() => {
-      const v = _.current;
-      v && v.dispatch({
+    }, []), z(() => {
+      const w = _.current;
+      w && w.dispatch({
         effects: W.current.reconfigure(
-          N ?? []
+          A ?? []
         )
       });
-    }, [N]), H(() => {
-      const v = _.current;
-      if (!v)
+    }, [A]), z(() => {
+      const w = _.current;
+      if (!w)
         return;
-      const b = v.state.doc.toString();
-      c !== b && v.dispatch({
-        changes: { from: 0, to: v.state.doc.length, insert: c }
+      const b = w.state.doc.toString();
+      c !== b && w.dispatch({
+        changes: { from: 0, to: w.state.doc.length, insert: c }
       });
-    }, [c]), H(() => {
-      var q;
-      const v = _.current;
-      if (!v)
+    }, [c]), z(() => {
+      var ae;
+      const w = _.current;
+      if (!w)
         return;
-      const b = (q = l == null ? void 0 : l.split(".").pop()) == null ? void 0 : q.toLowerCase();
-      (!b || b === "php") && v.dispatch({
-        effects: T.current.reconfigure(lt())
+      const b = (ae = l == null ? void 0 : l.split(".").pop()) == null ? void 0 : ae.toLowerCase();
+      (!b || b === "php") && w.dispatch({
+        effects: D.current.reconfigure(ut())
       });
-      let te = !1;
-      return _n(l).then((y) => {
-        te || !_.current || _.current.dispatch({
-          effects: T.current.reconfigure(y)
+      let X = !1;
+      return Cn(l).then((y) => {
+        X || !_.current || _.current.dispatch({
+          effects: D.current.reconfigure(y)
         });
       }), () => {
-        te = !0;
+        X = !0;
       };
-    }, [l]), H(() => {
-      const v = _.current;
-      v && (v.hasFocus && (ce.current = !0), v.dispatch({
+    }, [l]), z(() => {
+      const w = _.current;
+      w && (w.hasFocus && (Y.current = !0), w.dispatch({
         effects: P.current.reconfigure(
-          ot.editable.of(!k)
+          ct.editable.of(!k)
         )
       }));
     }, [k]), qt(() => {
-      const v = _.current;
-      v && ce.current && !v.hasFocus && (v.focus(), ce.current = !1);
-    }, [l, k]), /* @__PURE__ */ r.createElement("div", { ref: S, className: R });
+      const w = _.current;
+      w && Y.current && !w.hasFocus && (w.focus(), Y.current = !1);
+    }, [l, k]), /* @__PURE__ */ r.createElement("div", { ref: h, className: T });
   }
 );
 Gt.displayName = "CodeEditor";
-const Cn = "_fileExplorerContainer_8eol9_1", Rn = "_dropActive_8eol9_9", kn = "_fileExplorerHeader_8eol9_14", Tn = "_fileExplorerTitle_8eol9_23", Sn = "_fileExplorerActions_8eol9_31", Pn = "_fileExplorerButton_8eol9_37", Dn = "_fileExplorerIconButton_8eol9_67", An = "_fileExplorerTree_8eol9_79", Nn = "_dockPresentation_8eol9_88", Fn = "_fileExplorerUploadButton_8eol9_148", ge = {
-  fileExplorerContainer: Cn,
-  dropActive: Rn,
-  fileExplorerHeader: kn,
-  fileExplorerTitle: Tn,
-  fileExplorerActions: Sn,
-  fileExplorerButton: Pn,
-  fileExplorerIconButton: Dn,
-  fileExplorerTree: An,
-  dockPresentation: Nn,
-  fileExplorerUploadButton: Fn
-}, Yt = 1024 * 1024, In = (n) => {
+const Rn = "_fileExplorerContainer_8eol9_1", kn = "_dropActive_8eol9_9", Pn = "_fileExplorerHeader_8eol9_14", Sn = "_fileExplorerTitle_8eol9_23", Tn = "_fileExplorerActions_8eol9_31", Dn = "_fileExplorerButton_8eol9_37", An = "_fileExplorerIconButton_8eol9_67", Nn = "_fileExplorerTree_8eol9_79", Fn = "_dockPresentation_8eol9_88", In = "_fileExplorerUploadButton_8eol9_148", xe = {
+  fileExplorerContainer: Rn,
+  dropActive: kn,
+  fileExplorerHeader: Pn,
+  fileExplorerTitle: Sn,
+  fileExplorerActions: Tn,
+  fileExplorerButton: Dn,
+  fileExplorerIconButton: An,
+  fileExplorerTree: Nn,
+  dockPresentation: Fn,
+  fileExplorerUploadButton: In
+}, Yt = 1024 * 1024, Ln = (n) => {
   const c = n.byteLength;
-  for (let d = 0; d < Math.min(c, 4096); d++)
-    if (n[d] === 0)
+  for (let f = 0; f < Math.min(c, 4096); f++)
+    if (n[f] === 0)
       return !0;
   try {
     return new TextDecoder("utf-8", { fatal: !0 }).decode(n), !1;
@@ -2139,120 +2140,120 @@ const Cn = "_fileExplorerContainer_8eol9_1", Rn = "_dropActive_8eol9_9", kn = "_
     return !0;
   }
 }, Vt = (n, c) => {
-  const d = new Blob([n]), l = URL.createObjectURL(d);
+  const f = new Blob([n]), l = URL.createObjectURL(f);
   return setTimeout(() => URL.revokeObjectURL(l), 6e4), { url: l, filename: c };
 };
-async function Ln(n, c = Yt) {
-  const d = On(n);
-  if (d !== void 0 && d > c)
+async function On(n, c = Yt) {
+  const f = Bn(n);
+  if (f !== void 0 && f > c)
     return { type: "too-large" };
   if (typeof n.stream == "function")
-    return Bn(n, c);
+    return Mn(n, c);
   const l = new Uint8Array(await n.arrayBuffer());
   return l.byteLength > c ? { type: "too-large" } : { type: "inline", data: l };
 }
-function On(n) {
+function Bn(n) {
   if (typeof n.filesize == "number")
     return n.filesize;
   if (typeof n.size == "number")
     return n.size;
 }
-async function Bn(n, c) {
-  const d = n.stream().getReader(), l = [];
-  let R = 0;
+async function Mn(n, c) {
+  const f = n.stream().getReader(), l = [];
+  let T = 0;
   try {
     for (; ; ) {
-      const { done: m, value: k } = await d.read();
-      if (m)
+      const { done: d, value: k } = await f.read();
+      if (d)
         return {
           type: "inline",
           data: Qt(l)
         };
       if (k) {
-        if (R += k.byteLength, R > c)
-          return await d.cancel().catch(() => {
+        if (T += k.byteLength, T > c)
+          return await f.cancel().catch(() => {
           }), { type: "too-large" };
         l.push(k);
       }
     }
   } finally {
-    d.releaseLock();
+    f.releaseLock();
   }
 }
-const Mn = (n) => {
+const jn = (n) => {
   const c = n.split(".").pop();
   return Lt[c] || Lt._default;
-}, jn = (n) => n.startsWith("image/") || n.startsWith("video/") || n.startsWith("audio/");
-function Vn({
+}, Vn = (n) => n.startsWith("image/") || n.startsWith("video/") || n.startsWith("audio/");
+function zn({
   filesystem: n,
   currentPath: c,
-  selectedDirPath: d,
+  selectedDirPath: f,
   setSelectedDirPath: l,
-  onFileOpened: R,
-  onSelectionCleared: m,
+  onFileOpened: T,
+  onSelectionCleared: d,
   onShowMessage: k,
-  documentRoot: N,
-  readOnly: h = !1,
-  title: S = "Files",
+  documentRoot: A,
+  readOnly: N = !1,
+  title: h = "Files",
   showBinaryPreviewHeader: _ = !0,
-  dockPresentation: T = !1,
+  dockPresentation: D = !1,
   useWordPressTooltips: P = !1
 }) {
-  const W = V(null), F = V(null), D = Ft(() => c ? Le(c) : d ?? N, [c, N]), [ce, v] = ee(!1);
-  H(() => {
+  const W = M(null), q = M(null), R = Ft(() => c ? Le(c) : f ?? A, [c, A]), [Y, w] = Q(!1);
+  z(() => {
     !c || !W.current || (l(Le(c)), W.current.focusPath(c, {
       select: !0,
       domFocus: !1,
       notify: !1
     }), W.current.expandToPath(c));
   }, [c, l]);
-  const b = async (y, M) => {
+  const b = async (y, j) => {
     try {
-      const I = await n.read(y), $ = await Ln(I);
+      const V = await n.read(y), $ = await On(V);
       if ($.type === "too-large") {
-        const A = Yt / 1024 / 1024;
-        if (!T) {
+        const Z = Yt / 1024 / 1024;
+        if (!D) {
           await k(
             y,
-            /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement("p", null, `File too large to open (>${A}MB).`), /* @__PURE__ */ r.createElement("p", null, "Open or download it outside the in-browser editor."))
+            /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement("p", null, `File too large to open (>${Z}MB).`), /* @__PURE__ */ r.createElement("p", null, "Open or download it outside the in-browser editor."))
           );
           return;
         }
-        const J = it(y) || "download";
+        const O = et(y) || "download";
         await k(
           y,
-          /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement("p", null, `File too large to open (>${A}MB).`), /* @__PURE__ */ r.createElement("p", null, /* @__PURE__ */ r.createElement(
-            Je,
+          /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement("p", null, `File too large to open (>${Z}MB).`), /* @__PURE__ */ r.createElement("p", null, /* @__PURE__ */ r.createElement(
+            tt,
             {
               type: "button",
               variant: "link",
               onClick: () => {
-                K(y, J);
+                G(y, O);
               }
             },
             "Download ",
-            J
+            O
           )))
         );
         return;
       }
-      const g = $.data, O = it(y) || "download";
-      if (In(g)) {
-        const A = Mn(O), { url: J, filename: fe } = Vt(
-          g,
-          O
+      const p = $.data, F = et(y) || "download";
+      if (Ln(p)) {
+        const Z = jn(F), { url: O, filename: oe } = Vt(
+          p,
+          F
         );
-        if (jn(A)) {
-          const X = new Blob([g], { type: A }), le = URL.createObjectURL(X);
+        if (Vn(Z)) {
+          const ee = new Blob([p], { type: Z }), ve = URL.createObjectURL(ee);
           await k(
             y,
             /* @__PURE__ */ r.createElement(
               Br,
               {
-                filename: fe,
-                mimeType: A,
-                dataUrl: le,
-                downloadUrl: J,
+                filename: oe,
+                mimeType: Z,
+                dataUrl: ve,
+                downloadUrl: O,
                 showHeader: _
               }
             )
@@ -2261,62 +2262,62 @@ function Vn({
         }
         await k(
           y,
-          /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement("p", null, "Binary file. Cannot be edited."), /* @__PURE__ */ r.createElement("p", null, /* @__PURE__ */ r.createElement("a", { href: J, download: fe }, "Download ", fe)))
+          /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement("p", null, "Binary file. Cannot be edited."), /* @__PURE__ */ r.createElement("p", null, /* @__PURE__ */ r.createElement("a", { href: O, download: oe }, "Download ", oe)))
         );
         return;
       }
-      const me = new TextDecoder("utf-8").decode(g);
-      await R(y, me, M);
-    } catch (I) {
-      Ke.error("Could not open file", I), await k(null, "Could not open file.");
+      const ce = new TextDecoder("utf-8").decode(p);
+      await T(y, ce, j);
+    } catch (V) {
+      Xe.error("Could not open file", V), await k(null, "Could not open file.");
     }
-  }, K = async (y, M) => {
+  }, G = async (y, j) => {
     try {
-      const I = await n.read(y), $ = new Uint8Array(await I.arrayBuffer()), { url: g } = Vt($, M), O = document.createElement("a");
-      O.href = g, O.download = M, document.body.appendChild(O), O.click(), document.body.removeChild(O);
-    } catch (I) {
-      Ke.error("Could not download file", I), await k(y, "Could not download file.");
-    }
-  }, te = (y) => {
-    var I;
-    const M = Array.from(y.target.files ?? []);
-    y.target.value = "", M.length !== 0 && ((I = W.current) == null || I.importFiles(M, d ?? N).catch(($) => Ke.error("Failed to import files", $)));
-  }, q = (y) => {
-    var M;
+      const V = await n.read(y), $ = new Uint8Array(await V.arrayBuffer()), { url: p } = Vt($, j), F = document.createElement("a");
+      F.href = p, F.download = j, document.body.appendChild(F), F.click(), document.body.removeChild(F);
+    } catch (V) {
+      Xe.error("Could not download file", V), await k(y, "Could not download file.");
+    }
+  }, X = (y) => {
+    var V;
+    const j = Array.from(y.target.files ?? []);
+    y.target.value = "", j.length !== 0 && ((V = W.current) == null || V.importFiles(j, f ?? A).catch(($) => Xe.error("Failed to import files", $)));
+  }, ae = (y) => {
+    var j;
     y.dataTransfer.types.includes(
       "application/x-wp-playground-path"
-    ) || (y.preventDefault(), !h && ((M = W.current) == null || M.importDataTransfer(
+    ) || (y.preventDefault(), !N && ((j = W.current) == null || j.importDataTransfer(
       y.dataTransfer,
-      d ?? N
+      f ?? A
     ).catch(
-      (I) => Ke.error("Failed to import dropped files", I)
+      (V) => Xe.error("Failed to import dropped files", V)
     )));
   };
   return /* @__PURE__ */ r.createElement(
     "div",
     {
-      className: Ne(ge.fileExplorerContainer, {
-        [ge.dropActive]: ce,
-        [ge.dockPresentation]: T
+      className: De(xe.fileExplorerContainer, {
+        [xe.dropActive]: Y,
+        [xe.dockPresentation]: D
       }),
       onDragEnter: (y) => {
         y.dataTransfer.types.includes(
           "application/x-wp-playground-path"
-        ) || (y.preventDefault(), h || v(!0));
+        ) || (y.preventDefault(), N || w(!0));
       },
       onDragOver: (y) => {
         y.dataTransfer.types.includes(
           "application/x-wp-playground-path"
-        ) || (y.preventDefault(), y.dataTransfer.dropEffect = h ? "none" : "copy");
+        ) || (y.preventDefault(), y.dataTransfer.dropEffect = N ? "none" : "copy");
       },
       onDragLeave: (y) => {
-        const M = y.relatedTarget;
-        (!M || !y.currentTarget.contains(M)) && v(!1);
+        const j = y.relatedTarget;
+        (!j || !y.currentTarget.contains(j)) && w(!1);
       },
-      onDropCapture: () => v(!1),
-      onDrop: q
+      onDropCapture: () => w(!1),
+      onDrop: ae
     },
-    /* @__PURE__ */ r.createElement("div", { className: ge.fileExplorerHeader }, /* @__PURE__ */ r.createElement("span", { className: ge.fileExplorerTitle }, S), h ? null : /* @__PURE__ */ r.createElement("div", { className: ge.fileExplorerActions }, /* @__PURE__ */ r.createElement(
+    /* @__PURE__ */ r.createElement("div", { className: xe.fileExplorerHeader }, /* @__PURE__ */ r.createElement("span", { className: xe.fileExplorerTitle }, h), N ? null : /* @__PURE__ */ r.createElement("div", { className: xe.fileExplorerActions }, /* @__PURE__ */ r.createElement(
       Nt,
       {
         label: "Create new file",
@@ -2325,9 +2326,9 @@ function Vn({
       /* @__PURE__ */ r.createElement(
         "button",
         {
-          className: Ne(
-            ge.fileExplorerButton,
-            ge.fileExplorerIconButton
+          className: De(
+            xe.fileExplorerButton,
+            xe.fileExplorerIconButton
           ),
           type: "button",
           onClick: () => {
@@ -2336,7 +2337,7 @@ function Vn({
           "aria-label": "Create new file",
           title: P ? void 0 : "Create new file"
         },
-        T ? /* @__PURE__ */ r.createElement($n, null) : /* @__PURE__ */ r.createElement(St, { icon: zr, size: 20 })
+        D ? /* @__PURE__ */ r.createElement($n, null) : /* @__PURE__ */ r.createElement(St, { icon: Gr, size: 20 })
       )
     ), /* @__PURE__ */ r.createElement(
       Nt,
@@ -2347,9 +2348,9 @@ function Vn({
       /* @__PURE__ */ r.createElement(
         "button",
         {
-          className: Ne(
-            ge.fileExplorerButton,
-            ge.fileExplorerIconButton
+          className: De(
+            xe.fileExplorerButton,
+            xe.fileExplorerIconButton
           ),
           type: "button",
           onClick: () => {
@@ -2358,7 +2359,7 @@ function Vn({
           "aria-label": "Create new folder",
           title: P ? void 0 : "Create new folder"
         },
-        T ? /* @__PURE__ */ r.createElement(Wn, null) : /* @__PURE__ */ r.createElement(St, { icon: Ur, size: 20 })
+        D ? /* @__PURE__ */ r.createElement(Wn, null) : /* @__PURE__ */ r.createElement(St, { icon: Ur, size: 20 })
       )
     ), /* @__PURE__ */ r.createElement(
       Nt,
@@ -2369,15 +2370,15 @@ function Vn({
       /* @__PURE__ */ r.createElement(
         "button",
         {
-          className: Ne(
-            ge.fileExplorerButton,
-            ge.fileExplorerIconButton,
-            ge.fileExplorerUploadButton
+          className: De(
+            xe.fileExplorerButton,
+            xe.fileExplorerIconButton,
+            xe.fileExplorerUploadButton
           ),
           type: "button",
           onClick: () => {
             var y;
-            return (y = F.current) == null ? void 0 : y.click();
+            return (y = q.current) == null ? void 0 : y.click();
           },
           "aria-label": "Upload files",
           title: P ? void 0 : "Upload files"
@@ -2385,32 +2386,32 @@ function Vn({
         /* @__PURE__ */ r.createElement(
           St,
           {
-            icon: Gr,
-            size: T ? 16 : 20
+            icon: Yr,
+            size: D ? 16 : 20
           }
         )
       )
     ), /* @__PURE__ */ r.createElement(
       "input",
       {
-        ref: F,
+        ref: q,
         type: "file",
         multiple: !0,
         style: { display: "none" },
-        onChange: te
+        onChange: X
       }
     ))),
-    /* @__PURE__ */ r.createElement("div", { className: ge.fileExplorerTree }, /* @__PURE__ */ r.createElement(
+    /* @__PURE__ */ r.createElement("div", { className: xe.fileExplorerTree }, /* @__PURE__ */ r.createElement(
       Or,
       {
         ref: W,
-        readOnly: h,
+        readOnly: N,
         filesystem: n,
-        root: N,
-        initialSelectedPath: D,
+        root: A,
+        initialSelectedPath: R,
         onSelect: async (y) => {
           if (!y) {
-            l(N), await m();
+            l(A), await d();
             return;
           }
           try {
@@ -2432,9 +2433,9 @@ function Vn({
 function Nt({
   label: n,
   useWordPressTooltip: c,
-  children: d
+  children: f
 }) {
-  return c ? /* @__PURE__ */ r.createElement(Ht, { text: n, delay: 0, placement: "top" }, d) : d;
+  return c ? /* @__PURE__ */ r.createElement(Wt, { text: n, delay: 0, placement: "top" }, f) : f;
 }
 const $n = () => /* @__PURE__ */ r.createElement("svg", { viewBox: "0 0 32 32", width: "24", height: "24", "aria-hidden": "true" }, /* @__PURE__ */ r.createElement(
   "path",
@@ -2490,371 +2491,391 @@ const $n = () => /* @__PURE__ */ r.createElement("svg", { viewBox: "0 0 32 32",
     strokeWidth: "2",
     strokeLinecap: "round"
   }
-))), Hn = "_container_xer29_1", Un = "_content_xer29_9", zn = "_sidebarWrapper_xer29_17", Gn = "_editorWrapper_xer29_28", Yn = "_editorHeader_xer29_37", Zn = "_editorPath_xer29_49", Kn = "_editorPathPlaceholder_xer29_60", qn = "_editorHeaderActions_xer29_64", Jn = "_saveStatus_xer29_71", Xn = "_saveStatusSaving_xer29_78", Qn = "_saveStatusPending_xer29_79", ea = "_saveStatusError_xer29_83", ta = "_editor_xer29_28", ra = "_placeholder_xer29_105", na = "_messageArea_xer29_116", aa = "_mobileToggle_xer29_152", oa = "_mobileOverlay_xer29_156", ia = "_dockPresentation_xer29_162", la = "_dockDirtyIndicator_xer29_186", sa = "_dockSaveButton_xer29_195", ca = "_sidebarOpen_xer29_250", ae = {
+))), Hn = "_container_18l2z_1", Un = "_content_18l2z_9", Gn = "_sidebarWrapper_18l2z_17", Yn = "_editorWrapper_18l2z_28", Zn = "_editorHeader_18l2z_37", Kn = "_editorPath_18l2z_49", qn = "_editorPathDirectory_18l2z_61", Jn = "_editorPathFilename_18l2z_68", Xn = "_editorPathPlaceholder_18l2z_73", Qn = "_editorPathPortaled_18l2z_77", ea = "_editorHeaderActions_18l2z_83", ta = "_saveStatus_18l2z_90", ra = "_saveStatusSaving_18l2z_97", na = "_saveStatusPending_18l2z_98", aa = "_saveStatusError_18l2z_102", oa = "_editor_18l2z_28", ia = "_placeholder_18l2z_124", la = "_messageArea_18l2z_135", sa = "_mobileToggle_18l2z_171", ca = "_mobileOverlay_18l2z_175", ua = "_dockPresentation_18l2z_181", fa = "_dockDirtyIndicator_18l2z_205", da = "_dockSaveButton_18l2z_214", ma = "_sidebarOpen_18l2z_269", pa = "_editorHeaderPathPortaled_18l2z_367", J = {
   container: Hn,
   content: Un,
-  sidebarWrapper: zn,
-  editorWrapper: Gn,
-  editorHeader: Yn,
-  editorPath: Zn,
-  editorPathPlaceholder: Kn,
-  editorHeaderActions: qn,
-  saveStatus: Jn,
-  saveStatusSaving: Xn,
-  saveStatusPending: Qn,
-  saveStatusError: ea,
-  editor: ta,
-  placeholder: ra,
-  messageArea: na,
-  mobileToggle: aa,
-  mobileOverlay: oa,
-  dockPresentation: ia,
-  dockDirtyIndicator: la,
-  dockSaveButton: sa,
-  sidebarOpen: ca
-}, ua = 1500, fa = 700, da = 1e3, B = {
+  sidebarWrapper: Gn,
+  editorWrapper: Yn,
+  editorHeader: Zn,
+  editorPath: Kn,
+  editorPathDirectory: qn,
+  editorPathFilename: Jn,
+  editorPathPlaceholder: Xn,
+  editorPathPortaled: Qn,
+  editorHeaderActions: ea,
+  saveStatus: ta,
+  saveStatusSaving: ra,
+  saveStatusPending: na,
+  saveStatusError: aa,
+  editor: oa,
+  placeholder: ia,
+  messageArea: la,
+  mobileToggle: sa,
+  mobileOverlay: ca,
+  dockPresentation: ua,
+  dockDirtyIndicator: fa,
+  dockSaveButton: da,
+  sidebarOpen: ma,
+  editorHeaderPathPortaled: pa
+}, ha = 1500, va = 700, wa = 1e3, L = {
   IDLE: "idle",
   PENDING: "pending",
   SAVING: "saving",
   SAVED: "saved",
   ERROR: "error"
 };
-function $a({
+function Ya({
   filesystem: n,
   isVisible: c = !0,
-  documentRoot: d,
+  documentRoot: f,
   initialPath: l = null,
-  placeholderText: R = "Select a file to view or edit its contents.",
-  dockPresentation: m = !1
+  placeholderText: T = "Select a file to view or edit its contents.",
+  dockPresentation: d = !1,
+  mobileHeaderTarget: k = null
 }) {
-  const [k, N] = ee(
-    d
-  ), [h, S] = ee(null), [_, T] = ee(""), [P, W] = ee(!0), [F, D] = ee(B.IDLE), [ce, v] = ee(null), [b, K] = ee("idle"), [te, q] = ee(!1), [y, M] = ee(null), I = V(null), $ = V(null), g = V(!1), O = V(h), me = V(
+  const [A, N] = Q(
+    f
+  ), [h, _] = Q(null), [D, P] = Q(""), [W, q] = Q(!0), [R, Y] = Q(L.IDLE), [w, b] = Q(null), [G, X] = Q("idle"), [ae, y] = Q(!1), [j, V] = Q(null), $ = M(null), p = M(null), F = M(!1), ce = M(h), Z = M(
     n
-  ), A = V(null), J = V(null), fe = V(
+  ), O = M(null), oe = M(null), ee = M(
     /* @__PURE__ */ new WeakMap()
-  ), X = V(!0), le = V(/* @__PURE__ */ new Map()), Se = V(!1);
-  me.current = n, H(() => {
-    O.current = h;
+  ), ve = M(!0), he = M(/* @__PURE__ */ new Map()), Ne = M(!1);
+  Z.current = n, z(() => {
+    ce.current = h;
   }, [h]);
-  const be = We(async (u) => {
-    const { filesystem: x, path: z, content: G } = u, Q = J.current === u, de = fe.current, xe = (de.get(x) ?? Promise.resolve()).catch(() => {
-    }).then(() => x.writeFile(z, G));
-    de.set(x, xe);
-    let he = !1;
+  const Pe = He(async (C) => {
+    const { filesystem: S, path: ie, content: le } = C, ue = oe.current === C, _e = ee.current, ge = (_e.get(S) ?? Promise.resolve()).catch(() => {
+    }).then(() => S.writeFile(ie, le));
+    _e.set(S, ge);
+    let Ie = !1;
     try {
-      await xe;
-    } catch (et) {
-      he = !0, Ke.error("Failed to save file", et);
-    }
-    const Me = X.current && de.get(x) === xe && me.current === x && O.current === z && A.current === null;
-    de.get(x) === xe && de.delete(x), J.current === u && (J.current = null), Me && (D(he ? B.ERROR : B.SAVED), v(
-      he ? "Could not save changes. Try again." : null
-    ), Q && K(he ? "idle" : "saved"));
-  }, []), Ce = We(() => {
-    const u = A.current;
-    u && ($.current !== null && (window.clearTimeout($.current), $.current = null), A.current = null, be(u));
-  }, [be]);
-  H(() => (X.current = !0, () => {
-    X.current = !1;
-  }), []), H(() => () => {
-    var u;
-    ((u = A.current) == null ? void 0 : u.filesystem) === n && Ce();
-  }, [d, n, Ce]), H(() => {
-    g.current = !0, N(d), T(""), S(null), W(!0), D(B.IDLE), v(null), q(!1), M(null), le.current.clear(), Se.current = !1;
-  }, [d, n]), H(() => {
-    if (!n || !l || Se.current)
+      await ge;
+    } catch (Ge) {
+      Ie = !0, Xe.error("Failed to save file", Ge);
+    }
+    const at = ve.current && _e.get(S) === ge && Z.current === S && ce.current === ie && O.current === null;
+    _e.get(S) === ge && _e.delete(S), oe.current === C && (oe.current = null), at && (Y(Ie ? L.ERROR : L.SAVED), b(
+      Ie ? "Could not save changes. Try again." : null
+    ), ue && X(Ie ? "idle" : "saved"));
+  }, []), te = He(() => {
+    const C = O.current;
+    C && (p.current !== null && (window.clearTimeout(p.current), p.current = null), O.current = null, Pe(C));
+  }, [Pe]);
+  z(() => (ve.current = !0, () => {
+    ve.current = !1;
+  }), []), z(() => () => {
+    var C;
+    ((C = O.current) == null ? void 0 : C.filesystem) === n && te();
+  }, [f, n, te]), z(() => {
+    F.current = !0, N(f), P(""), _(null), q(!0), Y(L.IDLE), b(null), y(!1), V(null), he.current.clear(), Ne.current = !1;
+  }, [f, n]), z(() => {
+    if (!n || !l || Ne.current)
       return;
-    let u = !1;
+    let C = !1;
     return (async () => {
       try {
-        if (await n.fileExists(l) && !u) {
-          const G = await n.readFileAsText(l);
-          if (u)
+        if (await n.fileExists(l) && !C) {
+          const le = await n.readFileAsText(l);
+          if (C)
             return;
-          g.current = !0, S(l), T(G), W(!1), D(B.IDLE), v(null), setTimeout(() => {
-            var Q;
-            (Q = I.current) == null || Q.focus();
+          F.current = !0, _(l), P(le), q(!1), Y(L.IDLE), b(null), setTimeout(() => {
+            var ue;
+            (ue = $.current) == null || ue.focus();
           }, 100);
         }
-      } catch (z) {
-        Ke.debug("Could not auto-open initial path:", z);
+      } catch (ie) {
+        Xe.debug("Could not auto-open initial path:", ie);
       } finally {
-        u || (Se.current = !0);
+        C || (Ne.current = !0);
       }
     })(), () => {
-      u = !0;
+      C = !0;
     };
-  }, [n, l]), H(() => {
+  }, [n, l]), z(() => {
     if (!n || !h) {
-      $.current !== null && (window.clearTimeout($.current), $.current = null), A.current = null, h || D(B.IDLE);
+      p.current !== null && (window.clearTimeout(p.current), p.current = null), O.current = null, h || Y(L.IDLE);
       return;
     }
-    if (g.current) {
-      g.current = !1, A.current = null;
+    if (F.current) {
+      F.current = !1, O.current = null;
       return;
     }
-    $.current !== null && (window.clearTimeout($.current), $.current = null), D(B.PENDING);
-    const u = {
+    p.current !== null && (window.clearTimeout(p.current), p.current = null), Y(L.PENDING);
+    const C = {
       filesystem: n,
       path: h,
-      content: _
+      content: D
     };
-    A.current = u;
-    const x = window.setTimeout(() => {
-      A.current === u && ($.current = null, A.current = null, D(B.SAVING), be(u));
-    }, ua);
-    return $.current = x, () => {
-      $.current === x && (window.clearTimeout(x), $.current = null);
+    O.current = C;
+    const S = window.setTimeout(() => {
+      O.current === C && (p.current = null, O.current = null, Y(L.SAVING), Pe(C));
+    }, ha);
+    return p.current = S, () => {
+      p.current === S && (window.clearTimeout(S), p.current = null);
     };
-  }, [_, h, n, be]), H(() => {
-    if (F !== B.SAVED)
+  }, [D, h, n, Pe]), z(() => {
+    if (R !== L.SAVED)
       return;
-    const u = window.setTimeout(() => {
-      D(
-        (x) => x === B.SAVED ? B.IDLE : x
+    const C = window.setTimeout(() => {
+      Y(
+        (S) => S === L.SAVED ? L.IDLE : S
       );
     }, 2e3);
-    return () => window.clearTimeout(u);
-  }, [F]), H(() => {
-    b === "idle" || F === B.SAVING || F === B.SAVED || K("idle");
-  }, [b, F]), H(() => {
-    if (b !== "saved")
+    return () => window.clearTimeout(C);
+  }, [R]), z(() => {
+    G === "idle" || R === L.SAVING || R === L.SAVED || X("idle");
+  }, [G, R]), z(() => {
+    if (G !== "saved")
       return;
-    const u = window.setTimeout(
-      () => K("idle"),
-      da
+    const C = window.setTimeout(
+      () => X("idle"),
+      wa
     );
-    return () => window.clearTimeout(u);
-  }, [b]), H(() => {
-    if (b !== "waiting")
+    return () => window.clearTimeout(C);
+  }, [G]), z(() => {
+    if (G !== "waiting")
       return;
-    const u = window.setTimeout(
-      () => K(
-        (x) => x === "waiting" ? "saving" : x
+    const C = window.setTimeout(
+      () => X(
+        (S) => S === "waiting" ? "saving" : S
       ),
-      fa
+      va
     );
-    return () => window.clearTimeout(u);
-  }, [b]);
-  const ue = We(
-    async (u, x, z = !0) => {
-      var Q;
-      const G = (Q = I.current) == null ? void 0 : Q.getCursorPosition();
-      G != null && O.current && le.current.set(
-        O.current,
-        G
-      ), g.current = !0, S(u), T(x), M(null), W(!1), D(B.IDLE), v(null), q(!1), setTimeout(() => {
-        var Ae, xe, he;
-        const de = le.current.get(u);
-        de !== void 0 && ((Ae = I.current) == null || Ae.setCursorPosition(de)), z ? (xe = I.current) == null || xe.focus() : (he = I.current) == null || he.blur();
+    return () => window.clearTimeout(C);
+  }, [G]);
+  const Oe = He(
+    async (C, S, ie = !0) => {
+      var ue;
+      const le = (ue = $.current) == null ? void 0 : ue.getCursorPosition();
+      le != null && ce.current && he.current.set(
+        ce.current,
+        le
+      ), F.current = !0, _(C), P(S), V(null), q(!1), Y(L.IDLE), b(null), y(!1), setTimeout(() => {
+        var ze, ge, Ie;
+        const _e = he.current.get(C);
+        _e !== void 0 && ((ze = $.current) == null || ze.setCursorPosition(_e)), ie ? (ge = $.current) == null || ge.focus() : (Ie = $.current) == null || Ie.blur();
       }, 50);
     },
     []
   );
-  H(() => {
-    var z;
+  z(() => {
+    var ie;
     if (!h)
       return;
-    const u = setInterval(() => {
-      var Q;
-      const G = (Q = I.current) == null ? void 0 : Q.getCursorPosition();
-      G != null && le.current.set(h, G);
-    }, 1e3), x = (z = I.current) == null ? void 0 : z.getCursorPosition();
-    return x != null && le.current.set(h, x), () => {
-      var Q;
-      clearInterval(u);
-      const G = (Q = I.current) == null ? void 0 : Q.getCursorPosition();
-      G != null && le.current.set(h, G);
+    const C = setInterval(() => {
+      var ue;
+      const le = (ue = $.current) == null ? void 0 : ue.getCursorPosition();
+      le != null && he.current.set(h, le);
+    }, 1e3), S = (ie = $.current) == null ? void 0 : ie.getCursorPosition();
+    return S != null && he.current.set(h, S), () => {
+      var ue;
+      clearInterval(C);
+      const le = (ue = $.current) == null ? void 0 : ue.getCursorPosition();
+      le != null && he.current.set(h, le);
     };
-  }, [h]), H(() => {
+  }, [h]), z(() => {
     if (!c || !h)
       return;
-    const u = setTimeout(() => {
-      var z;
-      const x = le.current.get(h);
-      x !== void 0 && ((z = I.current) == null || z.setCursorPosition(x));
+    const C = setTimeout(() => {
+      var ie;
+      const S = he.current.get(h);
+      S !== void 0 && ((ie = $.current) == null || ie.setCursorPosition(S));
     }, 100);
-    return () => clearTimeout(u);
+    return () => clearTimeout(C);
   }, [c, h]);
-  const Fe = We(async () => {
-    var x;
-    const u = (x = I.current) == null ? void 0 : x.getCursorPosition();
-    u != null && O.current && le.current.set(O.current, u), g.current = !0, S(null), T(""), M(null), W(!0), D(B.IDLE), v(null);
-  }, []), re = We(
-    async (u, x) => {
-      g.current = !0, S(null), typeof x == "string" ? (T(x), M(null)) : (T(""), M(x)), W(!0), D(B.IDLE), v(null), q(!1);
+  const re = He(async () => {
+    var S;
+    const C = (S = $.current) == null ? void 0 : S.getCursorPosition();
+    C != null && ce.current && he.current.set(ce.current, C), F.current = !0, _(null), P(""), V(null), q(!0), Y(L.IDLE), b(null);
+  }, []), Me = He(
+    async (C, S) => {
+      F.current = !0, _(null), typeof S == "string" ? (P(S), V(null)) : (P(""), V(S)), q(!0), Y(L.IDLE), b(null), y(!1);
     },
     []
-  ), Pe = We(() => {
-    A.current && (J.current = A.current, K("waiting"), D(B.SAVING), Ce());
-  }, [Ce]), Re = We(() => {
-    !A.current && F === B.ERROR && n && h && (A.current = {
+  ), ye = He(() => {
+    O.current && (oe.current = O.current, X("waiting"), Y(L.SAVING), te());
+  }, [te]), ke = He(() => {
+    !O.current && R === L.ERROR && n && h && (O.current = {
       filesystem: n,
       path: h,
-      content: _
-    }), A.current && (v(null), Pe());
-  }, [_, h, n, Pe, F]), ye = ma(F, ce), De = pa(F, ae), _e = ha(F);
-  let oe = "Save";
-  F === B.ERROR ? oe = "Retry" : F === B.SAVED && b === "saved" ? oe = "Saved" : F === B.SAVING && b === "saving" && (oe = "Saving…");
-  const Y = F === B.PENDING || F === B.SAVING || F === B.ERROR;
-  return n ? /* @__PURE__ */ r.createElement(
+      content: D
+    }), O.current && (b(null), ye());
+  }, [D, h, n, ye, R]), Fe = ga(R, w), Se = Ea(R, J), de = ya(R);
+  let H = "Save";
+  R === L.ERROR ? H = "Retry" : R === L.SAVED && G === "saved" ? H = "Saved" : R === L.SAVING && G === "saving" && (H = "Saving…");
+  const g = R === L.PENDING || R === L.SAVING || R === L.ERROR;
+  if (!n)
+    return /* @__PURE__ */ r.createElement(
+      "div",
+      {
+        className: De(J.container, {
+          [J.dockPresentation]: d
+        })
+      },
+      /* @__PURE__ */ r.createElement("div", { className: J.placeholder }, T)
+    );
+  const pe = h ? Le(h) : null, me = h ? et(h) : null, we = /* @__PURE__ */ r.createElement(
     "div",
     {
-      className: Ne(ae.container, {
-        [ae.dockPresentation]: m
+      className: De(J.editorPath, {
+        [J.editorPathPlaceholder]: !(h != null && h.length),
+        [J.editorPathPortaled]: k
+      }),
+      title: h ?? void 0
+    },
+    pe && me ? /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement("span", { className: J.editorPathDirectory }, pe === "/" ? "" : pe), /* @__PURE__ */ r.createElement("span", { className: J.editorPathFilename }, "/", me)) : `Browse files under ${f}`
+  );
+  return /* @__PURE__ */ r.createElement(
+    "div",
+    {
+      className: De(J.container, {
+        [J.dockPresentation]: d
       })
     },
     /* @__PURE__ */ r.createElement(
       "div",
       {
-        className: Ne(ae.content, {
-          [ae.sidebarOpen]: te
+        className: De(J.content, {
+          [J.sidebarOpen]: ae
         })
       },
       /* @__PURE__ */ r.createElement(
         "div",
         {
-          className: ae.mobileOverlay,
-          onClick: () => q(!1)
+          className: J.mobileOverlay,
+          onClick: () => y(!1)
         }
       ),
-      /* @__PURE__ */ r.createElement("aside", { className: ae.sidebarWrapper }, /* @__PURE__ */ r.createElement(
-        Vn,
+      /* @__PURE__ */ r.createElement("aside", { className: J.sidebarWrapper }, /* @__PURE__ */ r.createElement(
+        zn,
         {
           filesystem: n,
           currentPath: h,
-          selectedDirPath: k,
+          selectedDirPath: A,
           setSelectedDirPath: N,
-          onFileOpened: ue,
-          onSelectionCleared: Fe,
-          onShowMessage: re,
-          documentRoot: d,
-          dockPresentation: m,
-          useWordPressTooltips: m
+          onFileOpened: Oe,
+          onSelectionCleared: re,
+          onShowMessage: Me,
+          documentRoot: f,
+          dockPresentation: d,
+          useWordPressTooltips: d
         }
       )),
-      /* @__PURE__ */ r.createElement("section", { className: ae.editorWrapper }, /* @__PURE__ */ r.createElement("div", { className: ae.editorHeader }, /* @__PURE__ */ r.createElement(
-        Je,
-        {
-          className: ae.mobileToggle,
-          variant: "secondary",
-          onClick: () => q((u) => !u)
-        },
-        te ? "Hide files" : "Browse files"
-      ), /* @__PURE__ */ r.createElement(
-        "div",
-        {
-          className: Ne(ae.editorPath, {
-            [ae.editorPathPlaceholder]: !(h != null && h.length)
-          }),
-          title: h ?? void 0
-        },
-        h != null && h.length ? h : `Browse files under ${d}`
-      ), m && !P && h ? /* @__PURE__ */ r.createElement("div", { className: ae.editorHeaderActions }, Y ? /* @__PURE__ */ r.createElement(
-        "span",
-        {
-          className: ae.dockDirtyIndicator,
-          "aria-hidden": "true"
-        }
-      ) : null, /* @__PURE__ */ r.createElement(Ht, { text: _e, placement: "top" }, /* @__PURE__ */ r.createElement(
-        Je,
-        {
-          variant: "secondary",
-          className: ae.dockSaveButton,
-          isDestructive: F === B.ERROR,
-          onClick: Re
-        },
-        oe
-      ))) : m ? null : /* @__PURE__ */ r.createElement(
+      /* @__PURE__ */ r.createElement("section", { className: J.editorWrapper }, /* @__PURE__ */ r.createElement(
         "div",
         {
-          className: Ne(
-            ae.saveStatus,
-            De
-          )
+          className: De(J.editorHeader, {
+            [J.editorHeaderPathPortaled]: k
+          })
         },
-        ye
-      ), m && !P && h ? /* @__PURE__ */ r.createElement(ir, { role: "status", "aria-live": "polite" }, _e) : null), ce ? /* @__PURE__ */ r.createElement("div", { style: { padding: "8px 16px" } }, /* @__PURE__ */ r.createElement(lr, { status: "error", isDismissible: !1 }, ce)) : null, h || _ || y ? y ? /* @__PURE__ */ r.createElement("div", { className: ae.messageArea }, y) : /* @__PURE__ */ r.createElement(
+        /* @__PURE__ */ r.createElement(
+          tt,
+          {
+            className: J.mobileToggle,
+            variant: "secondary",
+            onClick: () => y((C) => !C)
+          },
+          ae ? "Hide files" : "Browse files"
+        ),
+        k ? Mr(we, k) : we,
+        d && !W && h ? /* @__PURE__ */ r.createElement("div", { className: J.editorHeaderActions }, g ? /* @__PURE__ */ r.createElement(
+          "span",
+          {
+            className: J.dockDirtyIndicator,
+            "aria-hidden": "true"
+          }
+        ) : null, /* @__PURE__ */ r.createElement(Wt, { text: de, placement: "top" }, /* @__PURE__ */ r.createElement(
+          tt,
+          {
+            variant: "secondary",
+            className: J.dockSaveButton,
+            isDestructive: R === L.ERROR,
+            onClick: ke
+          },
+          H
+        ))) : d ? null : /* @__PURE__ */ r.createElement(
+          "div",
+          {
+            className: De(
+              J.saveStatus,
+              Se
+            )
+          },
+          Fe
+        ),
+        d && !W && h ? /* @__PURE__ */ r.createElement(ir, { role: "status", "aria-live": "polite" }, de) : null
+      ), w ? /* @__PURE__ */ r.createElement("div", { style: { padding: "8px 16px" } }, /* @__PURE__ */ r.createElement(lr, { status: "error", isDismissible: !1 }, w)) : null, h || D || j ? j ? /* @__PURE__ */ r.createElement("div", { className: J.messageArea }, j) : /* @__PURE__ */ r.createElement(
         Gt,
         {
-          ref: I,
-          code: _,
-          onChange: T,
+          ref: $,
+          code: D,
+          onChange: P,
           currentPath: h,
-          className: ae.editor,
-          onSaveShortcut: Pe,
-          readOnly: P
+          className: J.editor,
+          onSaveShortcut: ye,
+          readOnly: W
         }
-      ) : /* @__PURE__ */ r.createElement("div", { className: ae.placeholder }, R))
+      ) : /* @__PURE__ */ r.createElement("div", { className: J.placeholder }, T))
     )
-  ) : /* @__PURE__ */ r.createElement(
-    "div",
-    {
-      className: Ne(ae.container, {
-        [ae.dockPresentation]: m
-      })
-    },
-    /* @__PURE__ */ r.createElement("div", { className: ae.placeholder }, R)
   );
 }
-function ma(n, c) {
+function ga(n, c) {
   switch (n) {
-    case B.PENDING:
-    case B.SAVING:
+    case L.PENDING:
+    case L.SAVING:
       return "Saving…";
-    case B.SAVED:
+    case L.SAVED:
       return "Saved";
-    case B.ERROR:
+    case L.ERROR:
       return c ?? "Save failed";
     default:
       return "";
   }
 }
-function pa(n, c) {
+function Ea(n, c) {
   switch (n) {
-    case B.PENDING:
+    case L.PENDING:
       return c.saveStatusPending;
-    case B.SAVING:
+    case L.SAVING:
       return c.saveStatusSaving;
-    case B.ERROR:
+    case L.ERROR:
       return c.saveStatusError;
     default:
       return;
   }
 }
-function ha(n) {
+function ya(n) {
   switch (n) {
-    case B.PENDING:
+    case L.PENDING:
       return "Unsaved changes. Click to save now.";
-    case B.SAVING:
+    case L.SAVING:
       return "Saving changes…";
-    case B.ERROR:
+    case L.ERROR:
       return "Saving failed. Click to retry.";
     default:
       return "All changes saved.";
   }
 }
 export {
-  Va as BinaryFilePreview,
-  La as ClockIcon,
+  Ga as BinaryFilePreview,
+  za as ClockIcon,
   Gt as CodeEditor,
-  Vn as FileExplorerSidebar,
-  ja as FilePickerControl,
-  rn as FilePickerTree,
+  zn as FileExplorerSidebar,
+  Ua as FilePickerControl,
+  nn as FilePickerTree,
   Yt as MAX_INLINE_FILE_BYTES,
-  $a as PlaygroundFileEditor,
-  Ma as SiteManagerIcon,
-  Ia as WordPressIcon,
+  Ya as PlaygroundFileEditor,
+  Ha as SiteManagerIcon,
+  Va as WordPressIcon,
   Vt as createDownloadUrl,
-  jr as file,
-  Mr as folder,
-  Ba as getLogoDataURL,
-  Mn as getMimeType,
-  jn as isPreviewableBinary,
-  Oa as layout,
-  Na as playgroundLogo,
-  In as seemsLikeBinary,
-  Fa as temporaryStorage
+  Vr as file,
+  jr as folder,
+  Wa as getLogoDataURL,
+  jn as getMimeType,
+  Vn as isPreviewableBinary,
+  $a as layout,
+  Ma as playgroundLogo,
+  Ln as seemsLikeBinary,
+  ja as temporaryStorage
 };
 //# sourceMappingURL=index.js.map