@wp-playground/components 3.1.56 → 3.1.57

package/index.js

@@ -1,21 +1,21 @@
-import r, { forwardRef as bt, useMemo as ft, useState as K, useRef as O, useEffect as W, useImperativeHandle as xt, useLayoutEffect as er, useCallback as ze } from "react";
-import { joinPaths as Me, dirname as Ne, normalizePath as tr, basename as tt, isParentOf as rr, concatUint8Arrays as nr } from "@php-wasm/util";
-import { __experimentalTreeGrid as ar, Popover as or, NavigableMenu as ir, MenuItem as Qe, __experimentalTreeGridRow as lr, __experimentalTreeGridCell as sr, Button as He, Modal as zt, Icon as At, Tooltip as Gt, VisuallyHidden as cr, Notice as ur, TextControl as Nt, Flex as fr } from "@wordpress/components";
+import r, { forwardRef as bt, useMemo as ft, useState as K, useRef as O, useEffect as W, useImperativeHandle as xt, useLayoutEffect as tr, useCallback as ze } from "react";
+import { joinPaths as Me, dirname as Ne, normalizePath as rr, basename as tt, isParentOf as nr, concatUint8Arrays as ar } from "@php-wasm/util";
+import { __experimentalTreeGrid as or, Popover as ir, NavigableMenu as lr, MenuItem as Qe, __experimentalTreeGridRow as sr, __experimentalTreeGridCell as cr, Button as He, Modal as zt, Icon as At, Tooltip as Gt, VisuallyHidden as ur, Notice as fr, TextControl as Nt, Flex as dr } from "@wordpress/components";
 import Fe from "classnames";
 import { createPortal as Yt } from "react-dom";
 import { logger as Ye } from "@php-wasm/logger";
-import { forwardRef as Zt, cloneElement as dr, createElement as mr } from "@wordpress/element";
-import pr from "clsx";
-import { Compartment as Ft, EditorSelection as yt, EditorState as hr } from "@codemirror/state";
-import { ViewPlugin as vr, lineNumbers as wr, highlightActiveLineGutter as gr, highlightActiveLine as Er, dropCursor as _r, rectangularSelection as yr, crosshairCursor as br, EditorView as dt, keymap as xr } from "@codemirror/view";
-import { history as Cr, historyKeymap as Rr, defaultKeymap as Pr, indentWithTab as kr } from "@codemirror/commands";
-import { highlightSelectionMatches as Tr, searchKeymap as Sr } from "@codemirror/search";
-import { closeBrackets as Dr, autocompletion as Ar, closeBracketsKeymap as Nr, completionKeymap as Fr } from "@codemirror/autocomplete";
-import { foldGutter as Lr, syntaxHighlighting as Ir, defaultHighlightStyle as Mr, indentOnInput as Or, bracketMatching as jr, foldKeymap as Br } from "@codemirror/language";
+import { forwardRef as Zt, cloneElement as mr, createElement as pr } from "@wordpress/element";
+import hr from "clsx";
+import { Compartment as Ft, EditorSelection as yt, EditorState as wr } from "@codemirror/state";
+import { ViewPlugin as vr, lineNumbers as gr, highlightActiveLineGutter as Er, highlightActiveLine as _r, dropCursor as yr, rectangularSelection as br, crosshairCursor as xr, EditorView as dt, keymap as Cr } from "@codemirror/view";
+import { history as Rr, historyKeymap as Pr, defaultKeymap as kr, indentWithTab as Tr } from "@codemirror/commands";
+import { highlightSelectionMatches as Sr, searchKeymap as Dr } from "@codemirror/search";
+import { closeBrackets as Ar, autocompletion as Nr, closeBracketsKeymap as Fr, completionKeymap as Lr } from "@codemirror/autocomplete";
+import { foldGutter as Ir, syntaxHighlighting as Mr, defaultHighlightStyle as Or, indentOnInput as jr, bracketMatching as Br, foldKeymap as Vr } from "@codemirror/language";
 import { php as mt } from "@codemirror/lang-php";
-import { FilePickerTree as Vr, BinaryFilePreview as $r } from "@wp-playground/components";
+import { FilePickerTree as $r, BinaryFilePreview as Hr } from "@wp-playground/components";
 import jt from "@php-wasm/universal/mime-types";
-const Ya = (i) => /* @__PURE__ */ r.createElement(
+const Za = (i) => /* @__PURE__ */ r.createElement(
   "svg",
   {
     width: "32",
@@ -58,7 +58,7 @@ const Ya = (i) => /* @__PURE__ */ r.createElement(
       strokeWidth: "1.93129"
     }
   )
-), Za = (i) => /* @__PURE__ */ r.createElement(
+), Ka = (i) => /* @__PURE__ */ r.createElement(
   "svg",
   {
     width: "16",
@@ -77,7 +77,7 @@ const Ya = (i) => /* @__PURE__ */ r.createElement(
       fill: "#949494"
     }
   )
-), Ka = (i) => /* @__PURE__ */ r.createElement(
+), qa = (i) => /* @__PURE__ */ r.createElement(
   "svg",
   {
     width: "20",
@@ -94,7 +94,7 @@ const Ya = (i) => /* @__PURE__ */ r.createElement(
       fill: "#ffffff"
     }
   )
-), Hr = /* @__PURE__ */ r.createElement(
+), Wr = /* @__PURE__ */ r.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -111,7 +111,7 @@ const Ya = (i) => /* @__PURE__ */ r.createElement(
       d: "M7.59196 3.59524L6.77745 1.96623C6.70755 1.82641 6.56464 1.7381 6.40832 1.7381H1.65079C1.42287 1.7381 1.2381 1.92287 1.2381 2.15079V11.8492C1.2381 12.0771 1.42287 12.2619 1.65079 12.2619H13.2063C13.4343 12.2619 13.619 12.0771 13.619 11.8492V4.00794C13.619 3.78001 13.4343 3.59524 13.2063 3.59524H7.59196ZM8.35714 2.35714L7.88484 1.41254C7.60521 0.853274 7.0336 0.5 6.40832 0.5H1.65079C0.739085 0.5 0 1.23909 0 2.15079V11.8492C0 12.7609 0.739085 13.5 1.65079 13.5H13.2063C14.1181 13.5 14.8571 12.7609 14.8571 11.8492V4.00794C14.8571 3.09623 14.1181 2.35714 13.2063 2.35714H8.35714Z"
     }
   )
-), Wr = /* @__PURE__ */ r.createElement(
+), Ur = /* @__PURE__ */ r.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -122,7 +122,7 @@ const Ya = (i) => /* @__PURE__ */ r.createElement(
     viewBox: "0 0 16 16"
   },
   /* @__PURE__ */ r.createElement("path", { d: "M14 4.5V14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h5.5zm-3 0A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V4.5z" })
-), qa = (i) => /* @__PURE__ */ r.createElement(
+), Ja = (i) => /* @__PURE__ */ r.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -141,7 +141,7 @@ const Ya = (i) => /* @__PURE__ */ r.createElement(
       fill: "#949494"
     }
   )
-), Ja = /* @__PURE__ */ r.createElement(
+), Xa = /* @__PURE__ */ r.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -160,12 +160,12 @@ const Ya = (i) => /* @__PURE__ */ r.createElement(
     }
   )
 );
