@wp-playground/components 3.1.50 → 3.1.51

package/index.js

@@ -1,4 +1,4 @@
-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 r, { forwardRef as $t, useMemo as Ft, useState as te, useRef as M, useEffect as H, 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 Ht, VisuallyHidden as ir, Notice as lr } from "@wordpress/components";
 import De from "classnames";
@@ -232,15 +232,15 @@ var Bt;
 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(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 };
+  var n = r, c = Symbol.for("react.element"), f = Symbol.for("react.fragment"), l = Object.prototype.hasOwnProperty, R = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, d = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function P(A, T, v) {
+    var D, _ = {}, k = null, Z = null;
+    v !== void 0 && (k = "" + v), T.key !== void 0 && (k = "" + T.key), T.ref !== void 0 && (Z = T.ref);
+    for (D in T) l.call(T, D) && !d.hasOwnProperty(D) && (_[D] = T[D]);
+    if (A && A.defaultProps) for (D in T = A.defaultProps, T) _[D] === void 0 && (_[D] = T[D]);
+    return { $$typeof: c, type: A, key: k, ref: Z, props: _, _owner: R.current };
   }
-  return lt.Fragment = f, lt.jsx = k, lt.jsxs = k, lt;
+  return lt.Fragment = f, lt.jsx = P, lt.jsxs = P, lt;
 }
 var st = {};
 /**
@@ -255,54 +255,54 @@ var st = {};
 var Mt;
 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"), 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) {
+    var n = r, c = Symbol.for("react.element"), f = Symbol.for("react.portal"), l = Symbol.for("react.fragment"), R = Symbol.for("react.strict_mode"), d = Symbol.for("react.profiler"), P = Symbol.for("react.provider"), A = Symbol.for("react.context"), T = Symbol.for("react.forward_ref"), v = Symbol.for("react.suspense"), D = Symbol.for("react.suspense_list"), _ = Symbol.for("react.memo"), k = Symbol.for("react.lazy"), Z = Symbol.for("react.offscreen"), j = Symbol.iterator, x = "@@iterator";
+    function K(e) {
       if (e === null || typeof e != "object")
         return null;
-      var s = B && e[B] || e[C];
+      var s = j && e[j] || e[x];
       return typeof s == "function" ? s : null;
     }
-    var y = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function x(e) {
+    var W = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function m(e) {
       {
-        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);
+        for (var s = arguments.length, p = new Array(s > 1 ? s - 1 : 0), C = 1; C < s; C++)
+          p[C - 1] = arguments[C];
+        V("error", e, p);
       }
     }
-    function z(e, s, m) {
+    function V(e, s, p) {
       {
-        var R = y.ReactDebugCurrentFrame, U = R.getStackAddendum();
-        U !== "" && (s += "%s", m = m.concat([U]));
-        var Z = m.map(function(j) {
-          return String(j);
+        var C = W.ReactDebugCurrentFrame, z = C.getStackAddendum();
+        z !== "" && (s += "%s", p = p.concat([z]));
+        var Y = p.map(function(B) {
+          return String(B);
         });
-        Z.unshift("Warning: " + s), Function.prototype.apply.call(console[e], console, Z);
+        Y.unshift("Warning: " + s), Function.prototype.apply.call(console[e], console, Y);
       }
     }
-    var J = !1, oe = !1, de = !1, g = !1, $ = !1, N;
+    var J = !1, ce = !1, Q = !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 || $ || 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
+    function h(e) {
+      return !!(typeof e == "string" || typeof e == "function" || e === l || e === d || $ || e === R || e === v || e === D || g || e === Z || J || ce || Q || typeof e == "object" && e !== null && (e.$$typeof === k || e.$$typeof === _ || e.$$typeof === P || e.$$typeof === A || e.$$typeof === T || // 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 === N || e.getModuleId !== void 0));
     }
-    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 O(e, s, p) {
+      var C = e.displayName;
+      if (C)
+        return C;
+      var z = s.displayName || s.name || "";
+      return z !== "" ? p + "(" + z + ")" : p;
     }
-    function Y(e) {
+    function G(e) {
       return e.displayName || "Context";
     }
-    function te(e) {
+    function re(e) {
       if (e == null)
         return null;
-      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")
+      if (typeof e.tag == "number" && m("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;
@@ -313,30 +313,30 @@ function Wr() {
           return "Portal";
         case d:
           return "Profiler";
-        case T:
+        case R:
           return "StrictMode";
-        case h:
+        case v:
           return "Suspense";
-        case _:
+        case D:
           return "SuspenseList";
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case D:
-            var s = e;
-            return Y(s) + ".Consumer";
-          case k:
-            var m = e;
-            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;
+            var s = e;
+            return G(s) + ".Consumer";
+          case P:
+            var p = e;
+            return G(p._context) + ".Provider";
+          case T:
+            return O(e, e.render, "ForwardRef");
+          case _:
+            var C = e.displayName || null;
+            return C !== null ? C : re(e.type) || "Memo";
+          case k: {
+            var z = e, Y = z._payload, B = z._init;
             try {
-              return te(j(Z));
+              return re(B(Y));
             } catch {
               return null;
             }
@@ -344,18 +344,18 @@ function Wr() {
         }
       return null;
     }
-    var L = Object.assign, Q = 0, X, ve, me, Ne, Pe, re, Oe;
-    function ne() {
+    var I = Object.assign, ee = 0, X, ve, me, Ne, Pe, ne, Oe;
+    function ae() {
     }
-    ne.__reactDisabledLog = !0;
+    ae.__reactDisabledLog = !0;
     function Me() {
       {
-        if (Q === 0) {
-          X = console.log, ve = console.info, me = console.warn, Ne = console.error, Pe = console.group, re = console.groupCollapsed, Oe = console.groupEnd;
+        if (ee === 0) {
+          X = console.log, ve = console.info, me = console.warn, Ne = console.error, Pe = console.group, ne = console.groupCollapsed, Oe = console.groupEnd;
           var e = {
             configurable: !0,
             enumerable: !0,
-            value: ne,
+            value: ae,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -368,142 +368,142 @@ function Wr() {
             groupEnd: e
           });
         }
-        Q++;
+        ee++;
       }
     }
     function _e() {
       {
-        if (Q--, Q === 0) {
+        if (ee--, ee === 0) {
           var e = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: L({}, e, {
+            log: I({}, e, {
               value: X
             }),
-            info: L({}, e, {
+            info: I({}, e, {
               value: ve
             }),
-            warn: L({}, e, {
+            warn: I({}, e, {
               value: me
             }),
-            error: L({}, e, {
+            error: I({}, e, {
               value: Ne
             }),
-            group: L({}, e, {
+            group: I({}, e, {
               value: Pe
             }),
-            groupCollapsed: L({}, e, {
-              value: re
+            groupCollapsed: I({}, e, {
+              value: ne
             }),
-            groupEnd: L({}, e, {
+            groupEnd: I({}, e, {
               value: Oe
             })
           });
         }
-        Q < 0 && x("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        ee < 0 && m("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var ke = y.ReactCurrentDispatcher, Fe;
-    function Se(e, s, m) {
+    var ke = W.ReactCurrentDispatcher, Fe;
+    function Se(e, s, p) {
       {
         if (Fe === void 0)
           try {
             throw Error();
-          } catch (U) {
-            var R = U.stack.trim().match(/\n( *(at )?)/);
-            Fe = R && R[1] || "";
+          } catch (z) {
+            var C = z.stack.trim().match(/\n( *(at )?)/);
+            Fe = C && C[1] || "";
           }
         return `
 ` + Fe + e;
       }
     }
-    var fe = !1, H;
+    var de = !1, U;
     {
-      var w = typeof WeakMap == "function" ? WeakMap : Map;
-      H = new w();
+      var E = typeof WeakMap == "function" ? WeakMap : Map;
+      U = new E();
     }
     function he(e, s) {
-      if (!e || fe)
+      if (!e || de)
         return "";
       {
-        var m = H.get(e);
-        if (m !== void 0)
-          return m;
+        var p = U.get(e);
+        if (p !== void 0)
+          return p;
       }
-      var R;
-      fe = !0;
-      var U = Error.prepareStackTrace;
+      var C;
+      de = !0;
+      var z = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var Z;
-      Z = ke.current, ke.current = null, Me();
+      var Y;
+      Y = ke.current, ke.current = null, Me();
       try {
         if (s) {
-          var j = function() {
+          var B = function() {
             throw Error();
           };
-          if (Object.defineProperty(j.prototype, "props", {
+          if (Object.defineProperty(B.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(j, []);
+              Reflect.construct(B, []);
             } catch (Ce) {
-              R = Ce;
+              C = Ce;
             }
-            Reflect.construct(e, [], j);
+            Reflect.construct(e, [], B);
           } else {
             try {
-              j.call();
+              B.call();
             } catch (Ce) {
-              R = Ce;
+              C = Ce;
             }
-            e.call(j.prototype);
+            e.call(B.prototype);
           }
         } else {
           try {
             throw Error();
           } catch (Ce) {
-            R = Ce;
+            C = Ce;
           }
           e();
         }
       } 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)
+        if (Ce && C && typeof Ce.stack == "string") {
+          for (var F = Ce.stack.split(`
+`), Ee = C.stack.split(`
+`), se = F.length - 1, fe = Ee.length - 1; se >= 1 && fe >= 0 && F[se] !== Ee[fe]; )
+            fe--;
+          for (; se >= 1 && fe >= 0; se--, fe--)
+            if (F[se] !== Ee[fe]) {
+              if (se !== 1 || fe !== 1)
                 do
-                  if (se--, ue--, ue < 0 || I[se] !== Ee[ue]) {
+                  if (se--, fe--, fe < 0 || F[se] !== Ee[fe]) {
                     var Te = `
-` + I[se].replace(" at new ", " at ");
-                    return e.displayName && Te.includes("<anonymous>") && (Te = Te.replace("<anonymous>", e.displayName)), typeof e == "function" && H.set(e, Te), Te;
+` + F[se].replace(" at new ", " at ");
+                    return e.displayName && Te.includes("<anonymous>") && (Te = Te.replace("<anonymous>", e.displayName)), typeof e == "function" && U.set(e, Te), Te;
                   }
-                while (se >= 1 && ue >= 0);
+                while (se >= 1 && fe >= 0);
               break;
             }
         }
       } finally {
-        fe = !1, ke.current = Z, _e(), Error.prepareStackTrace = U;
+        de = !1, ke.current = Y, _e(), Error.prepareStackTrace = z;
       }
       var Je = e ? e.displayName || e.name : "", He = Je ? Se(Je) : "";
-      return typeof e == "function" && H.set(e, He), He;
+      return typeof e == "function" && U.set(e, He), He;
     }
-    function pe(e, s, m) {
+    function pe(e, s, p) {
       return he(e, !1);
     }
     function we(e) {
       var s = e.prototype;
       return !!(s && s.isReactComponent);
     }
-    function b(e, s, m) {
+    function b(e, s, p) {
       if (e == null)
         return "";
       if (typeof e == "function")
@@ -511,51 +511,51 @@ function Wr() {
       if (typeof e == "string")
         return Se(e);
       switch (e) {
-        case h:
+        case v:
           return Se("Suspense");
-        case _:
+        case D:
           return Se("SuspenseList");
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case A:
+          case T:
             return pe(e.render);
-          case F:
-            return b(e.type, s, m);
-          case S: {
-            var R = e, U = R._payload, Z = R._init;
+          case _:
+            return b(e.type, s, p);
+          case k: {
+            var C = e, z = C._payload, Y = C._init;
             try {
-              return b(Z(U), s, m);
+              return b(Y(z), s, p);
             } catch {
             }
           }
         }
       return "";
     }
-    var P = Object.prototype.hasOwnProperty, ie = {}, le = y.ReactDebugCurrentFrame;
-    function ce(e) {
+    var S = Object.prototype.hasOwnProperty, ie = {}, le = W.ReactDebugCurrentFrame;
+    function ue(e) {
       if (e) {
-        var s = e._owner, m = b(e.type, e._source, s ? s.type : null);
-        le.setExtraStackFrame(m);
+        var s = e._owner, p = b(e.type, e._source, s ? s.type : null);
+        le.setExtraStackFrame(p);
       } else
         le.setExtraStackFrame(null);
     }
-    function be(e, s, m, R, U) {
+    function be(e, s, p, C, z) {
       {
-        var Z = Function.call.bind(P);
-        for (var j in e)
-          if (Z(e, j)) {
-            var I = void 0;
+        var Y = Function.call.bind(S);
+        for (var B in e)
+          if (Y(e, B)) {
+            var F = void 0;
             try {
-              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`.");
+              if (typeof e[B] != "function") {
+                var Ee = Error((C || "React class") + ": " + p + " type `" + B + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[B] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw Ee.name = "Invariant Violation", Ee;
               }
-              I = e[j](s, j, R, m, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              F = e[B](s, B, C, p, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (se) {
-              I = se;
+              F = se;
             }
-            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));
+            F && !(F instanceof Error) && (ue(z), m("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", C || "React class", p, B, typeof F), ue(null)), F instanceof Error && !(F.message in ie) && (ie[F.message] = !0, ue(z), m("Failed %s type: %s", p, F.message), ue(null));
           }
       }
     }
@@ -565,8 +565,8 @@ function Wr() {
     }
     function Ie(e) {
       {
-        var s = typeof Symbol == "function" && Symbol.toStringTag, m = s && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return m;
+        var s = typeof Symbol == "function" && Symbol.toStringTag, p = s && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return p;
       }
     }
     function at(e) {
@@ -581,16 +581,16 @@ function Wr() {
     }
     function ft(e) {
       if (at(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);
+        return m("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 = y.ReactCurrentOwner, Et = {
+    var dt = W.ReactCurrentOwner, Et = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
     }, mt, We;
     function Ye(e) {
-      if (P.call(e, "ref")) {
+      if (S.call(e, "ref")) {
         var s = Object.getOwnPropertyDescriptor(e, "ref").get;
         if (s && s.isReactWarning)
           return !1;
@@ -598,7 +598,7 @@ function Wr() {
       return e.ref !== void 0;
     }
     function yt(e) {
-      if (P.call(e, "key")) {
+      if (S.call(e, "key")) {
         var s = Object.getOwnPropertyDescriptor(e, "key").get;
         if (s && s.isReactWarning)
           return !1;
@@ -610,78 +610,78 @@ function Wr() {
     }
     function bt(e, s) {
       {
-        var m = function() {
-          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));
+        var p = function() {
+          mt || (mt = !0, m("%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,
+        p.isReactWarning = !0, Object.defineProperty(e, "key", {
+          get: p,
           configurable: !0
         });
       }
     }
     function xt(e, s) {
       {
-        var m = function() {
-          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));
+        var p = function() {
+          We || (We = !0, m("%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,
+        p.isReactWarning = !0, Object.defineProperty(e, "ref", {
+          get: p,
           configurable: !0
         });
       }
     }
-    var Ct = function(e, s, m, R, U, Z, j) {
-      var I = {
+    var Ct = function(e, s, p, C, z, Y, B) {
+      var F = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: c,
         // Built-in properties that belong on the element
         type: e,
         key: s,
-        ref: m,
-        props: j,
+        ref: p,
+        props: B,
         // Record the component responsible for creating this element.
-        _owner: Z
+        _owner: Y
       };
-      return I._store = {}, Object.defineProperty(I._store, "validated", {
+      return F._store = {}, Object.defineProperty(F._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(I, "_self", {
+      }), Object.defineProperty(F, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: R
-      }), Object.defineProperty(I, "_source", {
+        value: C
+      }), Object.defineProperty(F, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: U
-      }), Object.freeze && (Object.freeze(I.props), Object.freeze(I)), I;
+        value: z
+      }), Object.freeze && (Object.freeze(F.props), Object.freeze(F)), F;
     };
-    function pt(e, s, m, R, U) {
+    function pt(e, s, p, C, z) {
       {
-        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 (Z in s)
-          P.call(s, Z) && !Et.hasOwnProperty(Z) && (j[Z] = s[Z]);
+        var Y, B = {}, F = null, Ee = null;
+        p !== void 0 && (ft(p), F = "" + p), yt(s) && (ft(s.key), F = "" + s.key), Ye(s) && (Ee = s.ref, _t(s, z));
+        for (Y in s)
+          S.call(s, Y) && !Et.hasOwnProperty(Y) && (B[Y] = s[Y]);
         if (e && e.defaultProps) {
           var se = e.defaultProps;
-          for (Z in se)
-            j[Z] === void 0 && (j[Z] = se[Z]);
+          for (Y in se)
+            B[Y] === void 0 && (B[Y] = se[Y]);
         }
-        if (I || Ee) {
-          var ue = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          I && bt(j, ue), Ee && xt(j, ue);
+        if (F || Ee) {
+          var fe = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          F && bt(B, fe), Ee && xt(B, fe);
         }
-        return Ct(e, I, Ee, U, R, dt.current, j);
+        return Ct(e, F, Ee, z, C, dt.current, B);
       }
     }
-    var Ze = y.ReactCurrentOwner, ot = y.ReactDebugCurrentFrame;
+    var Ze = W.ReactCurrentOwner, ot = W.ReactDebugCurrentFrame;
     function Ve(e) {
       if (e) {
-        var s = e._owner, m = b(e.type, e._source, s ? s.type : null);
-        ot.setExtraStackFrame(m);
+        var s = e._owner, p = b(e.type, e._source, s ? s.type : null);
+        ot.setExtraStackFrame(p);
       } else
         ot.setExtraStackFrame(null);
     }
@@ -693,7 +693,7 @@ function Wr() {
     function ht() {
       {
         if (Ze.current) {
-          var e = te(Ze.current.type);
+          var e = re(Ze.current.type);
           if (e)
             return `
 
@@ -710,10 +710,10 @@ Check the render method of \`` + e + "`.";
       {
         var s = ht();
         if (!s) {
-          var m = typeof e == "string" ? e : e.displayName || e.name;
-          m && (s = `
+          var p = typeof e == "string" ? e : e.displayName || e.name;
+          p && (s = `
 
-Check the top-level render call using <` + m + ">.");
+Check the top-level render call using <` + p + ">.");
         }
         return s;
       }
@@ -723,12 +723,12 @@ Check the top-level render call using <` + m + ">.");
         if (!e._store || e._store.validated || e.key != null)
           return;
         e._store.validated = !0;
-        var m = kt(s);
-        if (vt[m])
+        var p = kt(s);
+        if (vt[p])
           return;
-        vt[m] = !0;
-        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);
+        vt[p] = !0;
+        var C = "";
+        e && e._owner && e._owner !== Ze.current && (C = " It was passed a child from " + re(e._owner.type) + "."), Ve(e), m('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', p, C), Ve(null);
       }
     }
     function t(e, s) {
@@ -736,17 +736,17 @@ Check the top-level render call using <` + m + ">.");
         if (typeof e != "object")
           return;
         if (ge(e))
-          for (var m = 0; m < e.length; m++) {
-            var R = e[m];
-            qe(R) && wt(R, s);
+          for (var p = 0; p < e.length; p++) {
+            var C = e[p];
+            qe(C) && wt(C, s);
           }
         else if (qe(e))
           e._store && (e._store.validated = !0);
         else if (e) {
-          var U = G(e);
-          if (typeof U == "function" && U !== e.entries)
-            for (var Z = U.call(e), j; !(j = Z.next()).done; )
-              qe(j.value) && wt(j.value, s);
+          var z = K(e);
+          if (typeof z == "function" && z !== e.entries)
+            for (var Y = z.call(e), B; !(B = Y.next()).done; )
+              qe(B.value) && wt(B.value, s);
         }
       }
     }
@@ -755,73 +755,73 @@ Check the top-level render call using <` + m + ">.");
         var s = e.type;
         if (s == null || typeof s == "string")
           return;
-        var m;
+        var p;
         if (typeof s == "function")
-          m = s.propTypes;
-        else if (typeof s == "object" && (s.$$typeof === A || // Note: Memo only checks outer props here.
+          p = s.propTypes;
+        else if (typeof s == "object" && (s.$$typeof === T || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        s.$$typeof === F))
-          m = s.propTypes;
+        s.$$typeof === _))
+          p = s.propTypes;
         else
           return;
-        if (m) {
-          var R = te(s);
-          be(m, e.props, "prop", R, e);
+        if (p) {
+          var C = re(s);
+          be(p, e.props, "prop", C, e);
         } else if (s.PropTypes !== void 0 && !Ke) {
           Ke = !0;
-          var U = te(s);
-          x("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", U || "Unknown");
+          var z = re(s);
+          m("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", z || "Unknown");
         }
-        typeof s.getDefaultProps == "function" && !s.getDefaultProps.isReactClassApproved && x("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof s.getDefaultProps == "function" && !s.getDefaultProps.isReactClassApproved && m("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 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);
+        for (var s = Object.keys(e.props), p = 0; p < s.length; p++) {
+          var C = s[p];
+          if (C !== "children" && C !== "key") {
+            Ve(e), m("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", C), Ve(null);
             break;
           }
         }
-        e.ref !== null && (Ve(e), x("Invalid attribute `ref` supplied to `React.Fragment`."), Ve(null));
+        e.ref !== null && (Ve(e), m("Invalid attribute `ref` supplied to `React.Fragment`."), Ve(null));
       }
     }
     var i = {};
-    function u(e, s, m, R, U, Z) {
+    function u(e, s, p, C, z, Y) {
       {
-        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 B = h(e);
+        if (!B) {
+          var F = "";
+          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (F += " 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();
+          Ee ? F += Ee : F += ht();
           var se;
-          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);
+          e === null ? se = "null" : ge(e) ? se = "array" : e !== void 0 && e.$$typeof === c ? (se = "<" + (re(e.type) || "Unknown") + " />", F = " Did you accidentally export a JSX literal instead of a component?") : se = typeof e, m("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", se, F);
         }
-        var ue = pt(e, s, m, U, Z);
-        if (ue == null)
-          return ue;
-        if (j) {
+        var fe = pt(e, s, p, z, Y);
+        if (fe == null)
+          return fe;
+        if (B) {
           var Te = s.children;
           if (Te !== void 0)
-            if (R)
+            if (C)
               if (ge(Te)) {
                 for (var Je = 0; Je < Te.length; Je++)
                   t(Te[Je], e);
                 Object.freeze && Object.freeze(Te);
               } else
-                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.");
+                m("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 (P.call(s, "key")) {
-          var He = te(e), Ce = Object.keys(s).filter(function(Kt) {
+        if (S.call(s, "key")) {
+          var He = re(e), Ce = Object.keys(s).filter(function(Kt) {
             return Kt !== "key";
           }), 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:
+            m(`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:
@@ -829,17 +829,17 @@ React keys must be passed directly to JSX without using spread:
   <%s key={someKey} {...props} />`, Pt, He, Zt, He), i[He + Pt] = !0;
           }
         }
-        return e === l ? o(ue) : a(ue), ue;
+        return e === l ? o(fe) : a(fe), fe;
       }
     }
-    function v(e, s, m) {
-      return u(e, s, m, !0);
+    function w(e, s, p) {
+      return u(e, s, p, !0);
     }
-    function E(e, s, m) {
-      return u(e, s, m, !1);
+    function y(e, s, p) {
+      return u(e, s, p, !1);
     }
-    var ae = E, xe = v;
-    st.Fragment = l, st.jsx = ae, st.jsxs = xe;
+    var oe = y, xe = w;
+    st.Fragment = l, st.jsx = oe, st.jsxs = xe;
   }()), st;
 }
 process.env.NODE_ENV === "production" ? It.exports = $r() : It.exports = Wr();
@@ -852,13 +852,13 @@ var Ae = It.exports, rt = (n) => cr("path", n), nt = Ut(
    * @return {React.JSX.Element} Stop component
    */
   ({ className: n, isPressed: c, ...f }, l) => {
-    const T = {
+    const R = {
       ...f,
       className: ur(n, { "is-pressed": c }) || void 0,
       "aria-hidden": !0,
       focusable: !1
     };
-    return /* @__PURE__ */ Ae.jsx("svg", { ...T, ref: l });
+    return /* @__PURE__ */ Ae.jsx("svg", { ...R, ref: l });
   }
 );
 nt.displayName = "SVG";
