@wp-playground/components 3.1.47 → 3.1.48

package/index.js

@@ -1,13 +1,13 @@
-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 r, { forwardRef as $t, useMemo as Ft, useState as ee, useRef as V, useEffect as W, useImperativeHandle as Wt, useLayoutEffect as qt, useCallback as Ue } 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 { __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 Ht, 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 { forwardRef as Ut, cloneElement as sr, createElement as cr } from "@wordpress/element";
 import ur from "clsx";
 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 { history as yr, historyKeymap as _r, defaultKeymap as br, indentWithTab as xr } from "@codemirror/commands";
+import { highlightSelectionMatches as Cr, 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 ut } from "@codemirror/lang-php";
@@ -15,7 +15,7 @@ import { FilePickerTree as Or, BinaryFilePreview as Br } from "@wp-playground/co
 import { logger as Xe } from "@php-wasm/logger";
 import Lt from "@php-wasm/universal/mime-types";
 import { createPortal as Mr } from "react-dom";
-const Ma = (n) => /* @__PURE__ */ r.createElement(
+const ja = (n) => /* @__PURE__ */ r.createElement(
   "svg",
   {
     width: "32",
@@ -58,7 +58,7 @@ const Ma = (n) => /* @__PURE__ */ r.createElement(
       strokeWidth: "1.93129"
     }
   )
-), ja = (n) => /* @__PURE__ */ r.createElement(
+), Va = (n) => /* @__PURE__ */ r.createElement(
   "svg",
   {
     width: "16",
@@ -77,7 +77,7 @@ const Ma = (n) => /* @__PURE__ */ r.createElement(
       fill: "#949494"
     }
   )
-), Va = (n) => /* @__PURE__ */ r.createElement(
+), $a = (n) => /* @__PURE__ */ r.createElement(
   "svg",
   {
     width: "20",
@@ -122,7 +122,7 @@ const Ma = (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" })
-), za = (n) => /* @__PURE__ */ r.createElement(
+), Wa = (n) => /* @__PURE__ */ r.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -141,7 +141,7 @@ const Ma = (n) => /* @__PURE__ */ r.createElement(
       fill: "#949494"
     }
   )
-), $a = /* @__PURE__ */ r.createElement(
+), Ha = /* @__PURE__ */ r.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -160,10 +160,10 @@ const Ma = (n) => /* @__PURE__ */ r.createElement(
     }
   )
 );