-function Xa(i) {
+function Qa(i) {
   return `data:${i.mime};base64,${i.data}`;
 }
-function Qa({
+function eo({
   size: i = 24,
-  sidebarActive: s = !1
+  sidebarActive: l = !1
 }) {
   return /* @__PURE__ */ r.createElement(
     "svg",
@@ -181,7 +181,7 @@ function Qa({
       strokeLinejoin: "round"
     },
     /* @__PURE__ */ r.createElement("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", ry: "2" }),
-    s ? /* @__PURE__ */ r.createElement(
+    l ? /* @__PURE__ */ r.createElement(
       "rect",
       {
         x: "3",
@@ -208,13 +208,27 @@ function Qa({
     )
   );
 }
+function to(i, l) {
+  return !(l != null && l.contentWindow) || !i.source ? !1 : i.source === l.contentWindow ? !0 : Kt(l.contentWindow, i.source);
+}
+function Kt(i, l) {
+  try {
+    for (let f = 0; f < i.frames.length; f++) {
+      const u = i.frames[f];
+      if (u === l || Kt(u, l))
+        return !0;
+    }
+  } catch {
+  }
+  return !1;
+}
 const Bt = Zt(({
   icon: i,
-  size: s = 24,
+  size: l = 24,
   ...f
-}, u) => dr(i, {
-  width: s,
-  height: s,
+}, u) => mr(i, {
+  width: l,
+  height: l,
   ...f,
   ref: u
 }));
@@ -229,16 +243,16 @@ var Ot = { exports: {} }, ct = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Vt;
-function Ur() {
+function zr() {
   if (Vt) return ct;
   Vt = 1;
-  var i = r, s = Symbol.for("react.element"), f = Symbol.for("react.fragment"), u = Object.prototype.hasOwnProperty, v = i.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, h = { key: !0, ref: !0, __self: !0, __source: !0 };
+  var i = r, l = Symbol.for("react.element"), f = Symbol.for("react.fragment"), u = Object.prototype.hasOwnProperty, w = i.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, h = { key: !0, ref: !0, __self: !0, __source: !0 };
   function x(E, R, b) {
     var D, k = {}, F = null, Q = null;
     b !== void 0 && (F = "" + b), R.key !== void 0 && (F = "" + R.key), R.ref !== void 0 && (Q = R.ref);
     for (D in R) u.call(R, D) && !h.hasOwnProperty(D) && (k[D] = R[D]);
     if (E && E.defaultProps) for (D in R = E.defaultProps, R) k[D] === void 0 && (k[D] = R[D]);
-    return { $$typeof: s, type: E, key: F, ref: Q, props: k, _owner: v.current };
+    return { $$typeof: l, type: E, key: F, ref: Q, props: k, _owner: w.current };
   }
   return ct.Fragment = f, ct.jsx = x, ct.jsxs = x, ct;
 }
@@ -253,28 +267,28 @@ var ut = {};
  * LICENSE file in the root directory of this source tree.
  */
 var $t;
-function zr() {
+function Gr() {
   return $t || ($t = 1, process.env.NODE_ENV !== "production" && function() {
-    var i = r, s = Symbol.for("react.element"), f = Symbol.for("react.portal"), u = Symbol.for("react.fragment"), v = Symbol.for("react.strict_mode"), h = Symbol.for("react.profiler"), x = Symbol.for("react.provider"), E = Symbol.for("react.context"), R = Symbol.for("react.forward_ref"), b = Symbol.for("react.suspense"), D = Symbol.for("react.suspense_list"), k = Symbol.for("react.memo"), F = Symbol.for("react.lazy"), Q = Symbol.for("react.offscreen"), J = Symbol.iterator, w = "@@iterator";
+    var i = r, l = Symbol.for("react.element"), f = Symbol.for("react.portal"), u = Symbol.for("react.fragment"), w = Symbol.for("react.strict_mode"), h = Symbol.for("react.profiler"), x = Symbol.for("react.provider"), E = Symbol.for("react.context"), R = Symbol.for("react.forward_ref"), b = Symbol.for("react.suspense"), D = Symbol.for("react.suspense_list"), k = Symbol.for("react.memo"), F = Symbol.for("react.lazy"), Q = Symbol.for("react.offscreen"), J = Symbol.iterator, v = "@@iterator";
     function Z(e) {
       if (e === null || typeof e != "object")
         return null;
-      var n = J && e[J] || e[w];
+      var n = J && e[J] || e[v];
       return typeof n == "function" ? n : null;
     }
     var T = i.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function m(e) {
       {
-        for (var n = arguments.length, l = new Array(n > 1 ? n - 1 : 0), p = 1; p < n; p++)
-          l[p - 1] = arguments[p];
-        N("error", e, l);
+        for (var n = arguments.length, s = new Array(n > 1 ? n - 1 : 0), p = 1; p < n; p++)
+          s[p - 1] = arguments[p];
+        N("error", e, s);
       }
     }
-    function N(e, n, l) {
+    function N(e, n, s) {
       {
         var p = T.ReactDebugCurrentFrame, S = p.getStackAddendum();
-        S !== "" && (n += "%s", l = l.concat([S]));
-        var I = l.map(function(A) {
+        S !== "" && (n += "%s", s = s.concat([S]));
+        var I = s.map(function(A) {
           return String(A);
         });
         I.unshift("Warning: " + n), Function.prototype.apply.call(console[e], console, I);
@@ -283,18 +297,18 @@ function zr() {
     var j = !1, L = !1, U = !1, re = !1, ne = !1, X;
     X = Symbol.for("react.module.reference");
     function ae(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === u || e === h || ne || e === v || e === b || e === D || re || e === Q || j || L || U || typeof e == "object" && e !== null && (e.$$typeof === F || e.$$typeof === k || e.$$typeof === x || e.$$typeof === E || e.$$typeof === R || // This needs to include all possible module reference object
+      return !!(typeof e == "string" || typeof e == "function" || e === u || e === h || ne || e === w || e === b || e === D || re || e === Q || j || L || U || typeof e == "object" && e !== null && (e.$$typeof === F || e.$$typeof === k || e.$$typeof === x || e.$$typeof === E || e.$$typeof === R || // 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 === X || e.getModuleId !== void 0));
     }
-    function _(e, n, l) {
+    function _(e, n, s) {
       var p = e.displayName;
       if (p)
         return p;
       var S = n.displayName || n.name || "";
-      return S !== "" ? l + "(" + S + ")" : l;
+      return S !== "" ? s + "(" + S + ")" : s;
     }
     function d(e) {
       return e.displayName || "Context";
@@ -313,7 +327,7 @@ function zr() {
           return "Portal";
         case h:
           return "Profiler";
-        case v:
+        case w:
           return "StrictMode";
         case b:
           return "Suspense";
@@ -326,8 +340,8 @@ function zr() {
             var n = e;
             return d(n) + ".Consumer";
           case x:
-            var l = e;
-            return d(l._context) + ".Provider";
+            var s = e;
+            return d(s._context) + ".Provider";
           case R:
             return _(e, e.render, "ForwardRef");
           case k:
@@ -406,8 +420,8 @@ function zr() {
         z < 0 && m("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var we = T.ReactCurrentDispatcher, Ce;
-    function ie(e, n, l) {
+    var ve = T.ReactCurrentDispatcher, Ce;
+    function ie(e, n, s) {
       {
         if (Ce === void 0)
           try {
@@ -429,16 +443,16 @@ function zr() {
       if (!e || Be)
         return "";
       {
-        var l = ge.get(e);
-        if (l !== void 0)
-          return l;
+        var s = ge.get(e);
+        if (s !== void 0)
+          return s;
       }
       var p;
       Be = !0;
       var S = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var I;
-      I = we.current, we.current = null, oe();
+      I = ve.current, ve.current = null, oe();
       try {
         if (n) {
           var A = function() {
@@ -491,19 +505,19 @@ function zr() {
             }
         }
       } finally {
-        Be = !1, we.current = I, Te(), Error.prepareStackTrace = S;
+        Be = !1, ve.current = I, Te(), Error.prepareStackTrace = S;
       }
       var Xe = e ? e.displayName || e.name : "", Ue = Xe ? ie(Xe) : "";
       return typeof e == "function" && ge.set(e, Ue), Ue;
     }
-    function Ee(e, n, l) {
+    function Ee(e, n, s) {
       return g(e, !1);
     }
     function he(e) {
       var n = e.prototype;
       return !!(n && n.isReactComponent);
     }
-    function H(e, n, l) {
+    function H(e, n, s) {
       if (e == null)
         return "";
       if (typeof e == "function")
@@ -521,26 +535,26 @@ function zr() {
           case R:
             return Ee(e.render);
           case k:
-            return H(e.type, n, l);
+            return H(e.type, n, s);
           case F: {
             var p = e, S = p._payload, I = p._init;
             try {
-              return H(I(S), n, l);
+              return H(I(S), n, s);
             } catch {
             }
           }
         }
       return "";
     }
-    var fe = Object.prototype.hasOwnProperty, We = {}, ve = T.ReactDebugCurrentFrame;
+    var fe = Object.prototype.hasOwnProperty, We = {}, we = T.ReactDebugCurrentFrame;
     function _e(e) {
       if (e) {
-        var n = e._owner, l = H(e.type, e._source, n ? n.type : null);
-        ve.setExtraStackFrame(l);
+        var n = e._owner, s = H(e.type, e._source, n ? n.type : null);
+        we.setExtraStackFrame(s);
       } else
-        ve.setExtraStackFrame(null);
+        we.setExtraStackFrame(null);
     }
-    function Ve(e, n, l, p, S) {
+    function Ve(e, n, s, p, S) {
       {
         var I = Function.call.bind(fe);
         for (var A in e)
@@ -548,14 +562,14 @@ function zr() {
             var M = void 0;
             try {
               if (typeof e[A] != "function") {
-                var be = Error((p || "React class") + ": " + l + " type `" + A + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[A] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                var be = Error((p || "React class") + ": " + s + " type `" + A + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[A] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw be.name = "Invariant Violation", be;
               }
-              M = e[A](n, A, p, l, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              M = e[A](n, A, p, s, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (te) {
               M = te;
             }
-            M && !(M instanceof Error) && (_e(S), 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).", p || "React class", l, A, typeof M), _e(null)), M instanceof Error && !(M.message in We) && (We[M.message] = !0, _e(S), m("Failed %s type: %s", l, M.message), _e(null));
+            M && !(M instanceof Error) && (_e(S), 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).", p || "React class", s, A, typeof M), _e(null)), M instanceof Error && !(M.message in We) && (We[M.message] = !0, _e(S), m("Failed %s type: %s", s, M.message), _e(null));
           }
       }
     }
@@ -565,8 +579,8 @@ function zr() {
     }
     function pe(e) {
       {
-        var n = typeof Symbol == "function" && Symbol.toStringTag, l = n && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return l;
+        var n = typeof Symbol == "function" && Symbol.toStringTag, s = n && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return s;
       }
     }
     function de(e) {
@@ -610,34 +624,34 @@ function zr() {
     }
     function Pt(e, n) {
       {
-        var l = function() {
+        var s = function() {
           De || (De = !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)", n));
         };
-        l.isReactWarning = !0, Object.defineProperty(e, "key", {
-          get: l,
+        s.isReactWarning = !0, Object.defineProperty(e, "key", {
+          get: s,
           configurable: !0
         });
       }
     }
     function Ke(e, n) {
       {
-        var l = function() {
+        var s = function() {
           Ze || (Ze = !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)", n));
         };
-        l.isReactWarning = !0, Object.defineProperty(e, "ref", {
-          get: l,
+        s.isReactWarning = !0, Object.defineProperty(e, "ref", {
+          get: s,
           configurable: !0
         });
       }
     }
-    var qe = function(e, n, l, p, S, I, A) {
+    var qe = function(e, n, s, p, S, I, A) {
       var M = {
         // This tag allows us to uniquely identify this as a React Element
-        $$typeof: s,
+        $$typeof: l,
         // Built-in properties that belong on the element
         type: e,
         key: n,
-        ref: l,
+        ref: s,
         props: A,
         // Record the component responsible for creating this element.
         _owner: I
@@ -659,10 +673,10 @@ function zr() {
         value: S
       }), Object.freeze && (Object.freeze(M.props), Object.freeze(M)), M;
     };
-    function kt(e, n, l, p, S) {
+    function kt(e, n, s, p, S) {
       {
         var I, A = {}, M = null, be = null;
-        l !== void 0 && (ke(l), M = "" + l), Ct(n) && (ke(n.key), M = "" + n.key), at(n) && (be = n.ref, Rt(n, S));
+        s !== void 0 && (ke(s), M = "" + s), Ct(n) && (ke(n.key), M = "" + n.key), at(n) && (be = n.ref, Rt(n, S));
         for (I in n)
           fe.call(n, I) && !Ie.hasOwnProperty(I) && (A[I] = n[I]);
         if (e && e.defaultProps) {
@@ -680,15 +694,15 @@ function zr() {
     var ot = T.ReactCurrentOwner, pt = T.ReactDebugCurrentFrame;
     function $e(e) {
       if (e) {
-        var n = e._owner, l = H(e.type, e._source, n ? n.type : null);
-        pt.setExtraStackFrame(l);
+        var n = e._owner, s = H(e.type, e._source, n ? n.type : null);
+        pt.setExtraStackFrame(s);
       } else
         pt.setExtraStackFrame(null);
     }
     var it;
     it = !1;
     function Je(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === s;
+      return typeof e == "object" && e !== null && e.$$typeof === l;
     }
     function lt() {
       {
@@ -705,15 +719,15 @@ Check the render method of \`` + e + "`.";
     function ht(e) {
       return "";
     }
-    var vt = {};
-    function wt(e) {
+    var wt = {};
+    function vt(e) {
       {
         var n = lt();
         if (!n) {
-          var l = typeof e == "string" ? e : e.displayName || e.name;
-          l && (n = `
+          var s = typeof e == "string" ? e : e.displayName || e.name;
+          s && (n = `
 
-Check the top-level render call using <` + l + ">.");
+Check the top-level render call using <` + s + ">.");
         }
         return n;
       }
@@ -723,12 +737,12 @@ Check the top-level render call using <` + l + ">.");
         if (!e._store || e._store.validated || e.key != null)
           return;
         e._store.validated = !0;
-        var l = wt(n);
-        if (vt[l])
+        var s = vt(n);
+        if (wt[s])
           return;
-        vt[l] = !0;
+        wt[s] = !0;
         var p = "";
-        e && e._owner && e._owner !== ot.current && (p = " It was passed a child from " + P(e._owner.type) + "."), $e(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.', l, p), $e(null);
+        e && e._owner && e._owner !== ot.current && (p = " It was passed a child from " + P(e._owner.type) + "."), $e(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.', s, p), $e(null);
       }
     }
     function gt(e, n) {
@@ -736,8 +750,8 @@ Check the top-level render call using <` + l + ">.");
         if (typeof e != "object")
           return;
         if (y(e))
-          for (var l = 0; l < e.length; l++) {
-            var p = e[l];
+          for (var s = 0; s < e.length; s++) {
+            var p = e[s];
             Je(p) && st(p, n);
           }
         else if (Je(e))
@@ -755,18 +769,18 @@ Check the top-level render call using <` + l + ">.");
         var n = e.type;
         if (n == null || typeof n == "string")
           return;
-        var l;
+        var s;
         if (typeof n == "function")
-          l = n.propTypes;
+          s = n.propTypes;
         else if (typeof n == "object" && (n.$$typeof === R || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
         n.$$typeof === k))
-          l = n.propTypes;
+          s = n.propTypes;
         else
           return;
-        if (l) {
+        if (s) {
           var p = P(n);
-          Ve(l, e.props, "prop", p, e);
+          Ve(s, e.props, "prop", p, e);
         } else if (n.PropTypes !== void 0 && !it) {
           it = !0;
           var S = P(n);
@@ -777,8 +791,8 @@ Check the top-level render call using <` + l + ">.");
     }
     function St(e) {
       {
-        for (var n = Object.keys(e.props), l = 0; l < n.length; l++) {
-          var p = n[l];
+        for (var n = Object.keys(e.props), s = 0; s < n.length; s++) {
+          var p = n[s];
           if (p !== "children" && p !== "key") {
             $e(e), m("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", p), $e(null);
             break;
@@ -788,7 +802,7 @@ Check the top-level render call using <` + l + ">.");
       }
     }
     var Et = {};
-    function _t(e, n, l, p, S, I) {
+    function _t(e, n, s, p, S, I) {
       {
         var A = ae(e);
         if (!A) {
@@ -797,9 +811,9 @@ Check the top-level render call using <` + l + ">.");
           var be = ht();
           be ? M += be : M += lt();
           var te;
-          e === null ? te = "null" : y(e) ? te = "array" : e !== void 0 && e.$$typeof === s ? (te = "<" + (P(e.type) || "Unknown") + " />", M = " Did you accidentally export a JSX literal instead of a component?") : te = 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", te, M);
+          e === null ? te = "null" : y(e) ? te = "array" : e !== void 0 && e.$$typeof === l ? (te = "<" + (P(e.type) || "Unknown") + " />", M = " Did you accidentally export a JSX literal instead of a component?") : te = 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", te, M);
         }
-        var se = kt(e, n, l, S, I);
+        var se = kt(e, n, s, S, I);
         if (se == null)
           return se;
         if (A) {
@@ -816,34 +830,34 @@ Check the top-level render call using <` + l + ">.");
               gt(Ae, e);
         }
         if (fe.call(n, "key")) {
-          var Ue = P(e), Re = Object.keys(n).filter(function(Qt) {
-            return Qt !== "key";
+          var Ue = P(e), Re = Object.keys(n).filter(function(er) {
+            return er !== "key";
           }), Dt = Re.length > 0 ? "{key: someKey, " + Re.join(": ..., ") + ": ...}" : "{key: someKey}";
           if (!Et[Ue + Dt]) {
-            var Xt = Re.length > 0 ? "{" + Re.join(": ..., ") + ": ...}" : "{}";
+            var Qt = Re.length > 0 ? "{" + Re.join(": ..., ") + ": ...}" : "{}";
             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:
   let props = %s;
-  <%s key={someKey} {...props} />`, Dt, Ue, Xt, Ue), Et[Ue + Dt] = !0;
+  <%s key={someKey} {...props} />`, Dt, Ue, Qt, Ue), Et[Ue + Dt] = !0;
           }
         }
         return e === u ? St(se) : Tt(se), se;
       }
     }
-    function t(e, n, l) {
-      return _t(e, n, l, !0);
+    function t(e, n, s) {
+      return _t(e, n, s, !0);
     }
-    function a(e, n, l) {
-      return _t(e, n, l, !1);
+    function a(e, n, s) {
+      return _t(e, n, s, !1);
     }
     var o = a, c = t;
     ut.Fragment = u, ut.jsx = o, ut.jsxs = c;
   }()), ut;
 }
-process.env.NODE_ENV === "production" ? Ot.exports = Ur() : Ot.exports = zr();
-var Le = Ot.exports, rt = (i) => mr("path", i), nt = Zt(
+process.env.NODE_ENV === "production" ? Ot.exports = zr() : Ot.exports = Gr();
+var Le = Ot.exports, rt = (i) => pr("path", i), nt = Zt(
   /**
    * @param {SVGProps}                          props isPressed indicates whether the SVG should appear as pressed.
    *                                                  Other props will be passed through to svg component.
@@ -851,30 +865,30 @@ var Le = Ot.exports, rt = (i) => mr("path", i), nt = Zt(
    *
    * @return {React.JSX.Element} Stop component
    */
-  ({ className: i, isPressed: s, ...f }, u) => {
-    const v = {
+  ({ className: i, isPressed: l, ...f }, u) => {
+    const w = {
       ...f,
-      className: pr(i, { "is-pressed": s }) || void 0,
+      className: hr(i, { "is-pressed": l }) || void 0,
       "aria-hidden": !0,
       focusable: !1
     };
-    return /* @__PURE__ */ Le.jsx("svg", { ...v, ref: u });
+    return /* @__PURE__ */ Le.jsx("svg", { ...w, ref: u });
   }
 );
 nt.displayName = "SVG";
-const Gr = /* @__PURE__ */ Le.jsx(nt, {
+const Yr = /* @__PURE__ */ Le.jsx(nt, {
   viewBox: "0 0 24 24",
   xmlns: "http://www.w3.org/2000/svg",
   children: /* @__PURE__ */ Le.jsx(rt, {
     d: "M17.5 11.6L12 16l-5.5-4.4.9-1.2L12 14l4.5-3.6 1 1.2z"
   })
-}), Yr = /* @__PURE__ */ Le.jsx(nt, {
+}), Zr = /* @__PURE__ */ Le.jsx(nt, {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   children: /* @__PURE__ */ Le.jsx(rt, {
     d: "M10.6 6L9.4 7l4.6 5-4.6 5 1.2 1 5.4-6z"
   })
-}), Zr = /* @__PURE__ */ Le.jsx(nt, {
+}), Kr = /* @__PURE__ */ Le.jsx(nt, {
   viewBox: "0 0 24 24",
   xmlns: "http://www.w3.org/2000/svg",
   children: /* @__PURE__ */ Le.jsx(rt, {
@@ -882,7 +896,7 @@ const Gr = /* @__PURE__ */ Le.jsx(nt, {
     clipRule: "evenodd",
     d: "M12.848 8a1 1 0 0 1-.914-.594l-.723-1.63a.5.5 0 0 0-.447-.276H5a.5.5 0 0 0-.5.5v11.5a.5.5 0 0 0 .5.5h14a.5.5 0 0 0 .5-.5v-9A.5.5 0 0 0 19 8h-6.152Zm.612-1.5a.5.5 0 0 1-.462-.31l-.445-1.084A2 2 0 0 0 10.763 4H5a2 2 0 0 0-2 2v11.5a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-9a2 2 0 0 0-2-2h-5.54Z"
   })
-}), Kr = /* @__PURE__ */ Le.jsxs(nt, {
+}), qr = /* @__PURE__ */ Le.jsxs(nt, {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   children: [/* @__PURE__ */ Le.jsx(rt, {
@@ -890,42 +904,42 @@ const Gr = /* @__PURE__ */ Le.jsx(nt, {
   }), /* @__PURE__ */ Le.jsx(rt, {
     d: "M17 4H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2ZM7 5.5h10a.5.5 0 0 1 .5.5v12a.5.5 0 0 1-.5.5H7a.5.5 0 0 1-.5-.5V6a.5.5 0 0 1 .5-.5Z"
   })]
-}), qr = /* @__PURE__ */ Le.jsx(nt, {
+}), Jr = /* @__PURE__ */ Le.jsx(nt, {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   children: /* @__PURE__ */ Le.jsx(rt, {
     d: "M18.5 15v3.5H13V6.7l4.5 4.1 1-1.1-6.2-5.8-5.8 5.8 1 1.1 4-4v11.7h-6V15H4v5h16v-5z"
   })
-}), Jr = "_file-picker-tree_12ffp_1", Xr = "_file-node-button_12ffp_17", Qr = "_selected_12ffp_56", en = "_focused_12ffp_75", tn = "_dropTarget_12ffp_83", rn = "_dropTargetInvalid_12ffp_95", nn = "_renaming_12ffp_104", an = "_renameInput_12ffp_109", on = "_file-name_12ffp_124", ln = "_path-badge_12ffp_128", sn = "_path-badge-tooltip_12ffp_140", ye = {
-  filePickerTree: Jr,
-  fileNodeButton: Xr,
-  selected: Qr,
-  focused: en,
-  dropTarget: tn,
-  dropTargetInvalid: rn,
-  renaming: nn,
-  renameInput: an,
-  fileName: on,
-  pathBadge: ln,
-  pathBadgeTooltip: sn
+}), Xr = "_file-picker-tree_12ffp_1", Qr = "_file-node-button_12ffp_17", en = "_selected_12ffp_56", tn = "_focused_12ffp_75", rn = "_dropTarget_12ffp_83", nn = "_dropTargetInvalid_12ffp_95", an = "_renaming_12ffp_104", on = "_renameInput_12ffp_109", ln = "_file-name_12ffp_124", sn = "_path-badge_12ffp_128", cn = "_path-badge-tooltip_12ffp_140", ye = {
+  filePickerTree: Xr,
+  fileNodeButton: Qr,
+  selected: en,
+  focused: tn,
+  dropTarget: rn,
+  dropTargetInvalid: nn,
+  renaming: an,
+  renameInput: on,
+  fileName: ln,
+  pathBadge: sn,
+  pathBadgeTooltip: cn
 };
 function Lt(i) {
   if (!i) return [];
-  const s = tr(i), f = s.startsWith("/"), u = s.split("/").filter(Boolean), v = [];
+  const l = rr(i), f = l.startsWith("/"), u = l.split("/").filter(Boolean), w = [];
   let h = f ? "/" : "";
-  f && v.push("/");
+  f && w.push("/");
   for (const x of u)
-    !h || h === "/" ? h = h === "/" ? `/${x}` : x : h = `${h}/${x}`, v.push(h);
-  return v;
+    !h || h === "/" ? h = h === "/" ? `/${x}` : x : h = `${h}/${x}`, w.push(h);
+  return w;
 }
-function Ge(i, s, f) {
-  return i && (i === s ? f : i.startsWith(s === "/" ? "/" : `${s}/`) ? f + i.slice(s.length) : i);
+function Ge(i, l, f) {
+  return i && (i === l ? f : i.startsWith(l === "/" ? "/" : `${l}/`) ? f + i.slice(l.length) : i);
 }
-const cn = bt(function({
-  withContextMenu: s = !0,
+const un = bt(function({
+  withContextMenu: l = !0,
   readOnly: f = !1,
   filesystem: u,
-  root: v = "/wordpress",
+  root: w = "/wordpress",
   initialSelectedPath: h,
   onSelect: x = () => {
   },
@@ -934,13 +948,13 @@ const cn = bt(function({
   onMountFromGit: b,
   onPathRenamed: D
 }, k) {
-  const F = ft(() => Me("/", v || "/"), [v]), Q = ft(
+  const F = ft(() => Me("/", w || "/"), [w]), Q = ft(
     () => Me(F, "wp-content", "plugins"),
     [F]
   ), J = ft(
     () => Me(F, "wp-content", "themes"),
     [F]
-  ), [w, Z] = K(() => {
+  ), [v, Z] = K(() => {
     if (!h)
       return {};
     const t = {};
@@ -979,20 +993,20 @@ const cn = bt(function({
   }, ue = (t, a = "") => a ? Me(a, t.name) : Me("/", t.name), Pe = (t, a) => t.children ? t.children : L[a], oe = async (t, a) => {
     const o = await t.listFiles(a), c = [];
     for (const e of o) {
-      const n = a === "/" ? `/${e}` : `${a}/${e}`, l = await t.isDir(n);
-      c.push({ name: e, type: l ? "folder" : "file" });
+      const n = a === "/" ? `/${e}` : `${a}/${e}`, s = await t.isDir(n);
+      c.push({ name: e, type: s ? "folder" : "file" });
     }
     return c.sort((e, n) => {
       var I;
       if (e.type !== n.type) return e.type === "folder" ? -1 : 1;
-      const l = a === "/" ? `/${e.name}` : `${a}/${e.name}`, p = a === "/" ? `/${n.name}` : `${a}/${n.name}`, S = (I = _e.current) == null ? void 0 : I.tempPath;
+      const s = a === "/" ? `/${e.name}` : `${a}/${e.name}`, p = a === "/" ? `/${n.name}` : `${a}/${n.name}`, S = (I = _e.current) == null ? void 0 : I.tempPath;
       if (S) {
-        if (l === S) return -1;
+        if (s === S) return -1;
         if (p === S) return 1;
       }
       return e.name.localeCompare(n.name);
     }), c;
-  }, Te = async (t) => await oe(u, t), we = (t, a) => {
+  }, Te = async (t) => await oe(u, t), ve = (t, a) => {
     if (a.type !== "folder")
       return a.children;
     const o = a.children ?? ce.current[t];
@@ -1013,7 +1027,7 @@ const cn = bt(function({
     }));
   }, Ce = (t, a) => {
     a.type === "folder" && (typeof window > "u" || P.current[t] || (P.current[t] = window.setTimeout(() => {
-      Z((o) => o[t] ? o : { ...o, [t]: !0 }), we(t, a), delete P.current[t];
+      Z((o) => o[t] ? o : { ...o, [t]: !0 }), ve(t, a), delete P.current[t];
     }, 600)));
   }, ie = (t) => (ne((a) => ({ ...a, [t]: !0 })), new Promise((a) => {
     Te(t).then((o) => {
@@ -1033,7 +1047,7 @@ const cn = bt(function({
     Z((c) => ({
       ...c,
       [t]: o
-    })), o ? we(t, a) : U((c) => {
+    })), o ? ve(t, a) : U((c) => {
       if (c[t] === void 0)
         return c;
       const e = { ...c };
@@ -1045,8 +1059,8 @@ const cn = bt(function({
     if (a.length === 0) return;
     Z((e) => {
       const n = { ...e };
-      for (const l of a)
-        n[l] = !0;
+      for (const s of a)
+        n[s] = !0;
       return n;
     });
     let o = [
@@ -1058,23 +1072,23 @@ const cn = bt(function({
         c = e, o = [];
         continue;
       }
-      o = await we(e, n) ?? ce.current[e], c = e;
+      o = await ve(e, n) ?? ce.current[e], c = e;
     }
   }, Se = (t, a) => {
     !t || !a || t === a || (Z((o) => {
       let c = !1;
       const e = { ...o };
       for (const n of Object.keys(o)) {
-        const l = Ge(n, t, a);
-        l && l !== n && (e[l] = o[n], delete e[n], c = !0);
+        const s = Ge(n, t, a);
+        s && s !== n && (e[s] = o[n], delete e[n], c = !0);
       }
       return c ? e : o;
     }), U((o) => {
       let c = !1;
       const e = { ...o };
       for (const n of Object.keys(o)) {
-        const l = Ge(n, t, a);
-        l && l !== n && (e[l] = o[n], delete e[n], c = !0);
+        const s = Ge(n, t, a);
+        s && s !== n && (e[s] = o[n], delete e[n], c = !0);
       }
       return c ? e : o;
     }), m((o) => Ge(o, t, a)), j((o) => Ge(o, t, a)));
@@ -1082,7 +1096,7 @@ const cn = bt(function({
     ae(null), d(null), me();
   }, Ee = (t, a = !0) => {
     m(t), a && x(t);
-  }, he = ft(() => [{ name: F, type: "folder" }], [F]), [H, fe] = K(null), [We, ve] = K(null), _e = O(null), Ve = f ? null : We;
+  }, he = ft(() => [{ name: F, type: "folder" }], [F]), [H, fe] = K(null), [We, we] = K(null), _e = O(null), Ve = f ? null : We;
   xt(
     k,
     () => ({
@@ -1113,10 +1127,10 @@ const cn = bt(function({
         f || await qe(t, "folder", "New Folder");
       },
       importFiles: async (t, a) => {
-        f || await vt(t, a);
+        f || await wt(t, a);
       },
       importDataTransfer: async (t, a) => {
-        f || await wt(t, a);
+        f || await vt(t, a);
       }
     }),
     [T, ie, Se, ge, f]
@@ -1162,8 +1176,8 @@ const cn = bt(function({
     const a = t.name;
     V.current = !0, Z(
       (o) => o[a] ? o : { ...o, [a]: !0 }
-    ), !ce.current[a] && !G.current[a] && we(a, t);
-  }, [he, we, F]), W(() => () => {
+    ), !ce.current[a] && !G.current[a] && ve(a, t);
+  }, [he, ve, F]), W(() => () => {
     $.current && clearTimeout($.current), me();
   }, []), W(() => {
     H && setTimeout(() => {
@@ -1180,7 +1194,7 @@ const cn = bt(function({
     return o && o || "/";
   }, Oe = (t, a, o) => {
     const c = ke(t, a);
-    return c ? o && rr(o, c) ? { allowed: !1, state: "invalid", destination: null } : { allowed: !0, state: "valid", destination: c } : { allowed: !1, state: "invalid", destination: null };
+    return c ? o && nr(o, c) ? { allowed: !1, state: "invalid", destination: null } : { allowed: !0, state: "valid", destination: c } : { allowed: !1, state: "invalid", destination: null };
   }, Ie = (t, a, o) => {
     a.type !== "folder" && a.type !== "file" || (ae(o), d(null), t.dataTransfer && (t.dataTransfer.effectAllowed = "move", t.dataTransfer.setData(
       "application/x-wp-playground-path",
@@ -1206,7 +1220,7 @@ const cn = bt(function({
     }
     t.preventDefault(), t.stopPropagation(), Y(o), d(null);
     try {
-      c ? await pt(c, e.destination) : await wt(
+      c ? await pt(c, e.destination) : await vt(
         t.dataTransfer,
         e.destination
       );
@@ -1214,7 +1228,7 @@ const cn = bt(function({
       g();
     }
   }, Pt = (t, a, o) => {
-    s && (t.preventDefault(), t.stopPropagation(), ve(null), fe({
+    l && (t.preventDefault(), t.stopPropagation(), we(null), fe({
       absPath: o,
       type: a.type,
       x: t.clientX,
@@ -1222,14 +1236,14 @@ const cn = bt(function({
     }));
   }, Ke = async (t, a) => {
     let o = a, c = 0;
-    const e = (l) => {
-      const p = l.lastIndexOf(".");
-      return p > 0 ? { stem: l.slice(0, p), ext: l.slice(p) } : { stem: l, ext: "" };
+    const e = (s) => {
+      const p = s.lastIndexOf(".");
+      return p > 0 ? { stem: s.slice(0, p), ext: s.slice(p) } : { stem: s, ext: "" };
     }, n = t === "/" ? "" : t;
     for (; await (u == null ? void 0 : u.fileExists(`${n}/${o}`)) || await (u == null ? void 0 : u.isDir(`${n}/${o}`)); ) {
       c += 1;
-      const { stem: l, ext: p } = e(a);
-      o = `${l} (${c})${p}`;
+      const { stem: s, ext: p } = e(a);
+      o = `${s} (${c})${p}`;
     }
     return o;
   }, qe = async (t, a, o) => {
@@ -1240,9 +1254,9 @@ const cn = bt(function({
     } catch {
       c = Ne(c);
     }
-    const e = c, n = await Ke(e, o), l = Me(e, n);
-    a === "folder" ? await u.mkdir(l) : await u.writeFile(l, ""), _e.current = { type: a, tempPath: l }, ve(l), await ie(e), setTimeout(() => {
-      j(l), ee(l);
+    const e = c, n = await Ke(e, o), s = Me(e, n);
+    a === "folder" ? await u.mkdir(s) : await u.writeFile(s, ""), _e.current = { type: a, tempPath: s }, we(s), await ie(e), setTimeout(() => {
+      j(s), ee(s);
     }, 0);
   }, kt = async (t) => {
     if (!u) return !1;
@@ -1279,15 +1293,15 @@ const cn = bt(function({
         c
       );
       T && (T === t || T.startsWith(`${t}/`)) && x(n), j(
-        (l) => Ge(l, t, c)
-      ), Z((l) => ({
-        ...l,
+        (s) => Ge(s, t, c)
+      ), Z((s) => ({
+        ...s,
         [a]: !0
       })), await Promise.all([
         ie(e),
         ie(a)
       ]), m(
-        (l) => Ge(l, t, c)
+        (s) => Ge(s, t, c)
       ), ee(c);
     } catch {
     }
@@ -1309,17 +1323,17 @@ const cn = bt(function({
       t.name || "New Folder"
     ), c = Me(a, o);
     await ot(c);
-    const e = t.createReader(), n = () => new Promise((l, p) => {
+    const e = t.createReader(), n = () => new Promise((s, p) => {
       e.readEntries(
-        (S) => l(Array.from(S)),
+        (S) => s(Array.from(S)),
         p
       );
     });
     for (; ; ) {
-      const l = await n();
-      if (!l.length)
+      const s = await n();
+      if (!s.length)
         break;
-      for (const p of l)
+      for (const p of s)
         p.isFile ? await lt(
           p,
           c
@@ -1328,7 +1342,7 @@ const cn = bt(function({
           c
         );
     }
-  }, vt = (t, a) => st([], t, a), wt = (t, a) => {
+  }, wt = (t, a) => st([], t, a), vt = (t, a) => {
     const c = Array.from(t.items).filter((n) => n.kind === "file").map((n) => $e(n)).filter((n) => !!n), e = Array.from(t.files);
     return st(c, e, a);
   }, st = async (t, a, o) => {
@@ -1358,7 +1372,7 @@ const cn = bt(function({
       a === "folder" ? await u.rmdir(o, { recursive: !0 }) : await u.unlink(o);
     } catch {
     } finally {
-      ve(null);
+      we(null);
       const c = Ne(o);
       await ie(c), T && (T === o || T.startsWith(`${o}/`)) && x(null);
     }
@@ -1386,8 +1400,8 @@ const cn = bt(function({
         e && c.includes(e) && (n = c.indexOf(
           e
         ));
-        for (let l = 0; l < c.length; l++) {
-          const p = (n + l) % c.length, S = c[p];
+        for (let s = 0; s < c.length; s++) {
+          const p = (n + s) % c.length, S = c[p];
           if ((a = S.textContent) != null && a.toLowerCase().trim().startsWith(o)) {
             S.focus();
             const I = S.getAttribute("data-path");
@@ -1410,45 +1424,45 @@ const cn = bt(function({
         }
         _e.current = null;
       }
-      ve(c ? null : t);
+      we(c ? null : t);
       return;
     }
-    let n = Me(e, a), l = n;
-    if (l === t) {
-      ve(null);
+    let n = Me(e, a), s = n;
+    if (s === t) {
+      we(null);
       const A = c && (o == null ? void 0 : o.type) === "file";
       c && (_e.current = null), setTimeout(() => {
-        j(l), ee(l), A && E && E(l);
+        j(s), ee(s), A && E && E(s);
       }, 0);
       return;
     }
-    const p = await u.fileExists(l), S = await u.isDir(l);
-    if ((p || S) && l !== t)
+    const p = await u.fileExists(s), S = await u.isDir(s);
+    if ((p || S) && s !== t)
       if (c)
         try {
           const A = await Ke(
             e === "/" ? "/" : e,
             a
           );
-          n = Me(e, A), l = n;
+          n = Me(e, A), s = n;
         } catch {
         }
       else {
-        ve(t);
+        we(t);
         return;
       }
     let I = (o == null ? void 0 : o.type) === "folder";
     try {
-      if (await u.mv(t, n), o || (I = await u.isDir(n)), I && (Se(t, l), !c))
+      if (await u.mv(t, n), o || (I = await u.isDir(n)), I && (Se(t, s), !c))
         try {
-          await (D == null ? void 0 : D(t, l));
+          await (D == null ? void 0 : D(t, s));
         } catch (A) {
           Ye.error(
             "Failed to update metadata after renaming a path",
             A
           );
         }
-      T === t && x(l), await ie(e), j(l), ee(l), c && !I && E && E(l);
+      T === t && x(s), await ie(e), j(s), ee(s), c && !I && E && E(s);
     } catch {
       if (c)
         try {
@@ -1458,31 +1472,31 @@ const cn = bt(function({
         } catch {
         }
     } finally {
-      _e.current = null, ve(null);
+      _e.current = null, we(null);
     }
   }, _t = async (t) => {
     const a = _e.current;
     if (!u || (a == null ? void 0 : a.tempPath) !== t) {
-      ve((c) => c === t ? null : c);
+      we((c) => c === t ? null : c);
       return;
     }
     try {
       a.type === "folder" ? await u.rmdir(t, { recursive: !0 }) : await u.unlink(t);
     } catch {
     }
-    _e.current = null, ve(null);
+    _e.current = null, we(null);
     const o = Ne(t);
     await ie(o), j(o), ee(o);
   };
-  return /* @__PURE__ */ r.createElement("div", { onKeyDown: St, ref: z }, /* @__PURE__ */ r.createElement(ar, { className: ye.filePickerTree }, he.map((t, a) => /* @__PURE__ */ r.createElement(
-    Kt,
+  return /* @__PURE__ */ r.createElement("div", { onKeyDown: St, ref: z }, /* @__PURE__ */ r.createElement(or, { className: ye.filePickerTree }, he.map((t, a) => /* @__PURE__ */ r.createElement(
+    qt,
     {
       key: t.name,
       node: t,
       level: 0,
       position: a + 1,
       setSize: he.length,
-      expandedNodePaths: w,
+      expandedNodePaths: v,
       onToggle: Be,
       selectedNode: T,
       focusPath: (o) => j(o),
@@ -1506,7 +1520,7 @@ const cn = bt(function({
       pathBadges: R
     }
   ))), !f && H && /* @__PURE__ */ r.createElement(
-    or,
+    ir,
     {
       placement: "bottom-start",
       onClose: () => fe(null),
@@ -1528,7 +1542,7 @@ const cn = bt(function({
       resize: !1,
       focusOnMount: "firstElement"
     },
-    /* @__PURE__ */ r.createElement(ir, { role: "menu" }, H.type === "folder" && /* @__PURE__ */ r.createElement(
+    /* @__PURE__ */ r.createElement(lr, { role: "menu" }, H.type === "folder" && /* @__PURE__ */ r.createElement(
       Qe,
       {
         role: "menuitem",
@@ -1571,7 +1585,7 @@ const cn = bt(function({
       {
         role: "menuitem",
         onClick: () => {
-          fe(null), ve(H.absPath);
+          fe(null), we(H.absPath);
         }
       },
       "Rename"
@@ -1598,12 +1612,12 @@ const cn = bt(function({
       "Delete"
     ))
   ));
-}), Kt = ({
+}), qt = ({
   node: i,
-  level: s,
+  level: l,
   position: f,
   setSize: u,
-  expandedNodePaths: v,
+  expandedNodePaths: w,
   onToggle: h,
   selectedNode: x,
   focusPath: E,
@@ -1614,7 +1628,7 @@ const cn = bt(function({
   onContextMenu: F,
   renamingPath: Q,
   onRename: J,
-  onRenameCancel: w,
+  onRenameCancel: v,
   parentPath: Z = "",
   dropIndicator: T,
   onDragStart: m,
@@ -1627,7 +1641,7 @@ const cn = bt(function({
   onDoubleClickFile: X,
   pathBadges: ae
 }) => {
-  const _ = D(i, Z), d = v[_], P = Q === _, V = O(null), [z, $] = K(i.name), G = O(!1), ce = (T == null ? void 0 : T.path) === _, me = ce && (T == null ? void 0 : T.state) === "valid", Y = ce && (T == null ? void 0 : T.state) === "invalid", ee = !!m && !P && _ !== ne, ue = O(null), Pe = {
+  const _ = D(i, Z), d = w[_], P = Q === _, V = O(null), [z, $] = K(i.name), G = O(!1), ce = (T == null ? void 0 : T.path) === _, me = ce && (T == null ? void 0 : T.state) === "valid", Y = ce && (T == null ? void 0 : T.state) === "invalid", ee = !!m && !P && _ !== ne, ue = O(null), Pe = {
     onDragEnter: (g) => j == null ? void 0 : j(g, i, _),
     onDragOver: (g) => L == null ? void 0 : L(g, i, _),
     onDragLeave: (g) => U == null ? void 0 : U(g, i, _),
@@ -1642,7 +1656,7 @@ const cn = bt(function({
   }, [P, i.name]);
   const Te = () => {
     i.type === "folder" && h(_, i, !d);
-  }, we = (g) => {
+  }, ve = (g) => {
     var Ee, he;
     if (g.key === "ArrowLeft")
       d ? Te() : (Ee = document.querySelector(
@@ -1669,12 +1683,12 @@ const cn = bt(function({
     g.preventDefault(), G.current = !0, J == null || J(_, z);
   }, Be = (g) => {
     if (g.key === "Escape") {
-      g.preventDefault(), g.stopPropagation(), G.current = !0, w == null || w(_);
+      g.preventDefault(), g.stopPropagation(), G.current = !0, v == null || v(_);
       return;
     }
     (g.key === "ArrowLeft" || g.key === "ArrowRight" || g.key === "ArrowUp" || g.key === "ArrowDown") && g.stopPropagation();
   }, ge = () => {
-    G.current || w == null || w(_), G.current = !1;
+    G.current || v == null || v(_), G.current = !1;
   }, Se = () => {
     if (i.type === "folder") {
       Te(), b(_), E(_);
@@ -1692,13 +1706,13 @@ const cn = bt(function({
   return W(() => () => {
     ue.current !== null && typeof window < "u" && clearTimeout(ue.current);
   }, []), /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(
-    lr,
+    sr,
     {
-      level: s,
+      level: l,
       positionInSet: f,
       setSize: u
     },
-    /* @__PURE__ */ r.createElement(sr, null, () => /* @__PURE__ */ r.createElement(r.Fragment, null, P ? /* @__PURE__ */ r.createElement(
+    /* @__PURE__ */ r.createElement(cr, null, () => /* @__PURE__ */ r.createElement(r.Fragment, null, P ? /* @__PURE__ */ r.createElement(
       "form",
       {
         onSubmit: ie,
@@ -1722,7 +1736,7 @@ const cn = bt(function({
         {
           node: i,
           isOpen: i.type === "folder" && d,
-          level: s,
+          level: l,
           hideName: !0,
           badge: ae == null ? void 0 : ae[_]
         }
@@ -1747,7 +1761,7 @@ const cn = bt(function({
         onDragStart: (g) => m == null ? void 0 : m(g, i, _),
         onDragEnd: (g) => N == null ? void 0 : N(g, i, _),
         onClick: Se,
-        onKeyDown: we,
+        onKeyDown: ve,
         onFocus: () => {
           E(_);
         },
@@ -1770,20 +1784,20 @@ const cn = bt(function({
         {
           node: i,
           isOpen: i.type === "folder" && d,
-          level: s,
+          level: l,
           badge: ae == null ? void 0 : ae[_]
         }
       )
     )))
   ), d && oe && oe.map((g, Ee) => /* @__PURE__ */ r.createElement(
-    Kt,
+    qt,
     {
       key: g.name,
       node: g,
-      level: s + 1,
+      level: l + 1,
       position: Ee + 1,
       setSize: oe.length,
-      expandedNodePaths: v,
+      expandedNodePaths: w,
       onToggle: h,
       selectedNode: x,
       focusPath: E,
@@ -1794,7 +1808,7 @@ const cn = bt(function({
       onContextMenu: F,
       renamingPath: Q,
       onRename: J,
-      onRenameCancel: w,
+      onRenameCancel: v,
       parentPath: _,
       dropIndicator: T,
       onDragStart: m,
@@ -1808,9 +1822,9 @@ const cn = bt(function({
       pathBadges: ae
     }
   )));
-}, Ht = ({ node: i, level: s, isOpen: f, hideName: u = !1, badge: v }) => {
+}, Ht = ({ node: i, level: l, isOpen: f, hideName: u = !1, badge: w }) => {
   const h = [];
-  for (let b = 0; b < s; b++)
+  for (let b = 0; b < l; b++)
     h.push("&nbsp;&nbsp;&nbsp;&nbsp;");
   const x = O(null), [E, R] = K(null);
   return W(() => {
@@ -1826,7 +1840,7 @@ const cn = bt(function({
       "aria-hidden": "true",
       dangerouslySetInnerHTML: { __html: h.join("") }
     }
-  ), i.type === "folder" ? /* @__PURE__ */ r.createElement(Bt, { width: 16, icon: f ? Gr : Yr }) : /* @__PURE__ */ r.createElement("div", { style: { width: 16 } }, " "), /* @__PURE__ */ r.createElement(Bt, { width: 16, icon: i.type === "folder" ? Hr : Wr }), !u && /* @__PURE__ */ r.createElement("span", { className: ye.fileName }, i.name), v ? (
+  ), i.type === "folder" ? /* @__PURE__ */ r.createElement(Bt, { width: 16, icon: f ? Yr : Zr }) : /* @__PURE__ */ r.createElement("div", { style: { width: 16 } }, " "), /* @__PURE__ */ r.createElement(Bt, { width: 16, icon: i.type === "folder" ? Wr : Ur }), !u && /* @__PURE__ */ r.createElement("span", { className: ye.fileName }, i.name), w ? (
     // A plain hover-controlled DOM tooltip is used here instead of
     // the WordPress `Tooltip` component: this badge is nested
     // inside the row's own clickable Button, and Ariakit's hover
@@ -1840,7 +1854,7 @@ const cn = bt(function({
       {
         ref: x,
         className: ye.pathBadge,
-        "aria-label": v.tooltip,
+        "aria-label": w.tooltip,
         onMouseEnter: () => {
           var D;
           const b = (D = x.current) == null ? void 0 : D.getBoundingClientRect();
@@ -1851,7 +1865,7 @@ const cn = bt(function({
         },
         onMouseLeave: () => R(null)
       },
-      v.icon,
+      w.icon,
       E ? Yt(
         /* @__PURE__ */ r.createElement(
           "span",
@@ -1863,24 +1877,24 @@ const cn = bt(function({
               left: E.left
             }
           },
-          v.tooltip
+          w.tooltip
         ),
         document.body
       ) : null
     )
   ) : null);
-}, un = "_control_kp9d9_1", fn = "_browse-label_kp9d9_11", dn = "_path-preview_kp9d9_37", mn = "_modal_kp9d9_43", pn = "_modal-footer_kp9d9_48", et = {
-  control: un,
-  browseLabel: fn,
-  pathPreview: dn,
-  modal: mn,
-  modalFooter: pn
+}, fn = "_control_kp9d9_1", dn = "_browse-label_kp9d9_11", mn = "_path-preview_kp9d9_37", pn = "_modal_kp9d9_43", hn = "_modal-footer_kp9d9_48", et = {
+  control: fn,
+  browseLabel: dn,
+  pathPreview: mn,
+  modal: pn,
+  modalFooter: hn
 };
-function hn({ path: i }) {
+function wn({ path: i }) {
   if (!i)
     return /* @__PURE__ */ r.createElement("div", { className: et.pathPreview }, /* @__PURE__ */ r.createElement("i", null, "Select a path"));
-  const s = i.split("/");
-  let f = (s.length > 2 ? "/" : "") + s.pop();
+  const l = i.split("/");
+  let f = (l.length > 2 ? "/" : "") + l.pop();
   f.length > 10 && (f = f.substring(f.length - 10));
   const u = i.substring(
     0,
@@ -1895,16 +1909,16 @@ function hn({ path: i }) {
     }
   );
 }
-function eo({
+function ro({
   value: i = "",
-  onChange: s,
+  onChange: l,
   filesystem: f
 }) {
-  const [u, v] = K(!1), h = () => v(!0), x = () => v(!1), [E, R] = K(
+  const [u, w] = K(!1), h = () => w(!0), x = () => w(!1), [E, R] = K(
     i || null
   );
   function b(D) {
-    D == null || D.preventDefault(), s(E || ""), x();
+    D == null || D.preventDefault(), l(E || ""), x();
   }
   return /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(
     He,
@@ -1914,7 +1928,7 @@ function eo({
       onClick: h
     },
     /* @__PURE__ */ r.createElement("span", { className: et.browseLabel }, "Browse"),
-    /* @__PURE__ */ r.createElement(hn, { path: i || "" })
+    /* @__PURE__ */ r.createElement(wn, { path: i || "" })
   ), u && /* @__PURE__ */ r.createElement(
     zt,
     {
@@ -1923,7 +1937,7 @@ function eo({
       className: et.modal
     },
     /* @__PURE__ */ r.createElement("form", { onSubmit: b }, /* @__PURE__ */ r.createElement(
-      cn,
+      un,
       {
         filesystem: f,
         initialSelectedPath: i,
@@ -1932,39 +1946,39 @@ function eo({
     ), /* @__PURE__ */ r.createElement("div", { className: et.modalFooter }, /* @__PURE__ */ r.createElement(He, { type: "submit", variant: "primary" }, "Select Path")))
   ));
 }
-const vn = "_container_1h0az_1", wn = "_header_1h0az_9", gn = "_filename_1h0az_18", En = "_downloadLink_1h0az_26", _n = "_previewArea_1h0az_38", yn = "_imagePreview_1h0az_51", bn = "_videoPreview_1h0az_57", xn = "_audioPreview_1h0az_64", Cn = "_unsupportedMessage_1h0az_68", Rn = "_actions_1h0az_74", je = {
+const vn = "_container_1h0az_1", gn = "_header_1h0az_9", En = "_filename_1h0az_18", _n = "_downloadLink_1h0az_26", yn = "_previewArea_1h0az_38", bn = "_imagePreview_1h0az_51", xn = "_videoPreview_1h0az_57", Cn = "_audioPreview_1h0az_64", Rn = "_unsupportedMessage_1h0az_68", Pn = "_actions_1h0az_74", je = {
   container: vn,
-  header: wn,
-  filename: gn,
-  downloadLink: En,
-  previewArea: _n,
-  imagePreview: yn,
-  videoPreview: bn,
-  audioPreview: xn,
-  unsupportedMessage: Cn,
-  actions: Rn
-}, Pn = (i) => {
+  header: gn,
+  filename: En,
+  downloadLink: _n,
+  previewArea: yn,
+  imagePreview: bn,
+  videoPreview: xn,
+  audioPreview: Cn,
+  unsupportedMessage: Rn,
+  actions: Pn
+}, kn = (i) => {
   if (!i)
     return {
       isImage: !1,
       isVideo: !1,
       isAudio: !1
     };
-  const s = i.toLowerCase();
+  const l = i.toLowerCase();
   return {
-    isImage: s.startsWith("image/"),
-    isVideo: s.startsWith("video/"),
-    isAudio: s.startsWith("audio/")
+    isImage: l.startsWith("image/"),
+    isVideo: l.startsWith("video/"),
+    isAudio: l.startsWith("audio/")
   };
 };
-function to({
+function no({
   filename: i,
-  mimeType: s,
+  mimeType: l,
   dataUrl: f,
   downloadUrl: u,
-  showHeader: v = !0
+  showHeader: w = !0
 }) {
-  const { isImage: h, isVideo: x, isAudio: E } = Pn(s), R = v !== !1, b = !!(u && i), D = () => b ? /* @__PURE__ */ r.createElement(
+  const { isImage: h, isVideo: x, isAudio: E } = kn(l), R = w !== !1, b = !!(u && i), D = () => b ? /* @__PURE__ */ r.createElement(
     "a",
     {
       className: je.downloadLink,
@@ -1986,23 +2000,23 @@ function to({
       controls: !0,
       preload: "metadata"
     },
-    /* @__PURE__ */ r.createElement("source", { src: f, type: s }),
+    /* @__PURE__ */ r.createElement("source", { src: f, type: l }),
     "Your browser does not support the video tag."
-  ) : E ? /* @__PURE__ */ r.createElement("audio", { className: je.audioPreview, controls: !0 }, /* @__PURE__ */ r.createElement("source", { src: f, type: s }), "Your browser does not support the audio tag.") : /* @__PURE__ */ r.createElement("div", { className: je.unsupportedMessage }, /* @__PURE__ */ r.createElement("p", null, "Preview unavailable for this file type."), b ? /* @__PURE__ */ r.createElement("p", null, D()) : /* @__PURE__ */ r.createElement("p", null, "Download the file to inspect its contents."));
+  ) : E ? /* @__PURE__ */ r.createElement("audio", { className: je.audioPreview, controls: !0 }, /* @__PURE__ */ r.createElement("source", { src: f, type: l }), "Your browser does not support the audio tag.") : /* @__PURE__ */ r.createElement("div", { className: je.unsupportedMessage }, /* @__PURE__ */ r.createElement("p", null, "Preview unavailable for this file type."), b ? /* @__PURE__ */ r.createElement("p", null, D()) : /* @__PURE__ */ r.createElement("p", null, "Download the file to inspect its contents."));
   return /* @__PURE__ */ r.createElement("div", { className: je.container }, R && /* @__PURE__ */ r.createElement("div", { className: je.header }, /* @__PURE__ */ r.createElement("span", { className: je.filename, title: i }, i), D()), /* @__PURE__ */ r.createElement("div", { className: je.previewArea }, k()), !R && b && /* @__PURE__ */ r.createElement("div", { className: je.actions }, D()));
 }
-const It = /* @__PURE__ */ new Map(), kn = async (i) => {
-  var v;
+const It = /* @__PURE__ */ new Map(), Tn = async (i) => {
+  var w;
   if (!i)
     return mt();
-  const s = (v = i.split(".").pop()) == null ? void 0 : v.toLowerCase();
-  if (!s || s === "php")
+  const l = (w = i.split(".").pop()) == null ? void 0 : w.toLowerCase();
+  if (!l || l === "php")
     return mt();
   const f = i;
   if (It.has(f))
     return It.get(f);
   let u;
-  switch (s) {
+  switch (l) {
     case "css":
       u = await import("@codemirror/lang-css").then(
         (h) => h.css()
@@ -2014,8 +2028,8 @@ const It = /* @__PURE__ */ new Map(), kn = async (i) => {
     case "tsx":
       u = await import("@codemirror/lang-javascript").then(
         (h) => h.javascript({
-          jsx: s === "jsx" || s === "tsx",
-          typescript: s === "ts" || s === "tsx"
+          jsx: l === "jsx" || l === "tsx",
+          typescript: l === "ts" || l === "tsx"
         })
       );
       break;
@@ -2041,39 +2055,39 @@ const It = /* @__PURE__ */ new Map(), kn = async (i) => {
   }
   return It.set(f, u), u;
 };
-class Tn {
-  constructor(s) {
-    this.view = s, this.handleClick = this.handleClick.bind(this), this.view.dom.addEventListener("mousedown", this.handleClick);
+class Sn {
+  constructor(l) {
+    this.view = l, this.handleClick = this.handleClick.bind(this), this.view.dom.addEventListener("mousedown", this.handleClick);
   }
-  handleClick(s) {
-    const f = s.target;
+  handleClick(l) {
+    const f = l.target;
     if ((f.classList.contains("cm-scroller") || f.classList.contains("cm-content")) && this.view.posAtCoords({
-      x: s.clientX,
-      y: s.clientY
+      x: l.clientX,
+      y: l.clientY
     }) === null) {
-      const v = this.view.state.doc.length, h = yt.create([
-        yt.range(v, v)
+      const w = this.view.state.doc.length, h = yt.create([
+        yt.range(w, w)
       ]);
       this.view.dispatch({
         selection: h,
-        effects: dt.scrollIntoView(v, {
+        effects: dt.scrollIntoView(w, {
           y: "center"
         })
-      }), this.view.focus(), s.preventDefault();
+      }), this.view.focus(), l.preventDefault();
     }
   }
   destroy() {
     this.view.dom.removeEventListener("mousedown", this.handleClick);
   }
 }
-const Sn = vr.define(
-  (i) => new Tn(i)
-), qt = bt(
+const Dn = vr.define(
+  (i) => new Sn(i)
+), Jt = bt(
   function({
-    code: s,
+    code: l,
     onChange: f,
     currentPath: u,
-    language: v,
+    language: w,
     className: h,
     onSaveShortcut: x,
     readOnly: E = !1,
@@ -2081,7 +2095,7 @@ const Sn = vr.define(
   }, b) {
     const D = O(
       null
-    ), k = O(null), F = O(new Ft()), Q = O(new Ft()), J = O(new Ft()), w = O(s), Z = O(f), T = O(!1);
+    ), k = O(null), F = O(new Ft()), Q = O(new Ft()), J = O(new Ft()), v = O(l), Z = O(f), T = O(!1);
     return xt(b, () => ({
       focus: () => {
         var m;
@@ -2107,8 +2121,8 @@ const Sn = vr.define(
         });
       }
     })), W(() => {
-      w.current = s;
-    }, [s]), W(() => {
+      v.current = l;
+    }, [l]), W(() => {
       Z.current = f;
     }, [f]), W(() => {
       if (k.current)
@@ -2116,48 +2130,48 @@ const Sn = vr.define(
       const m = D.current;
       if (!m)
         return;
-      const N = hr.create({
-        doc: s,
+      const N = wr.create({
+        doc: l,
         extensions: [
           J.current.of(R ?? []),
-          wr(),
           gr(),
           Er(),
-          Lr(),
           _r(),
+          Ir(),
           yr(),
           br(),
-          Sn,
-          F.current.of(v ?? mt()),
+          xr(),
+          Dn,
+          F.current.of(w ?? mt()),
           Q.current.of(
             dt.editable.of(!E)
           ),
-          Ir(Mr),
-          Or(),
+          Mr(Or),
           jr(),
-          Dr(),
-          Cr(),
-          Tr(),
+          Br(),
           Ar(),
+          Rr(),
+          Sr(),
+          Nr(),
           dt.updateListener.of((L) => {
             if (!L.docChanged)
               return;
             const U = L.state.doc.toString();
-            U !== w.current && (w.current = U, Z.current(U));
+            U !== v.current && (v.current = U, Z.current(U));
           }),
-          xr.of([
+          Cr.of([
             {
               key: "Mod-s",
               preventDefault: !0,
               run: () => (x == null || x(), !0)
             },
-            ...Nr,
             ...Fr,
-            ...Br,
-            ...Sr,
-            ...Rr,
+            ...Lr,
+            ...Vr,
+            ...Dr,
             ...Pr,
-            kr
+            ...kr,
+            Tr
           ])
         ]
       }), j = new dt({ state: N, parent: m });
@@ -2176,17 +2190,17 @@ const Sn = vr.define(
       if (!m)
         return;
       const N = m.state.doc.toString();
-      s !== N && m.dispatch({
-        changes: { from: 0, to: m.state.doc.length, insert: s }
+      l !== N && m.dispatch({
+        changes: { from: 0, to: m.state.doc.length, insert: l }
       });
-    }, [s]), W(() => {
+    }, [l]), W(() => {
       var U;
       const m = k.current;
       if (!m)
         return;
-      if (v) {
+      if (w) {
         m.dispatch({
-          effects: F.current.reconfigure(v)
+          effects: F.current.reconfigure(w)
         });
         return;
       }
@@ -2195,42 +2209,42 @@ const Sn = vr.define(
         effects: F.current.reconfigure(mt())
       });
       let L = !1;
-      return kn(u).then((re) => {
+      return Tn(u).then((re) => {
         L || !k.current || k.current.dispatch({
           effects: F.current.reconfigure(re)
         });
       }), () => {
         L = !0;
       };
-    }, [u, v]), W(() => {
+    }, [u, w]), W(() => {
       const m = k.current;
       m && (m.hasFocus && (T.current = !0), m.dispatch({
         effects: Q.current.reconfigure(
           dt.editable.of(!E)
         )
       }));
-    }, [E]), er(() => {
+    }, [E]), tr(() => {
       const m = k.current;
       m && T.current && !m.hasFocus && (m.focus(), T.current = !1);
     }, [u, E]), /* @__PURE__ */ r.createElement("div", { ref: D, className: h });
   }
 );
-qt.displayName = "CodeEditor";
-const Dn = "_fileExplorerContainer_rb5rx_1", An = "_dropActive_rb5rx_9", Nn = "_fileExplorerHeader_rb5rx_14", Fn = "_fileExplorerTitle_rb5rx_23", Ln = "_fileExplorerSubsectionTitle_rb5rx_31", In = "_fileExplorerActions_rb5rx_35", Mn = "_fileExplorerButton_rb5rx_41", On = "_fileExplorerIconButton_rb5rx_71", jn = "_fileExplorerTree_rb5rx_83", Bn = "_dockPresentation_rb5rx_92", Vn = "_fileExplorerUploadButton_rb5rx_152", xe = {
-  fileExplorerContainer: Dn,
-  dropActive: An,
-  fileExplorerHeader: Nn,
-  fileExplorerTitle: Fn,
-  fileExplorerSubsectionTitle: Ln,
-  fileExplorerActions: In,
-  fileExplorerButton: Mn,
-  fileExplorerIconButton: On,
-  fileExplorerTree: jn,
-  dockPresentation: Bn,
-  fileExplorerUploadButton: Vn
-}, Jt = 1024 * 1024, $n = (i) => {
-  const s = i.byteLength;
-  for (let f = 0; f < Math.min(s, 4096); f++)
+Jt.displayName = "CodeEditor";
+const An = "_fileExplorerContainer_rb5rx_1", Nn = "_dropActive_rb5rx_9", Fn = "_fileExplorerHeader_rb5rx_14", Ln = "_fileExplorerTitle_rb5rx_23", In = "_fileExplorerSubsectionTitle_rb5rx_31", Mn = "_fileExplorerActions_rb5rx_35", On = "_fileExplorerButton_rb5rx_41", jn = "_fileExplorerIconButton_rb5rx_71", Bn = "_fileExplorerTree_rb5rx_83", Vn = "_dockPresentation_rb5rx_92", $n = "_fileExplorerUploadButton_rb5rx_152", xe = {
+  fileExplorerContainer: An,
+  dropActive: Nn,
+  fileExplorerHeader: Fn,
+  fileExplorerTitle: Ln,
+  fileExplorerSubsectionTitle: In,
+  fileExplorerActions: Mn,
+  fileExplorerButton: On,
+  fileExplorerIconButton: jn,
+  fileExplorerTree: Bn,
+  dockPresentation: Vn,
+  fileExplorerUploadButton: $n
+}, Xt = 1024 * 1024, Hn = (i) => {
+  const l = i.byteLength;
+  for (let f = 0; f < Math.min(l, 4096); f++)
     if (i[f] === 0)
       return !0;
   try {
@@ -2238,38 +2252,38 @@ const Dn = "_fileExplorerContainer_rb5rx_1", An = "_dropActive_rb5rx_9", Nn = "_
   } catch {
     return !0;
   }
-}, Wt = (i, s) => {
+}, Wt = (i, l) => {
   const f = new Blob([i]), u = URL.createObjectURL(f);
-  return setTimeout(() => URL.revokeObjectURL(u), 6e4), { url: u, filename: s };
+  return setTimeout(() => URL.revokeObjectURL(u), 6e4), { url: u, filename: l };
 };
-async function Hn(i, s = Jt) {
-  const f = Wn(i);
-  if (f !== void 0 && f > s)
+async function Wn(i, l = Xt) {
+  const f = Un(i);
+  if (f !== void 0 && f > l)
     return { type: "too-large" };
   if (typeof i.stream == "function")
-    return Un(i, s);
+    return zn(i, l);
   const u = new Uint8Array(await i.arrayBuffer());
-  return u.byteLength > s ? { type: "too-large" } : { type: "inline", data: u };
+  return u.byteLength > l ? { type: "too-large" } : { type: "inline", data: u };
 }
-function Wn(i) {
+function Un(i) {
   if (typeof i.filesize == "number")
     return i.filesize;
   if (typeof i.size == "number")
     return i.size;
 }
-async function Un(i, s) {
+async function zn(i, l) {
   const f = i.stream().getReader(), u = [];
-  let v = 0;
+  let w = 0;
   try {
     for (; ; ) {
       const { done: h, value: x } = await f.read();
       if (h)
         return {
           type: "inline",
-          data: nr(u)
+          data: ar(u)
         };
       if (x) {
-        if (v += x.byteLength, v > s)
+        if (w += x.byteLength, w > l)
           return await f.cancel().catch(() => {
           }), { type: "too-large" };
         u.push(x);
@@ -2279,14 +2293,14 @@ async function Un(i, s) {
     f.releaseLock();
   }
 }
-const zn = (i) => {
-  const s = i.split(".").pop();
-  return jt[s] || jt._default;
-}, Gn = (i) => i.startsWith("image/") || i.startsWith("video/") || i.startsWith("audio/"), Yn = bt(function({
-  filesystem: s,
+const Gn = (i) => {
+  const l = i.split(".").pop();
+  return jt[l] || jt._default;
+}, Yn = (i) => i.startsWith("image/") || i.startsWith("video/") || i.startsWith("audio/"), Zn = bt(function({
+  filesystem: l,
   currentPath: f,
   selectedDirPath: u,
-  setSelectedDirPath: v,
+  setSelectedDirPath: w,
   onFileOpened: h,
   onSelectionCleared: x,
   onShowMessage: E,
@@ -2297,7 +2311,7 @@ const zn = (i) => {
   showBinaryPreviewHeader: F = !0,
   dockPresentation: Q = !1,
   useWordPressTooltips: J = !1,
-  pathBadges: w,
+  pathBadges: v,
   onMountFromGit: Z,
   onPathRenamed: T
 }, m) {
@@ -2318,17 +2332,17 @@ const zn = (i) => {
   );
   const L = ft(() => f ? Ne(f) : u ?? R, [f, R]), [U, re] = K(!1);
   W(() => {
-    !f || !N.current || (v(Ne(f)), N.current.focusPath(f, {
+    !f || !N.current || (w(Ne(f)), N.current.focusPath(f, {
       select: !0,
       domFocus: !1,
       notify: !1
     }), N.current.expandToPath(f));
-  }, [f, v]);
+  }, [f, w]);
   const ne = async (d, P) => {
     try {
-      const V = await s.read(d), z = await Hn(V);
+      const V = await l.read(d), z = await Wn(V);
       if (z.type === "too-large") {
-        const me = Jt / 1024 / 1024;
+        const me = Xt / 1024 / 1024;
         if (!Q) {
           await E(
             d,
@@ -2355,17 +2369,17 @@ const zn = (i) => {
         return;
       }
       const $ = z.data, G = tt(d) || "download";
-      if ($n($)) {
-        const me = zn(G), { url: Y, filename: ee } = Wt(
+      if (Hn($)) {
+        const me = Gn(G), { url: Y, filename: ee } = Wt(
           $,
           G
         );
-        if (Gn(me)) {
+        if (Yn(me)) {
           const ue = new Blob([$], { type: me }), Pe = URL.createObjectURL(ue);
           await E(
             d,
             /* @__PURE__ */ r.createElement(
-              $r,
+              Hr,
               {
                 filename: ee,
                 mimeType: me,
@@ -2390,7 +2404,7 @@ const zn = (i) => {
     }
   }, X = async (d, P) => {
     try {
-      const V = await s.read(d), z = new Uint8Array(await V.arrayBuffer()), { url: $ } = Wt(z, P), G = document.createElement("a");
+      const V = await l.read(d), z = new Uint8Array(await V.arrayBuffer()), { url: $ } = Wt(z, P), G = document.createElement("a");
       G.href = $, G.download = P, document.body.appendChild(G), G.click(), document.body.removeChild(G);
     } catch (V) {
       Ye.error("Could not download file", V), await E(d, "Could not download file.");
@@ -2454,7 +2468,7 @@ const zn = (i) => {
           "aria-label": "Create new file",
           title: J ? void 0 : "Create new file"
         },
-        Q ? /* @__PURE__ */ r.createElement(Zn, null) : /* @__PURE__ */ r.createElement(At, { icon: Kr, size: 20 })
+        Q ? /* @__PURE__ */ r.createElement(Kn, null) : /* @__PURE__ */ r.createElement(At, { icon: qr, size: 20 })
       )
     ), /* @__PURE__ */ r.createElement(
       Mt,
@@ -2476,7 +2490,7 @@ const zn = (i) => {
           "aria-label": "Create new folder",
           title: J ? void 0 : "Create new folder"
         },
-        Q ? /* @__PURE__ */ r.createElement(Kn, null) : /* @__PURE__ */ r.createElement(At, { icon: Zr, size: 20 })
+        Q ? /* @__PURE__ */ r.createElement(qn, null) : /* @__PURE__ */ r.createElement(At, { icon: Kr, size: 20 })
       )
     ), /* @__PURE__ */ r.createElement(
       Mt,
@@ -2503,7 +2517,7 @@ const zn = (i) => {
         /* @__PURE__ */ r.createElement(
           At,
           {
-            icon: qr,
+            icon: Jr,
             size: Q ? 16 : 20
           }
         )
@@ -2519,29 +2533,29 @@ const zn = (i) => {
       }
     ))),
     /* @__PURE__ */ r.createElement("div", { className: xe.fileExplorerTree }, /* @__PURE__ */ r.createElement(
-      Vr,
+      $r,
       {
         ref: N,
         readOnly: b,
-        filesystem: s,
+        filesystem: l,
         root: R,
         initialSelectedPath: L,
-        pathBadges: w,
+        pathBadges: v,
         onMountFromGit: Z,
         onPathRenamed: T,
         onSelect: async (d) => {
           if (!d) {
-            v(R), await x();
+            w(R), await x();
             return;
           }
           try {
-            if (await s.isDir(d)) {
-              v(d);
+            if (await l.isDir(d)) {
+              w(d);
               return;
             }
           } catch {
           }
-          v(Ne(d)), await ne(d, !1);
+          w(Ne(d)), await ne(d, !1);
         },
         onDoubleClickFile: async (d) => {
           await ne(d, !0);
@@ -2552,12 +2566,12 @@ const zn = (i) => {
 });
 function Mt({
   label: i,
-  useWordPressTooltip: s,
+  useWordPressTooltip: l,
   children: f
 }) {
-  return s ? /* @__PURE__ */ r.createElement(Gt, { text: i, delay: 0, placement: "top" }, f) : f;
+  return l ? /* @__PURE__ */ r.createElement(Gt, { text: i, delay: 0, placement: "top" }, f) : f;
 }
-const Zn = () => /* @__PURE__ */ r.createElement("svg", { viewBox: "0 0 32 32", width: "24", height: "24", "aria-hidden": "true" }, /* @__PURE__ */ r.createElement(
+const Kn = () => /* @__PURE__ */ r.createElement("svg", { viewBox: "0 0 32 32", width: "24", height: "24", "aria-hidden": "true" }, /* @__PURE__ */ r.createElement(
   "path",
   {
     d: "M11 6h7l5 5v12a2 2 0 0 1-2 2H11a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2z",
@@ -2584,7 +2598,7 @@ const Zn = () => /* @__PURE__ */ r.createElement("svg", { viewBox: "0 0 32 32",
     strokeWidth: "2",
     strokeLinecap: "round"
   }
-))), Kn = () => /* @__PURE__ */ r.createElement("svg", { viewBox: "0 0 32 32", width: "24", height: "24", "aria-hidden": "true" }, /* @__PURE__ */ r.createElement(
+))), qn = () => /* @__PURE__ */ r.createElement("svg", { viewBox: "0 0 32 32", width: "24", height: "24", "aria-hidden": "true" }, /* @__PURE__ */ r.createElement(
   "path",
   {
     d: "M6 9h7l3 3h10v11a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2V9z",
@@ -2611,43 +2625,43 @@ const Zn = () => /* @__PURE__ */ r.createElement("svg", { viewBox: "0 0 32 32",
     strokeWidth: "2",
     strokeLinecap: "round"
   }
-))), qn = "_container_a36e6_1", Jn = "_content_a36e6_9", Xn = "_sidebarWrapper_a36e6_17", Qn = "_editorWrapper_a36e6_28", ea = "_editorHeader_a36e6_37", ta = "_editorPath_a36e6_49", ra = "_editorPathDirectory_a36e6_61", na = "_editorPathFilename_a36e6_68", aa = "_editorPathPlaceholder_a36e6_73", oa = "_editorPathPortaled_a36e6_77", ia = "_editorHeaderActions_a36e6_83", la = "_saveStatus_a36e6_90", sa = "_saveStatusSaving_a36e6_97", ca = "_saveStatusPending_a36e6_98", ua = "_saveStatusError_a36e6_102", fa = "_editor_a36e6_28", da = "_placeholder_a36e6_124", ma = "_messageArea_a36e6_135", pa = "_mobileToggle_a36e6_171", ha = "_mobileOverlay_a36e6_175", va = "_dockPresentation_a36e6_181", wa = "_dockDirtyIndicator_a36e6_205", ga = "_dockSaveButton_a36e6_214", Ea = "_sidebarOpen_a36e6_269", _a = "_editorHeaderPathPortaled_a36e6_367", q = {
-  container: qn,
-  content: Jn,
-  sidebarWrapper: Xn,
-  editorWrapper: Qn,
-  editorHeader: ea,
-  editorPath: ta,
-  editorPathDirectory: ra,
-  editorPathFilename: na,
-  editorPathPlaceholder: aa,
-  editorPathPortaled: oa,
-  editorHeaderActions: ia,
-  saveStatus: la,
-  saveStatusSaving: sa,
-  saveStatusPending: ca,
-  saveStatusError: ua,
-  editor: fa,
-  placeholder: da,
-  messageArea: ma,
-  mobileToggle: pa,
-  mobileOverlay: ha,
+))), Jn = "_container_a36e6_1", Xn = "_content_a36e6_9", Qn = "_sidebarWrapper_a36e6_17", ea = "_editorWrapper_a36e6_28", ta = "_editorHeader_a36e6_37", ra = "_editorPath_a36e6_49", na = "_editorPathDirectory_a36e6_61", aa = "_editorPathFilename_a36e6_68", oa = "_editorPathPlaceholder_a36e6_73", ia = "_editorPathPortaled_a36e6_77", la = "_editorHeaderActions_a36e6_83", sa = "_saveStatus_a36e6_90", ca = "_saveStatusSaving_a36e6_97", ua = "_saveStatusPending_a36e6_98", fa = "_saveStatusError_a36e6_102", da = "_editor_a36e6_28", ma = "_placeholder_a36e6_124", pa = "_messageArea_a36e6_135", ha = "_mobileToggle_a36e6_171", wa = "_mobileOverlay_a36e6_175", va = "_dockPresentation_a36e6_181", ga = "_dockDirtyIndicator_a36e6_205", Ea = "_dockSaveButton_a36e6_214", _a = "_sidebarOpen_a36e6_269", ya = "_editorHeaderPathPortaled_a36e6_367", q = {
+  container: Jn,
+  content: Xn,
+  sidebarWrapper: Qn,
+  editorWrapper: ea,
+  editorHeader: ta,
+  editorPath: ra,
+  editorPathDirectory: na,
+  editorPathFilename: aa,
+  editorPathPlaceholder: oa,
+  editorPathPortaled: ia,
+  editorHeaderActions: la,
+  saveStatus: sa,
+  saveStatusSaving: ca,
+  saveStatusPending: ua,
+  saveStatusError: fa,
+  editor: da,
+  placeholder: ma,
+  messageArea: pa,
+  mobileToggle: ha,
+  mobileOverlay: wa,
   dockPresentation: va,
-  dockDirtyIndicator: wa,
-  dockSaveButton: ga,
-  sidebarOpen: Ea,
-  editorHeaderPathPortaled: _a
-}, ya = 1500, ba = 700, xa = 1e3, B = {
+  dockDirtyIndicator: ga,
+  dockSaveButton: Ea,
+  sidebarOpen: _a,
+  editorHeaderPathPortaled: ya
+}, ba = 1500, xa = 700, Ca = 1e3, B = {
   IDLE: "idle",
   PENDING: "pending",
   SAVING: "saving",
   SAVED: "saved",
   ERROR: "error"
-}, ro = bt(function({
-  filesystem: s,
+}, ao = bt(function({
+  filesystem: l,
   isVisible: f = !0,
   documentRoot: u,
-  initialPath: v = null,
+  initialPath: w = null,
   placeholderText: h = "Select a file to view or edit its contents.",
   dockPresentation: x = !1,
   mobileHeaderTarget: E = null,
@@ -2672,15 +2686,15 @@ const Zn = () => /* @__PURE__ */ r.createElement("svg", { viewBox: "0 0 32 32",
   );
   const [Q, J] = K(
     u
-  ), [w, Z] = K(null), [T, m] = K(""), [N, j] = K(!0), [L, U] = K(B.IDLE), [re, ne] = K(null), [X, ae] = K("idle"), [_, d] = K(!1), [P, V] = K(null), z = O(null), $ = O(null), G = O(!1), ce = O(w), me = O(
-    s
+  ), [v, Z] = K(null), [T, m] = K(""), [N, j] = K(!0), [L, U] = K(B.IDLE), [re, ne] = K(null), [X, ae] = K("idle"), [_, d] = K(!1), [P, V] = K(null), z = O(null), $ = O(null), G = O(!1), ce = O(v), me = O(
+    l
   ), Y = O(null), ee = O(null), ue = O(
     /* @__PURE__ */ new WeakMap()
   ), Pe = O(!0), oe = O(/* @__PURE__ */ new Map()), Te = O(!1);
-  me.current = s, W(() => {
-    ce.current = w;
-  }, [w]);
-  const we = ze(async (C) => {
+  me.current = l, W(() => {
+    ce.current = v;
+  }, [v]);
+  const ve = ze(async (C) => {
     const { filesystem: y, path: pe, content: de } = C, le = ee.current === C, ke = ue.current, Ie = (ke.get(y) ?? Promise.resolve()).catch(() => {
     }).then(() => y.writeFile(pe, de));
     ke.set(y, Ie);
@@ -2696,26 +2710,26 @@ const Zn = () => /* @__PURE__ */ r.createElement("svg", { viewBox: "0 0 32 32",
     ), le && ae(De ? "idle" : "saved"));
   }, []), Ce = ze(() => {
     const C = Y.current;
-    C && ($.current !== null && (window.clearTimeout($.current), $.current = null), Y.current = null, we(C));
-  }, [we]);
+    C && ($.current !== null && (window.clearTimeout($.current), $.current = null), Y.current = null, ve(C));
+  }, [ve]);
   W(() => (Pe.current = !0, () => {
     Pe.current = !1;
   }), []), W(() => () => {
     var C;
-    ((C = Y.current) == null ? void 0 : C.filesystem) === s && Ce();
-  }, [u, s, Ce]), W(() => {
+    ((C = Y.current) == null ? void 0 : C.filesystem) === l && Ce();
+  }, [u, l, Ce]), W(() => {
     G.current = !0, J(u), m(""), Z(null), j(!0), U(B.IDLE), ne(null), d(!1), V(null), oe.current.clear(), Te.current = !1;
-  }, [u, s]), W(() => {
-    if (!s || !v || Te.current)
+  }, [u, l]), W(() => {
+    if (!l || !w || Te.current)
       return;
     let C = !1;
     return (async () => {
       try {
-        if (await s.fileExists(v) && !C) {
-          const de = await s.readFileAsText(v);
+        if (await l.fileExists(w) && !C) {
+          const de = await l.readFileAsText(w);
           if (C)
             return;
-          G.current = !0, Z(v), m(de), j(!1), U(B.IDLE), ne(null), setTimeout(() => {
+          G.current = !0, Z(w), m(de), j(!1), U(B.IDLE), ne(null), setTimeout(() => {
             var le;
             (le = z.current) == null || le.focus();
           }, 100);
@@ -2728,9 +2742,9 @@ const Zn = () => /* @__PURE__ */ r.createElement("svg", { viewBox: "0 0 32 32",
     })(), () => {
       C = !0;
     };
-  }, [s, v]), W(() => {
-    if (!s || !w) {
-      $.current !== null && (window.clearTimeout($.current), $.current = null), Y.current = null, w || U(B.IDLE);
+  }, [l, w]), W(() => {
+    if (!l || !v) {
+      $.current !== null && (window.clearTimeout($.current), $.current = null), Y.current = null, v || U(B.IDLE);
       return;
     }
     if (G.current) {
@@ -2739,18 +2753,18 @@ const Zn = () => /* @__PURE__ */ r.createElement("svg", { viewBox: "0 0 32 32",
     }
     $.current !== null && (window.clearTimeout($.current), $.current = null), U(B.PENDING);
     const C = {
-      filesystem: s,
-      path: w,
+      filesystem: l,
+      path: v,
       content: T
     };
     Y.current = C;
     const y = window.setTimeout(() => {
-      Y.current === C && ($.current = null, Y.current = null, U(B.SAVING), we(C));
-    }, ya);
+      Y.current === C && ($.current = null, Y.current = null, U(B.SAVING), ve(C));
+    }, ba);
     return $.current = y, () => {
       $.current === y && (window.clearTimeout(y), $.current = null);
     };
-  }, [T, w, s, we]), W(() => {
+  }, [T, v, l, ve]), W(() => {
     if (L !== B.SAVED)
       return;
     const C = window.setTimeout(() => {
@@ -2766,7 +2780,7 @@ const Zn = () => /* @__PURE__ */ r.createElement("svg", { viewBox: "0 0 32 32",
       return;
     const C = window.setTimeout(
       () => ae("idle"),
-      xa
+      Ca
     );
     return () => window.clearTimeout(C);
   }, [X]), W(() => {
@@ -2776,7 +2790,7 @@ const Zn = () => /* @__PURE__ */ r.createElement("svg", { viewBox: "0 0 32 32",
       () => ae(
         (y) => y === "waiting" ? "saving" : y
       ),
-      ba
+      xa
     );
     return () => window.clearTimeout(C);
   }, [X]);
@@ -2797,29 +2811,29 @@ const Zn = () => /* @__PURE__ */ r.createElement("svg", { viewBox: "0 0 32 32",
   );
   W(() => {
     var pe;
-    if (!w)
+    if (!v)
       return;
     const C = setInterval(() => {
       var le;
       const de = (le = z.current) == null ? void 0 : le.getCursorPosition();
-      de != null && oe.current.set(w, de);
+      de != null && oe.current.set(v, de);
     }, 1e3), y = (pe = z.current) == null ? void 0 : pe.getCursorPosition();
-    return y != null && oe.current.set(w, y), () => {
+    return y != null && oe.current.set(v, y), () => {
       var le;
       clearInterval(C);
       const de = (le = z.current) == null ? void 0 : le.getCursorPosition();
-      de != null && oe.current.set(w, de);
+      de != null && oe.current.set(v, de);
     };
-  }, [w]), W(() => {
-    if (!f || !w)
+  }, [v]), W(() => {
+    if (!f || !v)
       return;
     const C = setTimeout(() => {
       var pe;
-      const y = oe.current.get(w);
+      const y = oe.current.get(v);
       y !== void 0 && ((pe = z.current) == null || pe.setCursorPosition(y));
     }, 100);
     return () => clearTimeout(C);
-  }, [f, w]);
+  }, [f, v]);
   const Be = ze(async () => {
     var y;
     const C = (y = z.current) == null ? void 0 : y.getCursorPosition();
@@ -2832,16 +2846,16 @@ const Zn = () => /* @__PURE__ */ r.createElement("svg", { viewBox: "0 0 32 32",
   ), Se = ze(() => {
     Y.current && (ee.current = Y.current, ae("waiting"), U(B.SAVING), Ce());
   }, [Ce]), g = ze(() => {
-    !Y.current && L === B.ERROR && s && w && (Y.current = {
-      filesystem: s,
-      path: w,
+    !Y.current && L === B.ERROR && l && v && (Y.current = {
+      filesystem: l,
+      path: v,
       content: T
     }), Y.current && (ne(null), Se());
-  }, [T, w, s, Se, L]), Ee = Ca(L, re), he = Ra(L, q), H = Pa(L);
+  }, [T, v, l, Se, L]), Ee = Ra(L, re), he = Pa(L, q), H = ka(L);
   let fe = "Save";
   L === B.ERROR ? fe = "Retry" : L === B.SAVED && X === "saved" ? fe = "Saved" : L === B.SAVING && X === "saving" && (fe = "Saving…");
   const We = L === B.PENDING || L === B.SAVING || L === B.ERROR;
-  if (!s)
+  if (!l)
     return /* @__PURE__ */ r.createElement(
       "div",
       {
@@ -2851,16 +2865,16 @@ const Zn = () => /* @__PURE__ */ r.createElement("svg", { viewBox: "0 0 32 32",
       },
       /* @__PURE__ */ r.createElement("div", { className: q.placeholder }, h)
     );
-  const ve = w ? Ne(w) : null, _e = w ? tt(w) : null, Ve = /* @__PURE__ */ r.createElement(
+  const we = v ? Ne(v) : null, _e = v ? tt(v) : null, Ve = /* @__PURE__ */ r.createElement(
     "div",
     {
       className: Fe(q.editorPath, {
-        [q.editorPathPlaceholder]: !(w != null && w.length),
+        [q.editorPathPlaceholder]: !(v != null && v.length),
         [q.editorPathPortaled]: E
       }),
-      title: w ?? void 0
+      title: v ?? void 0
     },
-    ve && _e ? /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement("span", { className: q.editorPathDirectory }, ve === "/" ? "" : ve), /* @__PURE__ */ r.createElement("span", { className: q.editorPathFilename }, "/", _e)) : `Browse files under ${u}`
+    we && _e ? /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement("span", { className: q.editorPathDirectory }, we === "/" ? "" : we), /* @__PURE__ */ r.createElement("span", { className: q.editorPathFilename }, "/", _e)) : `Browse files under ${u}`
   );
   return /* @__PURE__ */ r.createElement(
     "div",
@@ -2884,11 +2898,11 @@ const Zn = () => /* @__PURE__ */ r.createElement("svg", { viewBox: "0 0 32 32",
         }
       ),
       /* @__PURE__ */ r.createElement("aside", { className: q.sidebarWrapper }, /* @__PURE__ */ r.createElement(
-        Yn,
+        Zn,
         {
           ref: F,
-          filesystem: s,
-          currentPath: w,
+          filesystem: l,
+          currentPath: v,
           selectedDirPath: Q,
           setSelectedDirPath: J,
           onFileOpened: ie,
@@ -2919,7 +2933,7 @@ const Zn = () => /* @__PURE__ */ r.createElement("svg", { viewBox: "0 0 32 32",
           _ ? "Hide files" : "Browse files"
         ),
         E ? Yt(Ve, E) : Ve,
-        x && !N && w ? /* @__PURE__ */ r.createElement("div", { className: q.editorHeaderActions }, We ? /* @__PURE__ */ r.createElement(
+        x && !N && v ? /* @__PURE__ */ r.createElement("div", { className: q.editorHeaderActions }, We ? /* @__PURE__ */ r.createElement(
           "span",
           {
             className: q.dockDirtyIndicator,
@@ -2944,14 +2958,14 @@ const Zn = () => /* @__PURE__ */ r.createElement("svg", { viewBox: "0 0 32 32",
           },
           Ee
         ),
-        x && !N && w ? /* @__PURE__ */ r.createElement(cr, { role: "status", "aria-live": "polite" }, H) : null
-      ), re ? /* @__PURE__ */ r.createElement("div", { style: { padding: "8px 16px" } }, /* @__PURE__ */ r.createElement(ur, { status: "error", isDismissible: !1 }, re)) : null, w || T || P ? P ? /* @__PURE__ */ r.createElement("div", { className: q.messageArea }, P) : /* @__PURE__ */ r.createElement(
-        qt,
+        x && !N && v ? /* @__PURE__ */ r.createElement(ur, { role: "status", "aria-live": "polite" }, H) : null
+      ), re ? /* @__PURE__ */ r.createElement("div", { style: { padding: "8px 16px" } }, /* @__PURE__ */ r.createElement(fr, { status: "error", isDismissible: !1 }, re)) : null, v || T || P ? P ? /* @__PURE__ */ r.createElement("div", { className: q.messageArea }, P) : /* @__PURE__ */ r.createElement(
+        Jt,
         {
           ref: z,
           code: T,
           onChange: m,
-          currentPath: w,
+          currentPath: v,
           className: q.editor,
           onSaveShortcut: Se,
           readOnly: N
@@ -2960,7 +2974,7 @@ const Zn = () => /* @__PURE__ */ r.createElement("svg", { viewBox: "0 0 32 32",
     )
   );
 });
-function Ca(i, s) {
+function Ra(i, l) {
   switch (i) {
     case B.PENDING:
     case B.SAVING:
@@ -2968,24 +2982,24 @@ function Ca(i, s) {
     case B.SAVED:
       return "Saved";
     case B.ERROR:
-      return s ?? "Save failed";
+      return l ?? "Save failed";
     default:
       return "";
   }
 }
-function Ra(i, s) {
+function Pa(i, l) {
   switch (i) {
     case B.PENDING:
-      return s.saveStatusPending;
+      return l.saveStatusPending;
     case B.SAVING:
-      return s.saveStatusSaving;
+      return l.saveStatusSaving;
     case B.ERROR:
-      return s.saveStatusError;
+      return l.saveStatusError;
     default:
       return;
   }
 }
-function Pa(i) {
+function ka(i) {
   switch (i) {
     case B.PENDING:
       return "Unsaved changes. Click to save now.";
@@ -2997,46 +3011,46 @@ function Pa(i) {
       return "All changes saved.";
   }
 }
-const ka = "_modal_1i30f_1", Ta = "_actions_1i30f_5", Ut = {
-  modal: ka,
-  actions: Ta
+const Ta = "_modal_1i30f_1", Sa = "_actions_1i30f_5", Ut = {
+  modal: Ta,
+  actions: Sa
 };
-function no({
+function oo({
   kind: i,
-  isBusy: s,
+  isBusy: l,
   error: f,
   onSubmit: u,
-  onCancel: v
+  onCancel: w
 }) {
-  const [h, x] = K(""), [E, R] = K(""), [b, D] = K(""), k = h.trim(), F = (w) => {
-    const Z = Sa(w);
+  const [h, x] = K(""), [E, R] = K(""), [b, D] = K(""), k = h.trim(), F = (v) => {
+    const Z = Da(v);
     if (Z) {
       x(Z.url), R(Z.ref);
       return;
     }
-    x(w);
+    x(v);
   }, Q = () => {
-    !k || s || u({
+    !k || l || u({
       url: k,
       ref: E.trim() || "HEAD",
       path: b.trim() || void 0
     });
   }, J = () => {
-    s || v();
+    l || w();
   };
   return /* @__PURE__ */ r.createElement(
     zt,
     {
       title: `Mount ${i} via git`,
       onRequestClose: J,
-      isDismissible: !s,
+      isDismissible: !l,
       className: Ut.modal
     },
     /* @__PURE__ */ r.createElement(
       "form",
       {
-        onSubmit: (w) => {
-          w.preventDefault(), Q();
+        onSubmit: (v) => {
+          v.preventDefault(), Q();
         },
         style: { display: "flex", flexDirection: "column", gap: 12 }
       },
@@ -3049,7 +3063,7 @@ function no({
           onChange: F,
           placeholder: "github.com/owner/repo",
           autoFocus: !0,
-          disabled: s
+          disabled: l
         }
       ),
       /* @__PURE__ */ r.createElement(
@@ -3058,9 +3072,9 @@ function no({
           __nextHasNoMarginBottom: !0,
           label: "Branch, tag, or commit",
           value: E,
-          onChange: (w) => R(w),
+          onChange: (v) => R(v),
           placeholder: "HEAD",
-          disabled: s
+          disabled: l
         }
       ),
       /* @__PURE__ */ r.createElement(
@@ -3069,19 +3083,19 @@ function no({
           __nextHasNoMarginBottom: !0,
           label: "Path within the repository (optional)",
           value: b,
-          onChange: (w) => D(w),
+          onChange: (v) => D(v),
           placeholder: "Leave empty to use the repository root",
-          disabled: s
+          disabled: l
         }
       ),
       f ? /* @__PURE__ */ r.createElement("p", { role: "alert" }, f) : null,
-      /* @__PURE__ */ r.createElement(fr, { justify: "end", className: Ut.actions }, /* @__PURE__ */ r.createElement(
+      /* @__PURE__ */ r.createElement(dr, { justify: "end", className: Ut.actions }, /* @__PURE__ */ r.createElement(
         He,
         {
           type: "button",
           variant: "link",
-          disabled: s,
-          onClick: v
+          disabled: l,
+          onClick: w
         },
         "Cancel"
       ), /* @__PURE__ */ r.createElement(
@@ -3089,8 +3103,8 @@ function no({
         {
           type: "submit",
           variant: "primary",
-          isBusy: s,
-          disabled: !k || s
+          isBusy: l,
+          disabled: !k || l
         },
         "Mount ",
         i
@@ -3098,39 +3112,40 @@ function no({
     )
   );
 }
-function Sa(i) {
-  const s = i.trim().match(
+function Da(i) {
+  const l = i.trim().match(
     /^(?:https?:\/\/)?(?:www\.)?github\.com\/([^/]+)\/([^/]+)\/tree\/(.+)$/i
   );
-  if (!s)
+  if (!l)
     return null;
-  const [, f, u, v] = s;
+  const [, f, u, w] = l;
   return {
     url: `https://github.com/${f}/${u.replace(/\.git$/i, "")}`,
-    ref: v
+    ref: w
   };
 }
 export {
-  to as BinaryFilePreview,
-  qa as ClockIcon,
-  qt as CodeEditor,
-  Yn as FileExplorerSidebar,
-  eo as FilePickerControl,
-  cn as FilePickerTree,
-  Jt as MAX_INLINE_FILE_BYTES,
-  no as MountGitDirectoryModal,
-  ro as PlaygroundFileEditor,
-  Qa as SiteManagerIcon,
-  Ka as WordPressIcon,
+  no as BinaryFilePreview,
+  Ja as ClockIcon,
+  Jt as CodeEditor,
+  Zn as FileExplorerSidebar,
+  ro as FilePickerControl,
+  un as FilePickerTree,
+  Xt as MAX_INLINE_FILE_BYTES,
+  oo as MountGitDirectoryModal,
+  ao as PlaygroundFileEditor,
+  eo as SiteManagerIcon,
+  qa as WordPressIcon,
   Wt as createDownloadUrl,
-  Wr as file,
-  Hr as folder,
-  Xa as getLogoDataURL,
-  zn as getMimeType,
-  Gn as isPreviewableBinary,
-  Ja as layout,
-  Ya as playgroundLogo,
-  $n as seemsLikeBinary,
-  Za as temporaryStorage
+  Ur as file,
+  Wr as folder,
+  Qa as getLogoDataURL,
+  Gn as getMimeType,
+  to as isMessageFromIframeTree,
+  Yn as isPreviewableBinary,
+  Xa as layout,
+  Za as playgroundLogo,
+  Hn as seemsLikeBinary,
+  Ka as temporaryStorage
 };
 //# sourceMappingURL=index.js.map