@@ -909,12 +909,12 @@ const Hr = /* @__PURE__ */ Ae.jsx(nt, {
 };
 function Dt(n) {
   if (!n) return [];
-  const c = Jt(n), f = c.startsWith("/"), l = c.split("/").filter(Boolean), T = [];
+  const c = Jt(n), f = c.startsWith("/"), l = c.split("/").filter(Boolean), R = [];
   let d = f ? "/" : "";
-  f && T.push("/");
-  for (const k of l)
-    !d || d === "/" ? d = d === "/" ? `/${k}` : k : d = `${d}/${k}`, T.push(d);
-  return T;
+  f && R.push("/");
+  for (const P of l)
+    !d || d === "/" ? d = d === "/" ? `/${P}` : P : d = `${d}/${P}`, R.push(d);
+  return R;
 }
 function ze(n, c, f) {
   return n && (n === c ? f : n.startsWith(c === "/" ? "/" : `${c}/`) ? f + n.slice(c.length) : n);
@@ -923,106 +923,106 @@ const nn = $t(function({
   withContextMenu: c = !0,
   readOnly: f = !1,
   filesystem: l,
-  root: T = "/wordpress",
+  root: R = "/wordpress",
   initialSelectedPath: d,
-  onSelect: k = () => {
+  onSelect: P = () => {
   },
-  onDoubleClickFile: D
-}, A) {
-  const h = Ft(() => je("/", T || "/"), [T]), [_, F] = ee(() => {
+  onDoubleClickFile: A
+}, T) {
+  const v = Ft(() => je("/", R || "/"), [R]), [D, _] = te(() => {
     if (!d)
       return {};
     const t = {};
     for (const a of Dt(d))
       t[a] = !0;
     return t;
-  }), [S, K] = ee(
+  }), [k, Z] = te(
     () => d ?? null
-  ), [B, C] = ee(
+  ), [j, x] = te(
     () => d ?? null
-  ), [G, y] = ee({}), [x, z] = ee(
+  ), [K, W] = te({}), [m, V] = te(
     {}
-  ), [J, oe] = ee(null), [de, g] = ee(
+  ), [J, ce] = te(null), [Q, g] = te(
     null
-  ), $ = V({}), N = V(!1), p = V(null), M = V(null), Y = V(x), te = V(G), L = () => {
+  ), $ = M({}), N = M(!1), h = M(null), O = M(null), G = M(m), re = M(K), I = () => {
     for (const t of Object.keys($.current))
       clearTimeout($.current[t]), delete $.current[t];
-  }, Q = (t) => {
+  }, ee = (t) => {
     const a = $.current[t];
     a && (clearTimeout(a), delete $.current[t]);
   };
-  W(() => {
-    Y.current = x;
-  }, [x]), W(() => {
-    te.current = G;
-  }, [G]);
+  H(() => {
+    G.current = m;
+  }, [m]), H(() => {
+    re.current = K;
+  }, [K]);
   const X = (t) => {
     var o;
-    const a = (o = p.current) == null ? void 0 : o.querySelector(
+    const a = (o = h.current) == null ? void 0 : o.querySelector(
       `[data-path="${CSS.escape(t)}"]`
     );
     a && typeof a.focus == "function" && (a.focus(), a.scrollIntoView({
       behavior: "smooth",
       block: "nearest"
     }));
-  }, ve = (t, a = "") => a ? je(a, t.name) : je("/", t.name), me = (t, a) => t.children ? t.children : G[a], Ne = async (t, a) => {
+  }, ve = (t, a = "") => a ? je(a, t.name) : je("/", t.name), me = (t, a) => t.children ? t.children : K[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);
-      i.push({ name: u, type: E ? "folder" : "file" });
+      const w = a === "/" ? `/${u}` : `${a}/${u}`, y = await t.isDir(w);
+      i.push({ name: u, type: y ? "folder" : "file" });
     }
-    return i.sort((u, v) => {
+    return i.sort((u, w) => {
       var e;
-      if (u.type !== v.type) return u.type === "folder" ? -1 : 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 (u.type !== w.type) return u.type === "folder" ? -1 : 1;
+      const y = a === "/" ? `/${u.name}` : `${a}/${u.name}`, oe = a === "/" ? `/${w.name}` : `${a}/${w.name}`, xe = (e = we.current) == null ? void 0 : e.tempPath;
       if (xe) {
-        if (E === xe) return -1;
-        if (ae === xe) return 1;
+        if (y === xe) return -1;
+        if (oe === xe) return 1;
       }
-      return u.name.localeCompare(v.name);
+      return u.name.localeCompare(w.name);
     }), i;
-  }, Pe = async (t) => await Ne(l, t), re = (t, a) => {
+  }, Pe = async (t) => await Ne(l, t), ne = (t, a) => {
     if (a.type !== "folder")
       return a.children;
-    const o = a.children ?? te.current[t];
-    return o || Y.current[t] ? o : (z((i) => ({ ...i, [t]: !0 })), new Promise((i) => {
+    const o = a.children ?? re.current[t];
+    return o || G.current[t] ? o : (V((i) => ({ ...i, [t]: !0 })), new Promise((i) => {
       Pe(t).then((u) => {
-        y((v) => ({
-          ...v,
+        W((w) => ({
+          ...w,
           [t]: u ?? []
         })), i(u ?? []);
       }).catch(() => {
         i([]);
       }).finally(() => {
-        z((u) => {
-          const v = { ...u };
-          return delete v[t], v;
+        V((u) => {
+          const w = { ...u };
+          return delete w[t], w;
         });
       });
     }));
   }, Oe = (t, a) => {
     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];
+      _((o) => o[t] ? o : { ...o, [t]: !0 }), ne(t, a), delete $.current[t];
     }, 600)));
-  }, ne = (t) => (z((a) => ({ ...a, [t]: !0 })), new Promise((a) => {
+  }, ae = (t) => (V((a) => ({ ...a, [t]: !0 })), new Promise((a) => {
     Pe(t).then((o) => {
-      y((i) => ({
+      W((i) => ({
         ...i,
         [t]: o ?? []
       })), a(o ?? []);
     }).catch(() => {
       a([]);
     }).finally(() => {
-      z((o) => {
+      V((o) => {
         const i = { ...o };
         return delete i[t], i;
       });
     });
   })), Me = (t, a, o) => {
-    F((i) => ({
+    _((i) => ({
       ...i,
       [t]: o
-    })), o ? re(t, a) : y((i) => {
+    })), o ? ne(t, a) : W((i) => {
       if (i[t] === void 0)
         return i;
       const u = { ...i };
@@ -1032,48 +1032,48 @@ const nn = $t(function({
     if (!t) return;
     const a = Dt(t);
     if (a.length === 0) return;
-    F((u) => {
-      const v = { ...u };
-      for (const E of a)
-        v[E] = !0;
-      return v;
+    _((u) => {
+      const w = { ...u };
+      for (const y of a)
+        w[y] = !0;
+      return w;
     });
     let o = [
-      { name: h, type: "folder" }
+      { name: v, type: "folder" }
     ], i = "";
     for (const u of a) {
-      const v = o == null ? void 0 : o.find((ae) => ve(ae, i) === u);
-      if (!v || v.type !== "folder") {
+      const w = o == null ? void 0 : o.find((oe) => ve(oe, i) === u);
+      if (!w || w.type !== "folder") {
         i = u, o = [];
         continue;
       }
-      o = await re(u, v) ?? te.current[u], i = u;
+      o = await ne(u, w) ?? re.current[u], i = u;
     }
   }, ke = (t, a) => {
-    !t || !a || t === a || (F((o) => {
+    !t || !a || t === a || (_((o) => {
       let i = !1;
       const u = { ...o };
-      for (const v of Object.keys(o)) {
-        const E = ze(v, t, a);
-        E && E !== v && (u[E] = o[v], delete u[v], i = !0);
+      for (const w of Object.keys(o)) {
+        const y = ze(w, t, a);
+        y && y !== w && (u[y] = o[w], delete u[w], i = !0);
       }
       return i ? u : o;
-    }), y((o) => {
+    }), W((o) => {
       let i = !1;
       const u = { ...o };
-      for (const v of Object.keys(o)) {
-        const E = ze(v, t, a);
-        E && E !== v && (u[E] = o[v], delete u[v], i = !0);
+      for (const w of Object.keys(o)) {
+        const y = ze(w, t, a);
+        y && y !== w && (u[y] = o[w], delete u[w], i = !0);
       }
       return i ? u : o;
-    }), K((o) => ze(o, t, a)), C((o) => ze(o, t, a)));
+    }), Z((o) => ze(o, t, a)), x((o) => ze(o, t, a)));
   }, Fe = () => {
-    oe(null), g(null), L();
+    ce(null), g(null), I();
   }, Se = (t, a = !0) => {
-    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;
+    Z(t), a && P(t);
+  }, de = Ft(() => [{ name: v, type: "folder" }], [v]), [U, E] = te(null), [he, pe] = te(null), we = M(null), b = f ? null : he;
   Wt(
-    A,
+    T,
     () => ({
       focusPath: (t, a = {}) => {
         if (!t) return;
@@ -1082,14 +1082,14 @@ const nn = $t(function({
           domFocus: i = !0,
           notify: u = !1
         } = a;
-        o && Se(t, u), C(t), i && X(t);
+        o && Se(t, u), x(t), i && X(t);
       },
       selectPath: (t) => {
-        t && (Se(t), C(t), X(t));
+        t && (Se(t), x(t), X(t));
       },
-      getSelectedPath: () => S,
+      getSelectedPath: () => k,
       expandToPath: async (t) => await _e(t),
-      refresh: async (t) => await ne(t),
+      refresh: async (t) => await ae(t),
       remapPath: ke,
       createFile: async (t) => {
         f || await Ye(t, "file", "untitled.php");
@@ -1104,61 +1104,61 @@ const nn = $t(function({
         f || await Ke(t, a);
       }
     }),
-    [S, ne, ke, _e, f]
+    [k, ae, ke, _e, f]
   );
-  const P = V(!1), ie = V(
+  const S = M(!1), ie = M(
     d ?? null
-  ), le = V(d);
-  W(() => {
+  ), le = M(d);
+  H(() => {
     N.current = !1;
-  }, [h]), W(() => {
+  }, [v]), H(() => {
     d && d !== le.current ? ie.current = d : d || (ie.current = null), le.current = d;
-  }, [d]), W(() => {
-    if (!d || P.current)
+  }, [d]), H(() => {
+    if (!d || S.current)
       return;
-    P.current = !0;
+    S.current = !0;
     const t = Dt(d);
-    F((o) => {
+    _((o) => {
       const i = { ...o };
       for (const u of t)
         i[u] = !0;
       return i;
     });
     const a = t[t.length - 1] || d;
-    C(a), K(a), _e(d);
-  }, [d, _e]), W(() => {
+    x(a), Z(a), _e(d);
+  }, [d, _e]), H(() => {
     const t = ie.current;
-    !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);
+    !t || de.length === 0 || (ie.current = null, _e(t));
+  }, [de, _e]), H(() => {
+    if (!j) {
+      if (de.length > 0) {
+        const t = ve(de[0]);
+        x(t);
       }
       return;
     }
-    b && b === B || X(B);
-  }, [fe, B, b]), W(() => {
-    if (fe.length === 0)
+    b && b === j || X(j);
+  }, [de, j, b]), H(() => {
+    if (de.length === 0)
       return;
-    const t = fe[0];
+    const t = de[0];
     if ((t == null ? void 0 : t.type) !== "folder" || N.current)
       return;
     const a = t.name;
-    N.current = !0, F(
+    N.current = !0, _(
       (o) => o[a] ? o : { ...o, [a]: !0 }
-    ), !te.current[a] && !Y.current[a] && re(a, t);
-  }, [fe, re, h]), W(() => () => {
-    M.current && clearTimeout(M.current), L();
-  }, []), W(() => {
-    H && setTimeout(() => {
+    ), !re.current[a] && !G.current[a] && ne(a, t);
+  }, [de, ne, v]), H(() => () => {
+    O.current && clearTimeout(O.current), I();
+  }, []), H(() => {
+    U && setTimeout(() => {
       const t = document.querySelector(
         '[role="menu"] [role="menuitem"]'
       );
       t && typeof t.focus == "function" && t.focus();
     }, 0);
-  }, [H]);
-  const [ce, be] = ee(""), $e = (t, a) => {
+  }, [U]);
+  const [ue, be] = te(""), $e = (t, a) => {
     if (t.type === "folder")
       return a;
     const o = Le(a);
@@ -1167,7 +1167,7 @@ const nn = $t(function({
     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" || (oe(o), g(null), t.dataTransfer && (t.dataTransfer.effectAllowed = "move", t.dataTransfer.setData(
+    a.type !== "folder" && a.type !== "file" || (ce(o), g(null), t.dataTransfer && (t.dataTransfer.effectAllowed = "move", t.dataTransfer.setData(
       "application/x-wp-playground-path",
       o
     ), t.dataTransfer.setData("text/plain", o)));
@@ -1178,9 +1178,9 @@ const nn = $t(function({
     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, 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" }));
+    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"), ee(o), g((u) => (u == null ? void 0 : u.path) === o && u.state === "invalid" ? u : { path: o, state: "invalid" }));
   }, dt = (t, a, o) => {
-    Q(o);
+    ee(o);
     const i = t.relatedTarget;
     i && t.currentTarget.contains(i) || g((u) => (u == null ? void 0 : u.path) === o ? null : u);
   }, Et = async (t, a, o) => {
@@ -1189,7 +1189,7 @@ const nn = $t(function({
       Fe();
       return;
     }
-    t.preventDefault(), t.stopPropagation(), Q(o), g(null);
+    t.preventDefault(), t.stopPropagation(), ee(o), g(null);
     try {
       i ? await bt(i, u.destination) : await Ke(
         t.dataTransfer,
@@ -1199,7 +1199,7 @@ const nn = $t(function({
       Fe();
     }
   }, mt = (t, a, o) => {
-    c && (t.preventDefault(), t.stopPropagation(), pe(null), w({
+    c && (t.preventDefault(), t.stopPropagation(), pe(null), E({
       absPath: o,
       type: a.type,
       x: t.clientX,
@@ -1207,27 +1207,27 @@ const nn = $t(function({
     }));
   }, We = async (t, a) => {
     let o = a, i = 0;
-    const u = (E) => {
-      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}`)); ) {
+    const u = (y) => {
+      const oe = y.lastIndexOf(".");
+      return oe > 0 ? { stem: y.slice(0, oe), ext: y.slice(oe) } : { stem: y, ext: "" };
+    }, w = t === "/" ? "" : t;
+    for (; await (l == null ? void 0 : l.fileExists(`${w}/${o}`)) || await (l == null ? void 0 : l.isDir(`${w}/${o}`)); ) {
       i += 1;
-      const { stem: E, ext: ae } = u(a);
-      o = `${E} (${i})${ae}`;
+      const { stem: y, ext: oe } = u(a);
+      o = `${y} (${i})${oe}`;
     }
     return o;
   }, Ye = async (t, a, o) => {
     if (!l) return;
-    let i = t || S || h;
+    let i = t || k || v;
     try {
       await l.isDir(i) || (i = Le(i));
     } catch {
       i = Le(i);
     }
-    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);
+    const u = i, w = await We(u, o), y = je(u, w);
+    a === "folder" ? await l.mkdir(y) : await l.writeFile(y, ""), we.current = { type: a, tempPath: y }, pe(y), await ae(u), setTimeout(() => {
+      x(y), X(y);
     }, 0);
   }, yt = async (t) => {
     if (!l) return !1;
@@ -1258,21 +1258,21 @@ const nn = $t(function({
     const u = Le(t);
     try {
       await l.mv(t, i), ke(t, i);
-      const v = ze(
-        S,
+      const w = ze(
+        k,
         t,
         i
       );
-      S && (S === t || S.startsWith(`${t}/`)) && k(v), C(
-        (E) => ze(E, t, i)
-      ), F((E) => ({
-        ...E,
+      k && (k === t || k.startsWith(`${t}/`)) && P(w), x(
+        (y) => ze(y, t, i)
+      ), _((y) => ({
+        ...y,
         [a]: !0
       })), await Promise.all([
-        ne(u),
-        ne(a)
-      ]), K(
-        (E) => ze(E, t, i)
+        ae(u),
+        ae(a)
+      ]), Z(
+        (y) => ze(y, t, i)
       ), X(i);
     } catch {
     }
@@ -1283,8 +1283,8 @@ const nn = $t(function({
     t.file(a, o);
   }), pt = async (t, a) => {
     if (!l) return;
-    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);
+    const o = t.name || "untitled", i = await We(a, o), u = je(a, i), w = new Uint8Array(await t.arrayBuffer());
+    await l.writeFile(u, w);
   }, Ze = async (t, a) => {
     const o = await Ct(t);
     await pt(o, a);
@@ -1294,27 +1294,27 @@ const nn = $t(function({
       t.name || "New Folder"
     ), i = je(a, o);
     await _t(i);
-    const u = t.createReader(), v = () => new Promise((E, ae) => {
+    const u = t.createReader(), w = () => new Promise((y, oe) => {
       u.readEntries(
-        (xe) => E(Array.from(xe)),
-        ae
+        (xe) => y(Array.from(xe)),
+        oe
       );
     });
     for (; ; ) {
-      const E = await v();
-      if (!E.length)
+      const y = await w();
+      if (!y.length)
         break;
-      for (const ae of E)
-        ae.isFile ? await Ze(
-          ae,
+      for (const oe of y)
+        oe.isFile ? await Ze(
+          oe,
           i
-        ) : ae.isDirectory && await ot(
-          ae,
+        ) : oe.isDirectory && await ot(
+          oe,
           i
         );
     }
   }, Ve = (t, a) => qe([], t, a), Ke = (t, a) => {
-    const i = Array.from(t.items).filter((v) => v.kind === "file").map((v) => xt(v)).filter((v) => !!v), u = Array.from(t.files);
+    const i = Array.from(t.items).filter((w) => w.kind === "file").map((w) => xt(w)).filter((w) => !!w), u = Array.from(t.files);
     return qe(i, u, a);
   }, qe = async (t, a, o) => {
     if (l) {
@@ -1330,7 +1330,7 @@ const nn = $t(function({
       else
         for (const i of a)
           await pt(i, o);
-      await ne(o), F((i) => ({
+      await ae(o), _((i) => ({
         ...i,
         [o]: !0
       }));
@@ -1338,20 +1338,20 @@ const nn = $t(function({
   }, ht = async (t, a) => {
     if (!l) return;
     const o = t;
-    w(null);
+    E(null);
     try {
       a === "folder" ? await l.rmdir(o, { recursive: !0 }) : await l.unlink(o);
     } catch {
     } finally {
       pe(null);
       const i = Le(o);
-      await ne(i), S && (S === o || S.startsWith(`${o}/`)) && k(null);
+      await ae(i), k && (k === o || k.startsWith(`${o}/`)) && P(null);
     }
   }, Rt = async (t) => {
     if (l)
       try {
-        const o = await (await l.read(t)).arrayBuffer(), i = new Blob([o]), u = URL.createObjectURL(i), v = document.createElement("a");
-        v.href = u, v.download = et(t) || "download", document.body.appendChild(v), v.click(), document.body.removeChild(v), setTimeout(() => URL.revokeObjectURL(u), 6e4);
+        const o = await (await l.read(t)).arrayBuffer(), i = new Blob([o]), u = URL.createObjectURL(i), w = document.createElement("a");
+        w.href = u, w.download = et(t) || "download", document.body.appendChild(w), w.click(), document.body.removeChild(w), setTimeout(() => URL.revokeObjectURL(u), 6e4);
       } catch (a) {
         console.error("Failed to download file", a);
       }
@@ -1359,29 +1359,29 @@ const nn = $t(function({
     var a;
     if (!he)
       if (t.key.length === 1 && t.key.match(/\S/)) {
-        const o = ce + t.key.toLowerCase();
-        if (be(o), M.current && clearTimeout(M.current), M.current = setTimeout(() => {
+        const o = ue + t.key.toLowerCase();
+        if (be(o), O.current && clearTimeout(O.current), O.current = setTimeout(() => {
           be("");
-        }, 1e3), !p.current)
+        }, 1e3), !h.current)
           return;
         const i = Array.from(
-          p.current.querySelectorAll(".file-node-button")
+          h.current.querySelectorAll(".file-node-button")
         ), u = document.activeElement;
-        let v = 0;
-        u && i.includes(u) && (v = i.indexOf(
+        let w = 0;
+        u && i.includes(u) && (w = i.indexOf(
           u
         ));
-        for (let E = 0; E < i.length; E++) {
-          const ae = (v + E) % i.length, xe = i[ae];
+        for (let y = 0; y < i.length; y++) {
+          const oe = (w + y) % i.length, xe = i[oe];
           if ((a = xe.textContent) != null && a.toLowerCase().trim().startsWith(o)) {
             xe.focus();
             const e = xe.getAttribute("data-path");
-            e && C(e);
+            e && x(e);
             break;
           }
         }
       } else
-        be(""), M.current && clearTimeout(M.current);
+        be(""), O.current && clearTimeout(O.current);
   }, kt = async (t, a) => {
     if (f) return;
     const o = we.current, i = (o == null ? void 0 : o.tempPath) === t, u = Le(t);
@@ -1398,24 +1398,24 @@ const nn = $t(function({
       pe(i ? null : t);
       return;
     }
-    let v = je(u, a), E = v;
-    if (E === t) {
+    let w = je(u, a), y = w;
+    if (y === t) {
       pe(null);
       const s = i && (o == null ? void 0 : o.type) === "file";
       i && (we.current = null), setTimeout(() => {
-        C(E), X(E), s && D && D(E);
+        x(y), X(y), s && A && A(y);
       }, 0);
       return;
     }
-    const ae = await l.fileExists(E), xe = await l.isDir(E);
-    if ((ae || xe) && E !== t)
+    const oe = await l.fileExists(y), xe = await l.isDir(y);
+    if ((oe || xe) && y !== t)
       if (i)
         try {
           const s = await We(
             u === "/" ? "/" : u,
             a
           );
-          v = je(u, s), E = v;
+          w = je(u, s), y = w;
         } catch {
         }
       else {
@@ -1424,7 +1424,7 @@ const nn = $t(function({
       }
     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), S === t && k(E), await ne(u), C(E), X(E), i && !e && D && D(E);
+      await l.mv(t, w), o || (e = await l.isDir(w)), e && ke(t, y), k === t && P(y), await ae(u), x(y), X(y), i && !e && A && A(y);
     } catch {
       if (i)
         try {
@@ -1448,21 +1448,21 @@ const nn = $t(function({
     }
     we.current = null, pe(null);
     const o = Le(t);
-    await ne(o), C(o), X(o);
+    await ae(o), x(o), X(o);
   };
-  return /* @__PURE__ */ r.createElement("div", { onKeyDown: vt, ref: p }, /* @__PURE__ */ r.createElement(er, { className: Re.filePickerTree }, fe.map((t, a) => /* @__PURE__ */ r.createElement(
+  return /* @__PURE__ */ r.createElement("div", { onKeyDown: vt, ref: h }, /* @__PURE__ */ r.createElement(er, { className: Re.filePickerTree }, de.map((t, a) => /* @__PURE__ */ r.createElement(
     zt,
     {
       key: t.name,
       node: t,
       level: 0,
       position: a + 1,
-      setSize: fe.length,
-      expandedNodePaths: _,
+      setSize: de.length,
+      expandedNodePaths: D,
       onToggle: Me,
-      selectedNode: S,
-      focusPath: (o) => C(o),
-      focusedNode: B,
+      selectedNode: k,
+      focusPath: (o) => x(o),
+      focusedNode: j,
       selectPath: Se,
       generatePath: ve,
       getChildren: me,
@@ -1470,31 +1470,31 @@ const nn = $t(function({
       renamingPath: b,
       onRename: kt,
       onRenameCancel: wt,
-      dropIndicator: de,
+      dropIndicator: Q,
       onDragStart: f ? void 0 : Ie,
       onDragEnd: f ? void 0 : at,
       onDragEnter: f ? void 0 : Ge,
       onDragOver: f ? void 0 : ft,
       onDragLeave: f ? void 0 : dt,
       onDrop: f ? void 0 : Et,
-      rootPath: h,
-      onDoubleClickFile: D
+      rootPath: v,
+      onDoubleClickFile: A
     }
-  ))), !f && H && /* @__PURE__ */ r.createElement(
+  ))), !f && U && /* @__PURE__ */ r.createElement(
     tr,
     {
       placement: "bottom-start",
-      onClose: () => w(null),
+      onClose: () => E(null),
       anchor: {
         getBoundingClientRect: () => ({
-          x: H.x,
-          y: H.y,
+          x: U.x,
+          y: U.y,
           width: 0,
           height: 0,
-          top: H.y,
-          left: H.x,
-          right: H.x,
-          bottom: H.y,
+          top: U.y,
+          left: U.x,
+          right: U.x,
+          bottom: U.y,
           toJSON: () => ({})
         }),
         ownerDocument: document
@@ -1503,26 +1503,26 @@ const nn = $t(function({
       resize: !1,
       focusOnMount: "firstElement"
     },
-    /* @__PURE__ */ r.createElement(rr, { role: "menu" }, H.type === "folder" && /* @__PURE__ */ r.createElement(
+    /* @__PURE__ */ r.createElement(rr, { role: "menu" }, U.type === "folder" && /* @__PURE__ */ r.createElement(
       it,
       {
         role: "menuitem",
         onClick: async () => {
-          w(null), await Ye(
-            H.absPath,
+          E(null), await Ye(
+            U.absPath,
             "file",
             "untitled.php"
           );
         }
       },
       "Create file"
-    ), H.type === "folder" && /* @__PURE__ */ r.createElement(
+    ), U.type === "folder" && /* @__PURE__ */ r.createElement(
       it,
       {
         role: "menuitem",
         onClick: async () => {
-          w(null), await Ye(
-            H.absPath,
+          E(null), await Ye(
+            U.absPath,
             "folder",
             "New Folder"
           );
@@ -1534,17 +1534,17 @@ const nn = $t(function({
       {
         role: "menuitem",
         onClick: () => {
-          w(null), pe(H.absPath);
+          E(null), pe(U.absPath);
         }
       },
       "Rename"
-    ), H.type === "file" && /* @__PURE__ */ r.createElement(
+    ), U.type === "file" && /* @__PURE__ */ r.createElement(
       it,
       {
         role: "menuitem",
         onClick: async () => {
-          w(null), await Rt(
-            H.absPath
+          E(null), await Rt(
+            U.absPath
           );
         }
       },
@@ -1554,8 +1554,8 @@ const nn = $t(function({
       {
         role: "menuitem",
         onClick: () => ht(
-          H.absPath,
-          H.type
+          U.absPath,
+          U.type
         )
       },
       "Delete"
@@ -1566,56 +1566,56 @@ const nn = $t(function({
   level: c,
   position: f,
   setSize: l,
-  expandedNodePaths: T,
+  expandedNodePaths: R,
   onToggle: d,
-  selectedNode: k,
-  focusPath: D,
-  focusedNode: A,
-  selectPath: h,
-  generatePath: _,
-  getChildren: F,
-  onContextMenu: S,
-  renamingPath: K,
-  onRename: B,
-  onRenameCancel: C,
-  parentPath: G = "",
-  dropIndicator: y,
-  onDragStart: x,
-  onDragEnd: z,
+  selectedNode: P,
+  focusPath: A,
+  focusedNode: T,
+  selectPath: v,
+  generatePath: D,
+  getChildren: _,
+  onContextMenu: k,
+  renamingPath: Z,
+  onRename: j,
+  onRenameCancel: x,
+  parentPath: K = "",
+  dropIndicator: W,
+  onDragStart: m,
+  onDragEnd: V,
   onDragEnter: J,
-  onDragOver: oe,
-  onDragLeave: de,
+  onDragOver: ce,
+  onDragLeave: Q,
   onDrop: g,
   rootPath: $,
   onDoubleClickFile: N
 }) => {
-  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(() => {
+  const h = D(n, K), O = R[h], G = Z === h, re = M(null), [I, ee] = te(n.name), X = M(!1), ve = (W == null ? void 0 : W.path) === h, me = ve && (W == null ? void 0 : W.state) === "valid", Ne = ve && (W == null ? void 0 : W.state) === "invalid", Pe = !!m && !G && h !== $, ne = M(null), Oe = {
+    onDragEnter: (E) => J == null ? void 0 : J(E, n, h),
+    onDragOver: (E) => ce == null ? void 0 : ce(E, n, h),
+    onDragLeave: (E) => Q == null ? void 0 : Q(E, n, h),
+    onDrop: (E) => g == null ? void 0 : g(E, n, h)
+  }, ae = _(n, h) ?? [];
+  H(() => {
+    var E;
+    G ? (ee(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]);
+      (he = re.current) == null || he.select();
+    }) : (E = re.current) == null || E.select()) : X.current = !1;
+  }, [G, n.name]);
   const Me = () => {
-    n.type === "folder" && d(p, n, !M);
-  }, _e = (w) => {
+    n.type === "folder" && d(h, n, !O);
+  }, _e = (E) => {
     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 = _(
-            ne[0],
-            p
+    if (E.key === "ArrowLeft")
+      O ? Me() : (he = document.querySelector(
+        `[data-path="${CSS.escape(K)}"]`
+      )) == null || he.focus(), E.preventDefault(), E.stopPropagation();
+    else if (E.key === "ArrowRight") {
+      if (O) {
+        if (ae != null && ae.length) {
+          const we = D(
+            ae[0],
+            h
           );
           (pe = document.querySelector(
             `[data-path="${CSS.escape(we)}"]`
@@ -1623,36 +1623,36 @@ const nn = $t(function({
         }
       } else
         Me();
-      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);
+      E.preventDefault(), E.stopPropagation();
+    } else E.key === " " || E.key === "Space" || E.key === "Spacebar" ? (n.type === "folder" && d(h, n, !O), E.preventDefault()) : E.key === "Enter" && (n.type === "folder" ? d(h, n, !O) : (v(h, !1), A(h), N ? N(h) : v(h, !0)), E.preventDefault());
+  }, ke = (E) => {
+    k == null || k(E, n, h);
+  }, Fe = (E) => {
+    E.preventDefault(), X.current = !0, j == null || j(h, I);
+  }, Se = (E) => {
+    if (E.key === "Escape") {
+      E.preventDefault(), E.stopPropagation(), X.current = !0, x == null || x(h);
       return;
     }
-    (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 = () => {
+    (E.key === "ArrowLeft" || E.key === "ArrowRight" || E.key === "ArrowUp" || E.key === "ArrowDown") && E.stopPropagation();
+  }, de = () => {
+    X.current || x == null || x(h), X.current = !1;
+  }, U = () => {
     if (n.type === "folder") {
-      Me(), h(p), D(p);
+      Me(), v(h), A(h);
       return;
     }
-    const w = re.current !== null;
-    if (w && re.current && clearTimeout(re.current), re.current = null, w) {
-      N ? N(p) : h(p, !0);
+    const E = ne.current !== null;
+    if (E && ne.current && clearTimeout(ne.current), ne.current = null, E) {
+      N ? N(h) : v(h, !0);
       return;
     }
-    h(p, !1), D(p), h(p, !0), re.current = window.setTimeout(() => {
-      re.current = null;
+    v(h, !1), A(h), v(h, !0), ne.current = window.setTimeout(() => {
+      ne.current = null;
     }, 300);
   };
-  return W(() => () => {
-    re.current !== null && typeof window < "u" && clearTimeout(re.current);
+  return H(() => () => {
+    ne.current !== null && typeof window < "u" && clearTimeout(ne.current);
   }, []), /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(
     nr,
     {
@@ -1660,7 +1660,7 @@ const nn = $t(function({
       positionInSet: f,
       setSize: l
     },
-    /* @__PURE__ */ r.createElement(ar, null, () => /* @__PURE__ */ r.createElement(r.Fragment, null, Y ? /* @__PURE__ */ r.createElement(
+    /* @__PURE__ */ r.createElement(ar, null, () => /* @__PURE__ */ r.createElement(r.Fragment, null, G ? /* @__PURE__ */ r.createElement(
       "form",
       {
         onSubmit: Fe,
@@ -1669,13 +1669,13 @@ const nn = $t(function({
           Re.renaming,
           "file-node-button",
           {
-            [Re.selected]: k === p,
-            [Re.focused]: A === p,
+            [Re.selected]: P === h,
+            [Re.focused]: T === h,
             [Re.dropTarget]: me,
             [Re.dropTargetInvalid]: Ne
           }
         ),
-        "data-path": p,
+        "data-path": h,
         onContextMenu: ke,
         ...Oe
       },
@@ -1683,7 +1683,7 @@ const nn = $t(function({
         jt,
         {
           node: n,
-          isOpen: n.type === "folder" && M,
+          isOpen: n.type === "folder" && O,
           level: c,
           hideName: !0
         }
@@ -1691,12 +1691,12 @@ const nn = $t(function({
       /* @__PURE__ */ r.createElement(
         "input",
         {
-          ref: te,
+          ref: re,
           className: Re.renameInput,
-          value: L,
-          onChange: (w) => Q(w.target.value),
-          onBlur: fe,
-          onFocus: () => D(p),
+          value: I,
+          onChange: (E) => ee(E.target.value),
+          onBlur: de,
+          onFocus: () => A(h),
           onKeyDown: Se
         }
       )
@@ -1705,77 +1705,77 @@ const nn = $t(function({
       {
         ...Oe,
         draggable: Pe,
-        onDragStart: (w) => x == null ? void 0 : x(w, n, p),
-        onDragEnd: (w) => z == null ? void 0 : z(w, n, p),
-        onClick: H,
+        onDragStart: (E) => m == null ? void 0 : m(E, n, h),
+        onDragEnd: (E) => V == null ? void 0 : V(E, n, h),
+        onClick: U,
         onKeyDown: _e,
         onFocus: () => {
-          D(p);
+          A(h);
         },
         onContextMenu: ke,
         className: De(
           Re.fileNodeButton,
           "file-node-button",
           {
-            [Re.selected]: k === p,
-            [Re.focused]: A === p,
+            [Re.selected]: P === h,
+            [Re.focused]: T === h,
             [Re.dropTarget]: me,
             [Re.dropTargetInvalid]: Ne
           }
         ),
-        "data-path": p,
-        "data-expanded": M ? "true" : "false"
+        "data-path": h,
+        "data-expanded": O ? "true" : "false"
       },
       /* @__PURE__ */ r.createElement(
         jt,
         {
           node: n,
-          isOpen: n.type === "folder" && M,
+          isOpen: n.type === "folder" && O,
           level: c
         }
       )
     )))
-  ), M && ne && ne.map((w, he) => /* @__PURE__ */ r.createElement(
+  ), O && ae && ae.map((E, he) => /* @__PURE__ */ r.createElement(
     zt,
     {
-      key: w.name,
-      node: w,
+      key: E.name,
+      node: E,
       level: c + 1,
       position: he + 1,
-      setSize: ne.length,
-      expandedNodePaths: T,
+      setSize: ae.length,
+      expandedNodePaths: R,
       onToggle: d,
-      selectedNode: k,
-      focusPath: D,
-      focusedNode: A,
-      selectPath: h,
-      generatePath: _,
-      getChildren: F,
-      onContextMenu: S,
-      renamingPath: K,
-      onRename: B,
-      onRenameCancel: C,
-      parentPath: p,
-      dropIndicator: y,
-      onDragStart: x,
-      onDragEnd: z,
+      selectedNode: P,
+      focusPath: A,
+      focusedNode: T,
+      selectPath: v,
+      generatePath: D,
+      getChildren: _,
+      onContextMenu: k,
+      renamingPath: Z,
+      onRename: j,
+      onRenameCancel: x,
+      parentPath: h,
+      dropIndicator: W,
+      onDragStart: m,
+      onDragEnd: V,
       onDragEnter: J,
-      onDragOver: oe,
-      onDragLeave: de,
+      onDragOver: ce,
+      onDragLeave: Q,
       onDrop: g,
       rootPath: $,
       onDoubleClickFile: N
     }
   )));
 }, jt = ({ node: n, level: c, isOpen: f, hideName: l = !1 }) => {
-  const T = [];
+  const R = [];
   for (let d = 0; d < c; d++)
-    T.push("&nbsp;&nbsp;&nbsp;&nbsp;");
+    R.push("&nbsp;&nbsp;&nbsp;&nbsp;");
   return /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(
     "span",
     {
       "aria-hidden": "true",
-      dangerouslySetInnerHTML: { __html: T.join("") }
+      dangerouslySetInnerHTML: { __html: R.join("") }
     }
   ), 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 = {
@@ -1809,11 +1809,11 @@ function Ga({
   onChange: c,
   filesystem: f
 }) {
-  const [l, T] = ee(!1), d = () => T(!0), k = () => T(!1), [D, A] = ee(
+  const [l, R] = te(!1), d = () => R(!0), P = () => R(!1), [A, T] = te(
     n || null
   );
-  function h(_) {
-    _ == null || _.preventDefault(), c(D || ""), k();
+  function v(D) {
+    D == null || D.preventDefault(), c(A || ""), P();
   }
   return /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(
     tt,
@@ -1828,15 +1828,15 @@ function Ga({
     or,
     {
       title: "Select a path ",
-      onRequestClose: k,
+      onRequestClose: P,
       className: Qe.modal
     },
-    /* @__PURE__ */ r.createElement("form", { onSubmit: h }, /* @__PURE__ */ r.createElement(
+    /* @__PURE__ */ r.createElement("form", { onSubmit: v }, /* @__PURE__ */ r.createElement(
       nn,
       {
         filesystem: f,
         initialSelectedPath: n,
-        onSelect: A
+        onSelect: T
       }
     ), /* @__PURE__ */ r.createElement("div", { className: Qe.modalFooter }, /* @__PURE__ */ r.createElement(tt, { type: "submit", variant: "primary" }, "Select Path")))
   ));
@@ -1871,9 +1871,9 @@ function Ya({
   mimeType: c,
   dataUrl: f,
   downloadUrl: l,
-  showHeader: T = !0
+  showHeader: R = !0
 }) {
-  const { isImage: d, isVideo: k, isAudio: D } = _n(c), A = T !== !1, h = !!(l && n), _ = () => h ? /* @__PURE__ */ r.createElement(
+  const { isImage: d, isVideo: P, isAudio: A } = _n(c), T = R !== !1, v = !!(l && n), D = () => v ? /* @__PURE__ */ r.createElement(
     "a",
     {
       className: Be.downloadLink,
@@ -1881,14 +1881,14 @@ function Ya({
       download: n
     },
     "Download"
-  ) : null, F = () => d ? /* @__PURE__ */ r.createElement(
+  ) : null, _ = () => d ? /* @__PURE__ */ r.createElement(
     "img",
     {
       className: Be.imagePreview,
       src: f,
       alt: n || "Preview"
     }
-  ) : k ? /* @__PURE__ */ r.createElement(
+  ) : P ? /* @__PURE__ */ r.createElement(
     "video",
     {
       className: Be.videoPreview,
@@ -1897,14 +1897,14 @@ function Ya({
     },
     /* @__PURE__ */ r.createElement("source", { src: f, type: c }),
     "Your browser does not support the video tag."
-  ) : 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 }, _()));
+  ) : 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."), v ? /* @__PURE__ */ r.createElement("p", null, D()) : /* @__PURE__ */ r.createElement("p", null, "Download the file to inspect its contents."));
+  return /* @__PURE__ */ r.createElement("div", { className: Be.container }, T && /* @__PURE__ */ r.createElement("div", { className: Be.header }, /* @__PURE__ */ r.createElement("span", { className: Be.filename, title: n }, n), D()), /* @__PURE__ */ r.createElement("div", { className: Be.previewArea }, _()), !T && v && /* @__PURE__ */ r.createElement("div", { className: Be.actions }, D()));
 }
 const At = /* @__PURE__ */ new Map(), bn = async (n) => {
-  var T;
+  var R;
   if (!n)
     return ut();
-  const c = (T = n.split(".").pop()) == null ? void 0 : T.toLowerCase();
+  const c = (R = n.split(".").pop()) == null ? void 0 : R.toLowerCase();
   if (!c || c === "php")
     return ut();
   const f = n;
@@ -1960,12 +1960,12 @@ class xn {
       x: c.clientX,
       y: c.clientY
     }) === null) {
-      const T = this.view.state.doc.length, d = gt.create([
-        gt.range(T, T)
+      const R = this.view.state.doc.length, d = gt.create([
+        gt.range(R, R)
       ]);
       this.view.dispatch({
         selection: d,
-        effects: ct.scrollIntoView(T, {
+        effects: ct.scrollIntoView(R, {
           y: "center"
         })
       }), this.view.focus(), c.preventDefault();
@@ -1982,52 +1982,53 @@ const Cn = dr.define(
     code: c,
     onChange: f,
     currentPath: l,
-    className: T,
-    onSaveShortcut: d,
-    readOnly: k = !1,
-    additionalExtensions: D
-  }, A) {
-    const h = V(
+    language: R,
+    className: d,
+    onSaveShortcut: P,
+    readOnly: A = !1,
+    additionalExtensions: T
+  }, v) {
+    const D = M(
       null
-    ), _ = 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, () => ({
+    ), _ = M(null), k = M(new Tt()), Z = M(new Tt()), j = M(new Tt()), x = M(c), K = M(f), W = M(!1);
+    return Wt(v, () => ({
       focus: () => {
-        var y;
-        (y = _.current) == null || y.focus();
+        var m;
+        (m = _.current) == null || m.focus();
       },
       blur: () => {
-        const y = _.current;
-        y && y.contentDOM.blur();
+        const m = _.current;
+        m && m.contentDOM.blur();
       },
       getCursorPosition: () => _.current ? _.current.state.selection.main.anchor : null,
-      setCursorPosition: (y) => {
+      setCursorPosition: (m) => {
         if (!_.current)
           return;
-        const x = Math.min(
-          y,
+        const V = Math.min(
+          m,
           _.current.state.doc.length
-        ), z = gt.create([
-          gt.range(x, x)
+        ), J = gt.create([
+          gt.range(V, V)
         ]);
         _.current.dispatch({
-          selection: z,
+          selection: J,
           scrollIntoView: !0
         });
       }
-    })), W(() => {
-      B.current = c;
-    }, [c]), W(() => {
-      C.current = f;
-    }, [f]), W(() => {
+    })), H(() => {
+      x.current = c;
+    }, [c]), H(() => {
+      K.current = f;
+    }, [f]), H(() => {
       if (_.current)
         return;
-      const y = h.current;
-      if (!y)
+      const m = D.current;
+      if (!m)
         return;
-      const x = fr.create({
+      const V = fr.create({
         doc: c,
         extensions: [
-          K.current.of(D ?? []),
+          j.current.of(T ?? []),
           mr(),
           pr(),
           hr(),
@@ -2036,9 +2037,9 @@ const Cn = dr.define(
           wr(),
           gr(),
           Cn,
-          F.current.of(ut()),
-          S.current.of(
-            ct.editable.of(!k)
+          k.current.of(R ?? ut()),
+          Z.current.of(
+            ct.editable.of(!A)
           ),
           Ar(Nr),
           Fr(),
@@ -2047,17 +2048,17 @@ const Cn = dr.define(
           yr(),
           Cr(),
           Pr(),
-          ct.updateListener.of((J) => {
-            if (!J.docChanged)
+          ct.updateListener.of((ce) => {
+            if (!ce.docChanged)
               return;
-            const oe = J.state.doc.toString();
-            oe !== B.current && (B.current = oe, C.current(oe));
+            const Q = ce.state.doc.toString();
+            Q !== x.current && (x.current = Q, K.current(Q));
           }),
           Er.of([
             {
               key: "Mod-s",
               preventDefault: !0,
-              run: () => (d == null || d(), !0)
+              run: () => (P == null || P(), !0)
             },
             ...Sr,
             ...Tr,
@@ -2068,53 +2069,59 @@ const Cn = dr.define(
             xr
           ])
         ]
-      }), z = new ct({ state: x, parent: y });
-      return _.current = z, () => {
-        z.destroy(), _.current = null;
+      }), J = new ct({ state: V, parent: m });
+      return _.current = J, () => {
+        J.destroy(), _.current = null;
       };
-    }, []), W(() => {
-      const y = _.current;
-      y && y.dispatch({
-        effects: K.current.reconfigure(
-          D ?? []
+    }, []), H(() => {
+      const m = _.current;
+      m && m.dispatch({
+        effects: j.current.reconfigure(
+          T ?? []
         )
       });
-    }, [D]), W(() => {
-      const y = _.current;
-      if (!y)
+    }, [T]), H(() => {
+      const m = _.current;
+      if (!m)
         return;
-      const x = y.state.doc.toString();
-      c !== x && y.dispatch({
-        changes: { from: 0, to: y.state.doc.length, insert: c }
+      const V = m.state.doc.toString();
+      c !== V && m.dispatch({
+        changes: { from: 0, to: m.state.doc.length, insert: c }
       });
-    }, [c]), W(() => {
-      var oe;
-      const y = _.current;
-      if (!y)
+    }, [c]), H(() => {
+      var Q;
+      const m = _.current;
+      if (!m)
         return;
-      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())
+      if (R) {
+        m.dispatch({
+          effects: k.current.reconfigure(R)
+        });
+        return;
+      }
+      const V = (Q = l == null ? void 0 : l.split(".").pop()) == null ? void 0 : Q.toLowerCase();
+      (!V || V === "php") && m.dispatch({
+        effects: k.current.reconfigure(ut())
       });
-      let J = !1;
-      return bn(l).then((de) => {
-        J || !_.current || _.current.dispatch({
-          effects: F.current.reconfigure(de)
+      let ce = !1;
+      return bn(l).then((g) => {
+        ce || !_.current || _.current.dispatch({
+          effects: k.current.reconfigure(g)
         });
       }), () => {
-        J = !0;
+        ce = !0;
       };
-    }, [l]), W(() => {
-      const y = _.current;
-      y && (y.hasFocus && (G.current = !0), y.dispatch({
-        effects: S.current.reconfigure(
-          ct.editable.of(!k)
+    }, [l, R]), H(() => {
+      const m = _.current;
+      m && (m.hasFocus && (W.current = !0), m.dispatch({
+        effects: Z.current.reconfigure(
+          ct.editable.of(!A)
         )
       }));
-    }, [k]), qt(() => {
-      const y = _.current;
-      y && G.current && !y.hasFocus && (y.focus(), G.current = !1);
-    }, [l, k]), /* @__PURE__ */ r.createElement("div", { ref: h, className: T });
+    }, [A]), qt(() => {
+      const m = _.current;
+      m && W.current && !m.hasFocus && (m.focus(), W.current = !1);
+    }, [l, A]), /* @__PURE__ */ r.createElement("div", { ref: D, className: d });
   }
 );
 Gt.displayName = "CodeEditor";
@@ -2161,20 +2168,20 @@ function Mn(n) {
 }
 async function jn(n, c) {
   const f = n.stream().getReader(), l = [];
-  let T = 0;
+  let R = 0;
   try {
     for (; ; ) {
-      const { done: d, value: k } = await f.read();
+      const { done: d, value: P } = await f.read();
       if (d)
         return {
           type: "inline",
           data: Qt(l)
         };
-      if (k) {
-        if (T += k.byteLength, T > c)
+      if (P) {
+        if (R += P.byteLength, R > c)
           return await f.cancel().catch(() => {
           }), { type: "too-large" };
-        l.push(k);
+        l.push(P);
       }
     }
   } finally {
@@ -2190,107 +2197,107 @@ function Wn({
   currentPath: c,
   selectedDirPath: f,
   setSelectedDirPath: l,
-  onFileOpened: T,
+  onFileOpened: R,
   onSelectionCleared: d,
-  onShowMessage: k,
-  documentRoot: D,
-  readOnly: A = !1,
-  title: h = "Files",
-  mobileSubsectionTitle: _,
-  showBinaryPreviewHeader: F = !0,
-  dockPresentation: S = !1,
-  useWordPressTooltips: K = !1
+  onShowMessage: P,
+  documentRoot: A,
+  readOnly: T = !1,
+  title: v = "Files",
+  mobileSubsectionTitle: D,
+  showBinaryPreviewHeader: _ = !0,
+  dockPresentation: k = !1,
+  useWordPressTooltips: Z = !1
 }) {
-  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, {
+  const j = M(null), x = M(null), K = Ft(() => c ? Le(c) : f ?? A, [c, A]), [W, m] = te(!1);
+  H(() => {
+    !c || !j.current || (l(Le(c)), j.current.focusPath(c, {
       select: !0,
       domFocus: !1,
       notify: !1
-    }), B.current.expandToPath(c));
+    }), j.current.expandToPath(c));
   }, [c, l]);
-  const z = async (g, $) => {
+  const V = async (g, $) => {
     try {
-      const N = await n.read(g), p = await Bn(N);
-      if (p.type === "too-large") {
-        const L = Yt / 1024 / 1024;
-        if (!S) {
-          await k(
+      const N = await n.read(g), h = await Bn(N);
+      if (h.type === "too-large") {
+        const I = Yt / 1024 / 1024;
+        if (!k) {
+          await P(
             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."))
+            /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement("p", null, `File too large to open (>${I}MB).`), /* @__PURE__ */ r.createElement("p", null, "Open or download it outside the in-browser editor."))
           );
           return;
         }
-        const Q = et(g) || "download";
-        await k(
+        const ee = et(g) || "download";
+        await P(
           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(
+          /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement("p", null, `File too large to open (>${I}MB).`), /* @__PURE__ */ r.createElement("p", null, /* @__PURE__ */ r.createElement(
             tt,
             {
               type: "button",
               variant: "link",
               onClick: () => {
-                J(g, Q);
+                J(g, ee);
               }
             },
             "Download ",
-            Q
+            ee
           )))
         );
         return;
       }
-      const M = p.data, Y = et(g) || "download";
-      if (On(M)) {
-        const L = Vn(Y), { url: Q, filename: X } = Vt(
-          M,
-          Y
+      const O = h.data, G = et(g) || "download";
+      if (On(O)) {
+        const I = Vn(G), { url: ee, filename: X } = Vt(
+          O,
+          G
         );
-        if ($n(L)) {
-          const ve = new Blob([M], { type: L }), me = URL.createObjectURL(ve);
-          await k(
+        if ($n(I)) {
+          const ve = new Blob([O], { type: I }), me = URL.createObjectURL(ve);
+          await P(
             g,
             /* @__PURE__ */ r.createElement(
               Br,
               {
                 filename: X,
-                mimeType: L,
+                mimeType: I,
                 dataUrl: me,
-                downloadUrl: Q,
-                showHeader: F
+                downloadUrl: ee,
+                showHeader: _
               }
             )
           );
           return;
         }
-        await k(
+        await P(
           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)))
+          /* @__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: ee, download: X }, "Download ", X)))
         );
         return;
       }
-      const te = new TextDecoder("utf-8").decode(M);
-      await T(g, te, $);
+      const re = new TextDecoder("utf-8").decode(O);
+      await R(g, re, $);
     } catch (N) {
-      Xe.error("Could not open file", N), await k(null, "Could not open file.");
+      Xe.error("Could not open file", N), await P(null, "Could not open file.");
     }
   }, J = async (g, $) => {
     try {
-      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);
+      const N = await n.read(g), h = new Uint8Array(await N.arrayBuffer()), { url: O } = Vt(h, $), G = document.createElement("a");
+      G.href = O, G.download = $, document.body.appendChild(G), G.click(), document.body.removeChild(G);
     } catch (N) {
-      Xe.error("Could not download file", N), await k(g, "Could not download file.");
+      Xe.error("Could not download file", N), await P(g, "Could not download file.");
     }
-  }, oe = (g) => {
+  }, ce = (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) => {
+    g.target.value = "", $.length !== 0 && ((N = j.current) == null || N.importFiles($, f ?? A).catch((h) => Xe.error("Failed to import files", h)));
+  }, Q = (g) => {
     var $;
     g.dataTransfer.types.includes(
       "application/x-wp-playground-path"
-    ) || (g.preventDefault(), !A && (($ = B.current) == null || $.importDataTransfer(
+    ) || (g.preventDefault(), !T && (($ = j.current) == null || $.importDataTransfer(
       g.dataTransfer,
-      f ?? D
+      f ?? A
     ).catch(
       (N) => Xe.error("Failed to import dropped files", N)
     )));
@@ -2299,31 +2306,31 @@ function Wn({
     "div",
     {
       className: De(ye.fileExplorerContainer, {
-        [ye.dropActive]: y,
-        [ye.dockPresentation]: S
+        [ye.dropActive]: W,
+        [ye.dockPresentation]: k
       }),
       onDragEnter: (g) => {
         g.dataTransfer.types.includes(
           "application/x-wp-playground-path"
-        ) || (g.preventDefault(), A || x(!0));
+        ) || (g.preventDefault(), T || m(!0));
       },
       onDragOver: (g) => {
         g.dataTransfer.types.includes(
           "application/x-wp-playground-path"
-        ) || (g.preventDefault(), g.dataTransfer.dropEffect = A ? "none" : "copy");
+        ) || (g.preventDefault(), g.dataTransfer.dropEffect = T ? "none" : "copy");
       },
       onDragLeave: (g) => {
         const $ = g.relatedTarget;
-        (!$ || !g.currentTarget.contains($)) && x(!1);
+        (!$ || !g.currentTarget.contains($)) && m(!1);
       },
-      onDropCapture: () => x(!1),
-      onDrop: de
+      onDropCapture: () => m(!1),
+      onDrop: Q
     },
-    /* @__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(
+    /* @__PURE__ */ r.createElement("div", { className: ye.fileExplorerHeader }, /* @__PURE__ */ r.createElement("span", { className: ye.fileExplorerTitle }, v), D ? /* @__PURE__ */ r.createElement("span", { className: ye.fileExplorerSubsectionTitle }, D) : null, T ? null : /* @__PURE__ */ r.createElement("div", { className: ye.fileExplorerActions }, /* @__PURE__ */ r.createElement(
       Nt,
       {
         label: "Create new file",
-        useWordPressTooltip: K
+        useWordPressTooltip: Z
       },
       /* @__PURE__ */ r.createElement(
         "button",
@@ -2334,18 +2341,18 @@ function Wn({
           ),
           type: "button",
           onClick: () => {
-            B.current && B.current.createFile();
+            j.current && j.current.createFile();
           },
           "aria-label": "Create new file",
-          title: K ? void 0 : "Create new file"
+          title: Z ? void 0 : "Create new file"
         },
-        S ? /* @__PURE__ */ r.createElement(Hn, null) : /* @__PURE__ */ r.createElement(St, { icon: Gr, size: 20 })
+        k ? /* @__PURE__ */ r.createElement(Hn, null) : /* @__PURE__ */ r.createElement(St, { icon: Gr, size: 20 })
       )
     ), /* @__PURE__ */ r.createElement(
       Nt,
       {
         label: "Create new folder",
-        useWordPressTooltip: K
+        useWordPressTooltip: Z
       },
       /* @__PURE__ */ r.createElement(
         "button",
@@ -2356,18 +2363,18 @@ function Wn({
           ),
           type: "button",
           onClick: () => {
-            B.current && B.current.createFolder();
+            j.current && j.current.createFolder();
           },
           "aria-label": "Create new folder",
-          title: K ? void 0 : "Create new folder"
+          title: Z ? void 0 : "Create new folder"
         },
-        S ? /* @__PURE__ */ r.createElement(Un, null) : /* @__PURE__ */ r.createElement(St, { icon: zr, size: 20 })
+        k ? /* @__PURE__ */ r.createElement(Un, null) : /* @__PURE__ */ r.createElement(St, { icon: zr, size: 20 })
       )
     ), /* @__PURE__ */ r.createElement(
       Nt,
       {
         label: "Upload files",
-        useWordPressTooltip: K
+        useWordPressTooltip: Z
       },
       /* @__PURE__ */ r.createElement(
         "button",
@@ -2380,40 +2387,40 @@ function Wn({
           type: "button",
           onClick: () => {
             var g;
-            return (g = C.current) == null ? void 0 : g.click();
+            return (g = x.current) == null ? void 0 : g.click();
           },
           "aria-label": "Upload files",
-          title: K ? void 0 : "Upload files"
+          title: Z ? void 0 : "Upload files"
         },
         /* @__PURE__ */ r.createElement(
           St,
           {
             icon: Yr,
-            size: S ? 16 : 20
+            size: k ? 16 : 20
           }
         )
       )
     ), /* @__PURE__ */ r.createElement(
       "input",
       {
-        ref: C,
+        ref: x,
         type: "file",
         multiple: !0,
         style: { display: "none" },
-        onChange: oe
+        onChange: ce
       }
     ))),
     /* @__PURE__ */ r.createElement("div", { className: ye.fileExplorerTree }, /* @__PURE__ */ r.createElement(
       Or,
       {
-        ref: B,
-        readOnly: A,
+        ref: j,
+        readOnly: T,
         filesystem: n,
-        root: D,
-        initialSelectedPath: G,
+        root: A,
+        initialSelectedPath: K,
         onSelect: async (g) => {
           if (!g) {
-            l(D), await d();
+            l(A), await d();
             return;
           }
           try {
@@ -2423,10 +2430,10 @@ function Wn({
             }
           } catch {
           }
-          l(Le(g)), await z(g, !1);
+          l(Le(g)), await V(g, !1);
         },
         onDoubleClickFile: async (g) => {
-          await z(g, !0);
+          await V(g, !0);
         }
       }
     ))
@@ -2519,7 +2526,7 @@ const Hn = () => /* @__PURE__ */ r.createElement("svg", { viewBox: "0 0 32 32",
   dockSaveButton: ma,
   sidebarOpen: pa,
   editorHeaderPathPortaled: ha
-}, va = 1500, wa = 700, ga = 1e3, O = {
+}, va = 1500, wa = 700, ga = 1e3, L = {
   IDLE: "idle",
   PENDING: "pending",
   SAVING: "saving",
@@ -2531,46 +2538,46 @@ function Za({
   isVisible: c = !0,
   documentRoot: f,
   initialPath: l = null,
-  placeholderText: T = "Select a file to view or edit its contents.",
+  placeholderText: R = "Select a file to view or edit its contents.",
   dockPresentation: d = !1,
-  mobileHeaderTarget: k = null
+  mobileHeaderTarget: P = null
 }) {
-  const [D, A] = ee(
+  const [A, T] = te(
     f
-  ), [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(
+  ), [v, D] = te(null), [_, k] = te(""), [Z, j] = te(!0), [x, K] = te(L.IDLE), [W, m] = te(null), [V, J] = te("idle"), [ce, Q] = te(!1), [g, $] = te(null), N = M(null), h = M(null), O = M(!1), G = M(v), re = M(
     n
-  ), L = V(null), Q = V(null), X = V(
+  ), I = M(null), ee = M(null), X = M(
     /* @__PURE__ */ new WeakMap()
-  ), ve = V(!0), me = V(/* @__PURE__ */ new Map()), Ne = V(!1);
-  te.current = n, W(() => {
-    Y.current = h;
-  }, [h]);
+  ), ve = M(!0), me = M(/* @__PURE__ */ new Map()), Ne = M(!1);
+  re.current = n, H(() => {
+    G.current = v;
+  }, [v]);
   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);
+    const { filesystem: S, path: ie, content: le } = b, ue = ee.current === b, be = X.current, ge = (be.get(S) ?? Promise.resolve()).catch(() => {
+    }).then(() => S.writeFile(ie, le));
+    be.set(S, ge);
     let Ie = !1;
     try {
       await ge;
     } catch (Ge) {
       Ie = !0, Xe.error("Failed to save file", Ge);
     }
-    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(
+    const at = ve.current && be.get(S) === ge && re.current === S && G.current === ie && I.current === null;
+    be.get(S) === ge && be.delete(S), ee.current === b && (ee.current = null), at && (K(Ie ? L.ERROR : L.SAVED), m(
       Ie ? "Could not save changes. Try again." : null
-    ), 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));
+    ), ue && J(Ie ? "idle" : "saved"));
+  }, []), ne = Ue(() => {
+    const b = I.current;
+    b && (h.current !== null && (window.clearTimeout(h.current), h.current = null), I.current = null, Pe(b));
   }, [Pe]);
-  W(() => (ve.current = !0, () => {
+  H(() => (ve.current = !0, () => {
     ve.current = !1;
-  }), []), W(() => () => {
+  }), []), H(() => () => {
     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(() => {
+    ((b = I.current) == null ? void 0 : b.filesystem) === n && ne();
+  }, [f, n, ne]), H(() => {
+    O.current = !0, T(f), k(""), D(null), j(!0), K(L.IDLE), m(null), Q(!1), $(null), me.current.clear(), Ne.current = !1;
+  }, [f, n]), H(() => {
     if (!n || !l || Ne.current)
       return;
     let b = !1;
@@ -2580,9 +2587,9 @@ function Za({
           const le = await n.readFileAsText(l);
           if (b)
             return;
-          M.current = !0, _(l), S(le), B(!1), G(O.IDLE), x(null), setTimeout(() => {
-            var ce;
-            (ce = N.current) == null || ce.focus();
+          O.current = !0, D(l), k(le), j(!1), K(L.IDLE), m(null), setTimeout(() => {
+            var ue;
+            (ue = N.current) == null || ue.focus();
           }, 100);
         }
       } catch (ie) {
@@ -2593,66 +2600,66 @@ function Za({
     })(), () => {
       b = !0;
     };
-  }, [n, l]), W(() => {
-    if (!n || !h) {
-      p.current !== null && (window.clearTimeout(p.current), p.current = null), L.current = null, h || G(O.IDLE);
+  }, [n, l]), H(() => {
+    if (!n || !v) {
+      h.current !== null && (window.clearTimeout(h.current), h.current = null), I.current = null, v || K(L.IDLE);
       return;
     }
-    if (M.current) {
-      M.current = !1, L.current = null;
+    if (O.current) {
+      O.current = !1, I.current = null;
       return;
     }
-    p.current !== null && (window.clearTimeout(p.current), p.current = null), G(O.PENDING);
+    h.current !== null && (window.clearTimeout(h.current), h.current = null), K(L.PENDING);
     const b = {
       filesystem: n,
-      path: h,
-      content: F
+      path: v,
+      content: _
     };
-    L.current = b;
-    const P = window.setTimeout(() => {
-      L.current === b && (p.current = null, L.current = null, G(O.SAVING), Pe(b));
+    I.current = b;
+    const S = window.setTimeout(() => {
+      I.current === b && (h.current = null, I.current = null, K(L.SAVING), Pe(b));
     }, va);
-    return p.current = P, () => {
-      p.current === P && (window.clearTimeout(P), p.current = null);
+    return h.current = S, () => {
+      h.current === S && (window.clearTimeout(S), h.current = null);
     };
-  }, [F, h, n, Pe]), W(() => {
-    if (C !== O.SAVED)
+  }, [_, v, n, Pe]), H(() => {
+    if (x !== L.SAVED)
       return;
     const b = window.setTimeout(() => {
-      G(
-        (P) => P === O.SAVED ? O.IDLE : P
+      K(
+        (S) => S === L.SAVED ? L.IDLE : S
       );
     }, 2e3);
     return () => window.clearTimeout(b);
-  }, [C]), W(() => {
-    z === "idle" || C === O.SAVING || C === O.SAVED || J("idle");
-  }, [z, C]), W(() => {
-    if (z !== "saved")
+  }, [x]), H(() => {
+    V === "idle" || x === L.SAVING || x === L.SAVED || J("idle");
+  }, [V, x]), H(() => {
+    if (V !== "saved")
       return;
     const b = window.setTimeout(
       () => J("idle"),
       ga
     );
     return () => window.clearTimeout(b);
-  }, [z]), W(() => {
-    if (z !== "waiting")
+  }, [V]), H(() => {
+    if (V !== "waiting")
       return;
     const b = window.setTimeout(
       () => J(
-        (P) => P === "waiting" ? "saving" : P
+        (S) => S === "waiting" ? "saving" : S
       ),
       wa
     );
     return () => window.clearTimeout(b);
-  }, [z]);
+  }, [V]);
   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,
+    async (b, S, ie = !0) => {
+      var ue;
+      const le = (ue = N.current) == null ? void 0 : ue.getCursorPosition();
+      le != null && G.current && me.current.set(
+        G.current,
         le
-      ), M.current = !0, _(b), S(P), $(null), B(!1), G(O.IDLE), x(null), de(!1), setTimeout(() => {
+      ), O.current = !0, D(b), k(S), $(null), j(!1), K(L.IDLE), m(null), Q(!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();
@@ -2660,52 +2667,52 @@ function Za({
     },
     []
   );
-  W(() => {
+  H(() => {
     var ie;
-    if (!h)
+    if (!v)
       return;
     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;
+      var ue;
+      const le = (ue = N.current) == null ? void 0 : ue.getCursorPosition();
+      le != null && me.current.set(v, le);
+    }, 1e3), S = (ie = N.current) == null ? void 0 : ie.getCursorPosition();
+    return S != null && me.current.set(v, S), () => {
+      var ue;
       clearInterval(b);
-      const le = (ce = N.current) == null ? void 0 : ce.getCursorPosition();
-      le != null && me.current.set(h, le);
+      const le = (ue = N.current) == null ? void 0 : ue.getCursorPosition();
+      le != null && me.current.set(v, le);
     };
-  }, [h]), W(() => {
-    if (!c || !h)
+  }, [v]), H(() => {
+    if (!c || !v)
       return;
     const b = setTimeout(() => {
       var ie;
-      const P = me.current.get(h);
-      P !== void 0 && ((ie = N.current) == null || ie.setCursorPosition(P));
+      const S = me.current.get(v);
+      S !== void 0 && ((ie = N.current) == null || ie.setCursorPosition(S));
     }, 100);
     return () => clearTimeout(b);
-  }, [c, h]);
-  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);
+  }, [c, v]);
+  const ae = Ue(async () => {
+    var S;
+    const b = (S = N.current) == null ? void 0 : S.getCursorPosition();
+    b != null && G.current && me.current.set(G.current, b), O.current = !0, D(null), k(""), $(null), j(!0), K(L.IDLE), m(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);
+    async (b, S) => {
+      O.current = !0, D(null), typeof S == "string" ? (k(S), $(null)) : (k(""), $(S)), j(!0), K(L.IDLE), m(null), Q(!1);
     },
     []
   ), _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 = {
+    I.current && (ee.current = I.current, J("waiting"), K(L.SAVING), ne());
+  }, [ne]), ke = Ue(() => {
+    !I.current && x === L.ERROR && n && v && (I.current = {
       filesystem: n,
-      path: h,
-      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";
-  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;
+      path: v,
+      content: _
+    }), I.current && (m(null), _e());
+  }, [_, v, n, _e, x]), Fe = Ea(x, W), Se = ya(x, q), de = _a(x);
+  let U = "Save";
+  x === L.ERROR ? U = "Retry" : x === L.SAVED && V === "saved" ? U = "Saved" : x === L.SAVING && V === "saving" && (U = "Saving…");
+  const E = x === L.PENDING || x === L.SAVING || x === L.ERROR;
   if (!n)
     return /* @__PURE__ */ r.createElement(
       "div",
@@ -2714,16 +2721,16 @@ function Za({
           [q.dockPresentation]: d
         })
       },
-      /* @__PURE__ */ r.createElement("div", { className: q.placeholder }, T)
+      /* @__PURE__ */ r.createElement("div", { className: q.placeholder }, R)
     );
-  const he = h ? Le(h) : null, pe = h ? et(h) : null, we = /* @__PURE__ */ r.createElement(
+  const he = v ? Le(v) : null, pe = v ? et(v) : null, we = /* @__PURE__ */ r.createElement(
     "div",
     {
       className: De(q.editorPath, {
-        [q.editorPathPlaceholder]: !(h != null && h.length),
-        [q.editorPathPortaled]: k
+        [q.editorPathPlaceholder]: !(v != null && v.length),
+        [q.editorPathPortaled]: P
       }),
-      title: h ?? void 0
+      title: v ?? void 0
     },
     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}`
   );
@@ -2738,25 +2745,25 @@ function Za({
       "div",
       {
         className: De(q.content, {
-          [q.sidebarOpen]: oe
+          [q.sidebarOpen]: ce
         })
       },
       /* @__PURE__ */ r.createElement(
         "div",
         {
           className: q.mobileOverlay,
-          onClick: () => de(!1)
+          onClick: () => Q(!1)
         }
       ),
       /* @__PURE__ */ r.createElement("aside", { className: q.sidebarWrapper }, /* @__PURE__ */ r.createElement(
         Wn,
         {
           filesystem: n,
-          currentPath: h,
-          selectedDirPath: D,
-          setSelectedDirPath: A,
+          currentPath: v,
+          selectedDirPath: A,
+          setSelectedDirPath: T,
           onFileOpened: Oe,
-          onSelectionCleared: ne,
+          onSelectionCleared: ae,
           onShowMessage: Me,
           documentRoot: f,
           dockPresentation: d,
@@ -2767,7 +2774,7 @@ function Za({
         "div",
         {
           className: De(q.editorHeader, {
-            [q.editorHeaderPathPortaled]: k
+            [q.editorHeaderPathPortaled]: P
           })
         },
         /* @__PURE__ */ r.createElement(
@@ -2775,26 +2782,26 @@ function Za({
           {
             className: q.mobileToggle,
             variant: "secondary",
-            onClick: () => de((b) => !b)
+            onClick: () => Q((b) => !b)
           },
-          oe ? "Hide files" : "Browse files"
+          ce ? "Hide files" : "Browse files"
         ),
-        k ? Mr(we, k) : we,
-        d && !K && h ? /* @__PURE__ */ r.createElement("div", { className: q.editorHeaderActions }, w ? /* @__PURE__ */ r.createElement(
+        P ? Mr(we, P) : we,
+        d && !Z && v ? /* @__PURE__ */ r.createElement("div", { className: q.editorHeaderActions }, E ? /* @__PURE__ */ r.createElement(
           "span",
           {
             className: q.dockDirtyIndicator,
             "aria-hidden": "true"
           }
-        ) : null, /* @__PURE__ */ r.createElement(Ht, { text: fe, placement: "top" }, /* @__PURE__ */ r.createElement(
+        ) : null, /* @__PURE__ */ r.createElement(Ht, { text: de, placement: "top" }, /* @__PURE__ */ r.createElement(
           tt,
           {
             variant: "secondary",
             className: q.dockSaveButton,
-            isDestructive: C === O.ERROR,
+            isDestructive: x === L.ERROR,
             onClick: ke
           },
-          H
+          U
         ))) : d ? null : /* @__PURE__ */ r.createElement(
           "div",
           {
@@ -2805,30 +2812,30 @@ function Za({
           },
           Fe
         ),
-        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(
+        d && !Z && v ? /* @__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, v || _ || g ? g ? /* @__PURE__ */ r.createElement("div", { className: q.messageArea }, g) : /* @__PURE__ */ r.createElement(
         Gt,
         {
           ref: N,
-          code: F,
-          onChange: S,
-          currentPath: h,
+          code: _,
+          onChange: k,
+          currentPath: v,
           className: q.editor,
           onSaveShortcut: _e,
-          readOnly: K
+          readOnly: Z
         }
-      ) : /* @__PURE__ */ r.createElement("div", { className: q.placeholder }, T))
+      ) : /* @__PURE__ */ r.createElement("div", { className: q.placeholder }, R))
     )
   );
 }
 function Ea(n, c) {
   switch (n) {
-    case O.PENDING:
-    case O.SAVING:
+    case L.PENDING:
+    case L.SAVING:
       return "Saving…";
-    case O.SAVED:
+    case L.SAVED:
       return "Saved";
-    case O.ERROR:
+    case L.ERROR:
       return c ?? "Save failed";
     default:
       return "";
@@ -2836,11 +2843,11 @@ function Ea(n, c) {
 }
 function ya(n, c) {
   switch (n) {
-    case O.PENDING:
+    case L.PENDING:
       return c.saveStatusPending;
-    case O.SAVING:
+    case L.SAVING:
       return c.saveStatusSaving;
-    case O.ERROR:
+    case L.ERROR:
       return c.saveStatusError;
     default:
       return;
@@ -2848,11 +2855,11 @@ function ya(n, c) {
 }
 function _a(n) {
   switch (n) {
-    case O.PENDING:
+    case L.PENDING:
       return "Unsaved changes. Click to save now.";
-    case O.SAVING:
+    case L.SAVING:
       return "Saving changes…";
-    case O.ERROR:
+    case L.ERROR:
       return "Saving failed. Click to retry.";
     default:
       return "All changes saved.";