-function Wa(n) {
+function Ua(n) {
   return `data:${n.mime};base64,${n.data}`;
 }
-function Ha({
+function za({
   size: n = 24,
   sidebarActive: c = !1
 }) {
@@ -208,7 +208,7 @@ function Ha({
     )
   );
 }
-const Ot = Ht(({
+const Ot = Ut(({
   icon: n,
   size: c = 24,
   ...f
@@ -229,16 +229,16 @@ var It = { exports: {} }, lt = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Bt;
-function zr() {
+function $r() {
   if (Bt) return lt;
   Bt = 1;
   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 };
+  function k(D, A, h) {
+    var _, F = {}, S = null, K = null;
+    h !== void 0 && (S = "" + h), A.key !== void 0 && (S = "" + A.key), A.ref !== void 0 && (K = A.ref);
+    for (_ in A) l.call(A, _) && !d.hasOwnProperty(_) && (F[_] = A[_]);
+    if (D && D.defaultProps) for (_ in A = D.defaultProps, A) F[_] === void 0 && (F[_] = A[_]);
+    return { $$typeof: c, type: D, key: S, ref: K, props: F, _owner: T.current };
   }
   return lt.Fragment = f, lt.jsx = k, lt.jsxs = k, lt;
 }
@@ -253,56 +253,56 @@ var st = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Mt;
-function $r() {
+function Wr() {
   return Mt || (Mt = 1, process.env.NODE_ENV !== "production" && function() {
-    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) {
+    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"), D = Symbol.for("react.context"), A = Symbol.for("react.forward_ref"), h = Symbol.for("react.suspense"), _ = Symbol.for("react.suspense_list"), F = Symbol.for("react.memo"), S = Symbol.for("react.lazy"), K = Symbol.for("react.offscreen"), B = Symbol.iterator, C = "@@iterator";
+    function G(e) {
       if (e === null || typeof e != "object")
         return null;
-      var s = q && e[q] || e[R];
+      var s = B && e[B] || e[C];
       return typeof s == "function" ? s : null;
     }
-    var w = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function b(e) {
+    var y = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function x(e) {
       {
-        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);
+        for (var s = arguments.length, m = new Array(s > 1 ? s - 1 : 0), R = 1; R < s; R++)
+          m[R - 1] = arguments[R];
+        z("error", e, m);
       }
     }
-    function G(e, s, m) {
+    function z(e, s, m) {
       {
-        var x = w.ReactDebugCurrentFrame, U = x.getStackAddendum();
+        var R = y.ReactDebugCurrentFrame, U = R.getStackAddendum();
         U !== "" && (s += "%s", m = m.concat([U]));
-        var K = m.map(function(B) {
-          return String(B);
+        var Z = m.map(function(j) {
+          return String(j);
         });
-        K.unshift("Warning: " + s), Function.prototype.apply.call(console[e], console, K);
+        Z.unshift("Warning: " + s), Function.prototype.apply.call(console[e], console, Z);
       }
     }
-    var X = !1, ae = !1, y = !1, j = !1, V = !1, $;
-    $ = Symbol.for("react.module.reference");
+    var J = !1, oe = !1, de = !1, g = !1, $ = !1, N;
+    N = Symbol.for("react.module.reference");
     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
+      return !!(typeof e == "string" || typeof e == "function" || e === l || e === d || $ || e === T || e === h || e === _ || g || e === K || J || oe || de || typeof e == "object" && e !== null && (e.$$typeof === S || e.$$typeof === F || e.$$typeof === k || e.$$typeof === D || e.$$typeof === A || // 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));
+      e.$$typeof === N || e.getModuleId !== void 0));
     }
-    function F(e, s, m) {
-      var x = e.displayName;
-      if (x)
-        return x;
+    function M(e, s, m) {
+      var R = e.displayName;
+      if (R)
+        return R;
       var U = s.displayName || s.name || "";
       return U !== "" ? m + "(" + U + ")" : m;
     }
-    function ce(e) {
+    function Y(e) {
       return e.displayName || "Context";
     }
-    function Z(e) {
+    function te(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")
+      if (typeof e.tag == "number" && x("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
         return e.displayName || e.name || null;
       if (typeof e == "string")
         return e;
@@ -322,21 +322,21 @@ function $r() {
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case A:
+          case D:
             var s = e;
-            return ce(s) + ".Consumer";
+            return Y(s) + ".Consumer";
           case k:
             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, K = U._payload, B = U._init;
+            return Y(m._context) + ".Provider";
+          case A:
+            return M(e, e.render, "ForwardRef");
+          case F:
+            var R = e.displayName || null;
+            return R !== null ? R : te(e.type) || "Memo";
+          case S: {
+            var U = e, Z = U._payload, j = U._init;
             try {
-              return Z(B(K));
+              return te(j(Z));
             } catch {
               return null;
             }
@@ -344,18 +344,18 @@ function $r() {
         }
       return null;
     }
-    var O = Object.assign, oe = 0, ee, ve, he, Ne, Pe, te, Oe;
-    function re() {
+    var L = Object.assign, Q = 0, X, ve, me, Ne, Pe, re, Oe;
+    function ne() {
     }
-    re.__reactDisabledLog = !0;
+    ne.__reactDisabledLog = !0;
     function Me() {
       {
-        if (oe === 0) {
-          ee = console.log, ve = console.info, he = console.warn, Ne = console.error, Pe = console.group, te = console.groupCollapsed, Oe = console.groupEnd;
+        if (Q === 0) {
+          X = console.log, ve = console.info, me = console.warn, Ne = console.error, Pe = console.group, re = console.groupCollapsed, Oe = console.groupEnd;
           var e = {
             configurable: !0,
             enumerable: !0,
-            value: re,
+            value: ne,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -368,146 +368,146 @@ function $r() {
             groupEnd: e
           });
         }
-        oe++;
+        Q++;
       }
     }
-    function ye() {
+    function _e() {
       {
-        if (oe--, oe === 0) {
+        if (Q--, Q === 0) {
           var e = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: O({}, e, {
-              value: ee
+            log: L({}, e, {
+              value: X
             }),
-            info: O({}, e, {
+            info: L({}, e, {
               value: ve
             }),
-            warn: O({}, e, {
-              value: he
+            warn: L({}, e, {
+              value: me
             }),
-            error: O({}, e, {
+            error: L({}, e, {
               value: Ne
             }),
-            group: O({}, e, {
+            group: L({}, e, {
               value: Pe
             }),
-            groupCollapsed: O({}, e, {
-              value: te
+            groupCollapsed: L({}, e, {
+              value: re
             }),
-            groupEnd: O({}, e, {
+            groupEnd: L({}, e, {
               value: Oe
             })
           });
         }
-        oe < 0 && b("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        Q < 0 && x("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var ke = w.ReactCurrentDispatcher, Fe;
+    var ke = y.ReactCurrentDispatcher, Fe;
     function Se(e, s, m) {
       {
         if (Fe === void 0)
           try {
             throw Error();
           } catch (U) {
-            var x = U.stack.trim().match(/\n( *(at )?)/);
-            Fe = x && x[1] || "";
+            var R = U.stack.trim().match(/\n( *(at )?)/);
+            Fe = R && R[1] || "";
           }
         return `
 ` + Fe + e;
       }
     }
-    var de = !1, H;
+    var fe = !1, H;
     {
-      var g = typeof WeakMap == "function" ? WeakMap : Map;
-      H = new g();
+      var w = typeof WeakMap == "function" ? WeakMap : Map;
+      H = new w();
     }
-    function pe(e, s) {
-      if (!e || de)
+    function he(e, s) {
+      if (!e || fe)
         return "";
       {
         var m = H.get(e);
         if (m !== void 0)
           return m;
       }
-      var x;
-      de = !0;
+      var R;
+      fe = !0;
       var U = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var K;
-      K = ke.current, ke.current = null, Me();
+      var Z;
+      Z = ke.current, ke.current = null, Me();
       try {
         if (s) {
-          var B = function() {
+          var j = function() {
             throw Error();
           };
-          if (Object.defineProperty(B.prototype, "props", {
+          if (Object.defineProperty(j.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(B, []);
-            } catch (be) {
-              x = be;
+              Reflect.construct(j, []);
+            } catch (Ce) {
+              R = Ce;
             }
-            Reflect.construct(e, [], B);
+            Reflect.construct(e, [], j);
           } else {
             try {
-              B.call();
-            } catch (be) {
-              x = be;
+              j.call();
+            } catch (Ce) {
+              R = Ce;
             }
-            e.call(B.prototype);
+            e.call(j.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (be) {
-            x = be;
+          } catch (Ce) {
+            R = Ce;
           }
           e();
         }
-      } 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)
+      } catch (Ce) {
+        if (Ce && R && typeof Ce.stack == "string") {
+          for (var I = Ce.stack.split(`
+`), Ee = R.stack.split(`
+`), se = I.length - 1, ue = Ee.length - 1; se >= 1 && ue >= 0 && I[se] !== Ee[ue]; )
+            ue--;
+          for (; se >= 1 && ue >= 0; se--, ue--)
+            if (I[se] !== Ee[ue]) {
+              if (se !== 1 || ue !== 1)
                 do
-                  if (se--, fe--, fe < 0 || I[se] !== Ee[fe]) {
+                  if (se--, ue--, ue < 0 || I[se] !== Ee[ue]) {
                     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 (se >= 1 && fe >= 0);
+                while (se >= 1 && ue >= 0);
               break;
             }
         }
       } finally {
-        de = !1, ke.current = K, ye(), Error.prepareStackTrace = U;
+        fe = !1, ke.current = Z, _e(), Error.prepareStackTrace = U;
       }
-      var Je = e ? e.displayName || e.name : "", We = Je ? Se(Je) : "";
-      return typeof e == "function" && H.set(e, We), We;
+      var Je = e ? e.displayName || e.name : "", He = Je ? Se(Je) : "";
+      return typeof e == "function" && H.set(e, He), He;
     }
-    function me(e, s, m) {
-      return pe(e, !1);
+    function pe(e, s, m) {
+      return he(e, !1);
     }
     function we(e) {
       var s = e.prototype;
       return !!(s && s.isReactComponent);
     }
-    function C(e, s, m) {
+    function b(e, s, m) {
       if (e == null)
         return "";
       if (typeof e == "function")
-        return pe(e, we(e));
+        return he(e, we(e));
       if (typeof e == "string")
         return Se(e);
       switch (e) {
@@ -518,50 +518,50 @@ function $r() {
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case N:
-            return me(e.render);
-          case D:
-            return C(e.type, s, m);
-          case P: {
-            var x = e, U = x._payload, K = x._init;
+          case A:
+            return pe(e.render);
+          case F:
+            return b(e.type, s, m);
+          case S: {
+            var R = e, U = R._payload, Z = R._init;
             try {
-              return C(K(U), s, m);
+              return b(Z(U), s, m);
             } catch {
             }
           }
         }
       return "";
     }
-    var S = Object.prototype.hasOwnProperty, ie = {}, le = w.ReactDebugCurrentFrame;
-    function ue(e) {
+    var P = Object.prototype.hasOwnProperty, ie = {}, le = y.ReactDebugCurrentFrame;
+    function ce(e) {
       if (e) {
-        var s = e._owner, m = C(e.type, e._source, s ? s.type : null);
+        var s = e._owner, m = b(e.type, e._source, s ? s.type : null);
         le.setExtraStackFrame(m);
       } else
         le.setExtraStackFrame(null);
     }
-    function _e(e, s, m, x, U) {
+    function be(e, s, m, R, U) {
       {
-        var K = Function.call.bind(S);
-        for (var B in e)
-          if (K(e, B)) {
+        var Z = Function.call.bind(P);
+        for (var j in e)
+          if (Z(e, j)) {
             var I = void 0;
             try {
-              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`.");
+              if (typeof e[j] != "function") {
+                var Ee = Error((R || "React class") + ": " + m + " 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 Ee.name = "Invariant Violation", Ee;
               }
-              I = e[B](s, B, x, m, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              I = e[j](s, j, R, m, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (se) {
               I = se;
             }
-            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));
+            I && !(I instanceof Error) && (ce(U), x("%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).", R || "React class", m, j, typeof I), ce(null)), I instanceof Error && !(I.message in ie) && (ie[I.message] = !0, ce(U), x("Failed %s type: %s", m, I.message), ce(null));
           }
       }
     }
-    var ze = Array.isArray;
+    var $e = Array.isArray;
     function ge(e) {
-      return ze(e);
+      return $e(e);
     }
     function Ie(e) {
       {
@@ -581,16 +581,16 @@ function $r() {
     }
     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);
+        return x("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 dt = w.ReactCurrentOwner, Et = {
+    var dt = y.ReactCurrentOwner, Et = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, mt, $e;
+    }, mt, We;
     function Ye(e) {
-      if (S.call(e, "ref")) {
+      if (P.call(e, "ref")) {
         var s = Object.getOwnPropertyDescriptor(e, "ref").get;
         if (s && s.isReactWarning)
           return !1;
@@ -598,7 +598,7 @@ function $r() {
       return e.ref !== void 0;
     }
     function yt(e) {
-      if (S.call(e, "key")) {
+      if (P.call(e, "key")) {
         var s = Object.getOwnPropertyDescriptor(e, "key").get;
         if (s && s.isReactWarning)
           return !1;
@@ -608,10 +608,10 @@ function $r() {
     function _t(e, s) {
       typeof e.ref == "string" && dt.current;
     }
-    function Ct(e, s) {
+    function bt(e, 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));
+          mt || (mt = !0, x("%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));
         };
         m.isReactWarning = !0, Object.defineProperty(e, "key", {
           get: m,
@@ -619,10 +619,10 @@ function $r() {
         });
       }
     }
-    function bt(e, s) {
+    function xt(e, 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));
+          We || (We = !0, x("%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));
         };
         m.isReactWarning = !0, Object.defineProperty(e, "ref", {
           get: m,
@@ -630,7 +630,7 @@ function $r() {
         });
       }
     }
-    var xt = function(e, s, m, x, U, K, B) {
+    var Ct = function(e, s, m, R, U, Z, j) {
       var I = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: c,
@@ -638,9 +638,9 @@ function $r() {
         type: e,
         key: s,
         ref: m,
-        props: B,
+        props: j,
         // Record the component responsible for creating this element.
-        _owner: K
+        _owner: Z
       };
       return I._store = {}, Object.defineProperty(I._store, "validated", {
         configurable: !1,
@@ -651,7 +651,7 @@ function $r() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: x
+        value: R
       }), Object.defineProperty(I, "_source", {
         configurable: !1,
         enumerable: !1,
@@ -659,28 +659,28 @@ function $r() {
         value: U
       }), Object.freeze && (Object.freeze(I.props), Object.freeze(I)), I;
     };
-    function pt(e, s, m, x, U) {
+    function pt(e, s, m, R, U) {
       {
-        var K, B = {}, I = null, Ee = null;
+        var Z, j = {}, 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]);
+        for (Z in s)
+          P.call(s, Z) && !Et.hasOwnProperty(Z) && (j[Z] = s[Z]);
         if (e && e.defaultProps) {
           var se = e.defaultProps;
-          for (K in se)
-            B[K] === void 0 && (B[K] = se[K]);
+          for (Z in se)
+            j[Z] === void 0 && (j[Z] = se[Z]);
         }
         if (I || Ee) {
-          var fe = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          I && Ct(B, fe), Ee && bt(B, fe);
+          var ue = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          I && bt(j, ue), Ee && xt(j, ue);
         }
-        return xt(e, I, Ee, U, x, dt.current, B);
+        return Ct(e, I, Ee, U, R, dt.current, j);
       }
     }
-    var Ze = w.ReactCurrentOwner, ot = w.ReactDebugCurrentFrame;
+    var Ze = y.ReactCurrentOwner, ot = y.ReactDebugCurrentFrame;
     function Ve(e) {
       if (e) {
-        var s = e._owner, m = C(e.type, e._source, s ? s.type : null);
+        var s = e._owner, m = b(e.type, e._source, s ? s.type : null);
         ot.setExtraStackFrame(m);
       } else
         ot.setExtraStackFrame(null);
@@ -693,7 +693,7 @@ function $r() {
     function ht() {
       {
         if (Ze.current) {
-          var e = Z(Ze.current.type);
+          var e = te(Ze.current.type);
           if (e)
             return `
 
@@ -727,8 +727,8 @@ Check the top-level render call using <` + m + ">.");
         if (vt[m])
           return;
         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);
+        var R = "";
+        e && e._owner && e._owner !== Ze.current && (R = " It was passed a child from " + te(e._owner.type) + "."), Ve(e), x('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', m, R), Ve(null);
       }
     }
     function t(e, s) {
@@ -737,16 +737,16 @@ Check the top-level render call using <` + m + ">.");
           return;
         if (ge(e))
           for (var m = 0; m < e.length; m++) {
-            var x = e[m];
-            qe(x) && wt(x, s);
+            var R = e[m];
+            qe(R) && wt(R, s);
           }
         else if (qe(e))
           e._store && (e._store.validated = !0);
         else if (e) {
-          var U = Y(e);
+          var U = G(e);
           if (typeof U == "function" && U !== e.entries)
-            for (var K = U.call(e), B; !(B = K.next()).done; )
-              qe(B.value) && wt(B.value, s);
+            for (var Z = U.call(e), j; !(j = Z.next()).done; )
+              qe(j.value) && wt(j.value, s);
         }
       }
     }
@@ -758,78 +758,78 @@ Check the top-level render call using <` + m + ">.");
         var m;
         if (typeof s == "function")
           m = s.propTypes;
-        else if (typeof s == "object" && (s.$$typeof === N || // Note: Memo only checks outer props here.
+        else if (typeof s == "object" && (s.$$typeof === A || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        s.$$typeof === D))
+        s.$$typeof === F))
           m = s.propTypes;
         else
           return;
         if (m) {
-          var x = Z(s);
-          _e(m, e.props, "prop", x, e);
+          var R = te(s);
+          be(m, e.props, "prop", R, 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");
+          var U = te(s);
+          x("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.");
+        typeof s.getDefaultProps == "function" && !s.getDefaultProps.isReactClassApproved && x("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
     function o(e) {
       {
         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);
+          var R = s[m];
+          if (R !== "children" && R !== "key") {
+            Ve(e), x("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", R), Ve(null);
             break;
           }
         }
-        e.ref !== null && (Ve(e), b("Invalid attribute `ref` supplied to `React.Fragment`."), Ve(null));
+        e.ref !== null && (Ve(e), x("Invalid attribute `ref` supplied to `React.Fragment`."), Ve(null));
       }
     }
     var i = {};
-    function u(e, s, m, x, U, K) {
+    function u(e, s, m, R, U, Z) {
       {
-        var B = p(e);
-        if (!B) {
+        var j = p(e);
+        if (!j) {
           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);
+          e === null ? se = "null" : ge(e) ? se = "array" : e !== void 0 && e.$$typeof === c ? (se = "<" + (te(e.type) || "Unknown") + " />", I = " Did you accidentally export a JSX literal instead of a component?") : se = typeof e, x("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 fe = pt(e, s, m, U, K);
-        if (fe == null)
-          return fe;
-        if (B) {
+        var ue = pt(e, s, m, U, Z);
+        if (ue == null)
+          return ue;
+        if (j) {
           var Te = s.children;
           if (Te !== void 0)
-            if (x)
+            if (R)
               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.");
+                x("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(Te, e);
         }
-        if (S.call(s, "key")) {
-          var We = Z(e), be = Object.keys(s).filter(function(Kt) {
+        if (P.call(s, "key")) {
+          var He = te(e), Ce = Object.keys(s).filter(function(Kt) {
             return Kt !== "key";
-          }), 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:
+          }), Pt = Ce.length > 0 ? "{key: someKey, " + Ce.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!i[He + Pt]) {
+            var Zt = Ce.length > 0 ? "{" + Ce.join(": ..., ") + ": ...}" : "{}";
+            x(`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} />`, Pt, We, Zt, We), i[We + Pt] = !0;
+  <%s key={someKey} {...props} />`, Pt, He, Zt, He), i[He + Pt] = !0;
           }
         }
-        return e === l ? o(fe) : a(fe), fe;
+        return e === l ? o(ue) : a(ue), ue;
       }
     }
     function v(e, s, m) {
@@ -838,12 +838,12 @@ React keys must be passed directly to JSX without using spread:
     function E(e, s, m) {
       return u(e, s, m, !1);
     }
-    var ne = E, Ce = v;
-    st.Fragment = l, st.jsx = ne, st.jsxs = Ce;
+    var ae = E, xe = v;
+    st.Fragment = l, st.jsx = ae, st.jsxs = xe;
   }()), st;
 }
-process.env.NODE_ENV === "production" ? It.exports = zr() : It.exports = $r();
-var Ae = It.exports, rt = (n) => cr("path", n), nt = Ht(
+process.env.NODE_ENV === "production" ? It.exports = $r() : It.exports = Wr();
+var Ae = It.exports, rt = (n) => cr("path", n), nt = Ut(
   /**
    * @param {SVGProps}                          props isPressed indicates whether the SVG should appear as pressed.
    *                                                  Other props will be passed through to svg component.
@@ -862,19 +862,19 @@ var Ae = It.exports, rt = (n) => cr("path", n), nt = Ht(
   }
 );
 nt.displayName = "SVG";
-const Wr = /* @__PURE__ */ Ae.jsx(nt, {
+const Hr = /* @__PURE__ */ Ae.jsx(nt, {
   viewBox: "0 0 24 24",
   xmlns: "http://www.w3.org/2000/svg",
   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__ */ Ae.jsx(nt, {
+}), Ur = /* @__PURE__ */ Ae.jsx(nt, {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   children: /* @__PURE__ */ Ae.jsx(rt, {
     d: "M10.6 6L9.4 7l4.6 5-4.6 5 1.2 1 5.4-6z"
   })
-}), Ur = /* @__PURE__ */ Ae.jsx(nt, {
+}), zr = /* @__PURE__ */ Ae.jsx(nt, {
   viewBox: "0 0 24 24",
   xmlns: "http://www.w3.org/2000/svg",
   children: /* @__PURE__ */ Ae.jsx(rt, {
@@ -916,10 +916,10 @@ function Dt(n) {
     !d || d === "/" ? d = d === "/" ? `/${k}` : k : d = `${d}/${k}`, T.push(d);
   return T;
 }
-function Ue(n, c, f) {
+function ze(n, c, f) {
   return n && (n === c ? f : n.startsWith(c === "/" ? "/" : `${c}/`) ? f + n.slice(c.length) : n);
 }
-const nn = zt(function({
+const nn = $t(function({
   withContextMenu: c = !0,
   readOnly: f = !1,
   filesystem: l,
@@ -927,36 +927,36 @@ const nn = zt(function({
   initialSelectedPath: d,
   onSelect: k = () => {
   },
-  onDoubleClickFile: A
-}, N) {
-  const h = Ft(() => je("/", T || "/"), [T]), [_, D] = Q(() => {
+  onDoubleClickFile: D
+}, A) {
+  const h = Ft(() => je("/", T || "/"), [T]), [_, F] = ee(() => {
     if (!d)
       return {};
     const t = {};
     for (const a of Dt(d))
       t[a] = !0;
     return t;
-  }), [P, W] = Q(
+  }), [S, K] = ee(
     () => d ?? null
-  ), [q, R] = Q(
+  ), [B, C] = ee(
     () => d ?? null
-  ), [Y, w] = Q({}), [b, G] = Q(
+  ), [G, y] = ee({}), [x, z] = ee(
     {}
-  ), [X, ae] = Q(null), [y, j] = Q(
+  ), [J, oe] = ee(null), [de, g] = ee(
     null
-  ), 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]);
+  ), $ = V({}), N = V(!1), p = V(null), M = V(null), Y = V(x), te = V(G), L = () => {
+    for (const t of Object.keys($.current))
+      clearTimeout($.current[t]), delete $.current[t];
+  }, Q = (t) => {
+    const a = $.current[t];
+    a && (clearTimeout(a), delete $.current[t]);
   };
-  z(() => {
-    ce.current = b;
-  }, [b]), z(() => {
-    Z.current = Y;
-  }, [Y]);
-  const ee = (t) => {
+  W(() => {
+    Y.current = x;
+  }, [x]), W(() => {
+    te.current = G;
+  }, [G]);
+  const X = (t) => {
     var o;
     const a = (o = p.current) == null ? void 0 : o.querySelector(
       `[data-path="${CSS.escape(t)}"]`
@@ -965,7 +965,7 @@ const nn = zt(function({
       behavior: "smooth",
       block: "nearest"
     }));
-  }, ve = (t, a = "") => a ? je(a, t.name) : je("/", t.name), he = (t, a) => t.children ? t.children : Y[a], Ne = async (t, a) => {
+  }, ve = (t, a = "") => a ? je(a, t.name) : je("/", t.name), me = (t, a) => t.children ? t.children : G[a], Ne = async (t, a) => {
     const o = await t.listFiles(a), i = [];
     for (const u of o) {
       const v = a === "/" ? `/${u}` : `${a}/${u}`, E = await t.isDir(v);
@@ -974,65 +974,65 @@ const nn = zt(function({
     return i.sort((u, v) => {
       var e;
       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;
+      const E = a === "/" ? `/${u.name}` : `${a}/${u.name}`, ae = a === "/" ? `/${v.name}` : `${a}/${v.name}`, xe = (e = we.current) == null ? void 0 : e.tempPath;
+      if (xe) {
+        if (E === xe) return -1;
+        if (ae === xe) return 1;
       }
       return u.name.localeCompare(v.name);
     }), i;
-  }, Pe = async (t) => await Ne(l, t), te = (t, a) => {
+  }, Pe = async (t) => await Ne(l, t), re = (t, a) => {
     if (a.type !== "folder")
       return a.children;
-    const o = a.children ?? Z.current[t];
-    return o || ce.current[t] ? o : (G((i) => ({ ...i, [t]: !0 })), new Promise((i) => {
+    const o = a.children ?? te.current[t];
+    return o || Y.current[t] ? o : (z((i) => ({ ...i, [t]: !0 })), new Promise((i) => {
       Pe(t).then((u) => {
-        w((v) => ({
+        y((v) => ({
           ...v,
           [t]: u ?? []
         })), i(u ?? []);
       }).catch(() => {
         i([]);
       }).finally(() => {
-        G((u) => {
+        z((u) => {
           const v = { ...u };
           return delete v[t], v;
         });
       });
     }));
   }, 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];
+    a.type === "folder" && (typeof window > "u" || $.current[t] || ($.current[t] = window.setTimeout(() => {
+      F((o) => o[t] ? o : { ...o, [t]: !0 }), re(t, a), delete $.current[t];
     }, 600)));
-  }, re = (t) => (G((a) => ({ ...a, [t]: !0 })), new Promise((a) => {
+  }, ne = (t) => (z((a) => ({ ...a, [t]: !0 })), new Promise((a) => {
     Pe(t).then((o) => {
-      w((i) => ({
+      y((i) => ({
         ...i,
         [t]: o ?? []
       })), a(o ?? []);
     }).catch(() => {
       a([]);
     }).finally(() => {
-      G((o) => {
+      z((o) => {
         const i = { ...o };
         return delete i[t], i;
       });
     });
   })), Me = (t, a, o) => {
-    D((i) => ({
+    F((i) => ({
       ...i,
       [t]: o
-    })), o ? te(t, a) : w((i) => {
+    })), o ? re(t, a) : y((i) => {
       if (i[t] === void 0)
         return i;
       const u = { ...i };
       return delete u[t], u;
     });
-  }, ye = async (t) => {
+  }, _e = async (t) => {
     if (!t) return;
     const a = Dt(t);
     if (a.length === 0) return;
-    D((u) => {
+    F((u) => {
       const v = { ...u };
       for (const E of a)
         v[E] = !0;
@@ -1042,38 +1042,38 @@ const nn = zt(function({
       { name: h, type: "folder" }
     ], i = "";
     for (const u of a) {
-      const v = o == null ? void 0 : o.find((ne) => ve(ne, i) === u);
+      const v = o == null ? void 0 : o.find((ae) => ve(ae, i) === u);
       if (!v || v.type !== "folder") {
         i = u, o = [];
         continue;
       }
-      o = await te(u, v) ?? Z.current[u], i = u;
+      o = await re(u, v) ?? te.current[u], i = u;
     }
   }, ke = (t, a) => {
-    !t || !a || t === a || (D((o) => {
+    !t || !a || t === a || (F((o) => {
       let i = !1;
       const u = { ...o };
       for (const v of Object.keys(o)) {
-        const E = Ue(v, t, a);
+        const E = ze(v, t, a);
         E && E !== v && (u[E] = o[v], delete u[v], i = !0);
       }
       return i ? u : o;
-    }), w((o) => {
+    }), y((o) => {
       let i = !1;
       const u = { ...o };
       for (const v of Object.keys(o)) {
-        const E = Ue(v, t, a);
+        const E = ze(v, t, a);
         E && E !== v && (u[E] = o[v], delete u[v], i = !0);
       }
       return i ? u : o;
-    }), W((o) => Ue(o, t, a)), R((o) => Ue(o, t, a)));
+    }), K((o) => ze(o, t, a)), C((o) => ze(o, t, a)));
   }, Fe = () => {
-    ae(null), j(null), O();
+    oe(null), g(null), L();
   }, Se = (t, a = !0) => {
-    W(t), a && k(t);
-  }, de = Ft(() => [{ name: h, type: "folder" }], [h]), [H, g] = Q(null), [pe, me] = Q(null), we = M(null), C = f ? null : pe;
-  $t(
-    N,
+    K(t), a && k(t);
+  }, fe = Ft(() => [{ name: h, type: "folder" }], [h]), [H, w] = ee(null), [he, pe] = ee(null), we = V(null), b = f ? null : he;
+  Wt(
+    A,
     () => ({
       focusPath: (t, a = {}) => {
         if (!t) return;
@@ -1082,14 +1082,14 @@ const nn = zt(function({
           domFocus: i = !0,
           notify: u = !1
         } = a;
-        o && Se(t, u), R(t), i && ee(t);
+        o && Se(t, u), C(t), i && X(t);
       },
       selectPath: (t) => {
-        t && (Se(t), R(t), ee(t));
+        t && (Se(t), C(t), X(t));
       },
-      getSelectedPath: () => P,
-      expandToPath: async (t) => await ye(t),
-      refresh: async (t) => await re(t),
+      getSelectedPath: () => S,
+      expandToPath: async (t) => await _e(t),
+      refresh: async (t) => await ne(t),
       remapPath: ke,
       createFile: async (t) => {
         f || await Ye(t, "file", "untitled.php");
@@ -1104,53 +1104,53 @@ const nn = zt(function({
         f || await Ke(t, a);
       }
     }),
-    [P, re, ke, ye, f]
+    [S, ne, ke, _e, f]
   );
-  const S = M(!1), ie = M(
+  const P = V(!1), ie = V(
     d ?? null
-  ), le = M(d);
-  z(() => {
-    $.current = !1;
-  }, [h]), z(() => {
+  ), le = V(d);
+  W(() => {
+    N.current = !1;
+  }, [h]), W(() => {
     d && d !== le.current ? ie.current = d : d || (ie.current = null), le.current = d;
-  }, [d]), z(() => {
-    if (!d || S.current)
+  }, [d]), W(() => {
+    if (!d || P.current)
       return;
-    S.current = !0;
+    P.current = !0;
     const t = Dt(d);
-    D((o) => {
+    F((o) => {
       const i = { ...o };
       for (const u of t)
         i[u] = !0;
       return i;
     });
     const a = t[t.length - 1] || d;
-    R(a), W(a), ye(d);
-  }, [d, ye]), z(() => {
+    C(a), K(a), _e(d);
+  }, [d, _e]), W(() => {
     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);
+    !t || fe.length === 0 || (ie.current = null, _e(t));
+  }, [fe, _e]), W(() => {
+    if (!B) {
+      if (fe.length > 0) {
+        const t = ve(fe[0]);
+        C(t);
       }
       return;
     }
-    C && C === q || ee(q);
-  }, [de, q, C]), z(() => {
-    if (de.length === 0)
+    b && b === B || X(B);
+  }, [fe, B, b]), W(() => {
+    if (fe.length === 0)
       return;
-    const t = de[0];
-    if ((t == null ? void 0 : t.type) !== "folder" || $.current)
+    const t = fe[0];
+    if ((t == null ? void 0 : t.type) !== "folder" || N.current)
       return;
     const a = t.name;
-    $.current = !0, D(
+    N.current = !0, F(
       (o) => o[a] ? o : { ...o, [a]: !0 }
-    ), !Z.current[a] && !ce.current[a] && te(a, t);
-  }, [de, te, h]), z(() => () => {
-    F.current && clearTimeout(F.current), O();
-  }, []), z(() => {
+    ), !te.current[a] && !Y.current[a] && re(a, t);
+  }, [fe, re, h]), W(() => () => {
+    M.current && clearTimeout(M.current), L();
+  }, []), W(() => {
     H && setTimeout(() => {
       const t = document.querySelector(
         '[role="menu"] [role="menuitem"]'
@@ -1158,40 +1158,40 @@ const nn = zt(function({
       t && typeof t.focus == "function" && t.focus();
     }, 0);
   }, [H]);
-  const [ue, _e] = Q(""), ze = (t, a) => {
+  const [ce, be] = ee(""), $e = (t, a) => {
     if (t.type === "folder")
       return a;
     const o = Le(a);
     return o && o || "/";
   }, ge = (t, a, o) => {
-    const i = ze(t, a);
+    const i = $e(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 };
   }, Ie = (t, a, o) => {
-    a.type !== "folder" && a.type !== "file" || (ae(o), j(null), t.dataTransfer && (t.dataTransfer.effectAllowed = "move", t.dataTransfer.setData(
+    a.type !== "folder" && a.type !== "file" || (oe(o), g(null), t.dataTransfer && (t.dataTransfer.effectAllowed = "move", t.dataTransfer.setData(
       "application/x-wp-playground-path",
       o
     ), t.dataTransfer.setData("text/plain", 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 });
+    const i = ge(a, o, J);
+    i.allowed && a.type === "folder" && Oe(o, a), g((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" }));
+    const i = ge(a, o, J);
+    i.allowed && i.destination ? (t.preventDefault(), t.dataTransfer && (t.dataTransfer.dropEffect = J ? "move" : "copy"), a.type === "folder" && Oe(o, a), g((u) => (u == null ? void 0 : u.path) === o && u.state === i.state ? u : { path: o, state: i.state })) : (t.dataTransfer && (t.dataTransfer.dropEffect = "none"), Q(o), g((u) => (u == null ? void 0 : u.path) === o && u.state === "invalid" ? u : { path: o, state: "invalid" }));
   }, dt = (t, a, o) => {
-    oe(o);
+    Q(o);
     const i = t.relatedTarget;
-    i && t.currentTarget.contains(i) || j((u) => (u == null ? void 0 : u.path) === o ? null : u);
+    i && t.currentTarget.contains(i) || g((u) => (u == null ? void 0 : u.path) === o ? null : u);
   }, Et = async (t, a, o) => {
-    const i = X, u = ge(a, o, i);
+    const i = J, u = ge(a, o, i);
     if (!u.allowed || !u.destination) {
       Fe();
       return;
     }
-    t.preventDefault(), t.stopPropagation(), oe(o), j(null);
+    t.preventDefault(), t.stopPropagation(), Q(o), g(null);
     try {
-      i ? await Ct(i, u.destination) : await Ke(
+      i ? await bt(i, u.destination) : await Ke(
         t.dataTransfer,
         u.destination
       );
@@ -1199,35 +1199,35 @@ const nn = zt(function({
       Fe();
     }
   }, mt = (t, a, o) => {
-    c && (t.preventDefault(), t.stopPropagation(), me(null), g({
+    c && (t.preventDefault(), t.stopPropagation(), pe(null), w({
       absPath: o,
       type: a.type,
       x: t.clientX,
       y: t.clientY
     }));
-  }, $e = async (t, a) => {
+  }, We = async (t, a) => {
     let o = a, i = 0;
     const u = (E) => {
-      const ne = E.lastIndexOf(".");
-      return ne > 0 ? { stem: E.slice(0, ne), ext: E.slice(ne) } : { stem: E, ext: "" };
+      const ae = E.lastIndexOf(".");
+      return ae > 0 ? { stem: E.slice(0, ae), ext: E.slice(ae) } : { stem: E, ext: "" };
     }, 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 } = u(a);
-      o = `${E} (${i})${ne}`;
+      const { stem: E, ext: ae } = u(a);
+      o = `${E} (${i})${ae}`;
     }
     return o;
   }, Ye = async (t, a, o) => {
     if (!l) return;
-    let i = t || P || h;
+    let i = t || S || h;
     try {
       await l.isDir(i) || (i = Le(i));
     } catch {
       i = Le(i);
     }
-    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);
+    const u = i, v = await We(u, o), E = je(u, v);
+    a === "folder" ? await l.mkdir(E) : await l.writeFile(E, ""), we.current = { type: a, tempPath: E }, pe(E), await ne(u), setTimeout(() => {
+      C(E), X(E);
     }, 0);
   }, yt = async (t) => {
     if (!l) return !1;
@@ -1250,7 +1250,7 @@ const nn = zt(function({
         if (!await l.isDir(t).catch(() => !1))
           throw a;
       }
-  }, Ct = async (t, a) => {
+  }, bt = async (t, a) => {
     if (!l) return;
     const o = et(t), i = je(a, o);
     if (i === t || await yt(i))
@@ -1258,63 +1258,63 @@ const nn = zt(function({
     const u = Le(t);
     try {
       await l.mv(t, i), ke(t, i);
-      const v = Ue(
-        P,
+      const v = ze(
+        S,
         t,
         i
       );
-      P && (P === t || P.startsWith(`${t}/`)) && k(v), R(
-        (E) => Ue(E, t, i)
-      ), D((E) => ({
+      S && (S === t || S.startsWith(`${t}/`)) && k(v), C(
+        (E) => ze(E, t, i)
+      ), F((E) => ({
         ...E,
         [a]: !0
       })), await Promise.all([
-        re(u),
-        re(a)
-      ]), W(
-        (E) => Ue(E, t, i)
-      ), ee(i);
+        ne(u),
+        ne(a)
+      ]), K(
+        (E) => ze(E, t, i)
+      ), X(i);
     } catch {
     }
-  }, bt = (t) => {
+  }, xt = (t) => {
     const a = t;
     return a.webkitGetAsEntry ? a.webkitGetAsEntry() : null;
-  }, xt = (t) => new Promise((a, o) => {
+  }, Ct = (t) => new Promise((a, o) => {
     t.file(a, o);
   }), pt = async (t, a) => {
     if (!l) return;
-    const o = t.name || "untitled", i = await $e(a, o), u = je(a, i), v = new Uint8Array(await t.arrayBuffer());
+    const o = t.name || "untitled", i = await We(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);
+    const o = await Ct(t);
     await pt(o, a);
   }, ot = async (t, a) => {
-    const o = await $e(
+    const o = await We(
       a,
       t.name || "New Folder"
     ), i = je(a, o);
     await _t(i);
-    const u = t.createReader(), v = () => new Promise((E, ne) => {
+    const u = t.createReader(), v = () => new Promise((E, ae) => {
       u.readEntries(
-        (Ce) => E(Array.from(Ce)),
-        ne
+        (xe) => E(Array.from(xe)),
+        ae
       );
     });
     for (; ; ) {
       const E = await v();
       if (!E.length)
         break;
-      for (const ne of E)
-        ne.isFile ? await Ze(
-          ne,
+      for (const ae of E)
+        ae.isFile ? await Ze(
+          ae,
           i
-        ) : ne.isDirectory && await ot(
-          ne,
+        ) : ae.isDirectory && await ot(
+          ae,
           i
         );
     }
   }, 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);
+    const i = Array.from(t.items).filter((v) => v.kind === "file").map((v) => xt(v)).filter((v) => !!v), u = Array.from(t.files);
     return qe(i, u, a);
   }, qe = async (t, a, o) => {
     if (l) {
@@ -1330,7 +1330,7 @@ const nn = zt(function({
       else
         for (const i of a)
           await pt(i, o);
-      await re(o), D((i) => ({
+      await ne(o), F((i) => ({
         ...i,
         [o]: !0
       }));
@@ -1338,14 +1338,14 @@ const nn = zt(function({
   }, ht = async (t, a) => {
     if (!l) return;
     const o = t;
-    g(null);
+    w(null);
     try {
       a === "folder" ? await l.rmdir(o, { recursive: !0 }) : await l.unlink(o);
     } catch {
     } finally {
-      me(null);
+      pe(null);
       const i = Le(o);
-      await re(i), P && (P === o || P.startsWith(`${o}/`)) && k(null);
+      await ne(i), S && (S === o || S.startsWith(`${o}/`)) && k(null);
     }
   }, Rt = async (t) => {
     if (l)
@@ -1357,11 +1357,11 @@ const nn = zt(function({
       }
   }, vt = (t) => {
     var a;
-    if (!pe)
+    if (!he)
       if (t.key.length === 1 && t.key.match(/\S/)) {
-        const o = ue + t.key.toLowerCase();
-        if (_e(o), F.current && clearTimeout(F.current), F.current = setTimeout(() => {
-          _e("");
+        const o = ce + t.key.toLowerCase();
+        if (be(o), M.current && clearTimeout(M.current), M.current = setTimeout(() => {
+          be("");
         }, 1e3), !p.current)
           return;
         const i = Array.from(
@@ -1372,16 +1372,16 @@ const nn = zt(function({
           u
         ));
         for (let E = 0; E < i.length; 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);
+          const ae = (v + E) % i.length, xe = i[ae];
+          if ((a = xe.textContent) != null && a.toLowerCase().trim().startsWith(o)) {
+            xe.focus();
+            const e = xe.getAttribute("data-path");
+            e && C(e);
             break;
           }
         }
       } else
-        _e(""), F.current && clearTimeout(F.current);
+        be(""), M.current && clearTimeout(M.current);
   }, kt = async (t, a) => {
     if (f) return;
     const o = we.current, i = (o == null ? void 0 : o.tempPath) === t, u = Le(t);
@@ -1395,23 +1395,23 @@ const nn = zt(function({
         }
         we.current = null;
       }
-      me(i ? null : t);
+      pe(i ? null : t);
       return;
     }
     let v = je(u, a), E = v;
     if (E === t) {
-      me(null);
+      pe(null);
       const s = i && (o == null ? void 0 : o.type) === "file";
       i && (we.current = null), setTimeout(() => {
-        R(E), ee(E), s && A && A(E);
+        C(E), X(E), s && D && D(E);
       }, 0);
       return;
     }
-    const ne = await l.fileExists(E), Ce = await l.isDir(E);
-    if ((ne || Ce) && E !== t)
+    const ae = await l.fileExists(E), xe = await l.isDir(E);
+    if ((ae || xe) && E !== t)
       if (i)
         try {
-          const s = await $e(
+          const s = await We(
             u === "/" ? "/" : u,
             a
           );
@@ -1419,12 +1419,12 @@ const nn = zt(function({
         } catch {
         }
       else {
-        me(t);
+        pe(t);
         return;
       }
     let e = (o == null ? void 0 : o.type) === "folder";
     try {
-      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);
+      await l.mv(t, v), o || (e = await l.isDir(v)), e && ke(t, E), S === t && k(E), await ne(u), C(E), X(E), i && !e && D && D(E);
     } catch {
       if (i)
         try {
@@ -1434,43 +1434,43 @@ const nn = zt(function({
         } catch {
         }
     } finally {
-      we.current = null, me(null);
+      we.current = null, pe(null);
     }
   }, wt = async (t) => {
     const a = we.current;
     if (!l || (a == null ? void 0 : a.tempPath) !== t) {
-      me((i) => i === t ? null : i);
+      pe((i) => i === t ? null : i);
       return;
     }
     try {
       a.type === "folder" ? await l.rmdir(t, { recursive: !0 }) : await l.unlink(t);
     } catch {
     }
-    we.current = null, me(null);
+    we.current = null, pe(null);
     const o = Le(t);
-    await re(o), R(o), ee(o);
+    await ne(o), C(o), X(o);
   };
-  return /* @__PURE__ */ r.createElement("div", { onKeyDown: vt, ref: p }, /* @__PURE__ */ r.createElement(er, { className: Re.filePickerTree }, de.map((t, a) => /* @__PURE__ */ r.createElement(
-    Ut,
+  return /* @__PURE__ */ r.createElement("div", { onKeyDown: vt, ref: p }, /* @__PURE__ */ r.createElement(er, { className: Re.filePickerTree }, fe.map((t, a) => /* @__PURE__ */ r.createElement(
+    zt,
     {
       key: t.name,
       node: t,
       level: 0,
       position: a + 1,
-      setSize: de.length,
+      setSize: fe.length,
       expandedNodePaths: _,
       onToggle: Me,
-      selectedNode: P,
-      focusPath: (o) => R(o),
-      focusedNode: q,
+      selectedNode: S,
+      focusPath: (o) => C(o),
+      focusedNode: B,
       selectPath: Se,
       generatePath: ve,
-      getChildren: he,
+      getChildren: me,
       onContextMenu: f ? void 0 : mt,
-      renamingPath: C,
+      renamingPath: b,
       onRename: kt,
       onRenameCancel: wt,
-      dropIndicator: y,
+      dropIndicator: de,
       onDragStart: f ? void 0 : Ie,
       onDragEnd: f ? void 0 : at,
       onDragEnter: f ? void 0 : Ge,
@@ -1478,13 +1478,13 @@ const nn = zt(function({
       onDragLeave: f ? void 0 : dt,
       onDrop: f ? void 0 : Et,
       rootPath: h,
-      onDoubleClickFile: A
+      onDoubleClickFile: D
     }
   ))), !f && H && /* @__PURE__ */ r.createElement(
     tr,
     {
       placement: "bottom-start",
-      onClose: () => g(null),
+      onClose: () => w(null),
       anchor: {
         getBoundingClientRect: () => ({
           x: H.x,
@@ -1508,7 +1508,7 @@ const nn = zt(function({
       {
         role: "menuitem",
         onClick: async () => {
-          g(null), await Ye(
+          w(null), await Ye(
             H.absPath,
             "file",
             "untitled.php"
@@ -1521,7 +1521,7 @@ const nn = zt(function({
       {
         role: "menuitem",
         onClick: async () => {
-          g(null), await Ye(
+          w(null), await Ye(
             H.absPath,
             "folder",
             "New Folder"
@@ -1534,7 +1534,7 @@ const nn = zt(function({
       {
         role: "menuitem",
         onClick: () => {
-          g(null), me(H.absPath);
+          w(null), pe(H.absPath);
         }
       },
       "Rename"
@@ -1543,7 +1543,7 @@ const nn = zt(function({
       {
         role: "menuitem",
         onClick: async () => {
-          g(null), await Rt(
+          w(null), await Rt(
             H.absPath
           );
         }
@@ -1561,7 +1561,7 @@ const nn = zt(function({
       "Delete"
     ))
   ));
-}), Ut = ({
+}), zt = ({
   node: n,
   level: c,
   position: f,
@@ -1569,90 +1569,90 @@ const nn = zt(function({
   expandedNodePaths: T,
   onToggle: d,
   selectedNode: k,
-  focusPath: A,
-  focusedNode: N,
+  focusPath: D,
+  focusedNode: A,
   selectPath: h,
   generatePath: _,
-  getChildren: D,
-  onContextMenu: P,
-  renamingPath: W,
-  onRename: q,
-  onRenameCancel: R,
-  parentPath: Y = "",
-  dropIndicator: w,
-  onDragStart: b,
-  onDragEnd: G,
-  onDragEnter: X,
-  onDragOver: ae,
-  onDragLeave: y,
-  onDrop: j,
-  rootPath: V,
-  onDoubleClickFile: $
+  getChildren: F,
+  onContextMenu: S,
+  renamingPath: K,
+  onRename: B,
+  onRenameCancel: C,
+  parentPath: G = "",
+  dropIndicator: y,
+  onDragStart: x,
+  onDragEnd: z,
+  onDragEnter: J,
+  onDragOver: oe,
+  onDragLeave: de,
+  onDrop: g,
+  rootPath: $,
+  onDoubleClickFile: N
 }) => {
-  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 p = _(n, G), M = T[p], Y = K === p, te = V(null), [L, Q] = ee(n.name), X = V(!1), ve = (y == null ? void 0 : y.path) === p, me = ve && (y == null ? void 0 : y.state) === "valid", Ne = ve && (y == null ? void 0 : y.state) === "invalid", Pe = !!x && !Y && p !== $, re = V(null), Oe = {
+    onDragEnter: (w) => J == null ? void 0 : J(w, n, p),
+    onDragOver: (w) => oe == null ? void 0 : oe(w, n, p),
+    onDragLeave: (w) => de == null ? void 0 : de(w, n, p),
+    onDrop: (w) => g == null ? void 0 : g(w, n, p)
+  }, ne = F(n, p) ?? [];
+  W(() => {
+    var w;
+    Y ? (Q(n.name), X.current = !1, typeof window < "u" && requestAnimationFrame ? requestAnimationFrame(() => {
+      var he;
+      (he = te.current) == null || he.select();
+    }) : (w = te.current) == null || w.select()) : X.current = !1;
+  }, [Y, 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) {
+    n.type === "folder" && d(p, n, !M);
+  }, _e = (w) => {
+    var he, pe;
+    if (w.key === "ArrowLeft")
+      M ? Me() : (he = document.querySelector(
+        `[data-path="${CSS.escape(G)}"]`
+      )) == null || he.focus(), w.preventDefault(), w.stopPropagation();
+    else if (w.key === "ArrowRight") {
+      if (M) {
+        if (ne != null && ne.length) {
           const we = _(
-            re[0],
+            ne[0],
             p
           );
-          (me = document.querySelector(
+          (pe = document.querySelector(
             `[data-path="${CSS.escape(we)}"]`
-          )) == null || me.focus();
+          )) == null || pe.focus();
         }
       } else
         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);
+      w.preventDefault(), w.stopPropagation();
+    } else w.key === " " || w.key === "Space" || w.key === "Spacebar" ? (n.type === "folder" && d(p, n, !M), w.preventDefault()) : w.key === "Enter" && (n.type === "folder" ? d(p, n, !M) : (h(p, !1), D(p), N ? N(p) : h(p, !0)), w.preventDefault());
+  }, ke = (w) => {
+    S == null || S(w, n, p);
+  }, Fe = (w) => {
+    w.preventDefault(), X.current = !0, B == null || B(p, L);
+  }, Se = (w) => {
+    if (w.key === "Escape") {
+      w.preventDefault(), w.stopPropagation(), X.current = !0, C == null || C(p);
       return;
     }
-    (g.key === "ArrowLeft" || g.key === "ArrowRight" || g.key === "ArrowUp" || g.key === "ArrowDown") && g.stopPropagation();
-  }, de = () => {
-    ee.current || R == null || R(p), ee.current = !1;
+    (w.key === "ArrowLeft" || w.key === "ArrowRight" || w.key === "ArrowUp" || w.key === "ArrowDown") && w.stopPropagation();
+  }, fe = () => {
+    X.current || C == null || C(p), X.current = !1;
   }, H = () => {
     if (n.type === "folder") {
-      Me(), h(p), A(p);
+      Me(), h(p), D(p);
       return;
     }
-    const g = te.current !== null;
-    if (g && te.current && clearTimeout(te.current), te.current = null, g) {
-      $ ? $(p) : h(p, !0);
+    const w = re.current !== null;
+    if (w && re.current && clearTimeout(re.current), re.current = null, w) {
+      N ? N(p) : h(p, !0);
       return;
     }
-    h(p, !1), A(p), h(p, !0), te.current = window.setTimeout(() => {
-      te.current = null;
+    h(p, !1), D(p), h(p, !0), re.current = window.setTimeout(() => {
+      re.current = null;
     }, 300);
   };
-  return z(() => () => {
-    te.current !== null && typeof window < "u" && clearTimeout(te.current);
+  return W(() => () => {
+    re.current !== null && typeof window < "u" && clearTimeout(re.current);
   }, []), /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(
     nr,
     {
@@ -1660,7 +1660,7 @@ const nn = zt(function({
       positionInSet: f,
       setSize: l
     },
-    /* @__PURE__ */ r.createElement(ar, null, () => /* @__PURE__ */ r.createElement(r.Fragment, null, ce ? /* @__PURE__ */ r.createElement(
+    /* @__PURE__ */ r.createElement(ar, null, () => /* @__PURE__ */ r.createElement(r.Fragment, null, Y ? /* @__PURE__ */ r.createElement(
       "form",
       {
         onSubmit: Fe,
@@ -1670,8 +1670,8 @@ const nn = zt(function({
           "file-node-button",
           {
             [Re.selected]: k === p,
-            [Re.focused]: N === p,
-            [Re.dropTarget]: he,
+            [Re.focused]: A === p,
+            [Re.dropTarget]: me,
             [Re.dropTargetInvalid]: Ne
           }
         ),
@@ -1683,7 +1683,7 @@ const nn = zt(function({
         jt,
         {
           node: n,
-          isOpen: n.type === "folder" && F,
+          isOpen: n.type === "folder" && M,
           level: c,
           hideName: !0
         }
@@ -1691,12 +1691,12 @@ const nn = zt(function({
       /* @__PURE__ */ r.createElement(
         "input",
         {
-          ref: Z,
+          ref: te,
           className: Re.renameInput,
-          value: O,
-          onChange: (g) => oe(g.target.value),
-          onBlur: de,
-          onFocus: () => A(p),
+          value: L,
+          onChange: (w) => Q(w.target.value),
+          onBlur: fe,
+          onFocus: () => D(p),
           onKeyDown: Se
         }
       )
@@ -1705,12 +1705,12 @@ const nn = zt(function({
       {
         ...Oe,
         draggable: Pe,
-        onDragStart: (g) => b == null ? void 0 : b(g, n, p),
-        onDragEnd: (g) => G == null ? void 0 : G(g, n, p),
+        onDragStart: (w) => x == null ? void 0 : x(w, n, p),
+        onDragEnd: (w) => z == null ? void 0 : z(w, n, p),
         onClick: H,
-        onKeyDown: ye,
+        onKeyDown: _e,
         onFocus: () => {
-          A(p);
+          D(p);
         },
         onContextMenu: ke,
         className: De(
@@ -1718,53 +1718,53 @@ const nn = zt(function({
           "file-node-button",
           {
             [Re.selected]: k === p,
-            [Re.focused]: N === p,
-            [Re.dropTarget]: he,
+            [Re.focused]: A === p,
+            [Re.dropTarget]: me,
             [Re.dropTargetInvalid]: Ne
           }
         ),
         "data-path": p,
-        "data-expanded": F ? "true" : "false"
+        "data-expanded": M ? "true" : "false"
       },
       /* @__PURE__ */ r.createElement(
         jt,
         {
           node: n,
-          isOpen: n.type === "folder" && F,
+          isOpen: n.type === "folder" && M,
           level: c
         }
       )
     )))
-  ), F && re && re.map((g, pe) => /* @__PURE__ */ r.createElement(
-    Ut,
+  ), M && ne && ne.map((w, he) => /* @__PURE__ */ r.createElement(
+    zt,
     {
-      key: g.name,
-      node: g,
+      key: w.name,
+      node: w,
       level: c + 1,
-      position: pe + 1,
-      setSize: re.length,
+      position: he + 1,
+      setSize: ne.length,
       expandedNodePaths: T,
       onToggle: d,
       selectedNode: k,
-      focusPath: A,
-      focusedNode: N,
+      focusPath: D,
+      focusedNode: A,
       selectPath: h,
       generatePath: _,
-      getChildren: D,
-      onContextMenu: P,
-      renamingPath: W,
-      onRename: q,
-      onRenameCancel: R,
+      getChildren: F,
+      onContextMenu: S,
+      renamingPath: K,
+      onRename: B,
+      onRenameCancel: C,
       parentPath: p,
-      dropIndicator: w,
-      onDragStart: b,
-      onDragEnd: G,
-      onDragEnter: X,
-      onDragOver: ae,
-      onDragLeave: y,
-      onDrop: j,
-      rootPath: V,
-      onDoubleClickFile: $
+      dropIndicator: y,
+      onDragStart: x,
+      onDragEnd: z,
+      onDragEnter: J,
+      onDragOver: oe,
+      onDragLeave: de,
+      onDrop: g,
+      rootPath: $,
+      onDoubleClickFile: N
     }
   )));
 }, jt = ({ node: n, level: c, isOpen: f, hideName: l = !1 }) => {
@@ -1777,7 +1777,7 @@ const nn = zt(function({
       "aria-hidden": "true",
       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));
+  ), n.type === "folder" ? /* @__PURE__ */ r.createElement(Ot, { width: 16, icon: f ? Hr : Ur }) : /* @__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,
@@ -1804,16 +1804,16 @@ function un({ path: n }) {
     }
   );
 }
-function Ua({
+function Ga({
   value: n = "",
   onChange: c,
   filesystem: f
 }) {
-  const [l, T] = Q(!1), d = () => T(!0), k = () => T(!1), [A, N] = Q(
+  const [l, T] = ee(!1), d = () => T(!0), k = () => T(!1), [D, A] = ee(
     n || null
   );
   function h(_) {
-    _ == null || _.preventDefault(), c(A || ""), k();
+    _ == null || _.preventDefault(), c(D || ""), k();
   }
   return /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(
     tt,
@@ -1836,7 +1836,7 @@ function Ua({
       {
         filesystem: f,
         initialSelectedPath: n,
-        onSelect: N
+        onSelect: A
       }
     ), /* @__PURE__ */ r.createElement("div", { className: Qe.modalFooter }, /* @__PURE__ */ r.createElement(tt, { type: "submit", variant: "primary" }, "Select Path")))
   ));
@@ -1866,14 +1866,14 @@ const fn = "_container_1h0az_1", dn = "_header_1h0az_9", mn = "_filename_1h0az_1
     isAudio: c.startsWith("audio/")
   };
 };
-function Ga({
+function Ya({
   filename: n,
   mimeType: c,
   dataUrl: f,
   downloadUrl: l,
   showHeader: T = !0
 }) {
-  const { isImage: d, isVideo: k, isAudio: A } = _n(c), N = T !== !1, h = !!(l && n), _ = () => h ? /* @__PURE__ */ r.createElement(
+  const { isImage: d, isVideo: k, isAudio: D } = _n(c), A = T !== !1, h = !!(l && n), _ = () => h ? /* @__PURE__ */ r.createElement(
     "a",
     {
       className: Be.downloadLink,
@@ -1881,7 +1881,7 @@ function Ga({
       download: n
     },
     "Download"
-  ) : null, D = () => d ? /* @__PURE__ */ r.createElement(
+  ) : null, F = () => d ? /* @__PURE__ */ r.createElement(
     "img",
     {
       className: Be.imagePreview,
@@ -1897,10 +1897,10 @@ function Ga({
     },
     /* @__PURE__ */ r.createElement("source", { src: f, type: c }),
     "Your browser does not support the video tag."
-  ) : 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 }, _()));
+  ) : D ? /* @__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 }, A && /* @__PURE__ */ r.createElement("div", { className: Be.header }, /* @__PURE__ */ r.createElement("span", { className: Be.filename, title: n }, n), _()), /* @__PURE__ */ r.createElement("div", { className: Be.previewArea }, F()), !A && h && /* @__PURE__ */ r.createElement("div", { className: Be.actions }, _()));
 }
-const At = /* @__PURE__ */ new Map(), Cn = async (n) => {
+const At = /* @__PURE__ */ new Map(), bn = async (n) => {
   var T;
   if (!n)
     return ut();
@@ -1950,7 +1950,7 @@ const At = /* @__PURE__ */ new Map(), Cn = async (n) => {
   }
   return At.set(f, l), l;
 };
-class bn {
+class xn {
   constructor(c) {
     this.view = c, this.handleClick = this.handleClick.bind(this), this.view.dom.addEventListener("mousedown", this.handleClick);
   }
@@ -1975,9 +1975,9 @@ class bn {
     this.view.dom.removeEventListener("mousedown", this.handleClick);
   }
 }
-const xn = dr.define(
-  (n) => new bn(n)
-), Gt = zt(
+const Cn = dr.define(
+  (n) => new xn(n)
+), Gt = $t(
   function({
     code: c,
     onChange: f,
@@ -1985,49 +1985,49 @@ const xn = dr.define(
     className: T,
     onSaveShortcut: d,
     readOnly: k = !1,
-    additionalExtensions: A
-  }, N) {
-    const h = M(
+    additionalExtensions: D
+  }, A) {
+    const h = V(
       null
-    ), _ = 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, () => ({
+    ), _ = V(null), F = V(new Tt()), S = V(new Tt()), K = V(new Tt()), B = V(c), C = V(f), G = V(!1);
+    return Wt(A, () => ({
       focus: () => {
-        var w;
-        (w = _.current) == null || w.focus();
+        var y;
+        (y = _.current) == null || y.focus();
       },
       blur: () => {
-        const w = _.current;
-        w && w.contentDOM.blur();
+        const y = _.current;
+        y && y.contentDOM.blur();
       },
       getCursorPosition: () => _.current ? _.current.state.selection.main.anchor : null,
-      setCursorPosition: (w) => {
+      setCursorPosition: (y) => {
         if (!_.current)
           return;
-        const b = Math.min(
-          w,
+        const x = Math.min(
+          y,
           _.current.state.doc.length
-        ), G = gt.create([
-          gt.range(b, b)
+        ), z = gt.create([
+          gt.range(x, x)
         ]);
         _.current.dispatch({
-          selection: G,
+          selection: z,
           scrollIntoView: !0
         });
       }
-    })), z(() => {
-      q.current = c;
-    }, [c]), z(() => {
-      R.current = f;
-    }, [f]), z(() => {
+    })), W(() => {
+      B.current = c;
+    }, [c]), W(() => {
+      C.current = f;
+    }, [f]), W(() => {
       if (_.current)
         return;
-      const w = h.current;
-      if (!w)
+      const y = h.current;
+      if (!y)
         return;
-      const b = fr.create({
+      const x = fr.create({
         doc: c,
         extensions: [
-          W.current.of(A ?? []),
+          K.current.of(D ?? []),
           mr(),
           pr(),
           hr(),
@@ -2035,9 +2035,9 @@ const xn = dr.define(
           vr(),
           wr(),
           gr(),
-          xn,
-          D.current.of(ut()),
-          P.current.of(
+          Cn,
+          F.current.of(ut()),
+          S.current.of(
             ct.editable.of(!k)
           ),
           Ar(Nr),
@@ -2045,13 +2045,13 @@ const xn = dr.define(
           Ir(),
           kr(),
           yr(),
-          xr(),
+          Cr(),
           Pr(),
-          ct.updateListener.of((X) => {
-            if (!X.docChanged)
+          ct.updateListener.of((J) => {
+            if (!J.docChanged)
               return;
-            const ae = X.state.doc.toString();
-            ae !== q.current && (q.current = ae, R.current(ae));
+            const oe = J.state.doc.toString();
+            oe !== B.current && (B.current = oe, C.current(oe));
           }),
           Er.of([
             {
@@ -2064,72 +2064,73 @@ const xn = dr.define(
             ...Lr,
             ...Rr,
             ..._r,
-            ...Cr,
-            br
+            ...br,
+            xr
           ])
         ]
-      }), G = new ct({ state: b, parent: w });
-      return _.current = G, () => {
-        G.destroy(), _.current = null;
+      }), z = new ct({ state: x, parent: y });
+      return _.current = z, () => {
+        z.destroy(), _.current = null;
       };
-    }, []), z(() => {
-      const w = _.current;
-      w && w.dispatch({
-        effects: W.current.reconfigure(
-          A ?? []
+    }, []), W(() => {
+      const y = _.current;
+      y && y.dispatch({
+        effects: K.current.reconfigure(
+          D ?? []
         )
       });
-    }, [A]), z(() => {
-      const w = _.current;
-      if (!w)
+    }, [D]), W(() => {
+      const y = _.current;
+      if (!y)
         return;
-      const b = w.state.doc.toString();
-      c !== b && w.dispatch({
-        changes: { from: 0, to: w.state.doc.length, insert: c }
+      const x = y.state.doc.toString();
+      c !== x && y.dispatch({
+        changes: { from: 0, to: y.state.doc.length, insert: c }
       });
-    }, [c]), z(() => {
-      var ae;
-      const w = _.current;
-      if (!w)
+    }, [c]), W(() => {
+      var oe;
+      const y = _.current;
+      if (!y)
         return;
-      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())
+      const x = (oe = l == null ? void 0 : l.split(".").pop()) == null ? void 0 : oe.toLowerCase();
+      (!x || x === "php") && y.dispatch({
+        effects: F.current.reconfigure(ut())
       });
-      let X = !1;
-      return Cn(l).then((y) => {
-        X || !_.current || _.current.dispatch({
-          effects: D.current.reconfigure(y)
+      let J = !1;
+      return bn(l).then((de) => {
+        J || !_.current || _.current.dispatch({
+          effects: F.current.reconfigure(de)
         });
       }), () => {
-        X = !0;
+        J = !0;
       };
-    }, [l]), z(() => {
-      const w = _.current;
-      w && (w.hasFocus && (Y.current = !0), w.dispatch({
-        effects: P.current.reconfigure(
+    }, [l]), W(() => {
+      const y = _.current;
+      y && (y.hasFocus && (G.current = !0), y.dispatch({
+        effects: S.current.reconfigure(
           ct.editable.of(!k)
         )
       }));
     }, [k]), qt(() => {
-      const w = _.current;
-      w && Y.current && !w.hasFocus && (w.focus(), Y.current = !1);
+      const y = _.current;
+      y && G.current && !y.hasFocus && (y.focus(), G.current = !1);
     }, [l, k]), /* @__PURE__ */ r.createElement("div", { ref: h, className: T });
   }
 );
 Gt.displayName = "CodeEditor";
-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 = {
+const Rn = "_fileExplorerContainer_rb5rx_1", kn = "_dropActive_rb5rx_9", Pn = "_fileExplorerHeader_rb5rx_14", Sn = "_fileExplorerTitle_rb5rx_23", Tn = "_fileExplorerSubsectionTitle_rb5rx_31", Dn = "_fileExplorerActions_rb5rx_35", An = "_fileExplorerButton_rb5rx_41", Nn = "_fileExplorerIconButton_rb5rx_71", Fn = "_fileExplorerTree_rb5rx_83", In = "_dockPresentation_rb5rx_92", Ln = "_fileExplorerUploadButton_rb5rx_152", ye = {
   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) => {
+  fileExplorerSubsectionTitle: Tn,
+  fileExplorerActions: Dn,
+  fileExplorerButton: An,
+  fileExplorerIconButton: Nn,
+  fileExplorerTree: Fn,
+  dockPresentation: In,
+  fileExplorerUploadButton: Ln
+}, Yt = 1024 * 1024, On = (n) => {
   const c = n.byteLength;
   for (let f = 0; f < Math.min(c, 4096); f++)
     if (n[f] === 0)
@@ -2143,22 +2144,22 @@ const Rn = "_fileExplorerContainer_8eol9_1", kn = "_dropActive_8eol9_9", Pn = "_
   const f = new Blob([n]), l = URL.createObjectURL(f);
   return setTimeout(() => URL.revokeObjectURL(l), 6e4), { url: l, filename: c };
 };
-async function On(n, c = Yt) {
-  const f = Bn(n);
+async function Bn(n, c = Yt) {
+  const f = Mn(n);
   if (f !== void 0 && f > c)
     return { type: "too-large" };
   if (typeof n.stream == "function")
-    return Mn(n, c);
+    return jn(n, c);
   const l = new Uint8Array(await n.arrayBuffer());
   return l.byteLength > c ? { type: "too-large" } : { type: "inline", data: l };
 }
-function Bn(n) {
+function Mn(n) {
   if (typeof n.filesize == "number")
     return n.filesize;
   if (typeof n.size == "number")
     return n.size;
 }
-async function Mn(n, c) {
+async function jn(n, c) {
   const f = n.stream().getReader(), l = [];
   let T = 0;
   try {
@@ -2180,11 +2181,11 @@ async function Mn(n, c) {
     f.releaseLock();
   }
 }
-const jn = (n) => {
+const Vn = (n) => {
   const c = n.split(".").pop();
   return Lt[c] || Lt._default;
-}, Vn = (n) => n.startsWith("image/") || n.startsWith("video/") || n.startsWith("audio/");
-function zn({
+}, $n = (n) => n.startsWith("image/") || n.startsWith("video/") || n.startsWith("audio/");
+function Wn({
   filesystem: n,
   currentPath: c,
   selectedDirPath: f,
@@ -2192,239 +2193,240 @@ function zn({
   onFileOpened: T,
   onSelectionCleared: d,
   onShowMessage: k,
-  documentRoot: A,
-  readOnly: N = !1,
+  documentRoot: D,
+  readOnly: A = !1,
   title: h = "Files",
-  showBinaryPreviewHeader: _ = !0,
-  dockPresentation: D = !1,
-  useWordPressTooltips: P = !1
+  mobileSubsectionTitle: _,
+  showBinaryPreviewHeader: F = !0,
+  dockPresentation: S = !1,
+  useWordPressTooltips: K = !1
 }) {
-  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, {
+  const B = V(null), C = V(null), G = Ft(() => c ? Le(c) : f ?? D, [c, D]), [y, x] = ee(!1);
+  W(() => {
+    !c || !B.current || (l(Le(c)), B.current.focusPath(c, {
       select: !0,
       domFocus: !1,
       notify: !1
-    }), W.current.expandToPath(c));
+    }), B.current.expandToPath(c));
   }, [c, l]);
-  const b = async (y, j) => {
+  const z = async (g, $) => {
     try {
-      const V = await n.read(y), $ = await On(V);
-      if ($.type === "too-large") {
-        const Z = Yt / 1024 / 1024;
-        if (!D) {
+      const N = await n.read(g), p = await Bn(N);
+      if (p.type === "too-large") {
+        const L = Yt / 1024 / 1024;
+        if (!S) {
           await k(
-            y,
-            /* @__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."))
+            g,
+            /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement("p", null, `File too large to open (>${L}MB).`), /* @__PURE__ */ r.createElement("p", null, "Open or download it outside the in-browser editor."))
           );
           return;
         }
-        const O = et(y) || "download";
+        const Q = et(g) || "download";
         await k(
-          y,
-          /* @__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(
+          g,
+          /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement("p", null, `File too large to open (>${L}MB).`), /* @__PURE__ */ r.createElement("p", null, /* @__PURE__ */ r.createElement(
             tt,
             {
               type: "button",
               variant: "link",
               onClick: () => {
-                G(y, O);
+                J(g, Q);
               }
             },
             "Download ",
-            O
+            Q
           )))
         );
         return;
       }
-      const p = $.data, F = et(y) || "download";
-      if (Ln(p)) {
-        const Z = jn(F), { url: O, filename: oe } = Vt(
-          p,
-          F
+      const M = p.data, Y = et(g) || "download";
+      if (On(M)) {
+        const L = Vn(Y), { url: Q, filename: X } = Vt(
+          M,
+          Y
         );
-        if (Vn(Z)) {
-          const ee = new Blob([p], { type: Z }), ve = URL.createObjectURL(ee);
+        if ($n(L)) {
+          const ve = new Blob([M], { type: L }), me = URL.createObjectURL(ve);
           await k(
-            y,
+            g,
             /* @__PURE__ */ r.createElement(
               Br,
               {
-                filename: oe,
-                mimeType: Z,
-                dataUrl: ve,
-                downloadUrl: O,
-                showHeader: _
+                filename: X,
+                mimeType: L,
+                dataUrl: me,
+                downloadUrl: Q,
+                showHeader: F
               }
             )
           );
           return;
         }
         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: O, download: oe }, "Download ", oe)))
+          g,
+          /* @__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: Q, download: X }, "Download ", X)))
         );
         return;
       }
-      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.");
+      const te = new TextDecoder("utf-8").decode(M);
+      await T(g, te, $);
+    } catch (N) {
+      Xe.error("Could not open file", N), await k(null, "Could not open file.");
     }
-  }, G = async (y, j) => {
+  }, J = async (g, $) => {
     try {
-      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(
+      const N = await n.read(g), p = new Uint8Array(await N.arrayBuffer()), { url: M } = Vt(p, $), Y = document.createElement("a");
+      Y.href = M, Y.download = $, document.body.appendChild(Y), Y.click(), document.body.removeChild(Y);
+    } catch (N) {
+      Xe.error("Could not download file", N), await k(g, "Could not download file.");
+    }
+  }, oe = (g) => {
+    var N;
+    const $ = Array.from(g.target.files ?? []);
+    g.target.value = "", $.length !== 0 && ((N = B.current) == null || N.importFiles($, f ?? D).catch((p) => Xe.error("Failed to import files", p)));
+  }, de = (g) => {
+    var $;
+    g.dataTransfer.types.includes(
       "application/x-wp-playground-path"
-    ) || (y.preventDefault(), !N && ((j = W.current) == null || j.importDataTransfer(
-      y.dataTransfer,
-      f ?? A
+    ) || (g.preventDefault(), !A && (($ = B.current) == null || $.importDataTransfer(
+      g.dataTransfer,
+      f ?? D
     ).catch(
-      (V) => Xe.error("Failed to import dropped files", V)
+      (N) => Xe.error("Failed to import dropped files", N)
     )));
   };
   return /* @__PURE__ */ r.createElement(
     "div",
     {
-      className: De(xe.fileExplorerContainer, {
-        [xe.dropActive]: Y,
-        [xe.dockPresentation]: D
+      className: De(ye.fileExplorerContainer, {
+        [ye.dropActive]: y,
+        [ye.dockPresentation]: S
       }),
-      onDragEnter: (y) => {
-        y.dataTransfer.types.includes(
+      onDragEnter: (g) => {
+        g.dataTransfer.types.includes(
           "application/x-wp-playground-path"
-        ) || (y.preventDefault(), N || w(!0));
+        ) || (g.preventDefault(), A || x(!0));
       },
-      onDragOver: (y) => {
-        y.dataTransfer.types.includes(
+      onDragOver: (g) => {
+        g.dataTransfer.types.includes(
           "application/x-wp-playground-path"
-        ) || (y.preventDefault(), y.dataTransfer.dropEffect = N ? "none" : "copy");
+        ) || (g.preventDefault(), g.dataTransfer.dropEffect = A ? "none" : "copy");
       },
-      onDragLeave: (y) => {
-        const j = y.relatedTarget;
-        (!j || !y.currentTarget.contains(j)) && w(!1);
+      onDragLeave: (g) => {
+        const $ = g.relatedTarget;
+        (!$ || !g.currentTarget.contains($)) && x(!1);
       },
-      onDropCapture: () => w(!1),
-      onDrop: ae
+      onDropCapture: () => x(!1),
+      onDrop: de
     },
-    /* @__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(
+    /* @__PURE__ */ r.createElement("div", { className: ye.fileExplorerHeader }, /* @__PURE__ */ r.createElement("span", { className: ye.fileExplorerTitle }, h), _ ? /* @__PURE__ */ r.createElement("span", { className: ye.fileExplorerSubsectionTitle }, _) : null, A ? null : /* @__PURE__ */ r.createElement("div", { className: ye.fileExplorerActions }, /* @__PURE__ */ r.createElement(
       Nt,
       {
         label: "Create new file",
-        useWordPressTooltip: P
+        useWordPressTooltip: K
       },
       /* @__PURE__ */ r.createElement(
         "button",
         {
           className: De(
-            xe.fileExplorerButton,
-            xe.fileExplorerIconButton
+            ye.fileExplorerButton,
+            ye.fileExplorerIconButton
           ),
           type: "button",
           onClick: () => {
-            W.current && W.current.createFile();
+            B.current && B.current.createFile();
           },
           "aria-label": "Create new file",
-          title: P ? void 0 : "Create new file"
+          title: K ? void 0 : "Create new file"
         },
-        D ? /* @__PURE__ */ r.createElement($n, null) : /* @__PURE__ */ r.createElement(St, { icon: Gr, size: 20 })
+        S ? /* @__PURE__ */ r.createElement(Hn, null) : /* @__PURE__ */ r.createElement(St, { icon: Gr, size: 20 })
       )
     ), /* @__PURE__ */ r.createElement(
       Nt,
       {
         label: "Create new folder",
-        useWordPressTooltip: P
+        useWordPressTooltip: K
       },
       /* @__PURE__ */ r.createElement(
         "button",
         {
           className: De(
-            xe.fileExplorerButton,
-            xe.fileExplorerIconButton
+            ye.fileExplorerButton,
+            ye.fileExplorerIconButton
           ),
           type: "button",
           onClick: () => {
-            W.current && W.current.createFolder();
+            B.current && B.current.createFolder();
           },
           "aria-label": "Create new folder",
-          title: P ? void 0 : "Create new folder"
+          title: K ? void 0 : "Create new folder"
         },
-        D ? /* @__PURE__ */ r.createElement(Wn, null) : /* @__PURE__ */ r.createElement(St, { icon: Ur, size: 20 })
+        S ? /* @__PURE__ */ r.createElement(Un, null) : /* @__PURE__ */ r.createElement(St, { icon: zr, size: 20 })
       )
     ), /* @__PURE__ */ r.createElement(
       Nt,
       {
         label: "Upload files",
-        useWordPressTooltip: P
+        useWordPressTooltip: K
       },
       /* @__PURE__ */ r.createElement(
         "button",
         {
           className: De(
-            xe.fileExplorerButton,
-            xe.fileExplorerIconButton,
-            xe.fileExplorerUploadButton
+            ye.fileExplorerButton,
+            ye.fileExplorerIconButton,
+            ye.fileExplorerUploadButton
           ),
           type: "button",
           onClick: () => {
-            var y;
-            return (y = q.current) == null ? void 0 : y.click();
+            var g;
+            return (g = C.current) == null ? void 0 : g.click();
           },
           "aria-label": "Upload files",
-          title: P ? void 0 : "Upload files"
+          title: K ? void 0 : "Upload files"
         },
         /* @__PURE__ */ r.createElement(
           St,
           {
             icon: Yr,
-            size: D ? 16 : 20
+            size: S ? 16 : 20
           }
         )
       )
     ), /* @__PURE__ */ r.createElement(
       "input",
       {
-        ref: q,
+        ref: C,
         type: "file",
         multiple: !0,
         style: { display: "none" },
-        onChange: X
+        onChange: oe
       }
     ))),
-    /* @__PURE__ */ r.createElement("div", { className: xe.fileExplorerTree }, /* @__PURE__ */ r.createElement(
+    /* @__PURE__ */ r.createElement("div", { className: ye.fileExplorerTree }, /* @__PURE__ */ r.createElement(
       Or,
       {
-        ref: W,
-        readOnly: N,
+        ref: B,
+        readOnly: A,
         filesystem: n,
-        root: A,
-        initialSelectedPath: R,
-        onSelect: async (y) => {
-          if (!y) {
-            l(A), await d();
+        root: D,
+        initialSelectedPath: G,
+        onSelect: async (g) => {
+          if (!g) {
+            l(D), await d();
             return;
           }
           try {
-            if (await n.isDir(y)) {
-              l(y);
+            if (await n.isDir(g)) {
+              l(g);
               return;
             }
           } catch {
           }
-          l(Le(y)), await b(y, !1);
+          l(Le(g)), await z(g, !1);
         },
-        onDoubleClickFile: async (y) => {
-          await b(y, !0);
+        onDoubleClickFile: async (g) => {
+          await z(g, !0);
         }
       }
     ))
@@ -2435,9 +2437,9 @@ function Nt({
   useWordPressTooltip: c,
   children: f
 }) {
-  return c ? /* @__PURE__ */ r.createElement(Wt, { text: n, delay: 0, placement: "top" }, f) : f;
+  return c ? /* @__PURE__ */ r.createElement(Ht, { 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(
+const Hn = () => /* @__PURE__ */ r.createElement("svg", { viewBox: "0 0 32 32", width: "24", height: "24", "aria-hidden": "true" }, /* @__PURE__ */ r.createElement(
   "path",
   {
     d: "M11 6h7l5 5v12a2 2 0 0 1-2 2H11a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2z",
@@ -2464,7 +2466,7 @@ const $n = () => /* @__PURE__ */ r.createElement("svg", { viewBox: "0 0 32 32",
     strokeWidth: "2",
     strokeLinecap: "round"
   }
-))), Wn = () => /* @__PURE__ */ r.createElement("svg", { viewBox: "0 0 32 32", width: "24", height: "24", "aria-hidden": "true" }, /* @__PURE__ */ r.createElement(
+))), Un = () => /* @__PURE__ */ r.createElement("svg", { viewBox: "0 0 32 32", width: "24", height: "24", "aria-hidden": "true" }, /* @__PURE__ */ r.createElement(
   "path",
   {
     d: "M6 9h7l3 3h10v11a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2V9z",
@@ -2491,40 +2493,40 @@ const $n = () => /* @__PURE__ */ r.createElement("svg", { viewBox: "0 0 32 32",
     strokeWidth: "2",
     strokeLinecap: "round"
   }
-))), 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: 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 = {
+))), zn = "_container_a36e6_1", Gn = "_content_a36e6_9", Yn = "_sidebarWrapper_a36e6_17", Zn = "_editorWrapper_a36e6_28", Kn = "_editorHeader_a36e6_37", qn = "_editorPath_a36e6_49", Jn = "_editorPathDirectory_a36e6_61", Xn = "_editorPathFilename_a36e6_68", Qn = "_editorPathPlaceholder_a36e6_73", ea = "_editorPathPortaled_a36e6_77", ta = "_editorHeaderActions_a36e6_83", ra = "_saveStatus_a36e6_90", na = "_saveStatusSaving_a36e6_97", aa = "_saveStatusPending_a36e6_98", oa = "_saveStatusError_a36e6_102", ia = "_editor_a36e6_28", la = "_placeholder_a36e6_124", sa = "_messageArea_a36e6_135", ca = "_mobileToggle_a36e6_171", ua = "_mobileOverlay_a36e6_175", fa = "_dockPresentation_a36e6_181", da = "_dockDirtyIndicator_a36e6_205", ma = "_dockSaveButton_a36e6_214", pa = "_sidebarOpen_a36e6_269", ha = "_editorHeaderPathPortaled_a36e6_367", q = {
+  container: zn,
+  content: Gn,
+  sidebarWrapper: Yn,
+  editorWrapper: Zn,
+  editorHeader: Kn,
+  editorPath: qn,
+  editorPathDirectory: Jn,
+  editorPathFilename: Xn,
+  editorPathPlaceholder: Qn,
+  editorPathPortaled: ea,
+  editorHeaderActions: ta,
+  saveStatus: ra,
+  saveStatusSaving: na,
+  saveStatusPending: aa,
+  saveStatusError: oa,
+  editor: ia,
+  placeholder: la,
+  messageArea: sa,
+  mobileToggle: ca,
+  mobileOverlay: ua,
+  dockPresentation: fa,
+  dockDirtyIndicator: da,
+  dockSaveButton: ma,
+  sidebarOpen: pa,
+  editorHeaderPathPortaled: ha
+}, va = 1500, wa = 700, ga = 1e3, O = {
   IDLE: "idle",
   PENDING: "pending",
   SAVING: "saving",
   SAVED: "saved",
   ERROR: "error"
 };
-function Ya({
+function Za({
   filesystem: n,
   isVisible: c = !0,
   documentRoot: f,
@@ -2533,263 +2535,263 @@ function Ya({
   dockPresentation: d = !1,
   mobileHeaderTarget: k = null
 }) {
-  const [A, N] = Q(
+  const [D, A] = ee(
     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(
+  ), [h, _] = ee(null), [F, S] = ee(""), [K, B] = ee(!0), [C, G] = ee(O.IDLE), [y, x] = ee(null), [z, J] = ee("idle"), [oe, de] = ee(!1), [g, $] = ee(null), N = V(null), p = V(null), M = V(!1), Y = V(h), te = V(
     n
-  ), O = M(null), oe = M(null), ee = M(
+  ), L = V(null), Q = V(null), X = V(
     /* @__PURE__ */ new WeakMap()
-  ), ve = M(!0), he = M(/* @__PURE__ */ new Map()), Ne = M(!1);
-  Z.current = n, z(() => {
-    ce.current = h;
+  ), ve = V(!0), me = V(/* @__PURE__ */ new Map()), Ne = V(!1);
+  te.current = n, W(() => {
+    Y.current = h;
   }, [h]);
-  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);
+  const Pe = Ue(async (b) => {
+    const { filesystem: P, path: ie, content: le } = b, ce = Q.current === b, be = X.current, ge = (be.get(P) ?? Promise.resolve()).catch(() => {
+    }).then(() => P.writeFile(ie, le));
+    be.set(P, ge);
     let Ie = !1;
     try {
       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(
+    const at = ve.current && be.get(P) === ge && te.current === P && Y.current === ie && L.current === null;
+    be.get(P) === ge && be.delete(P), Q.current === b && (Q.current = null), at && (G(Ie ? O.ERROR : O.SAVED), x(
       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));
+    ), ce && J(Ie ? "idle" : "saved"));
+  }, []), re = Ue(() => {
+    const b = L.current;
+    b && (p.current !== null && (window.clearTimeout(p.current), p.current = null), L.current = null, Pe(b));
   }, [Pe]);
-  z(() => (ve.current = !0, () => {
+  W(() => (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(() => {
+  }), []), W(() => () => {
+    var b;
+    ((b = L.current) == null ? void 0 : b.filesystem) === n && re();
+  }, [f, n, re]), W(() => {
+    M.current = !0, A(f), S(""), _(null), B(!0), G(O.IDLE), x(null), de(!1), $(null), me.current.clear(), Ne.current = !1;
+  }, [f, n]), W(() => {
     if (!n || !l || Ne.current)
       return;
-    let C = !1;
+    let b = !1;
     return (async () => {
       try {
-        if (await n.fileExists(l) && !C) {
+        if (await n.fileExists(l) && !b) {
           const le = await n.readFileAsText(l);
-          if (C)
+          if (b)
             return;
-          F.current = !0, _(l), P(le), q(!1), Y(L.IDLE), b(null), setTimeout(() => {
-            var ue;
-            (ue = $.current) == null || ue.focus();
+          M.current = !0, _(l), S(le), B(!1), G(O.IDLE), x(null), setTimeout(() => {
+            var ce;
+            (ce = N.current) == null || ce.focus();
           }, 100);
         }
       } catch (ie) {
         Xe.debug("Could not auto-open initial path:", ie);
       } finally {
-        C || (Ne.current = !0);
+        b || (Ne.current = !0);
       }
     })(), () => {
-      C = !0;
+      b = !0;
     };
-  }, [n, l]), z(() => {
+  }, [n, l]), W(() => {
     if (!n || !h) {
-      p.current !== null && (window.clearTimeout(p.current), p.current = null), O.current = null, h || Y(L.IDLE);
+      p.current !== null && (window.clearTimeout(p.current), p.current = null), L.current = null, h || G(O.IDLE);
       return;
     }
-    if (F.current) {
-      F.current = !1, O.current = null;
+    if (M.current) {
+      M.current = !1, L.current = null;
       return;
     }
-    p.current !== null && (window.clearTimeout(p.current), p.current = null), Y(L.PENDING);
-    const C = {
+    p.current !== null && (window.clearTimeout(p.current), p.current = null), G(O.PENDING);
+    const b = {
       filesystem: n,
       path: h,
-      content: D
+      content: F
     };
-    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);
+    L.current = b;
+    const P = window.setTimeout(() => {
+      L.current === b && (p.current = null, L.current = null, G(O.SAVING), Pe(b));
+    }, va);
+    return p.current = P, () => {
+      p.current === P && (window.clearTimeout(P), p.current = null);
     };
-  }, [D, h, n, Pe]), z(() => {
-    if (R !== L.SAVED)
+  }, [F, h, n, Pe]), W(() => {
+    if (C !== O.SAVED)
       return;
-    const C = window.setTimeout(() => {
-      Y(
-        (S) => S === L.SAVED ? L.IDLE : S
+    const b = window.setTimeout(() => {
+      G(
+        (P) => P === O.SAVED ? O.IDLE : P
       );
     }, 2e3);
-    return () => window.clearTimeout(C);
-  }, [R]), z(() => {
-    G === "idle" || R === L.SAVING || R === L.SAVED || X("idle");
-  }, [G, R]), z(() => {
-    if (G !== "saved")
+    return () => window.clearTimeout(b);
+  }, [C]), W(() => {
+    z === "idle" || C === O.SAVING || C === O.SAVED || J("idle");
+  }, [z, C]), W(() => {
+    if (z !== "saved")
       return;
-    const C = window.setTimeout(
-      () => X("idle"),
-      wa
+    const b = window.setTimeout(
+      () => J("idle"),
+      ga
     );
-    return () => window.clearTimeout(C);
-  }, [G]), z(() => {
-    if (G !== "waiting")
+    return () => window.clearTimeout(b);
+  }, [z]), W(() => {
+    if (z !== "waiting")
       return;
-    const C = window.setTimeout(
-      () => X(
-        (S) => S === "waiting" ? "saving" : S
+    const b = window.setTimeout(
+      () => J(
+        (P) => P === "waiting" ? "saving" : P
       ),
-      va
+      wa
     );
-    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,
+    return () => window.clearTimeout(b);
+  }, [z]);
+  const Oe = Ue(
+    async (b, P, ie = !0) => {
+      var ce;
+      const le = (ce = N.current) == null ? void 0 : ce.getCursorPosition();
+      le != null && Y.current && me.current.set(
+        Y.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();
+      ), M.current = !0, _(b), S(P), $(null), B(!1), G(O.IDLE), x(null), de(!1), setTimeout(() => {
+        var $e, ge, Ie;
+        const be = me.current.get(b);
+        be !== void 0 && (($e = N.current) == null || $e.setCursorPosition(be)), ie ? (ge = N.current) == null || ge.focus() : (Ie = N.current) == null || Ie.blur();
       }, 50);
     },
     []
   );
-  z(() => {
+  W(() => {
     var ie;
     if (!h)
       return;
-    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);
+    const b = setInterval(() => {
+      var ce;
+      const le = (ce = N.current) == null ? void 0 : ce.getCursorPosition();
+      le != null && me.current.set(h, le);
+    }, 1e3), P = (ie = N.current) == null ? void 0 : ie.getCursorPosition();
+    return P != null && me.current.set(h, P), () => {
+      var ce;
+      clearInterval(b);
+      const le = (ce = N.current) == null ? void 0 : ce.getCursorPosition();
+      le != null && me.current.set(h, le);
     };
-  }, [h]), z(() => {
+  }, [h]), W(() => {
     if (!c || !h)
       return;
-    const C = setTimeout(() => {
+    const b = setTimeout(() => {
       var ie;
-      const S = he.current.get(h);
-      S !== void 0 && ((ie = $.current) == null || ie.setCursorPosition(S));
+      const P = me.current.get(h);
+      P !== void 0 && ((ie = N.current) == null || ie.setCursorPosition(P));
     }, 100);
-    return () => clearTimeout(C);
+    return () => clearTimeout(b);
   }, [c, h]);
-  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);
+  const ne = Ue(async () => {
+    var P;
+    const b = (P = N.current) == null ? void 0 : P.getCursorPosition();
+    b != null && Y.current && me.current.set(Y.current, b), M.current = !0, _(null), S(""), $(null), B(!0), G(O.IDLE), x(null);
+  }, []), Me = Ue(
+    async (b, P) => {
+      M.current = !0, _(null), typeof P == "string" ? (S(P), $(null)) : (S(""), $(P)), B(!0), G(O.IDLE), x(null), de(!1);
     },
     []
-  ), 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 = {
+  ), _e = Ue(() => {
+    L.current && (Q.current = L.current, J("waiting"), G(O.SAVING), re());
+  }, [re]), ke = Ue(() => {
+    !L.current && C === O.ERROR && n && h && (L.current = {
       filesystem: n,
       path: h,
-      content: D
-    }), O.current && (b(null), ye());
-  }, [D, h, n, ye, R]), Fe = ga(R, w), Se = Ea(R, J), de = ya(R);
+      content: F
+    }), L.current && (x(null), _e());
+  }, [F, h, n, _e, C]), Fe = Ea(C, y), Se = ya(C, q), fe = _a(C);
   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;
+  C === O.ERROR ? H = "Retry" : C === O.SAVED && z === "saved" ? H = "Saved" : C === O.SAVING && z === "saving" && (H = "Saving…");
+  const w = C === O.PENDING || C === O.SAVING || C === O.ERROR;
   if (!n)
     return /* @__PURE__ */ r.createElement(
       "div",
       {
-        className: De(J.container, {
-          [J.dockPresentation]: d
+        className: De(q.container, {
+          [q.dockPresentation]: d
         })
       },
-      /* @__PURE__ */ r.createElement("div", { className: J.placeholder }, T)
+      /* @__PURE__ */ r.createElement("div", { className: q.placeholder }, T)
     );
-  const pe = h ? Le(h) : null, me = h ? et(h) : null, we = /* @__PURE__ */ r.createElement(
+  const he = h ? Le(h) : null, pe = h ? et(h) : null, we = /* @__PURE__ */ r.createElement(
     "div",
     {
-      className: De(J.editorPath, {
-        [J.editorPathPlaceholder]: !(h != null && h.length),
-        [J.editorPathPortaled]: k
+      className: De(q.editorPath, {
+        [q.editorPathPlaceholder]: !(h != null && h.length),
+        [q.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}`
+    he && pe ? /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement("span", { className: q.editorPathDirectory }, he === "/" ? "" : he), /* @__PURE__ */ r.createElement("span", { className: q.editorPathFilename }, "/", pe)) : `Browse files under ${f}`
   );
   return /* @__PURE__ */ r.createElement(
     "div",
     {
-      className: De(J.container, {
-        [J.dockPresentation]: d
+      className: De(q.container, {
+        [q.dockPresentation]: d
       })
     },
     /* @__PURE__ */ r.createElement(
       "div",
       {
-        className: De(J.content, {
-          [J.sidebarOpen]: ae
+        className: De(q.content, {
+          [q.sidebarOpen]: oe
         })
       },
       /* @__PURE__ */ r.createElement(
         "div",
         {
-          className: J.mobileOverlay,
-          onClick: () => y(!1)
+          className: q.mobileOverlay,
+          onClick: () => de(!1)
         }
       ),
-      /* @__PURE__ */ r.createElement("aside", { className: J.sidebarWrapper }, /* @__PURE__ */ r.createElement(
-        zn,
+      /* @__PURE__ */ r.createElement("aside", { className: q.sidebarWrapper }, /* @__PURE__ */ r.createElement(
+        Wn,
         {
           filesystem: n,
           currentPath: h,
-          selectedDirPath: A,
-          setSelectedDirPath: N,
+          selectedDirPath: D,
+          setSelectedDirPath: A,
           onFileOpened: Oe,
-          onSelectionCleared: re,
+          onSelectionCleared: ne,
           onShowMessage: Me,
           documentRoot: f,
           dockPresentation: d,
           useWordPressTooltips: d
         }
       )),
-      /* @__PURE__ */ r.createElement("section", { className: J.editorWrapper }, /* @__PURE__ */ r.createElement(
+      /* @__PURE__ */ r.createElement("section", { className: q.editorWrapper }, /* @__PURE__ */ r.createElement(
         "div",
         {
-          className: De(J.editorHeader, {
-            [J.editorHeaderPathPortaled]: k
+          className: De(q.editorHeader, {
+            [q.editorHeaderPathPortaled]: k
           })
         },
         /* @__PURE__ */ r.createElement(
           tt,
           {
-            className: J.mobileToggle,
+            className: q.mobileToggle,
             variant: "secondary",
-            onClick: () => y((C) => !C)
+            onClick: () => de((b) => !b)
           },
-          ae ? "Hide files" : "Browse files"
+          oe ? "Hide files" : "Browse files"
         ),
         k ? Mr(we, k) : we,
-        d && !W && h ? /* @__PURE__ */ r.createElement("div", { className: J.editorHeaderActions }, g ? /* @__PURE__ */ r.createElement(
+        d && !K && h ? /* @__PURE__ */ r.createElement("div", { className: q.editorHeaderActions }, w ? /* @__PURE__ */ r.createElement(
           "span",
           {
-            className: J.dockDirtyIndicator,
+            className: q.dockDirtyIndicator,
             "aria-hidden": "true"
           }
-        ) : null, /* @__PURE__ */ r.createElement(Wt, { text: de, placement: "top" }, /* @__PURE__ */ r.createElement(
+        ) : null, /* @__PURE__ */ r.createElement(Ht, { text: fe, placement: "top" }, /* @__PURE__ */ r.createElement(
           tt,
           {
             variant: "secondary",
-            className: J.dockSaveButton,
-            isDestructive: R === L.ERROR,
+            className: q.dockSaveButton,
+            isDestructive: C === O.ERROR,
             onClick: ke
           },
           H
@@ -2797,85 +2799,85 @@ function Ya({
           "div",
           {
             className: De(
-              J.saveStatus,
+              q.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(
+        d && !K && h ? /* @__PURE__ */ r.createElement(ir, { role: "status", "aria-live": "polite" }, fe) : null
+      ), y ? /* @__PURE__ */ r.createElement("div", { style: { padding: "8px 16px" } }, /* @__PURE__ */ r.createElement(lr, { status: "error", isDismissible: !1 }, y)) : null, h || F || g ? g ? /* @__PURE__ */ r.createElement("div", { className: q.messageArea }, g) : /* @__PURE__ */ r.createElement(
         Gt,
         {
-          ref: $,
-          code: D,
-          onChange: P,
+          ref: N,
+          code: F,
+          onChange: S,
           currentPath: h,
-          className: J.editor,
-          onSaveShortcut: ye,
-          readOnly: W
+          className: q.editor,
+          onSaveShortcut: _e,
+          readOnly: K
         }
-      ) : /* @__PURE__ */ r.createElement("div", { className: J.placeholder }, T))
+      ) : /* @__PURE__ */ r.createElement("div", { className: q.placeholder }, T))
     )
   );
 }
-function ga(n, c) {
+function Ea(n, c) {
   switch (n) {
-    case L.PENDING:
-    case L.SAVING:
+    case O.PENDING:
+    case O.SAVING:
       return "Saving…";
-    case L.SAVED:
+    case O.SAVED:
       return "Saved";
-    case L.ERROR:
+    case O.ERROR:
       return c ?? "Save failed";
     default:
       return "";
   }
 }
-function Ea(n, c) {
+function ya(n, c) {
   switch (n) {
-    case L.PENDING:
+    case O.PENDING:
       return c.saveStatusPending;
-    case L.SAVING:
+    case O.SAVING:
       return c.saveStatusSaving;
-    case L.ERROR:
+    case O.ERROR:
       return c.saveStatusError;
     default:
       return;
   }
 }
-function ya(n) {
+function _a(n) {
   switch (n) {
-    case L.PENDING:
+    case O.PENDING:
       return "Unsaved changes. Click to save now.";
-    case L.SAVING:
+    case O.SAVING:
       return "Saving changes…";
-    case L.ERROR:
+    case O.ERROR:
       return "Saving failed. Click to retry.";
     default:
       return "All changes saved.";
   }
 }
 export {
-  Ga as BinaryFilePreview,
-  za as ClockIcon,
+  Ya as BinaryFilePreview,
+  Wa as ClockIcon,
   Gt as CodeEditor,
-  zn as FileExplorerSidebar,
-  Ua as FilePickerControl,
+  Wn as FileExplorerSidebar,
+  Ga as FilePickerControl,
   nn as FilePickerTree,
   Yt as MAX_INLINE_FILE_BYTES,
-  Ya as PlaygroundFileEditor,
-  Ha as SiteManagerIcon,
-  Va as WordPressIcon,
+  Za as PlaygroundFileEditor,
+  za as SiteManagerIcon,
+  $a as WordPressIcon,
   Vt as createDownloadUrl,
   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
+  Ua as getLogoDataURL,
+  Vn as getMimeType,
+  $n as isPreviewableBinary,
+  Ha as layout,
+  ja as playgroundLogo,
+  On as seemsLikeBinary,
+  Va as temporaryStorage
 };
 //# sourceMappingURL=index.js.map