@wp-playground/components 3.1.55 → 3.1.57

package/index.js

@@ -1,21 +1,21 @@
-import r, { forwardRef as $t, useMemo as Ft, useState as te, useRef as M, useEffect as H, useImperativeHandle as Wt, useLayoutEffect as qt, useCallback as Ue } from "react";
-import { joinPaths as je, dirname as Le, normalizePath as Jt, basename as et, isParentOf as Xt, concatUint8Arrays as Qt } from "@php-wasm/util";
-import { __experimentalTreeGrid as er, Popover as tr, NavigableMenu as rr, MenuItem as it, __experimentalTreeGridRow as nr, __experimentalTreeGridCell as ar, Button as tt, Modal as or, Icon as St, Tooltip as Ht, VisuallyHidden as ir, Notice as lr } from "@wordpress/components";
-import De from "classnames";
-import { forwardRef as Ut, cloneElement as sr, createElement as cr } from "@wordpress/element";
-import ur from "clsx";
-import { Compartment as Tt, EditorSelection as gt, EditorState as fr } from "@codemirror/state";
-import { ViewPlugin as dr, lineNumbers as mr, highlightActiveLineGutter as pr, highlightActiveLine as hr, dropCursor as vr, rectangularSelection as wr, crosshairCursor as gr, EditorView as ct, keymap as Er } from "@codemirror/view";
-import { history as yr, historyKeymap as _r, defaultKeymap as br, indentWithTab as xr } from "@codemirror/commands";
-import { highlightSelectionMatches as Cr, searchKeymap as Rr } from "@codemirror/search";
-import { closeBrackets as kr, autocompletion as Pr, closeBracketsKeymap as Sr, completionKeymap as Tr } from "@codemirror/autocomplete";
-import { foldGutter as Dr, syntaxHighlighting as Ar, defaultHighlightStyle as Nr, indentOnInput as Fr, bracketMatching as Ir, foldKeymap as Lr } from "@codemirror/language";
-import { php as ut } from "@codemirror/lang-php";
-import { FilePickerTree as Or, BinaryFilePreview as Br } from "@wp-playground/components";
-import { logger as Xe } from "@php-wasm/logger";
-import Lt from "@php-wasm/universal/mime-types";
-import { createPortal as Mr } from "react-dom";
-const ja = (n) => /* @__PURE__ */ r.createElement(
+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 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 $r, BinaryFilePreview as Hr } from "@wp-playground/components";
+import jt from "@php-wasm/universal/mime-types";
+const Za = (i) => /* @__PURE__ */ r.createElement(
   "svg",
   {
     width: "32",
@@ -23,7 +23,7 @@ const ja = (n) => /* @__PURE__ */ r.createElement(
     viewBox: "0 0 32 32",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    ...n
+    ...i
   },
   /* @__PURE__ */ r.createElement(
     "rect",
@@ -58,7 +58,7 @@ const ja = (n) => /* @__PURE__ */ r.createElement(
       strokeWidth: "1.93129"
     }
   )
-), Va = (n) => /* @__PURE__ */ r.createElement(
+), Ka = (i) => /* @__PURE__ */ r.createElement(
   "svg",
   {
     width: "16",
@@ -66,7 +66,7 @@ const ja = (n) => /* @__PURE__ */ r.createElement(
     viewBox: "0 0 16 17",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    ...n
+    ...i
   },
   /* @__PURE__ */ r.createElement(
     "path",
@@ -77,7 +77,7 @@ const ja = (n) => /* @__PURE__ */ r.createElement(
       fill: "#949494"
     }
   )
-), $a = (n) => /* @__PURE__ */ r.createElement(
+), qa = (i) => /* @__PURE__ */ r.createElement(
   "svg",
   {
     width: "20",
@@ -85,7 +85,7 @@ const ja = (n) => /* @__PURE__ */ r.createElement(
     viewBox: "0 0 20 21",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    ...n
+    ...i
   },
   /* @__PURE__ */ r.createElement(
     "path",
@@ -94,7 +94,7 @@ const ja = (n) => /* @__PURE__ */ r.createElement(
       fill: "#ffffff"
     }
   )
-), jr = /* @__PURE__ */ r.createElement(
+), Wr = /* @__PURE__ */ r.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -111,7 +111,7 @@ const ja = (n) => /* @__PURE__ */ r.createElement(
       d: "M7.59196 3.59524L6.77745 1.96623C6.70755 1.82641 6.56464 1.7381 6.40832 1.7381H1.65079C1.42287 1.7381 1.2381 1.92287 1.2381 2.15079V11.8492C1.2381 12.0771 1.42287 12.2619 1.65079 12.2619H13.2063C13.4343 12.2619 13.619 12.0771 13.619 11.8492V4.00794C13.619 3.78001 13.4343 3.59524 13.2063 3.59524H7.59196ZM8.35714 2.35714L7.88484 1.41254C7.60521 0.853274 7.0336 0.5 6.40832 0.5H1.65079C0.739085 0.5 0 1.23909 0 2.15079V11.8492C0 12.7609 0.739085 13.5 1.65079 13.5H13.2063C14.1181 13.5 14.8571 12.7609 14.8571 11.8492V4.00794C14.8571 3.09623 14.1181 2.35714 13.2063 2.35714H8.35714Z"
     }
   )
-), Vr = /* @__PURE__ */ r.createElement(
+), Ur = /* @__PURE__ */ r.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -122,7 +122,7 @@ const ja = (n) => /* @__PURE__ */ r.createElement(
     viewBox: "0 0 16 16"
   },
   /* @__PURE__ */ r.createElement("path", { d: "M14 4.5V14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h5.5zm-3 0A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V4.5z" })
-), Wa = (n) => /* @__PURE__ */ r.createElement(
+), Ja = (i) => /* @__PURE__ */ r.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -130,7 +130,7 @@ const ja = (n) => /* @__PURE__ */ r.createElement(
     height: "18",
     viewBox: "0 0 14 14",
     fill: "none",
-    ...n
+    ...i
   },
   /* @__PURE__ */ r.createElement(
     "path",
@@ -141,7 +141,7 @@ const ja = (n) => /* @__PURE__ */ r.createElement(
       fill: "#949494"
     }
   )
-), Ha = /* @__PURE__ */ r.createElement(
+), Xa = /* @__PURE__ */ r.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -160,18 +160,18 @@ const ja = (n) => /* @__PURE__ */ r.createElement(
     }
   )
 );
-function Ua(n) {
-  return `data:${n.mime};base64,${n.data}`;
+function Qa(i) {
+  return `data:${i.mime};base64,${i.data}`;
 }
-function za({
-  size: n = 24,
-  sidebarActive: c = !1
+function eo({
+  size: i = 24,
+  sidebarActive: l = !1
 }) {
   return /* @__PURE__ */ r.createElement(
     "svg",
     {
-      width: n,
-      height: n,
+      width: i,
+      height: i,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
       fill: "none",
@@ -181,7 +181,7 @@ function za({
       strokeLinejoin: "round"
     },
     /* @__PURE__ */ r.createElement("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", ry: "2" }),
-    c ? /* @__PURE__ */ r.createElement(
+    l ? /* @__PURE__ */ r.createElement(
       "rect",
       {
         x: "3",
@@ -208,17 +208,31 @@ function za({
     )
   );
 }
-const Ot = Ut(({
-  icon: n,
-  size: c = 24,
+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: l = 24,
   ...f
-}, l) => sr(n, {
-  width: c,
-  height: c,
+}, u) => mr(i, {
+  width: l,
+  height: l,
   ...f,
-  ref: l
+  ref: u
 }));
-var It = { exports: {} }, lt = {};
+var Ot = { exports: {} }, ct = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -228,21 +242,21 @@ var It = { exports: {} }, lt = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Bt;
-function $r() {
-  if (Bt) return lt;
-  Bt = 1;
-  var n = r, c = Symbol.for("react.element"), f = Symbol.for("react.fragment"), l = Object.prototype.hasOwnProperty, R = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, d = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function P(A, T, v) {
-    var D, _ = {}, k = null, Z = null;
-    v !== void 0 && (k = "" + v), T.key !== void 0 && (k = "" + T.key), T.ref !== void 0 && (Z = T.ref);
-    for (D in T) l.call(T, D) && !d.hasOwnProperty(D) && (_[D] = T[D]);
-    if (A && A.defaultProps) for (D in T = A.defaultProps, T) _[D] === void 0 && (_[D] = T[D]);
-    return { $$typeof: c, type: A, key: k, ref: Z, props: _, _owner: R.current };
+var Vt;
+function zr() {
+  if (Vt) return ct;
+  Vt = 1;
+  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: l, type: E, key: F, ref: Q, props: k, _owner: w.current };
   }
-  return lt.Fragment = f, lt.jsx = P, lt.jsxs = P, lt;
+  return ct.Fragment = f, ct.jsx = x, ct.jsxs = x, ct;
 }
-var st = {};
+var ut = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -252,54 +266,54 @@ var st = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Mt;
-function Wr() {
-  return Mt || (Mt = 1, process.env.NODE_ENV !== "production" && function() {
-    var n = r, c = Symbol.for("react.element"), f = Symbol.for("react.portal"), l = Symbol.for("react.fragment"), R = Symbol.for("react.strict_mode"), d = Symbol.for("react.profiler"), P = Symbol.for("react.provider"), A = Symbol.for("react.context"), T = Symbol.for("react.forward_ref"), v = Symbol.for("react.suspense"), D = Symbol.for("react.suspense_list"), _ = Symbol.for("react.memo"), k = Symbol.for("react.lazy"), Z = Symbol.for("react.offscreen"), j = Symbol.iterator, x = "@@iterator";
-    function K(e) {
+var $t;
+function Gr() {
+  return $t || ($t = 1, process.env.NODE_ENV !== "production" && function() {
+    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 s = j && e[j] || e[x];
-      return typeof s == "function" ? s : null;
+      var n = J && e[J] || e[v];
+      return typeof n == "function" ? n : null;
     }
-    var W = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    var T = i.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function m(e) {
       {
-        for (var s = arguments.length, p = new Array(s > 1 ? s - 1 : 0), C = 1; C < s; C++)
-          p[C - 1] = arguments[C];
-        V("error", e, p);
+        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 V(e, s, p) {
+    function N(e, n, s) {
       {
-        var C = W.ReactDebugCurrentFrame, z = C.getStackAddendum();
-        z !== "" && (s += "%s", p = p.concat([z]));
-        var Y = p.map(function(B) {
-          return String(B);
+        var p = T.ReactDebugCurrentFrame, S = p.getStackAddendum();
+        S !== "" && (n += "%s", s = s.concat([S]));
+        var I = s.map(function(A) {
+          return String(A);
         });
-        Y.unshift("Warning: " + s), Function.prototype.apply.call(console[e], console, Y);
+        I.unshift("Warning: " + n), Function.prototype.apply.call(console[e], console, I);
       }
     }
-    var J = !1, ce = !1, Q = !1, g = !1, $ = !1, N;
-    N = Symbol.for("react.module.reference");
-    function h(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === l || e === d || $ || e === R || e === v || e === D || g || e === Z || J || ce || Q || typeof e == "object" && e !== null && (e.$$typeof === k || e.$$typeof === _ || e.$$typeof === P || e.$$typeof === A || e.$$typeof === T || // This needs to include all possible module reference object
+    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 === 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 === N || e.getModuleId !== void 0));
+      e.$$typeof === X || e.getModuleId !== void 0));
     }
-    function O(e, s, p) {
-      var C = e.displayName;
-      if (C)
-        return C;
-      var z = s.displayName || s.name || "";
-      return z !== "" ? p + "(" + z + ")" : p;
+    function _(e, n, s) {
+      var p = e.displayName;
+      if (p)
+        return p;
+      var S = n.displayName || n.name || "";
+      return S !== "" ? s + "(" + S + ")" : s;
     }
-    function G(e) {
+    function d(e) {
       return e.displayName || "Context";
     }
-    function re(e) {
+    function P(e) {
       if (e == null)
         return null;
       if (typeof e.tag == "number" && m("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
@@ -307,36 +321,36 @@ function Wr() {
       if (typeof e == "string")
         return e;
       switch (e) {
-        case l:
+        case u:
           return "Fragment";
         case f:
           return "Portal";
-        case d:
+        case h:
           return "Profiler";
-        case R:
+        case w:
           return "StrictMode";
-        case v:
+        case b:
           return "Suspense";
         case D:
           return "SuspenseList";
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case A:
+          case E:
+            var n = e;
+            return d(n) + ".Consumer";
+          case x:
             var s = e;
-            return G(s) + ".Consumer";
-          case P:
-            var p = e;
-            return G(p._context) + ".Provider";
-          case T:
-            return O(e, e.render, "ForwardRef");
-          case _:
-            var C = e.displayName || null;
-            return C !== null ? C : re(e.type) || "Memo";
-          case k: {
-            var z = e, Y = z._payload, B = z._init;
+            return d(s._context) + ".Provider";
+          case R:
+            return _(e, e.render, "ForwardRef");
+          case k:
+            var p = e.displayName || null;
+            return p !== null ? p : P(e.type) || "Memo";
+          case F: {
+            var S = e, I = S._payload, A = S._init;
             try {
-              return re(B(Y));
+              return P(A(I));
             } catch {
               return null;
             }
@@ -344,18 +358,18 @@ function Wr() {
         }
       return null;
     }
-    var I = Object.assign, ee = 0, X, ve, me, Ne, Pe, ne, Oe;
-    function ae() {
+    var V = Object.assign, z = 0, $, G, ce, me, Y, ee, ue;
+    function Pe() {
     }
-    ae.__reactDisabledLog = !0;
-    function Me() {
+    Pe.__reactDisabledLog = !0;
+    function oe() {
       {
-        if (ee === 0) {
-          X = console.log, ve = console.info, me = console.warn, Ne = console.error, Pe = console.group, ne = console.groupCollapsed, Oe = console.groupEnd;
+        if (z === 0) {
+          $ = console.log, G = console.info, ce = console.warn, me = console.error, Y = console.group, ee = console.groupCollapsed, ue = console.groupEnd;
           var e = {
             configurable: !0,
             enumerable: !0,
-            value: ae,
+            value: Pe,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -368,332 +382,332 @@ function Wr() {
             groupEnd: e
           });
         }
-        ee++;
+        z++;
       }
     }
-    function _e() {
+    function Te() {
       {
-        if (ee--, ee === 0) {
+        if (z--, z === 0) {
           var e = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: I({}, e, {
-              value: X
+            log: V({}, e, {
+              value: $
             }),
-            info: I({}, e, {
-              value: ve
+            info: V({}, e, {
+              value: G
             }),
-            warn: I({}, e, {
-              value: me
+            warn: V({}, e, {
+              value: ce
             }),
-            error: I({}, e, {
-              value: Ne
+            error: V({}, e, {
+              value: me
             }),
-            group: I({}, e, {
-              value: Pe
+            group: V({}, e, {
+              value: Y
             }),
-            groupCollapsed: I({}, e, {
-              value: ne
+            groupCollapsed: V({}, e, {
+              value: ee
             }),
-            groupEnd: I({}, e, {
-              value: Oe
+            groupEnd: V({}, e, {
+              value: ue
             })
           });
         }
-        ee < 0 && m("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        z < 0 && m("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var ke = W.ReactCurrentDispatcher, Fe;
-    function Se(e, s, p) {
+    var ve = T.ReactCurrentDispatcher, Ce;
+    function ie(e, n, s) {
       {
-        if (Fe === void 0)
+        if (Ce === void 0)
           try {
             throw Error();
-          } catch (z) {
-            var C = z.stack.trim().match(/\n( *(at )?)/);
-            Fe = C && C[1] || "";
+          } catch (S) {
+            var p = S.stack.trim().match(/\n( *(at )?)/);
+            Ce = p && p[1] || "";
           }
         return `
-` + Fe + e;
+` + Ce + e;
       }
     }
-    var de = !1, U;
+    var Be = !1, ge;
     {
-      var E = typeof WeakMap == "function" ? WeakMap : Map;
-      U = new E();
+      var Se = typeof WeakMap == "function" ? WeakMap : Map;
+      ge = new Se();
     }
-    function he(e, s) {
-      if (!e || de)
+    function g(e, n) {
+      if (!e || Be)
         return "";
       {
-        var p = U.get(e);
-        if (p !== void 0)
-          return p;
+        var s = ge.get(e);
+        if (s !== void 0)
+          return s;
       }
-      var C;
-      de = !0;
-      var z = Error.prepareStackTrace;
+      var p;
+      Be = !0;
+      var S = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var Y;
-      Y = ke.current, ke.current = null, Me();
+      var I;
+      I = ve.current, ve.current = null, oe();
       try {
-        if (s) {
-          var B = function() {
+        if (n) {
+          var A = function() {
             throw Error();
           };
-          if (Object.defineProperty(B.prototype, "props", {
+          if (Object.defineProperty(A.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(B, []);
-            } catch (Ce) {
-              C = Ce;
+              Reflect.construct(A, []);
+            } catch (Re) {
+              p = Re;
             }
-            Reflect.construct(e, [], B);
+            Reflect.construct(e, [], A);
           } else {
             try {
-              B.call();
-            } catch (Ce) {
-              C = Ce;
+              A.call();
+            } catch (Re) {
+              p = Re;
             }
-            e.call(B.prototype);
+            e.call(A.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (Ce) {
-            C = Ce;
+          } catch (Re) {
+            p = Re;
           }
           e();
         }
-      } catch (Ce) {
-        if (Ce && C && typeof Ce.stack == "string") {
-          for (var F = Ce.stack.split(`
-`), Ee = C.stack.split(`
-`), se = F.length - 1, fe = Ee.length - 1; se >= 1 && fe >= 0 && F[se] !== Ee[fe]; )
-            fe--;
-          for (; se >= 1 && fe >= 0; se--, fe--)
-            if (F[se] !== Ee[fe]) {
-              if (se !== 1 || fe !== 1)
+      } catch (Re) {
+        if (Re && p && typeof Re.stack == "string") {
+          for (var M = Re.stack.split(`
+`), be = p.stack.split(`
+`), te = M.length - 1, se = be.length - 1; te >= 1 && se >= 0 && M[te] !== be[se]; )
+            se--;
+          for (; te >= 1 && se >= 0; te--, se--)
+            if (M[te] !== be[se]) {
+              if (te !== 1 || se !== 1)
                 do
-                  if (se--, fe--, fe < 0 || F[se] !== Ee[fe]) {
-                    var Te = `
-` + F[se].replace(" at new ", " at ");
-                    return e.displayName && Te.includes("<anonymous>") && (Te = Te.replace("<anonymous>", e.displayName)), typeof e == "function" && U.set(e, Te), Te;
+                  if (te--, se--, se < 0 || M[te] !== be[se]) {
+                    var Ae = `
+` + M[te].replace(" at new ", " at ");
+                    return e.displayName && Ae.includes("<anonymous>") && (Ae = Ae.replace("<anonymous>", e.displayName)), typeof e == "function" && ge.set(e, Ae), Ae;
                   }
-                while (se >= 1 && fe >= 0);
+                while (te >= 1 && se >= 0);
               break;
             }
         }
       } finally {
-        de = !1, ke.current = Y, _e(), Error.prepareStackTrace = z;
+        Be = !1, ve.current = I, Te(), Error.prepareStackTrace = S;
       }
-      var Je = e ? e.displayName || e.name : "", He = Je ? Se(Je) : "";
-      return typeof e == "function" && U.set(e, He), He;
+      var Xe = e ? e.displayName || e.name : "", Ue = Xe ? ie(Xe) : "";
+      return typeof e == "function" && ge.set(e, Ue), Ue;
     }
-    function pe(e, s, p) {
-      return he(e, !1);
+    function Ee(e, n, s) {
+      return g(e, !1);
     }
-    function we(e) {
-      var s = e.prototype;
-      return !!(s && s.isReactComponent);
+    function he(e) {
+      var n = e.prototype;
+      return !!(n && n.isReactComponent);
     }
-    function b(e, s, p) {
+    function H(e, n, s) {
       if (e == null)
         return "";
       if (typeof e == "function")
-        return he(e, we(e));
+        return g(e, he(e));
       if (typeof e == "string")
-        return Se(e);
+        return ie(e);
       switch (e) {
-        case v:
-          return Se("Suspense");
+        case b:
+          return ie("Suspense");
         case D:
-          return Se("SuspenseList");
+          return ie("SuspenseList");
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case T:
-            return pe(e.render);
-          case _:
-            return b(e.type, s, p);
-          case k: {
-            var C = e, z = C._payload, Y = C._init;
+          case R:
+            return Ee(e.render);
+          case k:
+            return H(e.type, n, s);
+          case F: {
+            var p = e, S = p._payload, I = p._init;
             try {
-              return b(Y(z), s, p);
+              return H(I(S), n, s);
             } catch {
             }
           }
         }
       return "";
     }
-    var S = Object.prototype.hasOwnProperty, ie = {}, le = W.ReactDebugCurrentFrame;
-    function ue(e) {
+    var fe = Object.prototype.hasOwnProperty, We = {}, we = T.ReactDebugCurrentFrame;
+    function _e(e) {
       if (e) {
-        var s = e._owner, p = b(e.type, e._source, s ? s.type : null);
-        le.setExtraStackFrame(p);
+        var n = e._owner, s = H(e.type, e._source, n ? n.type : null);
+        we.setExtraStackFrame(s);
       } else
-        le.setExtraStackFrame(null);
+        we.setExtraStackFrame(null);
     }
-    function be(e, s, p, C, z) {
+    function Ve(e, n, s, p, S) {
       {
-        var Y = Function.call.bind(S);
-        for (var B in e)
-          if (Y(e, B)) {
-            var F = void 0;
+        var I = Function.call.bind(fe);
+        for (var A in e)
+          if (I(e, A)) {
+            var M = void 0;
             try {
-              if (typeof e[B] != "function") {
-                var Ee = Error((C || "React class") + ": " + p + " type `" + B + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[B] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw Ee.name = "Invariant Violation", Ee;
+              if (typeof e[A] != "function") {
+                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;
               }
-              F = e[B](s, B, C, p, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (se) {
-              F = se;
+              M = e[A](n, A, p, s, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (te) {
+              M = te;
             }
-            F && !(F instanceof Error) && (ue(z), m("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", C || "React class", p, B, typeof F), ue(null)), F instanceof Error && !(F.message in ie) && (ie[F.message] = !0, ue(z), m("Failed %s type: %s", p, F.message), ue(null));
+            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));
           }
       }
     }
-    var $e = Array.isArray;
-    function ge(e) {
-      return $e(e);
+    var C = Array.isArray;
+    function y(e) {
+      return C(e);
     }
-    function Ie(e) {
+    function pe(e) {
       {
-        var s = typeof Symbol == "function" && Symbol.toStringTag, p = s && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return p;
+        var n = typeof Symbol == "function" && Symbol.toStringTag, s = n && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return s;
       }
     }
-    function at(e) {
+    function de(e) {
       try {
-        return Ge(e), !1;
+        return le(e), !1;
       } catch {
         return !0;
       }
     }
-    function Ge(e) {
+    function le(e) {
       return "" + e;
     }
-    function ft(e) {
-      if (at(e))
-        return m("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Ie(e)), Ge(e);
+    function ke(e) {
+      if (de(e))
+        return m("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", pe(e)), le(e);
     }
-    var dt = W.ReactCurrentOwner, Et = {
+    var Oe = T.ReactCurrentOwner, Ie = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, mt, We;
-    function Ye(e) {
-      if (S.call(e, "ref")) {
-        var s = Object.getOwnPropertyDescriptor(e, "ref").get;
-        if (s && s.isReactWarning)
+    }, De, Ze;
+    function at(e) {
+      if (fe.call(e, "ref")) {
+        var n = Object.getOwnPropertyDescriptor(e, "ref").get;
+        if (n && n.isReactWarning)
           return !1;
       }
       return e.ref !== void 0;
     }
-    function yt(e) {
-      if (S.call(e, "key")) {
-        var s = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (s && s.isReactWarning)
+    function Ct(e) {
+      if (fe.call(e, "key")) {
+        var n = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (n && n.isReactWarning)
           return !1;
       }
       return e.key !== void 0;
     }
-    function _t(e, s) {
-      typeof e.ref == "string" && dt.current;
+    function Rt(e, n) {
+      typeof e.ref == "string" && Oe.current;
     }
-    function bt(e, s) {
+    function Pt(e, n) {
       {
-        var p = function() {
-          mt || (mt = !0, m("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", s));
+        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));
         };
-        p.isReactWarning = !0, Object.defineProperty(e, "key", {
-          get: p,
+        s.isReactWarning = !0, Object.defineProperty(e, "key", {
+          get: s,
           configurable: !0
         });
       }
     }
-    function xt(e, s) {
+    function Ke(e, n) {
       {
-        var p = function() {
-          We || (We = !0, m("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", s));
+        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));
         };
-        p.isReactWarning = !0, Object.defineProperty(e, "ref", {
-          get: p,
+        s.isReactWarning = !0, Object.defineProperty(e, "ref", {
+          get: s,
           configurable: !0
         });
       }
     }
-    var Ct = function(e, s, p, C, z, Y, B) {
-      var F = {
+    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: c,
+        $$typeof: l,
         // Built-in properties that belong on the element
         type: e,
-        key: s,
-        ref: p,
-        props: B,
+        key: n,
+        ref: s,
+        props: A,
         // Record the component responsible for creating this element.
-        _owner: Y
+        _owner: I
       };
-      return F._store = {}, Object.defineProperty(F._store, "validated", {
+      return M._store = {}, Object.defineProperty(M._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(F, "_self", {
+      }), Object.defineProperty(M, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: C
-      }), Object.defineProperty(F, "_source", {
+        value: p
+      }), Object.defineProperty(M, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: z
-      }), Object.freeze && (Object.freeze(F.props), Object.freeze(F)), F;
+        value: S
+      }), Object.freeze && (Object.freeze(M.props), Object.freeze(M)), M;
     };
-    function pt(e, s, p, C, z) {
+    function kt(e, n, s, p, S) {
       {
-        var Y, B = {}, F = null, Ee = null;
-        p !== void 0 && (ft(p), F = "" + p), yt(s) && (ft(s.key), F = "" + s.key), Ye(s) && (Ee = s.ref, _t(s, z));
-        for (Y in s)
-          S.call(s, Y) && !Et.hasOwnProperty(Y) && (B[Y] = s[Y]);
+        var I, A = {}, M = null, be = null;
+        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) {
-          var se = e.defaultProps;
-          for (Y in se)
-            B[Y] === void 0 && (B[Y] = se[Y]);
+          var te = e.defaultProps;
+          for (I in te)
+            A[I] === void 0 && (A[I] = te[I]);
         }
-        if (F || Ee) {
-          var fe = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          F && bt(B, fe), Ee && xt(B, fe);
+        if (M || be) {
+          var se = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          M && Pt(A, se), be && Ke(A, se);
         }
-        return Ct(e, F, Ee, z, C, dt.current, B);
+        return qe(e, M, be, S, p, Oe.current, A);
       }
     }
-    var Ze = W.ReactCurrentOwner, ot = W.ReactDebugCurrentFrame;
-    function Ve(e) {
+    var ot = T.ReactCurrentOwner, pt = T.ReactDebugCurrentFrame;
+    function $e(e) {
       if (e) {
-        var s = e._owner, p = b(e.type, e._source, s ? s.type : null);
-        ot.setExtraStackFrame(p);
+        var n = e._owner, s = H(e.type, e._source, n ? n.type : null);
+        pt.setExtraStackFrame(s);
       } else
-        ot.setExtraStackFrame(null);
+        pt.setExtraStackFrame(null);
     }
-    var Ke;
-    Ke = !1;
-    function qe(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === c;
+    var it;
+    it = !1;
+    function Je(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === l;
     }
-    function ht() {
+    function lt() {
       {
-        if (Ze.current) {
-          var e = re(Ze.current.type);
+        if (ot.current) {
+          var e = P(ot.current.type);
           if (e)
             return `
 
@@ -702,148 +716,148 @@ Check the render method of \`` + e + "`.";
         return "";
       }
     }
-    function Rt(e) {
+    function ht(e) {
       return "";
     }
-    var vt = {};
-    function kt(e) {
+    var wt = {};
+    function vt(e) {
       {
-        var s = ht();
-        if (!s) {
-          var p = typeof e == "string" ? e : e.displayName || e.name;
-          p && (s = `
+        var n = lt();
+        if (!n) {
+          var s = typeof e == "string" ? e : e.displayName || e.name;
+          s && (n = `
 
-Check the top-level render call using <` + p + ">.");
+Check the top-level render call using <` + s + ">.");
         }
-        return s;
+        return n;
       }
     }
-    function wt(e, s) {
+    function st(e, n) {
       {
         if (!e._store || e._store.validated || e.key != null)
           return;
         e._store.validated = !0;
-        var p = kt(s);
-        if (vt[p])
+        var s = vt(n);
+        if (wt[s])
           return;
-        vt[p] = !0;
-        var C = "";
-        e && e._owner && e._owner !== Ze.current && (C = " It was passed a child from " + re(e._owner.type) + "."), Ve(e), m('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', p, C), Ve(null);
+        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.', s, p), $e(null);
       }
     }
-    function t(e, s) {
+    function gt(e, n) {
       {
         if (typeof e != "object")
           return;
-        if (ge(e))
-          for (var p = 0; p < e.length; p++) {
-            var C = e[p];
-            qe(C) && wt(C, s);
+        if (y(e))
+          for (var s = 0; s < e.length; s++) {
+            var p = e[s];
+            Je(p) && st(p, n);
           }
-        else if (qe(e))
+        else if (Je(e))
           e._store && (e._store.validated = !0);
         else if (e) {
-          var z = K(e);
-          if (typeof z == "function" && z !== e.entries)
-            for (var Y = z.call(e), B; !(B = Y.next()).done; )
-              qe(B.value) && wt(B.value, s);
+          var S = Z(e);
+          if (typeof S == "function" && S !== e.entries)
+            for (var I = S.call(e), A; !(A = I.next()).done; )
+              Je(A.value) && st(A.value, n);
         }
       }
     }
-    function a(e) {
+    function Tt(e) {
       {
-        var s = e.type;
-        if (s == null || typeof s == "string")
+        var n = e.type;
+        if (n == null || typeof n == "string")
           return;
-        var p;
-        if (typeof s == "function")
-          p = s.propTypes;
-        else if (typeof s == "object" && (s.$$typeof === T || // Note: Memo only checks outer props here.
+        var s;
+        if (typeof n == "function")
+          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.
-        s.$$typeof === _))
-          p = s.propTypes;
+        n.$$typeof === k))
+          s = n.propTypes;
         else
           return;
-        if (p) {
-          var C = re(s);
-          be(p, e.props, "prop", C, e);
-        } else if (s.PropTypes !== void 0 && !Ke) {
-          Ke = !0;
-          var z = re(s);
-          m("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", z || "Unknown");
+        if (s) {
+          var p = P(n);
+          Ve(s, e.props, "prop", p, e);
+        } else if (n.PropTypes !== void 0 && !it) {
+          it = !0;
+          var S = P(n);
+          m("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", S || "Unknown");
         }
-        typeof s.getDefaultProps == "function" && !s.getDefaultProps.isReactClassApproved && m("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof n.getDefaultProps == "function" && !n.getDefaultProps.isReactClassApproved && m("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function o(e) {
+    function St(e) {
       {
-        for (var s = Object.keys(e.props), p = 0; p < s.length; p++) {
-          var C = s[p];
-          if (C !== "children" && C !== "key") {
-            Ve(e), m("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", C), Ve(null);
+        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;
           }
         }
-        e.ref !== null && (Ve(e), m("Invalid attribute `ref` supplied to `React.Fragment`."), Ve(null));
+        e.ref !== null && ($e(e), m("Invalid attribute `ref` supplied to `React.Fragment`."), $e(null));
       }
     }
-    var i = {};
-    function u(e, s, p, C, z, Y) {
+    var Et = {};
+    function _t(e, n, s, p, S, I) {
       {
-        var B = h(e);
-        if (!B) {
-          var F = "";
-          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (F += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var Ee = Rt();
-          Ee ? F += Ee : F += ht();
-          var se;
-          e === null ? se = "null" : ge(e) ? se = "array" : e !== void 0 && e.$$typeof === c ? (se = "<" + (re(e.type) || "Unknown") + " />", F = " Did you accidentally export a JSX literal instead of a component?") : se = typeof e, m("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", se, F);
+        var A = ae(e);
+        if (!A) {
+          var M = "";
+          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (M += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+          var be = ht();
+          be ? M += be : M += lt();
+          var te;
+          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 fe = pt(e, s, p, z, Y);
-        if (fe == null)
-          return fe;
-        if (B) {
-          var Te = s.children;
-          if (Te !== void 0)
-            if (C)
-              if (ge(Te)) {
-                for (var Je = 0; Je < Te.length; Je++)
-                  t(Te[Je], e);
-                Object.freeze && Object.freeze(Te);
+        var se = kt(e, n, s, S, I);
+        if (se == null)
+          return se;
+        if (A) {
+          var Ae = n.children;
+          if (Ae !== void 0)
+            if (p)
+              if (y(Ae)) {
+                for (var Xe = 0; Xe < Ae.length; Xe++)
+                  gt(Ae[Xe], e);
+                Object.freeze && Object.freeze(Ae);
               } else
                 m("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
-              t(Te, e);
+              gt(Ae, e);
         }
-        if (S.call(s, "key")) {
-          var He = re(e), Ce = Object.keys(s).filter(function(Kt) {
-            return Kt !== "key";
-          }), Pt = Ce.length > 0 ? "{key: someKey, " + Ce.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!i[He + Pt]) {
-            var Zt = Ce.length > 0 ? "{" + Ce.join(": ..., ") + ": ...}" : "{}";
+        if (fe.call(n, "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 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} />`, Pt, He, Zt, He), i[He + Pt] = !0;
+  <%s key={someKey} {...props} />`, Dt, Ue, Qt, Ue), Et[Ue + Dt] = !0;
           }
         }
-        return e === l ? o(fe) : a(fe), fe;
+        return e === u ? St(se) : Tt(se), se;
       }
     }
-    function w(e, s, p) {
-      return u(e, s, p, !0);
+    function t(e, n, s) {
+      return _t(e, n, s, !0);
     }
-    function y(e, s, p) {
-      return u(e, s, p, !1);
+    function a(e, n, s) {
+      return _t(e, n, s, !1);
     }
-    var oe = y, xe = w;
-    st.Fragment = l, st.jsx = oe, st.jsxs = xe;
-  }()), st;
+    var o = a, c = t;
+    ut.Fragment = u, ut.jsx = o, ut.jsxs = c;
+  }()), ut;
 }
-process.env.NODE_ENV === "production" ? It.exports = $r() : It.exports = Wr();
-var Ae = It.exports, rt = (n) => cr("path", n), nt = Ut(
+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,650 +865,675 @@ var Ae = It.exports, rt = (n) => cr("path", n), nt = Ut(
    *
    * @return {React.JSX.Element} Stop component
    */
-  ({ className: n, isPressed: c, ...f }, l) => {
-    const R = {
+  ({ className: i, isPressed: l, ...f }, u) => {
+    const w = {
       ...f,
-      className: ur(n, { "is-pressed": c }) || void 0,
+      className: hr(i, { "is-pressed": l }) || void 0,
       "aria-hidden": !0,
       focusable: !1
     };
-    return /* @__PURE__ */ Ae.jsx("svg", { ...R, ref: l });
+    return /* @__PURE__ */ Le.jsx("svg", { ...w, ref: u });
   }
 );
 nt.displayName = "SVG";
-const Hr = /* @__PURE__ */ Ae.jsx(nt, {
+const Yr = /* @__PURE__ */ Le.jsx(nt, {
   viewBox: "0 0 24 24",
   xmlns: "http://www.w3.org/2000/svg",
-  children: /* @__PURE__ */ Ae.jsx(rt, {
+  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"
   })
-}), Ur = /* @__PURE__ */ Ae.jsx(nt, {
+}), Zr = /* @__PURE__ */ Le.jsx(nt, {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
-  children: /* @__PURE__ */ Ae.jsx(rt, {
+  children: /* @__PURE__ */ Le.jsx(rt, {
     d: "M10.6 6L9.4 7l4.6 5-4.6 5 1.2 1 5.4-6z"
   })
-}), zr = /* @__PURE__ */ Ae.jsx(nt, {
+}), Kr = /* @__PURE__ */ Le.jsx(nt, {
   viewBox: "0 0 24 24",
   xmlns: "http://www.w3.org/2000/svg",
-  children: /* @__PURE__ */ Ae.jsx(rt, {
+  children: /* @__PURE__ */ Le.jsx(rt, {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M12.848 8a1 1 0 0 1-.914-.594l-.723-1.63a.5.5 0 0 0-.447-.276H5a.5.5 0 0 0-.5.5v11.5a.5.5 0 0 0 .5.5h14a.5.5 0 0 0 .5-.5v-9A.5.5 0 0 0 19 8h-6.152Zm.612-1.5a.5.5 0 0 1-.462-.31l-.445-1.084A2 2 0 0 0 10.763 4H5a2 2 0 0 0-2 2v11.5a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-9a2 2 0 0 0-2-2h-5.54Z"
   })
-}), Gr = /* @__PURE__ */ Ae.jsxs(nt, {
+}), qr = /* @__PURE__ */ Le.jsxs(nt, {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
-  children: [/* @__PURE__ */ Ae.jsx(rt, {
+  children: [/* @__PURE__ */ Le.jsx(rt, {
     d: "M15.5 7.5h-7V9h7V7.5Zm-7 3.5h7v1.5h-7V11Zm7 3.5h-7V16h7v-1.5Z"
-  }), /* @__PURE__ */ Ae.jsx(rt, {
+  }), /* @__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"
   })]
-}), Yr = /* @__PURE__ */ Ae.jsx(nt, {
+}), Jr = /* @__PURE__ */ Le.jsx(nt, {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
-  children: /* @__PURE__ */ Ae.jsx(rt, {
+  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"
   })
-}), Zr = "_file-picker-tree_ad9od_1", Kr = "_file-node-button_ad9od_17", qr = "_selected_ad9od_56", Jr = "_focused_ad9od_75", Xr = "_dropTarget_ad9od_83", Qr = "_dropTargetInvalid_ad9od_95", en = "_renaming_ad9od_104", tn = "_renameInput_ad9od_109", rn = "_file-name_ad9od_124", Re = {
-  filePickerTree: Zr,
-  fileNodeButton: Kr,
-  selected: qr,
-  focused: Jr,
-  dropTarget: Xr,
-  dropTargetInvalid: Qr,
-  renaming: en,
-  renameInput: tn,
-  fileName: rn
+}), 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 Dt(n) {
-  if (!n) return [];
-  const c = Jt(n), f = c.startsWith("/"), l = c.split("/").filter(Boolean), R = [];
-  let d = f ? "/" : "";
-  f && R.push("/");
-  for (const P of l)
-    !d || d === "/" ? d = d === "/" ? `/${P}` : P : d = `${d}/${P}`, R.push(d);
-  return R;
+function Lt(i) {
+  if (!i) return [];
+  const l = rr(i), f = l.startsWith("/"), u = l.split("/").filter(Boolean), w = [];
+  let h = f ? "/" : "";
+  f && w.push("/");
+  for (const x of u)
+    !h || h === "/" ? h = h === "/" ? `/${x}` : x : h = `${h}/${x}`, w.push(h);
+  return w;
 }
-function ze(n, c, f) {
-  return n && (n === c ? f : n.startsWith(c === "/" ? "/" : `${c}/`) ? f + n.slice(c.length) : n);
+function Ge(i, l, f) {
+  return i && (i === l ? f : i.startsWith(l === "/" ? "/" : `${l}/`) ? f + i.slice(l.length) : i);
 }
-const nn = $t(function({
-  withContextMenu: c = !0,
+const un = bt(function({
+  withContextMenu: l = !0,
   readOnly: f = !1,
-  filesystem: l,
-  root: R = "/wordpress",
-  initialSelectedPath: d,
-  onSelect: P = () => {
+  filesystem: u,
+  root: w = "/wordpress",
+  initialSelectedPath: h,
+  onSelect: x = () => {
   },
-  onDoubleClickFile: A
-}, T) {
-  const v = Ft(() => je("/", R || "/"), [R]), [D, _] = te(() => {
-    if (!d)
+  onDoubleClickFile: E,
+  pathBadges: R,
+  onMountFromGit: b,
+  onPathRenamed: D
+}, k) {
+  const F = ft(() => Me("/", w || "/"), [w]), Q = ft(
+    () => Me(F, "wp-content", "plugins"),
+    [F]
+  ), J = ft(
+    () => Me(F, "wp-content", "themes"),
+    [F]
+  ), [v, Z] = K(() => {
+    if (!h)
       return {};
     const t = {};
-    for (const a of Dt(d))
+    for (const a of Lt(h))
       t[a] = !0;
     return t;
-  }), [k, Z] = te(
-    () => d ?? null
-  ), [j, x] = te(
-    () => d ?? null
-  ), [K, W] = te({}), [m, V] = te(
+  }), [T, m] = K(
+    () => h ?? null
+  ), [N, j] = K(
+    () => h ?? null
+  ), [L, U] = K({}), [re, ne] = K(
     {}
-  ), [J, ce] = te(null), [Q, g] = te(
+  ), [X, ae] = K(null), [_, d] = K(
     null
-  ), $ = M({}), N = M(!1), h = M(null), O = M(null), G = M(m), re = M(K), I = () => {
-    for (const t of Object.keys($.current))
-      clearTimeout($.current[t]), delete $.current[t];
-  }, ee = (t) => {
-    const a = $.current[t];
-    a && (clearTimeout(a), delete $.current[t]);
+  ), P = O({}), V = O(!1), z = O(null), $ = O(null), G = O(re), ce = O(L), me = () => {
+    for (const t of Object.keys(P.current))
+      clearTimeout(P.current[t]), delete P.current[t];
+  }, Y = (t) => {
+    const a = P.current[t];
+    a && (clearTimeout(a), delete P.current[t]);
   };
-  H(() => {
-    G.current = m;
-  }, [m]), H(() => {
-    re.current = K;
-  }, [K]);
-  const X = (t) => {
+  W(() => {
+    G.current = re;
+  }, [re]), W(() => {
+    ce.current = L;
+  }, [L]);
+  const ee = (t) => {
     var o;
-    const a = (o = h.current) == null ? void 0 : o.querySelector(
+    const a = (o = z.current) == null ? void 0 : o.querySelector(
       `[data-path="${CSS.escape(t)}"]`
     );
     a && typeof a.focus == "function" && (a.focus(), a.scrollIntoView({
       behavior: "smooth",
       block: "nearest"
     }));
-  }, ve = (t, a = "") => a ? je(a, t.name) : je("/", t.name), me = (t, a) => t.children ? t.children : K[a], Ne = async (t, a) => {
-    const o = await t.listFiles(a), i = [];
-    for (const u of o) {
-      const w = a === "/" ? `/${u}` : `${a}/${u}`, y = await t.isDir(w);
-      i.push({ name: u, type: y ? "folder" : "file" });
-    }
-    return i.sort((u, w) => {
-      var e;
-      if (u.type !== w.type) return u.type === "folder" ? -1 : 1;
-      const y = a === "/" ? `/${u.name}` : `${a}/${u.name}`, oe = a === "/" ? `/${w.name}` : `${a}/${w.name}`, xe = (e = we.current) == null ? void 0 : e.tempPath;
-      if (xe) {
-        if (y === xe) return -1;
-        if (oe === xe) return 1;
+  }, 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}`, 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 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 (s === S) return -1;
+        if (p === S) return 1;
       }
-      return u.name.localeCompare(w.name);
-    }), i;
-  }, Pe = async (t) => await Ne(l, t), ne = (t, a) => {
+      return e.name.localeCompare(n.name);
+    }), c;
+  }, Te = async (t) => await oe(u, t), ve = (t, a) => {
     if (a.type !== "folder")
       return a.children;
-    const o = a.children ?? re.current[t];
-    return o || G.current[t] ? o : (V((i) => ({ ...i, [t]: !0 })), new Promise((i) => {
-      Pe(t).then((u) => {
-        W((w) => ({
-          ...w,
-          [t]: u ?? []
-        })), i(u ?? []);
+    const o = a.children ?? ce.current[t];
+    return o || G.current[t] ? o : (ne((c) => ({ ...c, [t]: !0 })), new Promise((c) => {
+      Te(t).then((e) => {
+        U((n) => ({
+          ...n,
+          [t]: e ?? []
+        })), c(e ?? []);
       }).catch(() => {
-        i([]);
+        c([]);
       }).finally(() => {
-        V((u) => {
-          const w = { ...u };
-          return delete w[t], w;
+        ne((e) => {
+          const n = { ...e };
+          return delete n[t], n;
         });
       });
     }));
-  }, Oe = (t, a) => {
-    a.type === "folder" && (typeof window > "u" || $.current[t] || ($.current[t] = window.setTimeout(() => {
-      _((o) => o[t] ? o : { ...o, [t]: !0 }), ne(t, a), delete $.current[t];
+  }, 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 }), ve(t, a), delete P.current[t];
     }, 600)));
-  }, ae = (t) => (V((a) => ({ ...a, [t]: !0 })), new Promise((a) => {
-    Pe(t).then((o) => {
-      W((i) => ({
-        ...i,
+  }, ie = (t) => (ne((a) => ({ ...a, [t]: !0 })), new Promise((a) => {
+    Te(t).then((o) => {
+      U((c) => ({
+        ...c,
         [t]: o ?? []
       })), a(o ?? []);
     }).catch(() => {
       a([]);
     }).finally(() => {
-      V((o) => {
-        const i = { ...o };
-        return delete i[t], i;
+      ne((o) => {
+        const c = { ...o };
+        return delete c[t], c;
       });
     });
-  })), Me = (t, a, o) => {
-    _((i) => ({
-      ...i,
+  })), Be = (t, a, o) => {
+    Z((c) => ({
+      ...c,
       [t]: o
-    })), o ? ne(t, a) : W((i) => {
-      if (i[t] === void 0)
-        return i;
-      const u = { ...i };
-      return delete u[t], u;
+    })), o ? ve(t, a) : U((c) => {
+      if (c[t] === void 0)
+        return c;
+      const e = { ...c };
+      return delete e[t], e;
     });
-  }, _e = async (t) => {
+  }, ge = async (t) => {
     if (!t) return;
-    const a = Dt(t);
+    const a = Lt(t);
     if (a.length === 0) return;
-    _((u) => {
-      const w = { ...u };
-      for (const y of a)
-        w[y] = !0;
-      return w;
+    Z((e) => {
+      const n = { ...e };
+      for (const s of a)
+        n[s] = !0;
+      return n;
     });
     let o = [
-      { name: v, type: "folder" }
-    ], i = "";
-    for (const u of a) {
-      const w = o == null ? void 0 : o.find((oe) => ve(oe, i) === u);
-      if (!w || w.type !== "folder") {
-        i = u, o = [];
+      { name: F, type: "folder" }
+    ], c = "";
+    for (const e of a) {
+      const n = o == null ? void 0 : o.find((p) => ue(p, c) === e);
+      if (!n || n.type !== "folder") {
+        c = e, o = [];
         continue;
       }
-      o = await ne(u, w) ?? re.current[u], i = u;
-    }
-  }, ke = (t, a) => {
-    !t || !a || t === a || (_((o) => {
-      let i = !1;
-      const u = { ...o };
-      for (const w of Object.keys(o)) {
-        const y = ze(w, t, a);
-        y && y !== w && (u[y] = o[w], delete u[w], i = !0);
+      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 s = Ge(n, t, a);
+        s && s !== n && (e[s] = o[n], delete e[n], c = !0);
       }
-      return i ? u : o;
-    }), W((o) => {
-      let i = !1;
-      const u = { ...o };
-      for (const w of Object.keys(o)) {
-        const y = ze(w, t, a);
-        y && y !== w && (u[y] = o[w], delete u[w], i = !0);
+      return c ? e : o;
+    }), U((o) => {
+      let c = !1;
+      const e = { ...o };
+      for (const n of Object.keys(o)) {
+        const s = Ge(n, t, a);
+        s && s !== n && (e[s] = o[n], delete e[n], c = !0);
       }
-      return i ? u : o;
-    }), Z((o) => ze(o, t, a)), x((o) => ze(o, t, a)));
-  }, Fe = () => {
-    ce(null), g(null), I();
-  }, Se = (t, a = !0) => {
-    Z(t), a && P(t);
-  }, de = Ft(() => [{ name: v, type: "folder" }], [v]), [U, E] = te(null), [he, pe] = te(null), we = M(null), b = f ? null : he;
-  Wt(
-    T,
+      return c ? e : o;
+    }), m((o) => Ge(o, t, a)), j((o) => Ge(o, t, a)));
+  }, g = () => {
+    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, we] = K(null), _e = O(null), Ve = f ? null : We;
+  xt(
+    k,
     () => ({
       focusPath: (t, a = {}) => {
         if (!t) return;
         const {
           select: o = !0,
-          domFocus: i = !0,
-          notify: u = !1
+          domFocus: c = !0,
+          notify: e = !1
         } = a;
-        o && Se(t, u), x(t), i && X(t);
+        o && Ee(t, e), j(t), c && ee(t);
       },
       selectPath: (t) => {
-        t && (Se(t), x(t), X(t));
+        t && (Ee(t), j(t), ee(t));
+      },
+      getSelectedPath: () => T,
+      expandToPath: async (t) => await ge(t),
+      refresh: async (t) => await ie(t),
+      revealPath: async (t) => {
+        const a = Ne(t);
+        await ie(a), await ge(a), await ie(t), Z((o) => ({ ...o, [t]: !0 })), Ee(t, !1), j(t), setTimeout(() => ee(t), 0);
       },
-      getSelectedPath: () => k,
-      expandToPath: async (t) => await _e(t),
-      refresh: async (t) => await ae(t),
-      remapPath: ke,
+      remapPath: Se,
       createFile: async (t) => {
-        f || await Ye(t, "file", "untitled.php");
+        f || await qe(t, "file", "untitled.php");
       },
       createFolder: async (t) => {
-        f || await Ye(t, "folder", "New Folder");
+        f || await qe(t, "folder", "New Folder");
       },
       importFiles: async (t, a) => {
-        f || await Ve(t, a);
+        f || await wt(t, a);
       },
       importDataTransfer: async (t, a) => {
-        f || await Ke(t, a);
+        f || await vt(t, a);
       }
     }),
-    [k, ae, ke, _e, f]
+    [T, ie, Se, ge, f]
   );
-  const S = M(!1), ie = M(
-    d ?? null
-  ), le = M(d);
-  H(() => {
-    N.current = !1;
-  }, [v]), H(() => {
-    d && d !== le.current ? ie.current = d : d || (ie.current = null), le.current = d;
-  }, [d]), H(() => {
-    if (!d || S.current)
+  const C = O(!1), y = O(
+    h ?? null
+  ), pe = O(h);
+  W(() => {
+    V.current = !1;
+  }, [F]), W(() => {
+    h && h !== pe.current ? y.current = h : h || (y.current = null), pe.current = h;
+  }, [h]), W(() => {
+    if (!h || C.current)
       return;
-    S.current = !0;
-    const t = Dt(d);
-    _((o) => {
-      const i = { ...o };
-      for (const u of t)
-        i[u] = !0;
-      return i;
+    C.current = !0;
+    const t = Lt(h);
+    Z((o) => {
+      const c = { ...o };
+      for (const e of t)
+        c[e] = !0;
+      return c;
     });
-    const a = t[t.length - 1] || d;
-    x(a), Z(a), _e(d);
-  }, [d, _e]), H(() => {
-    const t = ie.current;
-    !t || de.length === 0 || (ie.current = null, _e(t));
-  }, [de, _e]), H(() => {
-    if (!j) {
-      if (de.length > 0) {
-        const t = ve(de[0]);
-        x(t);
+    const a = t[t.length - 1] || h;
+    j(a), m(a), ge(h);
+  }, [h, ge]), W(() => {
+    const t = y.current;
+    !t || he.length === 0 || (y.current = null, ge(t));
+  }, [he, ge]), W(() => {
+    if (!N) {
+      if (he.length > 0) {
+        const t = ue(he[0]);
+        j(t);
       }
       return;
     }
-    b && b === j || X(j);
-  }, [de, j, b]), H(() => {
-    if (de.length === 0)
+    Ve && Ve === N || ee(N);
+  }, [he, N, Ve]), W(() => {
+    if (he.length === 0)
       return;
-    const t = de[0];
-    if ((t == null ? void 0 : t.type) !== "folder" || N.current)
+    const t = he[0];
+    if ((t == null ? void 0 : t.type) !== "folder" || V.current)
       return;
     const a = t.name;
-    N.current = !0, _(
+    V.current = !0, Z(
       (o) => o[a] ? o : { ...o, [a]: !0 }
-    ), !re.current[a] && !G.current[a] && ne(a, t);
-  }, [de, ne, v]), H(() => () => {
-    O.current && clearTimeout(O.current), I();
-  }, []), H(() => {
-    U && setTimeout(() => {
+    ), !ce.current[a] && !G.current[a] && ve(a, t);
+  }, [he, ve, F]), W(() => () => {
+    $.current && clearTimeout($.current), me();
+  }, []), W(() => {
+    H && setTimeout(() => {
       const t = document.querySelector(
         '[role="menu"] [role="menuitem"]'
       );
       t && typeof t.focus == "function" && t.focus();
     }, 0);
-  }, [U]);
-  const [ue, be] = te(""), $e = (t, a) => {
+  }, [H]);
+  const [de, le] = K(""), ke = (t, a) => {
     if (t.type === "folder")
       return a;
-    const o = Le(a);
+    const o = Ne(a);
     return o && o || "/";
-  }, ge = (t, a, o) => {
-    const i = $e(t, a);
-    return i ? o && Xt(o, i) ? { allowed: !1, state: "invalid", destination: null } : { allowed: !0, state: "valid", destination: i } : { allowed: !1, state: "invalid", destination: null };
+  }, Oe = (t, a, o) => {
+    const c = ke(t, a);
+    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" || (ce(o), g(null), t.dataTransfer && (t.dataTransfer.effectAllowed = "move", t.dataTransfer.setData(
+    a.type !== "folder" && a.type !== "file" || (ae(o), d(null), t.dataTransfer && (t.dataTransfer.effectAllowed = "move", t.dataTransfer.setData(
       "application/x-wp-playground-path",
       o
     ), t.dataTransfer.setData("text/plain", o)));
-  }, at = () => {
-    Fe();
-  }, Ge = (t, a, o) => {
-    const i = ge(a, o, J);
-    i.allowed && a.type === "folder" && Oe(o, a), g((u) => (u == null ? void 0 : u.path) === o && u.state === i.state ? u : { path: o, state: i.state });
-  }, ft = (t, a, o) => {
-    const i = ge(a, o, J);
-    i.allowed && i.destination ? (t.preventDefault(), t.dataTransfer && (t.dataTransfer.dropEffect = J ? "move" : "copy"), a.type === "folder" && Oe(o, a), g((u) => (u == null ? void 0 : u.path) === o && u.state === i.state ? u : { path: o, state: i.state })) : (t.dataTransfer && (t.dataTransfer.dropEffect = "none"), ee(o), g((u) => (u == null ? void 0 : u.path) === o && u.state === "invalid" ? u : { path: o, state: "invalid" }));
-  }, dt = (t, a, o) => {
-    ee(o);
-    const i = t.relatedTarget;
-    i && t.currentTarget.contains(i) || g((u) => (u == null ? void 0 : u.path) === o ? null : u);
-  }, Et = async (t, a, o) => {
-    const i = J, u = ge(a, o, i);
-    if (!u.allowed || !u.destination) {
-      Fe();
+  }, De = () => {
+    g();
+  }, Ze = (t, a, o) => {
+    const c = Oe(a, o, X);
+    c.allowed && a.type === "folder" && Ce(o, a), d((e) => (e == null ? void 0 : e.path) === o && e.state === c.state ? e : { path: o, state: c.state });
+  }, at = (t, a, o) => {
+    const c = Oe(a, o, X);
+    c.allowed && c.destination ? (t.preventDefault(), t.dataTransfer && (t.dataTransfer.dropEffect = X ? "move" : "copy"), a.type === "folder" && Ce(o, a), d((e) => (e == null ? void 0 : e.path) === o && e.state === c.state ? e : { path: o, state: c.state })) : (t.dataTransfer && (t.dataTransfer.dropEffect = "none"), Y(o), d((e) => (e == null ? void 0 : e.path) === o && e.state === "invalid" ? e : { path: o, state: "invalid" }));
+  }, Ct = (t, a, o) => {
+    Y(o);
+    const c = t.relatedTarget;
+    c && t.currentTarget.contains(c) || d((e) => (e == null ? void 0 : e.path) === o ? null : e);
+  }, Rt = async (t, a, o) => {
+    const c = X, e = Oe(a, o, c);
+    if (!e.allowed || !e.destination) {
+      g();
       return;
     }
-    t.preventDefault(), t.stopPropagation(), ee(o), g(null);
+    t.preventDefault(), t.stopPropagation(), Y(o), d(null);
     try {
-      i ? await bt(i, u.destination) : await Ke(
+      c ? await pt(c, e.destination) : await vt(
         t.dataTransfer,
-        u.destination
+        e.destination
       );
     } finally {
-      Fe();
+      g();
     }
-  }, mt = (t, a, o) => {
-    c && (t.preventDefault(), t.stopPropagation(), pe(null), E({
+  }, Pt = (t, a, o) => {
+    l && (t.preventDefault(), t.stopPropagation(), we(null), fe({
       absPath: o,
       type: a.type,
       x: t.clientX,
       y: t.clientY
     }));
-  }, We = async (t, a) => {
-    let o = a, i = 0;
-    const u = (y) => {
-      const oe = y.lastIndexOf(".");
-      return oe > 0 ? { stem: y.slice(0, oe), ext: y.slice(oe) } : { stem: y, ext: "" };
-    }, w = t === "/" ? "" : t;
-    for (; await (l == null ? void 0 : l.fileExists(`${w}/${o}`)) || await (l == null ? void 0 : l.isDir(`${w}/${o}`)); ) {
-      i += 1;
-      const { stem: y, ext: oe } = u(a);
-      o = `${y} (${i})${oe}`;
+  }, Ke = async (t, a) => {
+    let o = a, c = 0;
+    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: s, ext: p } = e(a);
+      o = `${s} (${c})${p}`;
     }
     return o;
-  }, Ye = async (t, a, o) => {
-    if (!l) return;
-    let i = t || k || v;
+  }, qe = async (t, a, o) => {
+    if (!u) return;
+    let c = t || T || F;
     try {
-      await l.isDir(i) || (i = Le(i));
+      await u.isDir(c) || (c = Ne(c));
     } catch {
-      i = Le(i);
+      c = Ne(c);
     }
-    const u = i, w = await We(u, o), y = je(u, w);
-    a === "folder" ? await l.mkdir(y) : await l.writeFile(y, ""), we.current = { type: a, tempPath: y }, pe(y), await ae(u), setTimeout(() => {
-      x(y), X(y);
+    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);
-  }, yt = async (t) => {
-    if (!l) return !1;
+  }, kt = async (t) => {
+    if (!u) return !1;
     try {
-      if (await l.fileExists(t))
+      if (await u.fileExists(t))
         return !0;
     } catch {
     }
     try {
-      if (await l.isDir(t))
+      if (await u.isDir(t))
         return !0;
     } catch {
     }
     return !1;
-  }, _t = async (t) => {
-    if (l)
+  }, ot = async (t) => {
+    if (u)
       try {
-        await l.mkdir(t);
+        await u.mkdir(t);
       } catch (a) {
-        if (!await l.isDir(t).catch(() => !1))
+        if (!await u.isDir(t).catch(() => !1))
           throw a;
       }
-  }, bt = async (t, a) => {
-    if (!l) return;
-    const o = et(t), i = je(a, o);
-    if (i === t || await yt(i))
+  }, pt = async (t, a) => {
+    if (!u) return;
+    const o = tt(t), c = Me(a, o);
+    if (c === t || await kt(c))
       return;
-    const u = Le(t);
+    const e = Ne(t);
     try {
-      await l.mv(t, i), ke(t, i);
-      const w = ze(
-        k,
+      await u.mv(t, c), Se(t, c);
+      const n = Ge(
+        T,
         t,
-        i
+        c
       );
-      k && (k === t || k.startsWith(`${t}/`)) && P(w), x(
-        (y) => ze(y, t, i)
-      ), _((y) => ({
-        ...y,
+      T && (T === t || T.startsWith(`${t}/`)) && x(n), j(
+        (s) => Ge(s, t, c)
+      ), Z((s) => ({
+        ...s,
         [a]: !0
       })), await Promise.all([
-        ae(u),
-        ae(a)
-      ]), Z(
-        (y) => ze(y, t, i)
-      ), X(i);
+        ie(e),
+        ie(a)
+      ]), m(
+        (s) => Ge(s, t, c)
+      ), ee(c);
     } catch {
     }
-  }, xt = (t) => {
+  }, $e = (t) => {
     const a = t;
     return a.webkitGetAsEntry ? a.webkitGetAsEntry() : null;
-  }, Ct = (t) => new Promise((a, o) => {
+  }, it = (t) => new Promise((a, o) => {
     t.file(a, o);
-  }), pt = async (t, a) => {
-    if (!l) return;
-    const o = t.name || "untitled", i = await We(a, o), u = je(a, i), w = new Uint8Array(await t.arrayBuffer());
-    await l.writeFile(u, w);
-  }, Ze = async (t, a) => {
-    const o = await Ct(t);
-    await pt(o, a);
-  }, ot = async (t, a) => {
-    const o = await We(
+  }), Je = async (t, a) => {
+    if (!u) return;
+    const o = t.name || "untitled", c = await Ke(a, o), e = Me(a, c), n = new Uint8Array(await t.arrayBuffer());
+    await u.writeFile(e, n);
+  }, lt = async (t, a) => {
+    const o = await it(t);
+    await Je(o, a);
+  }, ht = async (t, a) => {
+    const o = await Ke(
       a,
       t.name || "New Folder"
-    ), i = je(a, o);
-    await _t(i);
-    const u = t.createReader(), w = () => new Promise((y, oe) => {
-      u.readEntries(
-        (xe) => y(Array.from(xe)),
-        oe
+    ), c = Me(a, o);
+    await ot(c);
+    const e = t.createReader(), n = () => new Promise((s, p) => {
+      e.readEntries(
+        (S) => s(Array.from(S)),
+        p
       );
     });
     for (; ; ) {
-      const y = await w();
-      if (!y.length)
+      const s = await n();
+      if (!s.length)
         break;
-      for (const oe of y)
-        oe.isFile ? await Ze(
-          oe,
-          i
-        ) : oe.isDirectory && await ot(
-          oe,
-          i
+      for (const p of s)
+        p.isFile ? await lt(
+          p,
+          c
+        ) : p.isDirectory && await ht(
+          p,
+          c
         );
     }
-  }, Ve = (t, a) => qe([], t, a), Ke = (t, a) => {
-    const i = Array.from(t.items).filter((w) => w.kind === "file").map((w) => xt(w)).filter((w) => !!w), u = Array.from(t.files);
-    return qe(i, u, a);
-  }, qe = async (t, a, o) => {
-    if (l) {
+  }, 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) => {
+    if (u) {
       if (t.length > 0)
-        for (const i of t)
-          i.isFile ? await Ze(
-            i,
+        for (const c of t)
+          c.isFile ? await lt(
+            c,
             o
-          ) : i.isDirectory && await ot(
-            i,
+          ) : c.isDirectory && await ht(
+            c,
             o
           );
       else
-        for (const i of a)
-          await pt(i, o);
-      await ae(o), _((i) => ({
-        ...i,
+        for (const c of a)
+          await Je(c, o);
+      await ie(o), Z((c) => ({
+        ...c,
         [o]: !0
       }));
     }
-  }, ht = async (t, a) => {
-    if (!l) return;
+  }, gt = async (t, a) => {
+    if (!u) return;
     const o = t;
-    E(null);
+    fe(null);
     try {
-      a === "folder" ? await l.rmdir(o, { recursive: !0 }) : await l.unlink(o);
+      a === "folder" ? await u.rmdir(o, { recursive: !0 }) : await u.unlink(o);
     } catch {
     } finally {
-      pe(null);
-      const i = Le(o);
-      await ae(i), k && (k === o || k.startsWith(`${o}/`)) && P(null);
+      we(null);
+      const c = Ne(o);
+      await ie(c), T && (T === o || T.startsWith(`${o}/`)) && x(null);
     }
-  }, Rt = async (t) => {
-    if (l)
+  }, Tt = async (t) => {
+    if (u)
       try {
-        const o = await (await l.read(t)).arrayBuffer(), i = new Blob([o]), u = URL.createObjectURL(i), w = document.createElement("a");
-        w.href = u, w.download = et(t) || "download", document.body.appendChild(w), w.click(), document.body.removeChild(w), setTimeout(() => URL.revokeObjectURL(u), 6e4);
+        const o = await (await u.read(t)).arrayBuffer(), c = new Blob([o]), e = URL.createObjectURL(c), n = document.createElement("a");
+        n.href = e, n.download = tt(t) || "download", document.body.appendChild(n), n.click(), document.body.removeChild(n), setTimeout(() => URL.revokeObjectURL(e), 6e4);
       } catch (a) {
         console.error("Failed to download file", a);
       }
-  }, vt = (t) => {
+  }, St = (t) => {
     var a;
-    if (!he)
+    if (!We)
       if (t.key.length === 1 && t.key.match(/\S/)) {
-        const o = ue + t.key.toLowerCase();
-        if (be(o), O.current && clearTimeout(O.current), O.current = setTimeout(() => {
-          be("");
-        }, 1e3), !h.current)
+        const o = de + t.key.toLowerCase();
+        if (le(o), $.current && clearTimeout($.current), $.current = setTimeout(() => {
+          le("");
+        }, 1e3), !z.current)
           return;
-        const i = Array.from(
-          h.current.querySelectorAll(".file-node-button")
-        ), u = document.activeElement;
-        let w = 0;
-        u && i.includes(u) && (w = i.indexOf(
-          u
+        const c = Array.from(
+          z.current.querySelectorAll(".file-node-button")
+        ), e = document.activeElement;
+        let n = 0;
+        e && c.includes(e) && (n = c.indexOf(
+          e
         ));
-        for (let y = 0; y < i.length; y++) {
-          const oe = (w + y) % i.length, xe = i[oe];
-          if ((a = xe.textContent) != null && a.toLowerCase().trim().startsWith(o)) {
-            xe.focus();
-            const e = xe.getAttribute("data-path");
-            e && x(e);
+        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");
+            I && j(I);
             break;
           }
         }
       } else
-        be(""), O.current && clearTimeout(O.current);
-  }, kt = async (t, a) => {
+        le(""), $.current && clearTimeout($.current);
+  }, Et = async (t, a) => {
     if (f) return;
-    const o = we.current, i = (o == null ? void 0 : o.tempPath) === t, u = Le(t);
-    if (!a || a === "." || a === ".." || et(a) !== a) {
-      if (i) {
+    const o = _e.current, c = (o == null ? void 0 : o.tempPath) === t, e = Ne(t);
+    if (!a || a === "." || a === ".." || tt(a) !== a) {
+      if (c) {
         try {
-          o.type === "folder" ? await l.rmdir(t, {
+          o.type === "folder" ? await u.rmdir(t, {
             recursive: !0
-          }) : await l.unlink(t);
+          }) : await u.unlink(t);
         } catch {
         }
-        we.current = null;
+        _e.current = null;
       }
-      pe(i ? null : t);
+      we(c ? null : t);
       return;
     }
-    let w = je(u, a), y = w;
-    if (y === t) {
-      pe(null);
-      const s = i && (o == null ? void 0 : o.type) === "file";
-      i && (we.current = null), setTimeout(() => {
-        x(y), X(y), s && A && A(y);
+    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(s), ee(s), A && E && E(s);
       }, 0);
       return;
     }
-    const oe = await l.fileExists(y), xe = await l.isDir(y);
-    if ((oe || xe) && y !== t)
-      if (i)
+    const p = await u.fileExists(s), S = await u.isDir(s);
+    if ((p || S) && s !== t)
+      if (c)
         try {
-          const s = await We(
-            u === "/" ? "/" : u,
+          const A = await Ke(
+            e === "/" ? "/" : e,
             a
           );
-          w = je(u, s), y = w;
+          n = Me(e, A), s = n;
         } catch {
         }
       else {
-        pe(t);
+        we(t);
         return;
       }
-    let e = (o == null ? void 0 : o.type) === "folder";
+    let I = (o == null ? void 0 : o.type) === "folder";
     try {
-      await l.mv(t, w), o || (e = await l.isDir(w)), e && ke(t, y), k === t && P(y), await ae(u), x(y), X(y), i && !e && A && A(y);
+      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, s));
+        } catch (A) {
+          Ye.error(
+            "Failed to update metadata after renaming a path",
+            A
+          );
+        }
+      T === t && x(s), await ie(e), j(s), ee(s), c && !I && E && E(s);
     } catch {
-      if (i)
+      if (c)
         try {
-          (o == null ? void 0 : o.type) === "folder" ? await l.rmdir(t, {
+          (o == null ? void 0 : o.type) === "folder" ? await u.rmdir(t, {
             recursive: !0
-          }) : await l.unlink(t);
+          }) : await u.unlink(t);
         } catch {
         }
     } finally {
-      we.current = null, pe(null);
+      _e.current = null, we(null);
     }
-  }, wt = async (t) => {
-    const a = we.current;
-    if (!l || (a == null ? void 0 : a.tempPath) !== t) {
-      pe((i) => i === t ? null : i);
+  }, _t = async (t) => {
+    const a = _e.current;
+    if (!u || (a == null ? void 0 : a.tempPath) !== t) {
+      we((c) => c === t ? null : c);
       return;
     }
     try {
-      a.type === "folder" ? await l.rmdir(t, { recursive: !0 }) : await l.unlink(t);
+      a.type === "folder" ? await u.rmdir(t, { recursive: !0 }) : await u.unlink(t);
     } catch {
     }
-    we.current = null, pe(null);
-    const o = Le(t);
-    await ae(o), x(o), X(o);
+    _e.current = null, we(null);
+    const o = Ne(t);
+    await ie(o), j(o), ee(o);
   };
-  return /* @__PURE__ */ r.createElement("div", { onKeyDown: vt, ref: h }, /* @__PURE__ */ r.createElement(er, { className: Re.filePickerTree }, de.map((t, a) => /* @__PURE__ */ r.createElement(
-    zt,
+  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: de.length,
-      expandedNodePaths: D,
-      onToggle: Me,
-      selectedNode: k,
-      focusPath: (o) => x(o),
-      focusedNode: j,
-      selectPath: Se,
-      generatePath: ve,
-      getChildren: me,
-      onContextMenu: f ? void 0 : mt,
-      renamingPath: b,
-      onRename: kt,
-      onRenameCancel: wt,
-      dropIndicator: Q,
+      setSize: he.length,
+      expandedNodePaths: v,
+      onToggle: Be,
+      selectedNode: T,
+      focusPath: (o) => j(o),
+      focusedNode: N,
+      selectPath: Ee,
+      generatePath: ue,
+      getChildren: Pe,
+      onContextMenu: f ? void 0 : Pt,
+      renamingPath: Ve,
+      onRename: Et,
+      onRenameCancel: _t,
+      dropIndicator: _,
       onDragStart: f ? void 0 : Ie,
-      onDragEnd: f ? void 0 : at,
-      onDragEnter: f ? void 0 : Ge,
-      onDragOver: f ? void 0 : ft,
-      onDragLeave: f ? void 0 : dt,
-      onDrop: f ? void 0 : Et,
-      rootPath: v,
-      onDoubleClickFile: A
-    }
-  ))), !f && U && /* @__PURE__ */ r.createElement(
-    tr,
+      onDragEnd: f ? void 0 : De,
+      onDragEnter: f ? void 0 : Ze,
+      onDragOver: f ? void 0 : at,
+      onDragLeave: f ? void 0 : Ct,
+      onDrop: f ? void 0 : Rt,
+      rootPath: F,
+      onDoubleClickFile: E,
+      pathBadges: R
+    }
+  ))), !f && H && /* @__PURE__ */ r.createElement(
+    ir,
     {
       placement: "bottom-start",
-      onClose: () => E(null),
+      onClose: () => fe(null),
       anchor: {
         getBoundingClientRect: () => ({
-          x: U.x,
-          y: U.y,
+          x: H.x,
+          y: H.y,
           width: 0,
           height: 0,
-          top: U.y,
-          left: U.x,
-          right: U.x,
-          bottom: U.y,
+          top: H.y,
+          left: H.x,
+          right: H.x,
+          bottom: H.y,
           toJSON: () => ({})
         }),
         ownerDocument: document
@@ -1503,950 +1542,1036 @@ const nn = $t(function({
       resize: !1,
       focusOnMount: "firstElement"
     },
-    /* @__PURE__ */ r.createElement(rr, { role: "menu" }, U.type === "folder" && /* @__PURE__ */ r.createElement(
-      it,
+    /* @__PURE__ */ r.createElement(lr, { role: "menu" }, H.type === "folder" && /* @__PURE__ */ r.createElement(
+      Qe,
       {
         role: "menuitem",
         onClick: async () => {
-          E(null), await Ye(
-            U.absPath,
+          fe(null), await qe(
+            H.absPath,
             "file",
             "untitled.php"
           );
         }
       },
       "Create file"
-    ), U.type === "folder" && /* @__PURE__ */ r.createElement(
-      it,
+    ), H.type === "folder" && /* @__PURE__ */ r.createElement(
+      Qe,
       {
         role: "menuitem",
         onClick: async () => {
-          E(null), await Ye(
-            U.absPath,
+          fe(null), await qe(
+            H.absPath,
             "folder",
             "New Folder"
           );
         }
       },
       "Create directory"
+    ), b && H.type === "folder" && (H.absPath === Q || H.absPath === J) && /* @__PURE__ */ r.createElement(
+      Qe,
+      {
+        role: "menuitem",
+        onClick: () => {
+          fe(null), b(
+            H.absPath === Q ? "plugin" : "theme",
+            H.absPath
+          );
+        }
+      },
+      "Mount via git…"
     ), /* @__PURE__ */ r.createElement(
-      it,
+      Qe,
       {
         role: "menuitem",
         onClick: () => {
-          E(null), pe(U.absPath);
+          fe(null), we(H.absPath);
         }
       },
       "Rename"
-    ), U.type === "file" && /* @__PURE__ */ r.createElement(
-      it,
+    ), H.type === "file" && /* @__PURE__ */ r.createElement(
+      Qe,
       {
         role: "menuitem",
         onClick: async () => {
-          E(null), await Rt(
-            U.absPath
+          fe(null), await Tt(
+            H.absPath
           );
         }
       },
       "Download"
     ), /* @__PURE__ */ r.createElement(
-      it,
+      Qe,
       {
         role: "menuitem",
-        onClick: () => ht(
-          U.absPath,
-          U.type
+        onClick: () => gt(
+          H.absPath,
+          H.type
         )
       },
       "Delete"
     ))
   ));
-}), zt = ({
-  node: n,
-  level: c,
+}), qt = ({
+  node: i,
+  level: l,
   position: f,
-  setSize: l,
-  expandedNodePaths: R,
-  onToggle: d,
-  selectedNode: P,
-  focusPath: A,
-  focusedNode: T,
-  selectPath: v,
+  setSize: u,
+  expandedNodePaths: w,
+  onToggle: h,
+  selectedNode: x,
+  focusPath: E,
+  focusedNode: R,
+  selectPath: b,
   generatePath: D,
-  getChildren: _,
-  onContextMenu: k,
-  renamingPath: Z,
-  onRename: j,
-  onRenameCancel: x,
-  parentPath: K = "",
-  dropIndicator: W,
+  getChildren: k,
+  onContextMenu: F,
+  renamingPath: Q,
+  onRename: J,
+  onRenameCancel: v,
+  parentPath: Z = "",
+  dropIndicator: T,
   onDragStart: m,
-  onDragEnd: V,
-  onDragEnter: J,
-  onDragOver: ce,
-  onDragLeave: Q,
-  onDrop: g,
-  rootPath: $,
-  onDoubleClickFile: N
+  onDragEnd: N,
+  onDragEnter: j,
+  onDragOver: L,
+  onDragLeave: U,
+  onDrop: re,
+  rootPath: ne,
+  onDoubleClickFile: X,
+  pathBadges: ae
 }) => {
-  const h = D(n, K), O = R[h], G = Z === h, re = M(null), [I, ee] = te(n.name), X = M(!1), ve = (W == null ? void 0 : W.path) === h, me = ve && (W == null ? void 0 : W.state) === "valid", Ne = ve && (W == null ? void 0 : W.state) === "invalid", Pe = !!m && !G && h !== $, ne = M(null), Oe = {
-    onDragEnter: (E) => J == null ? void 0 : J(E, n, h),
-    onDragOver: (E) => ce == null ? void 0 : ce(E, n, h),
-    onDragLeave: (E) => Q == null ? void 0 : Q(E, n, h),
-    onDrop: (E) => g == null ? void 0 : g(E, n, h)
-  }, ae = _(n, h) ?? [];
-  H(() => {
-    var E;
-    G ? (ee(n.name), X.current = !1, typeof window < "u" && requestAnimationFrame ? requestAnimationFrame(() => {
-      var he;
-      (he = re.current) == null || he.select();
-    }) : (E = re.current) == null || E.select()) : X.current = !1;
-  }, [G, n.name]);
-  const Me = () => {
-    n.type === "folder" && d(h, n, !O);
-  }, _e = (E) => {
-    var he, pe;
-    if (E.key === "ArrowLeft")
-      O ? Me() : (he = document.querySelector(
-        `[data-path="${CSS.escape(K)}"]`
-      )) == null || he.focus(), E.preventDefault(), E.stopPropagation();
-    else if (E.key === "ArrowRight") {
-      if (O) {
-        if (ae != null && ae.length) {
-          const we = D(
-            ae[0],
-            h
+  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, _),
+    onDrop: (g) => re == null ? void 0 : re(g, i, _)
+  }, oe = k(i, _) ?? [];
+  W(() => {
+    var g;
+    P ? ($(i.name), G.current = !1, typeof window < "u" && requestAnimationFrame ? requestAnimationFrame(() => {
+      var Ee;
+      (Ee = V.current) == null || Ee.select();
+    }) : (g = V.current) == null || g.select()) : G.current = !1;
+  }, [P, i.name]);
+  const Te = () => {
+    i.type === "folder" && h(_, i, !d);
+  }, ve = (g) => {
+    var Ee, he;
+    if (g.key === "ArrowLeft")
+      d ? Te() : (Ee = document.querySelector(
+        `[data-path="${CSS.escape(Z)}"]`
+      )) == null || Ee.focus(), g.preventDefault(), g.stopPropagation();
+    else if (g.key === "ArrowRight") {
+      if (d) {
+        if (oe != null && oe.length) {
+          const H = D(
+            oe[0],
+            _
           );
-          (pe = document.querySelector(
-            `[data-path="${CSS.escape(we)}"]`
-          )) == null || pe.focus();
+          (he = document.querySelector(
+            `[data-path="${CSS.escape(H)}"]`
+          )) == null || he.focus();
         }
       } else
-        Me();
-      E.preventDefault(), E.stopPropagation();
-    } else E.key === " " || E.key === "Space" || E.key === "Spacebar" ? (n.type === "folder" && d(h, n, !O), E.preventDefault()) : E.key === "Enter" && (n.type === "folder" ? d(h, n, !O) : (v(h, !1), A(h), N ? N(h) : v(h, !0)), E.preventDefault());
-  }, ke = (E) => {
-    k == null || k(E, n, h);
-  }, Fe = (E) => {
-    E.preventDefault(), X.current = !0, j == null || j(h, I);
-  }, Se = (E) => {
-    if (E.key === "Escape") {
-      E.preventDefault(), E.stopPropagation(), X.current = !0, x == null || x(h);
+        Te();
+      g.preventDefault(), g.stopPropagation();
+    } else g.key === " " || g.key === "Space" || g.key === "Spacebar" ? (i.type === "folder" && h(_, i, !d), g.preventDefault()) : g.key === "Enter" && (i.type === "folder" ? h(_, i, !d) : (b(_, !1), E(_), X ? X(_) : b(_, !0)), g.preventDefault());
+  }, Ce = (g) => {
+    F == null || F(g, i, _);
+  }, ie = (g) => {
+    g.preventDefault(), G.current = !0, J == null || J(_, z);
+  }, Be = (g) => {
+    if (g.key === "Escape") {
+      g.preventDefault(), g.stopPropagation(), G.current = !0, v == null || v(_);
       return;
     }
-    (E.key === "ArrowLeft" || E.key === "ArrowRight" || E.key === "ArrowUp" || E.key === "ArrowDown") && E.stopPropagation();
-  }, de = () => {
-    X.current || x == null || x(h), X.current = !1;
-  }, U = () => {
-    if (n.type === "folder") {
-      Me(), v(h), A(h);
+    (g.key === "ArrowLeft" || g.key === "ArrowRight" || g.key === "ArrowUp" || g.key === "ArrowDown") && g.stopPropagation();
+  }, ge = () => {
+    G.current || v == null || v(_), G.current = !1;
+  }, Se = () => {
+    if (i.type === "folder") {
+      Te(), b(_), E(_);
       return;
     }
-    const E = ne.current !== null;
-    if (E && ne.current && clearTimeout(ne.current), ne.current = null, E) {
-      N ? N(h) : v(h, !0);
+    const g = ue.current !== null;
+    if (g && ue.current && clearTimeout(ue.current), ue.current = null, g) {
+      X ? X(_) : b(_, !0);
       return;
     }
-    v(h, !1), A(h), v(h, !0), ne.current = window.setTimeout(() => {
-      ne.current = null;
+    b(_, !1), E(_), b(_, !0), ue.current = window.setTimeout(() => {
+      ue.current = null;
     }, 300);
   };
-  return H(() => () => {
-    ne.current !== null && typeof window < "u" && clearTimeout(ne.current);
+  return W(() => () => {
+    ue.current !== null && typeof window < "u" && clearTimeout(ue.current);
   }, []), /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(
-    nr,
+    sr,
     {
-      level: c,
+      level: l,
       positionInSet: f,
-      setSize: l
+      setSize: u
     },
-    /* @__PURE__ */ r.createElement(ar, null, () => /* @__PURE__ */ r.createElement(r.Fragment, null, G ? /* @__PURE__ */ r.createElement(
+    /* @__PURE__ */ r.createElement(cr, null, () => /* @__PURE__ */ r.createElement(r.Fragment, null, P ? /* @__PURE__ */ r.createElement(
       "form",
       {
-        onSubmit: Fe,
-        className: De(
-          Re.fileNodeButton,
-          Re.renaming,
+        onSubmit: ie,
+        className: Fe(
+          ye.fileNodeButton,
+          ye.renaming,
           "file-node-button",
           {
-            [Re.selected]: P === h,
-            [Re.focused]: T === h,
-            [Re.dropTarget]: me,
-            [Re.dropTargetInvalid]: Ne
+            [ye.selected]: x === _,
+            [ye.focused]: R === _,
+            [ye.dropTarget]: me,
+            [ye.dropTargetInvalid]: Y
           }
         ),
-        "data-path": h,
-        onContextMenu: ke,
-        ...Oe
+        "data-path": _,
+        onContextMenu: Ce,
+        ...Pe
       },
       /* @__PURE__ */ r.createElement(
-        jt,
+        Ht,
         {
-          node: n,
-          isOpen: n.type === "folder" && O,
-          level: c,
-          hideName: !0
+          node: i,
+          isOpen: i.type === "folder" && d,
+          level: l,
+          hideName: !0,
+          badge: ae == null ? void 0 : ae[_]
         }
       ),
       /* @__PURE__ */ r.createElement(
         "input",
         {
-          ref: re,
-          className: Re.renameInput,
-          value: I,
-          onChange: (E) => ee(E.target.value),
-          onBlur: de,
-          onFocus: () => A(h),
-          onKeyDown: Se
+          ref: V,
+          className: ye.renameInput,
+          value: z,
+          onChange: (g) => $(g.target.value),
+          onBlur: ge,
+          onFocus: () => E(_),
+          onKeyDown: Be
         }
       )
     ) : /* @__PURE__ */ r.createElement(
-      tt,
+      He,
       {
-        ...Oe,
-        draggable: Pe,
-        onDragStart: (E) => m == null ? void 0 : m(E, n, h),
-        onDragEnd: (E) => V == null ? void 0 : V(E, n, h),
-        onClick: U,
-        onKeyDown: _e,
+        ...Pe,
+        draggable: ee,
+        onDragStart: (g) => m == null ? void 0 : m(g, i, _),
+        onDragEnd: (g) => N == null ? void 0 : N(g, i, _),
+        onClick: Se,
+        onKeyDown: ve,
         onFocus: () => {
-          A(h);
+          E(_);
         },
-        onContextMenu: ke,
-        className: De(
-          Re.fileNodeButton,
+        onContextMenu: Ce,
+        className: Fe(
+          ye.fileNodeButton,
           "file-node-button",
           {
-            [Re.selected]: P === h,
-            [Re.focused]: T === h,
-            [Re.dropTarget]: me,
-            [Re.dropTargetInvalid]: Ne
+            [ye.selected]: x === _,
+            [ye.focused]: R === _,
+            [ye.dropTarget]: me,
+            [ye.dropTargetInvalid]: Y
           }
         ),
-        "data-path": h,
-        "data-expanded": O ? "true" : "false"
+        "data-path": _,
+        "data-expanded": d ? "true" : "false"
       },
       /* @__PURE__ */ r.createElement(
-        jt,
+        Ht,
         {
-          node: n,
-          isOpen: n.type === "folder" && O,
-          level: c
+          node: i,
+          isOpen: i.type === "folder" && d,
+          level: l,
+          badge: ae == null ? void 0 : ae[_]
         }
       )
     )))
-  ), O && ae && ae.map((E, he) => /* @__PURE__ */ r.createElement(
-    zt,
+  ), d && oe && oe.map((g, Ee) => /* @__PURE__ */ r.createElement(
+    qt,
     {
-      key: E.name,
-      node: E,
-      level: c + 1,
-      position: he + 1,
-      setSize: ae.length,
-      expandedNodePaths: R,
-      onToggle: d,
-      selectedNode: P,
-      focusPath: A,
-      focusedNode: T,
-      selectPath: v,
+      key: g.name,
+      node: g,
+      level: l + 1,
+      position: Ee + 1,
+      setSize: oe.length,
+      expandedNodePaths: w,
+      onToggle: h,
+      selectedNode: x,
+      focusPath: E,
+      focusedNode: R,
+      selectPath: b,
       generatePath: D,
-      getChildren: _,
-      onContextMenu: k,
-      renamingPath: Z,
-      onRename: j,
-      onRenameCancel: x,
-      parentPath: h,
-      dropIndicator: W,
+      getChildren: k,
+      onContextMenu: F,
+      renamingPath: Q,
+      onRename: J,
+      onRenameCancel: v,
+      parentPath: _,
+      dropIndicator: T,
       onDragStart: m,
-      onDragEnd: V,
-      onDragEnter: J,
-      onDragOver: ce,
-      onDragLeave: Q,
-      onDrop: g,
-      rootPath: $,
-      onDoubleClickFile: N
+      onDragEnd: N,
+      onDragEnter: j,
+      onDragOver: L,
+      onDragLeave: U,
+      onDrop: re,
+      rootPath: ne,
+      onDoubleClickFile: X,
+      pathBadges: ae
     }
   )));
-}, jt = ({ node: n, level: c, isOpen: f, hideName: l = !1 }) => {
-  const R = [];
-  for (let d = 0; d < c; d++)
-    R.push("&nbsp;&nbsp;&nbsp;&nbsp;");
-  return /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(
+}, Ht = ({ node: i, level: l, isOpen: f, hideName: u = !1, badge: w }) => {
+  const h = [];
+  for (let b = 0; b < l; b++)
+    h.push("&nbsp;&nbsp;&nbsp;&nbsp;");
+  const x = O(null), [E, R] = K(null);
+  return W(() => {
+    if (!E)
+      return;
+    const b = () => R(null);
+    return window.addEventListener("scroll", b, !0), window.addEventListener("resize", b), () => {
+      window.removeEventListener("scroll", b, !0), window.removeEventListener("resize", b);
+    };
+  }, [E]), /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(
     "span",
     {
       "aria-hidden": "true",
-      dangerouslySetInnerHTML: { __html: R.join("") }
-    }
-  ), n.type === "folder" ? /* @__PURE__ */ r.createElement(Ot, { width: 16, icon: f ? Hr : Ur }) : /* @__PURE__ */ r.createElement("div", { style: { width: 16 } }, " "), /* @__PURE__ */ r.createElement(Ot, { width: 16, icon: n.type === "folder" ? jr : Vr }), !l && /* @__PURE__ */ r.createElement("span", { className: Re.fileName }, n.name));
-}, an = "_control_kp9d9_1", on = "_browse-label_kp9d9_11", ln = "_path-preview_kp9d9_37", sn = "_modal_kp9d9_43", cn = "_modal-footer_kp9d9_48", Qe = {
-  control: an,
-  browseLabel: on,
-  pathPreview: ln,
-  modal: sn,
-  modalFooter: cn
+      dangerouslySetInnerHTML: { __html: h.join("") }
+    }
+  ), 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
+    // handling (which Tooltip is built on) does not reliably
+    // trigger for an element nested inside another interactive
+    // element. The tooltip itself is portaled to `document.body`
+    // and positioned from the badge's screen coordinates so it
+    // escapes the file tree sidebar's clipping/scroll container.
+    /* @__PURE__ */ r.createElement(
+      "span",
+      {
+        ref: x,
+        className: ye.pathBadge,
+        "aria-label": w.tooltip,
+        onMouseEnter: () => {
+          var D;
+          const b = (D = x.current) == null ? void 0 : D.getBoundingClientRect();
+          b && R({
+            top: b.top,
+            left: b.left
+          });
+        },
+        onMouseLeave: () => R(null)
+      },
+      w.icon,
+      E ? Yt(
+        /* @__PURE__ */ r.createElement(
+          "span",
+          {
+            className: ye.pathBadgeTooltip,
+            role: "tooltip",
+            style: {
+              top: E.top,
+              left: E.left
+            }
+          },
+          w.tooltip
+        ),
+        document.body
+      ) : null
+    )
+  ) : null);
+}, 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 un({ path: n }) {
-  if (!n)
-    return /* @__PURE__ */ r.createElement("div", { className: Qe.pathPreview }, /* @__PURE__ */ r.createElement("i", null, "Select a path"));
-  const c = n.split("/");
-  let f = (c.length > 2 ? "/" : "") + c.pop();
+function wn({ path: i }) {
+  if (!i)
+    return /* @__PURE__ */ r.createElement("div", { className: et.pathPreview }, /* @__PURE__ */ r.createElement("i", null, "Select a path"));
+  const l = i.split("/");
+  let f = (l.length > 2 ? "/" : "") + l.pop();
   f.length > 10 && (f = f.substring(f.length - 10));
-  const l = n.substring(
+  const u = i.substring(
     0,
-    n.length - f.length
+    i.length - f.length
   );
   return /* @__PURE__ */ r.createElement(
     "div",
     {
-      className: Qe.pathPreview,
-      "data-content-start": l,
+      className: et.pathPreview,
+      "data-content-start": u,
       "data-content-end": f
     }
   );
 }
-function Ga({
-  value: n = "",
-  onChange: c,
+function ro({
+  value: i = "",
+  onChange: l,
   filesystem: f
 }) {
-  const [l, R] = te(!1), d = () => R(!0), P = () => R(!1), [A, T] = te(
-    n || null
+  const [u, w] = K(!1), h = () => w(!0), x = () => w(!1), [E, R] = K(
+    i || null
   );
-  function v(D) {
-    D == null || D.preventDefault(), c(A || ""), P();
+  function b(D) {
+    D == null || D.preventDefault(), l(E || ""), x();
   }
   return /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(
-    tt,
+    He,
     {
       variant: "tertiary",
-      className: Qe.control,
-      onClick: d
+      className: et.control,
+      onClick: h
     },
-    /* @__PURE__ */ r.createElement("span", { className: Qe.browseLabel }, "Browse"),
-    /* @__PURE__ */ r.createElement(un, { path: n || "" })
-  ), l && /* @__PURE__ */ r.createElement(
-    or,
+    /* @__PURE__ */ r.createElement("span", { className: et.browseLabel }, "Browse"),
+    /* @__PURE__ */ r.createElement(wn, { path: i || "" })
+  ), u && /* @__PURE__ */ r.createElement(
+    zt,
     {
       title: "Select a path ",
-      onRequestClose: P,
-      className: Qe.modal
+      onRequestClose: x,
+      className: et.modal
     },
-    /* @__PURE__ */ r.createElement("form", { onSubmit: v }, /* @__PURE__ */ r.createElement(
-      nn,
+    /* @__PURE__ */ r.createElement("form", { onSubmit: b }, /* @__PURE__ */ r.createElement(
+      un,
       {
         filesystem: f,
-        initialSelectedPath: n,
-        onSelect: T
+        initialSelectedPath: i,
+        onSelect: R
       }
-    ), /* @__PURE__ */ r.createElement("div", { className: Qe.modalFooter }, /* @__PURE__ */ r.createElement(tt, { type: "submit", variant: "primary" }, "Select Path")))
+    ), /* @__PURE__ */ r.createElement("div", { className: et.modalFooter }, /* @__PURE__ */ r.createElement(He, { type: "submit", variant: "primary" }, "Select Path")))
   ));
 }
-const fn = "_container_1h0az_1", dn = "_header_1h0az_9", mn = "_filename_1h0az_18", pn = "_downloadLink_1h0az_26", hn = "_previewArea_1h0az_38", vn = "_imagePreview_1h0az_51", wn = "_videoPreview_1h0az_57", gn = "_audioPreview_1h0az_64", En = "_unsupportedMessage_1h0az_68", yn = "_actions_1h0az_74", Be = {
-  container: fn,
-  header: dn,
-  filename: mn,
-  downloadLink: pn,
-  previewArea: hn,
-  imagePreview: vn,
-  videoPreview: wn,
-  audioPreview: gn,
-  unsupportedMessage: En,
-  actions: yn
-}, _n = (n) => {
-  if (!n)
+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: 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 c = n.toLowerCase();
+  const l = i.toLowerCase();
   return {
-    isImage: c.startsWith("image/"),
-    isVideo: c.startsWith("video/"),
-    isAudio: c.startsWith("audio/")
+    isImage: l.startsWith("image/"),
+    isVideo: l.startsWith("video/"),
+    isAudio: l.startsWith("audio/")
   };
 };
-function Ya({
-  filename: n,
-  mimeType: c,
+function no({
+  filename: i,
+  mimeType: l,
   dataUrl: f,
-  downloadUrl: l,
-  showHeader: R = !0
+  downloadUrl: u,
+  showHeader: w = !0
 }) {
-  const { isImage: d, isVideo: P, isAudio: A } = _n(c), T = R !== !1, v = !!(l && n), D = () => v ? /* @__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: Be.downloadLink,
-      href: l,
-      download: n
+      className: je.downloadLink,
+      href: u,
+      download: i
     },
     "Download"
-  ) : null, _ = () => d ? /* @__PURE__ */ r.createElement(
+  ) : null, k = () => h ? /* @__PURE__ */ r.createElement(
     "img",
     {
-      className: Be.imagePreview,
+      className: je.imagePreview,
       src: f,
-      alt: n || "Preview"
+      alt: i || "Preview"
     }
-  ) : P ? /* @__PURE__ */ r.createElement(
+  ) : x ? /* @__PURE__ */ r.createElement(
     "video",
     {
-      className: Be.videoPreview,
+      className: je.videoPreview,
       controls: !0,
       preload: "metadata"
     },
-    /* @__PURE__ */ r.createElement("source", { src: f, type: c }),
+    /* @__PURE__ */ r.createElement("source", { src: f, type: l }),
     "Your browser does not support the video tag."
-  ) : A ? /* @__PURE__ */ r.createElement("audio", { className: Be.audioPreview, controls: !0 }, /* @__PURE__ */ r.createElement("source", { src: f, type: c }), "Your browser does not support the audio tag.") : /* @__PURE__ */ r.createElement("div", { className: Be.unsupportedMessage }, /* @__PURE__ */ r.createElement("p", null, "Preview unavailable for this file type."), v ? /* @__PURE__ */ r.createElement("p", null, D()) : /* @__PURE__ */ r.createElement("p", null, "Download the file to inspect its contents."));
-  return /* @__PURE__ */ r.createElement("div", { className: Be.container }, T && /* @__PURE__ */ r.createElement("div", { className: Be.header }, /* @__PURE__ */ r.createElement("span", { className: Be.filename, title: n }, n), D()), /* @__PURE__ */ r.createElement("div", { className: Be.previewArea }, _()), !T && v && /* @__PURE__ */ r.createElement("div", { className: Be.actions }, D()));
+  ) : 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 At = /* @__PURE__ */ new Map(), bn = async (n) => {
-  var R;
-  if (!n)
-    return ut();
-  const c = (R = n.split(".").pop()) == null ? void 0 : R.toLowerCase();
-  if (!c || c === "php")
-    return ut();
-  const f = n;
-  if (At.has(f))
-    return At.get(f);
-  let l;
-  switch (c) {
+const It = /* @__PURE__ */ new Map(), Tn = async (i) => {
+  var w;
+  if (!i)
+    return mt();
+  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 (l) {
     case "css":
-      l = await import("@codemirror/lang-css").then(
-        (d) => d.css()
+      u = await import("@codemirror/lang-css").then(
+        (h) => h.css()
       );
       break;
     case "js":
     case "jsx":
     case "ts":
     case "tsx":
-      l = await import("@codemirror/lang-javascript").then(
-        (d) => d.javascript({
-          jsx: c === "jsx" || c === "tsx",
-          typescript: c === "ts" || c === "tsx"
+      u = await import("@codemirror/lang-javascript").then(
+        (h) => h.javascript({
+          jsx: l === "jsx" || l === "tsx",
+          typescript: l === "ts" || l === "tsx"
         })
       );
       break;
     case "json":
-      l = await import("@codemirror/lang-json").then(
-        (d) => d.json()
+      u = await import("@codemirror/lang-json").then(
+        (h) => h.json()
       );
       break;
     case "html":
     case "htm":
-      l = await import("@codemirror/lang-html").then(
-        (d) => d.html()
+      u = await import("@codemirror/lang-html").then(
+        (h) => h.html()
       );
       break;
     case "md":
     case "markdown":
-      l = await import("@codemirror/lang-markdown").then(
-        (d) => d.markdown()
+      u = await import("@codemirror/lang-markdown").then(
+        (h) => h.markdown()
       );
       break;
     default:
-      l = ut();
+      u = mt();
   }
-  return At.set(f, l), l;
+  return It.set(f, u), u;
 };
-class xn {
-  constructor(c) {
-    this.view = c, 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(c) {
-    const f = c.target;
+  handleClick(l) {
+    const f = l.target;
     if ((f.classList.contains("cm-scroller") || f.classList.contains("cm-content")) && this.view.posAtCoords({
-      x: c.clientX,
-      y: c.clientY
+      x: l.clientX,
+      y: l.clientY
     }) === null) {
-      const R = this.view.state.doc.length, d = gt.create([
-        gt.range(R, R)
+      const w = this.view.state.doc.length, h = yt.create([
+        yt.range(w, w)
       ]);
       this.view.dispatch({
-        selection: d,
-        effects: ct.scrollIntoView(R, {
+        selection: h,
+        effects: dt.scrollIntoView(w, {
           y: "center"
         })
-      }), this.view.focus(), c.preventDefault();
+      }), this.view.focus(), l.preventDefault();
     }
   }
   destroy() {
     this.view.dom.removeEventListener("mousedown", this.handleClick);
   }
 }
-const Cn = dr.define(
-  (n) => new xn(n)
-), Gt = $t(
+const Dn = vr.define(
+  (i) => new Sn(i)
+), Jt = bt(
   function({
-    code: c,
+    code: l,
     onChange: f,
-    currentPath: l,
-    language: R,
-    className: d,
-    onSaveShortcut: P,
-    readOnly: A = !1,
-    additionalExtensions: T
-  }, v) {
-    const D = M(
+    currentPath: u,
+    language: w,
+    className: h,
+    onSaveShortcut: x,
+    readOnly: E = !1,
+    additionalExtensions: R
+  }, b) {
+    const D = O(
       null
-    ), _ = M(null), k = M(new Tt()), Z = M(new Tt()), j = M(new Tt()), x = M(c), K = M(f), W = M(!1);
-    return Wt(v, () => ({
+    ), 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;
-        (m = _.current) == null || m.focus();
+        (m = k.current) == null || m.focus();
       },
       blur: () => {
-        const m = _.current;
+        const m = k.current;
         m && m.contentDOM.blur();
       },
-      getCursorPosition: () => _.current ? _.current.state.selection.main.anchor : null,
+      getCursorPosition: () => k.current ? k.current.state.selection.main.anchor : null,
       setCursorPosition: (m) => {
-        if (!_.current)
+        if (!k.current)
           return;
-        const V = Math.min(
+        const N = Math.min(
           m,
-          _.current.state.doc.length
-        ), J = gt.create([
-          gt.range(V, V)
+          k.current.state.doc.length
+        ), j = yt.create([
+          yt.range(N, N)
         ]);
-        _.current.dispatch({
-          selection: J,
+        k.current.dispatch({
+          selection: j,
           scrollIntoView: !0
         });
       }
-    })), H(() => {
-      x.current = c;
-    }, [c]), H(() => {
-      K.current = f;
-    }, [f]), H(() => {
-      if (_.current)
+    })), W(() => {
+      v.current = l;
+    }, [l]), W(() => {
+      Z.current = f;
+    }, [f]), W(() => {
+      if (k.current)
         return;
       const m = D.current;
       if (!m)
         return;
-      const V = fr.create({
-        doc: c,
+      const N = wr.create({
+        doc: l,
         extensions: [
-          j.current.of(T ?? []),
-          mr(),
-          pr(),
-          hr(),
-          Dr(),
-          vr(),
-          wr(),
+          J.current.of(R ?? []),
           gr(),
-          Cn,
-          k.current.of(R ?? ut()),
-          Z.current.of(
-            ct.editable.of(!A)
-          ),
-          Ar(Nr),
-          Fr(),
+          Er(),
+          _r(),
           Ir(),
-          kr(),
           yr(),
-          Cr(),
-          Pr(),
-          ct.updateListener.of((ce) => {
-            if (!ce.docChanged)
+          br(),
+          xr(),
+          Dn,
+          F.current.of(w ?? mt()),
+          Q.current.of(
+            dt.editable.of(!E)
+          ),
+          Mr(Or),
+          jr(),
+          Br(),
+          Ar(),
+          Rr(),
+          Sr(),
+          Nr(),
+          dt.updateListener.of((L) => {
+            if (!L.docChanged)
               return;
-            const Q = ce.state.doc.toString();
-            Q !== x.current && (x.current = Q, K.current(Q));
+            const U = L.state.doc.toString();
+            U !== v.current && (v.current = U, Z.current(U));
           }),
-          Er.of([
+          Cr.of([
             {
               key: "Mod-s",
               preventDefault: !0,
-              run: () => (P == null || P(), !0)
+              run: () => (x == null || x(), !0)
             },
-            ...Sr,
-            ...Tr,
+            ...Fr,
             ...Lr,
-            ...Rr,
-            ..._r,
-            ...br,
-            xr
+            ...Vr,
+            ...Dr,
+            ...Pr,
+            ...kr,
+            Tr
           ])
         ]
-      }), J = new ct({ state: V, parent: m });
-      return _.current = J, () => {
-        J.destroy(), _.current = null;
+      }), j = new dt({ state: N, parent: m });
+      return k.current = j, () => {
+        j.destroy(), k.current = null;
       };
-    }, []), H(() => {
-      const m = _.current;
+    }, []), W(() => {
+      const m = k.current;
       m && m.dispatch({
-        effects: j.current.reconfigure(
-          T ?? []
+        effects: J.current.reconfigure(
+          R ?? []
         )
       });
-    }, [T]), H(() => {
-      const m = _.current;
+    }, [R]), W(() => {
+      const m = k.current;
       if (!m)
         return;
-      const V = m.state.doc.toString();
-      c !== V && m.dispatch({
-        changes: { from: 0, to: m.state.doc.length, insert: c }
+      const N = m.state.doc.toString();
+      l !== N && m.dispatch({
+        changes: { from: 0, to: m.state.doc.length, insert: l }
       });
-    }, [c]), H(() => {
-      var Q;
-      const m = _.current;
+    }, [l]), W(() => {
+      var U;
+      const m = k.current;
       if (!m)
         return;
-      if (R) {
+      if (w) {
         m.dispatch({
-          effects: k.current.reconfigure(R)
+          effects: F.current.reconfigure(w)
         });
         return;
       }
-      const V = (Q = l == null ? void 0 : l.split(".").pop()) == null ? void 0 : Q.toLowerCase();
-      (!V || V === "php") && m.dispatch({
-        effects: k.current.reconfigure(ut())
+      const N = (U = u == null ? void 0 : u.split(".").pop()) == null ? void 0 : U.toLowerCase();
+      (!N || N === "php") && m.dispatch({
+        effects: F.current.reconfigure(mt())
       });
-      let ce = !1;
-      return bn(l).then((g) => {
-        ce || !_.current || _.current.dispatch({
-          effects: k.current.reconfigure(g)
+      let L = !1;
+      return Tn(u).then((re) => {
+        L || !k.current || k.current.dispatch({
+          effects: F.current.reconfigure(re)
         });
       }), () => {
-        ce = !0;
+        L = !0;
       };
-    }, [l, R]), H(() => {
-      const m = _.current;
-      m && (m.hasFocus && (W.current = !0), m.dispatch({
-        effects: Z.current.reconfigure(
-          ct.editable.of(!A)
+    }, [u, w]), W(() => {
+      const m = k.current;
+      m && (m.hasFocus && (T.current = !0), m.dispatch({
+        effects: Q.current.reconfigure(
+          dt.editable.of(!E)
         )
       }));
-    }, [A]), qt(() => {
-      const m = _.current;
-      m && W.current && !m.hasFocus && (m.focus(), W.current = !1);
-    }, [l, A]), /* @__PURE__ */ r.createElement("div", { ref: D, className: d });
+    }, [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 });
   }
 );
-Gt.displayName = "CodeEditor";
-const Rn = "_fileExplorerContainer_rb5rx_1", kn = "_dropActive_rb5rx_9", Pn = "_fileExplorerHeader_rb5rx_14", Sn = "_fileExplorerTitle_rb5rx_23", Tn = "_fileExplorerSubsectionTitle_rb5rx_31", Dn = "_fileExplorerActions_rb5rx_35", An = "_fileExplorerButton_rb5rx_41", Nn = "_fileExplorerIconButton_rb5rx_71", Fn = "_fileExplorerTree_rb5rx_83", In = "_dockPresentation_rb5rx_92", Ln = "_fileExplorerUploadButton_rb5rx_152", ye = {
-  fileExplorerContainer: Rn,
-  dropActive: kn,
-  fileExplorerHeader: Pn,
-  fileExplorerTitle: Sn,
-  fileExplorerSubsectionTitle: Tn,
-  fileExplorerActions: Dn,
-  fileExplorerButton: An,
-  fileExplorerIconButton: Nn,
-  fileExplorerTree: Fn,
-  dockPresentation: In,
-  fileExplorerUploadButton: Ln
-}, Yt = 1024 * 1024, On = (n) => {
-  const c = n.byteLength;
-  for (let f = 0; f < Math.min(c, 4096); f++)
-    if (n[f] === 0)
+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 {
-    return new TextDecoder("utf-8", { fatal: !0 }).decode(n), !1;
+    return new TextDecoder("utf-8", { fatal: !0 }).decode(i), !1;
   } catch {
     return !0;
   }
-}, Vt = (n, c) => {
-  const f = new Blob([n]), l = URL.createObjectURL(f);
-  return setTimeout(() => URL.revokeObjectURL(l), 6e4), { url: l, filename: c };
+}, Wt = (i, l) => {
+  const f = new Blob([i]), u = URL.createObjectURL(f);
+  return setTimeout(() => URL.revokeObjectURL(u), 6e4), { url: u, filename: l };
 };
-async function Bn(n, c = Yt) {
-  const f = Mn(n);
-  if (f !== void 0 && f > c)
+async function Wn(i, l = Xt) {
+  const f = Un(i);
+  if (f !== void 0 && f > l)
     return { type: "too-large" };
-  if (typeof n.stream == "function")
-    return jn(n, c);
-  const l = new Uint8Array(await n.arrayBuffer());
-  return l.byteLength > c ? { type: "too-large" } : { type: "inline", data: l };
+  if (typeof i.stream == "function")
+    return zn(i, l);
+  const u = new Uint8Array(await i.arrayBuffer());
+  return u.byteLength > l ? { type: "too-large" } : { type: "inline", data: u };
 }
-function Mn(n) {
-  if (typeof n.filesize == "number")
-    return n.filesize;
-  if (typeof n.size == "number")
-    return n.size;
+function Un(i) {
+  if (typeof i.filesize == "number")
+    return i.filesize;
+  if (typeof i.size == "number")
+    return i.size;
 }
-async function jn(n, c) {
-  const f = n.stream().getReader(), l = [];
-  let R = 0;
+async function zn(i, l) {
+  const f = i.stream().getReader(), u = [];
+  let w = 0;
   try {
     for (; ; ) {
-      const { done: d, value: P } = await f.read();
-      if (d)
+      const { done: h, value: x } = await f.read();
+      if (h)
         return {
           type: "inline",
-          data: Qt(l)
+          data: ar(u)
         };
-      if (P) {
-        if (R += P.byteLength, R > c)
+      if (x) {
+        if (w += x.byteLength, w > l)
           return await f.cancel().catch(() => {
           }), { type: "too-large" };
-        l.push(P);
+        u.push(x);
       }
     }
   } finally {
     f.releaseLock();
   }
 }
-const Vn = (n) => {
-  const c = n.split(".").pop();
-  return Lt[c] || Lt._default;
-}, $n = (n) => n.startsWith("image/") || n.startsWith("video/") || n.startsWith("audio/");
-function Wn({
-  filesystem: n,
-  currentPath: c,
-  selectedDirPath: f,
-  setSelectedDirPath: l,
-  onFileOpened: R,
-  onSelectionCleared: d,
-  onShowMessage: P,
-  documentRoot: A,
-  readOnly: T = !1,
-  title: v = "Files",
-  mobileSubsectionTitle: D,
-  showBinaryPreviewHeader: _ = !0,
-  dockPresentation: k = !1,
-  useWordPressTooltips: Z = !1
-}) {
-  const j = M(null), x = M(null), K = Ft(() => c ? Le(c) : f ?? A, [c, A]), [W, m] = te(!1);
-  H(() => {
-    !c || !j.current || (l(Le(c)), j.current.focusPath(c, {
+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: w,
+  onFileOpened: h,
+  onSelectionCleared: x,
+  onShowMessage: E,
+  documentRoot: R,
+  readOnly: b = !1,
+  title: D = "Files",
+  mobileSubsectionTitle: k,
+  showBinaryPreviewHeader: F = !0,
+  dockPresentation: Q = !1,
+  useWordPressTooltips: J = !1,
+  pathBadges: v,
+  onMountFromGit: Z,
+  onPathRenamed: T
+}, m) {
+  const N = O(null), j = O(null);
+  xt(
+    m,
+    () => ({
+      refreshPath: async (d) => {
+        var P;
+        await ((P = N.current) == null ? void 0 : P.refresh(d));
+      },
+      revealPath: async (d) => {
+        var P;
+        await ((P = N.current) == null ? void 0 : P.revealPath(d));
+      }
+    }),
+    []
+  );
+  const L = ft(() => f ? Ne(f) : u ?? R, [f, R]), [U, re] = K(!1);
+  W(() => {
+    !f || !N.current || (w(Ne(f)), N.current.focusPath(f, {
       select: !0,
       domFocus: !1,
       notify: !1
-    }), j.current.expandToPath(c));
-  }, [c, l]);
-  const V = async (g, $) => {
+    }), N.current.expandToPath(f));
+  }, [f, w]);
+  const ne = async (d, P) => {
     try {
-      const N = await n.read(g), h = await Bn(N);
-      if (h.type === "too-large") {
-        const I = Yt / 1024 / 1024;
-        if (!k) {
-          await P(
-            g,
-            /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement("p", null, `File too large to open (>${I}MB).`), /* @__PURE__ */ r.createElement("p", null, "Open or download it outside the in-browser editor."))
+      const V = await l.read(d), z = await Wn(V);
+      if (z.type === "too-large") {
+        const me = Xt / 1024 / 1024;
+        if (!Q) {
+          await E(
+            d,
+            /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement("p", null, `File too large to open (>${me}MB).`), /* @__PURE__ */ r.createElement("p", null, "Open or download it outside the in-browser editor."))
           );
           return;
         }
-        const ee = et(g) || "download";
-        await P(
-          g,
-          /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement("p", null, `File too large to open (>${I}MB).`), /* @__PURE__ */ r.createElement("p", null, /* @__PURE__ */ r.createElement(
-            tt,
+        const Y = tt(d) || "download";
+        await E(
+          d,
+          /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement("p", null, `File too large to open (>${me}MB).`), /* @__PURE__ */ r.createElement("p", null, /* @__PURE__ */ r.createElement(
+            He,
             {
               type: "button",
               variant: "link",
               onClick: () => {
-                J(g, ee);
+                X(d, Y);
               }
             },
             "Download ",
-            ee
+            Y
           )))
         );
         return;
       }
-      const O = h.data, G = et(g) || "download";
-      if (On(O)) {
-        const I = Vn(G), { url: ee, filename: X } = Vt(
-          O,
+      const $ = z.data, G = tt(d) || "download";
+      if (Hn($)) {
+        const me = Gn(G), { url: Y, filename: ee } = Wt(
+          $,
           G
         );
-        if ($n(I)) {
-          const ve = new Blob([O], { type: I }), me = URL.createObjectURL(ve);
-          await P(
-            g,
+        if (Yn(me)) {
+          const ue = new Blob([$], { type: me }), Pe = URL.createObjectURL(ue);
+          await E(
+            d,
             /* @__PURE__ */ r.createElement(
-              Br,
+              Hr,
               {
-                filename: X,
-                mimeType: I,
-                dataUrl: me,
-                downloadUrl: ee,
-                showHeader: _
+                filename: ee,
+                mimeType: me,
+                dataUrl: Pe,
+                downloadUrl: Y,
+                showHeader: F
               }
             )
           );
           return;
         }
-        await P(
-          g,
-          /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement("p", null, "Binary file. Cannot be edited."), /* @__PURE__ */ r.createElement("p", null, /* @__PURE__ */ r.createElement("a", { href: ee, download: X }, "Download ", X)))
+        await E(
+          d,
+          /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement("p", null, "Binary file. Cannot be edited."), /* @__PURE__ */ r.createElement("p", null, /* @__PURE__ */ r.createElement("a", { href: Y, download: ee }, "Download ", ee)))
         );
         return;
       }
-      const re = new TextDecoder("utf-8").decode(O);
-      await R(g, re, $);
-    } catch (N) {
-      Xe.error("Could not open file", N), await P(null, "Could not open file.");
+      const ce = new TextDecoder("utf-8").decode($);
+      await h(d, ce, P);
+    } catch (V) {
+      Ye.error("Could not open file", V), await E(null, "Could not open file.");
     }
-  }, J = async (g, $) => {
+  }, X = async (d, P) => {
     try {
-      const N = await n.read(g), h = new Uint8Array(await N.arrayBuffer()), { url: O } = Vt(h, $), G = document.createElement("a");
-      G.href = O, G.download = $, document.body.appendChild(G), G.click(), document.body.removeChild(G);
-    } catch (N) {
-      Xe.error("Could not download file", N), await P(g, "Could not download file.");
-    }
-  }, ce = (g) => {
-    var N;
-    const $ = Array.from(g.target.files ?? []);
-    g.target.value = "", $.length !== 0 && ((N = j.current) == null || N.importFiles($, f ?? A).catch((h) => Xe.error("Failed to import files", h)));
-  }, Q = (g) => {
-    var $;
-    g.dataTransfer.types.includes(
+      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.");
+    }
+  }, ae = (d) => {
+    var V;
+    const P = Array.from(d.target.files ?? []);
+    d.target.value = "", P.length !== 0 && ((V = N.current) == null || V.importFiles(P, u ?? R).catch((z) => Ye.error("Failed to import files", z)));
+  }, _ = (d) => {
+    var P;
+    d.dataTransfer.types.includes(
       "application/x-wp-playground-path"
-    ) || (g.preventDefault(), !T && (($ = j.current) == null || $.importDataTransfer(
-      g.dataTransfer,
-      f ?? A
+    ) || (d.preventDefault(), !b && ((P = N.current) == null || P.importDataTransfer(
+      d.dataTransfer,
+      u ?? R
     ).catch(
-      (N) => Xe.error("Failed to import dropped files", N)
+      (V) => Ye.error("Failed to import dropped files", V)
     )));
   };
   return /* @__PURE__ */ r.createElement(
     "div",
     {
-      className: De(ye.fileExplorerContainer, {
-        [ye.dropActive]: W,
-        [ye.dockPresentation]: k
+      className: Fe(xe.fileExplorerContainer, {
+        [xe.dropActive]: U,
+        [xe.dockPresentation]: Q
       }),
-      onDragEnter: (g) => {
-        g.dataTransfer.types.includes(
+      onDragEnter: (d) => {
+        d.dataTransfer.types.includes(
           "application/x-wp-playground-path"
-        ) || (g.preventDefault(), T || m(!0));
+        ) || (d.preventDefault(), b || re(!0));
       },
-      onDragOver: (g) => {
-        g.dataTransfer.types.includes(
+      onDragOver: (d) => {
+        d.dataTransfer.types.includes(
           "application/x-wp-playground-path"
-        ) || (g.preventDefault(), g.dataTransfer.dropEffect = T ? "none" : "copy");
+        ) || (d.preventDefault(), d.dataTransfer.dropEffect = b ? "none" : "copy");
       },
-      onDragLeave: (g) => {
-        const $ = g.relatedTarget;
-        (!$ || !g.currentTarget.contains($)) && m(!1);
+      onDragLeave: (d) => {
+        const P = d.relatedTarget;
+        (!P || !d.currentTarget.contains(P)) && re(!1);
       },
-      onDropCapture: () => m(!1),
-      onDrop: Q
+      onDropCapture: () => re(!1),
+      onDrop: _
     },
-    /* @__PURE__ */ r.createElement("div", { className: ye.fileExplorerHeader }, /* @__PURE__ */ r.createElement("span", { className: ye.fileExplorerTitle }, v), D ? /* @__PURE__ */ r.createElement("span", { className: ye.fileExplorerSubsectionTitle }, D) : null, T ? null : /* @__PURE__ */ r.createElement("div", { className: ye.fileExplorerActions }, /* @__PURE__ */ r.createElement(
-      Nt,
+    /* @__PURE__ */ r.createElement("div", { className: xe.fileExplorerHeader }, /* @__PURE__ */ r.createElement("span", { className: xe.fileExplorerTitle }, D), k ? /* @__PURE__ */ r.createElement("span", { className: xe.fileExplorerSubsectionTitle }, k) : null, b ? null : /* @__PURE__ */ r.createElement("div", { className: xe.fileExplorerActions }, /* @__PURE__ */ r.createElement(
+      Mt,
       {
         label: "Create new file",
-        useWordPressTooltip: Z
+        useWordPressTooltip: J
       },
       /* @__PURE__ */ r.createElement(
         "button",
         {
-          className: De(
-            ye.fileExplorerButton,
-            ye.fileExplorerIconButton
+          className: Fe(
+            xe.fileExplorerButton,
+            xe.fileExplorerIconButton
           ),
           type: "button",
           onClick: () => {
-            j.current && j.current.createFile();
+            N.current && N.current.createFile();
           },
           "aria-label": "Create new file",
-          title: Z ? void 0 : "Create new file"
+          title: J ? void 0 : "Create new file"
         },
-        k ? /* @__PURE__ */ r.createElement(Hn, null) : /* @__PURE__ */ r.createElement(St, { icon: Gr, size: 20 })
+        Q ? /* @__PURE__ */ r.createElement(Kn, null) : /* @__PURE__ */ r.createElement(At, { icon: qr, size: 20 })
       )
     ), /* @__PURE__ */ r.createElement(
-      Nt,
+      Mt,
       {
         label: "Create new folder",
-        useWordPressTooltip: Z
+        useWordPressTooltip: J
       },
       /* @__PURE__ */ r.createElement(
         "button",
         {
-          className: De(
-            ye.fileExplorerButton,
-            ye.fileExplorerIconButton
+          className: Fe(
+            xe.fileExplorerButton,
+            xe.fileExplorerIconButton
           ),
           type: "button",
           onClick: () => {
-            j.current && j.current.createFolder();
+            N.current && N.current.createFolder();
           },
           "aria-label": "Create new folder",
-          title: Z ? void 0 : "Create new folder"
+          title: J ? void 0 : "Create new folder"
         },
-        k ? /* @__PURE__ */ r.createElement(Un, null) : /* @__PURE__ */ r.createElement(St, { icon: zr, size: 20 })
+        Q ? /* @__PURE__ */ r.createElement(qn, null) : /* @__PURE__ */ r.createElement(At, { icon: Kr, size: 20 })
       )
     ), /* @__PURE__ */ r.createElement(
-      Nt,
+      Mt,
       {
         label: "Upload files",
-        useWordPressTooltip: Z
+        useWordPressTooltip: J
       },
       /* @__PURE__ */ r.createElement(
         "button",
         {
-          className: De(
-            ye.fileExplorerButton,
-            ye.fileExplorerIconButton,
-            ye.fileExplorerUploadButton
+          className: Fe(
+            xe.fileExplorerButton,
+            xe.fileExplorerIconButton,
+            xe.fileExplorerUploadButton
           ),
           type: "button",
           onClick: () => {
-            var g;
-            return (g = x.current) == null ? void 0 : g.click();
+            var d;
+            return (d = j.current) == null ? void 0 : d.click();
           },
           "aria-label": "Upload files",
-          title: Z ? void 0 : "Upload files"
+          title: J ? void 0 : "Upload files"
         },
         /* @__PURE__ */ r.createElement(
-          St,
+          At,
           {
-            icon: Yr,
-            size: k ? 16 : 20
+            icon: Jr,
+            size: Q ? 16 : 20
           }
         )
       )
     ), /* @__PURE__ */ r.createElement(
       "input",
       {
-        ref: x,
+        ref: j,
         type: "file",
         multiple: !0,
         style: { display: "none" },
-        onChange: ce
+        onChange: ae
       }
     ))),
-    /* @__PURE__ */ r.createElement("div", { className: ye.fileExplorerTree }, /* @__PURE__ */ r.createElement(
-      Or,
+    /* @__PURE__ */ r.createElement("div", { className: xe.fileExplorerTree }, /* @__PURE__ */ r.createElement(
+      $r,
       {
-        ref: j,
-        readOnly: T,
-        filesystem: n,
-        root: A,
-        initialSelectedPath: K,
-        onSelect: async (g) => {
-          if (!g) {
-            l(A), await d();
+        ref: N,
+        readOnly: b,
+        filesystem: l,
+        root: R,
+        initialSelectedPath: L,
+        pathBadges: v,
+        onMountFromGit: Z,
+        onPathRenamed: T,
+        onSelect: async (d) => {
+          if (!d) {
+            w(R), await x();
             return;
           }
           try {
-            if (await n.isDir(g)) {
-              l(g);
+            if (await l.isDir(d)) {
+              w(d);
               return;
             }
           } catch {
           }
-          l(Le(g)), await V(g, !1);
+          w(Ne(d)), await ne(d, !1);
         },
-        onDoubleClickFile: async (g) => {
-          await V(g, !0);
+        onDoubleClickFile: async (d) => {
+          await ne(d, !0);
         }
       }
     ))
   );
-}
-function Nt({
-  label: n,
-  useWordPressTooltip: c,
+});
+function Mt({
+  label: i,
+  useWordPressTooltip: l,
   children: f
 }) {
-  return c ? /* @__PURE__ */ r.createElement(Ht, { text: n, delay: 0, placement: "top" }, f) : f;
+  return l ? /* @__PURE__ */ r.createElement(Gt, { text: i, delay: 0, placement: "top" }, f) : f;
 }
-const Hn = () => /* @__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",
@@ -2473,7 +2598,7 @@ const Hn = () => /* @__PURE__ */ r.createElement("svg", { viewBox: "0 0 32 32",
     strokeWidth: "2",
     strokeLinecap: "round"
   }
-))), Un = () => /* @__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",
@@ -2500,391 +2625,527 @@ const Hn = () => /* @__PURE__ */ r.createElement("svg", { viewBox: "0 0 32 32",
     strokeWidth: "2",
     strokeLinecap: "round"
   }
-))), zn = "_container_a36e6_1", Gn = "_content_a36e6_9", Yn = "_sidebarWrapper_a36e6_17", Zn = "_editorWrapper_a36e6_28", Kn = "_editorHeader_a36e6_37", qn = "_editorPath_a36e6_49", Jn = "_editorPathDirectory_a36e6_61", Xn = "_editorPathFilename_a36e6_68", Qn = "_editorPathPlaceholder_a36e6_73", ea = "_editorPathPortaled_a36e6_77", ta = "_editorHeaderActions_a36e6_83", ra = "_saveStatus_a36e6_90", na = "_saveStatusSaving_a36e6_97", aa = "_saveStatusPending_a36e6_98", oa = "_saveStatusError_a36e6_102", ia = "_editor_a36e6_28", la = "_placeholder_a36e6_124", sa = "_messageArea_a36e6_135", ca = "_mobileToggle_a36e6_171", ua = "_mobileOverlay_a36e6_175", fa = "_dockPresentation_a36e6_181", da = "_dockDirtyIndicator_a36e6_205", ma = "_dockSaveButton_a36e6_214", pa = "_sidebarOpen_a36e6_269", ha = "_editorHeaderPathPortaled_a36e6_367", q = {
-  container: zn,
-  content: Gn,
-  sidebarWrapper: Yn,
-  editorWrapper: Zn,
-  editorHeader: Kn,
-  editorPath: qn,
-  editorPathDirectory: Jn,
-  editorPathFilename: Xn,
-  editorPathPlaceholder: Qn,
-  editorPathPortaled: ea,
-  editorHeaderActions: ta,
-  saveStatus: ra,
-  saveStatusSaving: na,
-  saveStatusPending: aa,
-  saveStatusError: oa,
-  editor: ia,
-  placeholder: la,
-  messageArea: sa,
-  mobileToggle: ca,
-  mobileOverlay: ua,
-  dockPresentation: fa,
-  dockDirtyIndicator: da,
-  dockSaveButton: ma,
-  sidebarOpen: pa,
-  editorHeaderPathPortaled: ha
-}, va = 1500, wa = 700, ga = 1e3, L = {
+))), 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: ga,
+  dockSaveButton: Ea,
+  sidebarOpen: _a,
+  editorHeaderPathPortaled: ya
+}, ba = 1500, xa = 700, Ca = 1e3, B = {
   IDLE: "idle",
   PENDING: "pending",
   SAVING: "saving",
   SAVED: "saved",
   ERROR: "error"
-};
-function Za({
-  filesystem: n,
-  isVisible: c = !0,
-  documentRoot: f,
-  initialPath: l = null,
-  placeholderText: R = "Select a file to view or edit its contents.",
-  dockPresentation: d = !1,
-  mobileHeaderTarget: P = null
-}) {
-  const [A, T] = te(
-    f
-  ), [v, D] = te(null), [_, k] = te(""), [Z, j] = te(!0), [x, K] = te(L.IDLE), [W, m] = te(null), [V, J] = te("idle"), [ce, Q] = te(!1), [g, $] = te(null), N = M(null), h = M(null), O = M(!1), G = M(v), re = M(
-    n
-  ), I = M(null), ee = M(null), X = M(
+}, ao = bt(function({
+  filesystem: l,
+  isVisible: f = !0,
+  documentRoot: u,
+  initialPath: w = null,
+  placeholderText: h = "Select a file to view or edit its contents.",
+  dockPresentation: x = !1,
+  mobileHeaderTarget: E = null,
+  pathBadges: R,
+  onMountFromGit: b,
+  onPathRenamed: D
+}, k) {
+  const F = O(null);
+  xt(
+    k,
+    () => ({
+      refreshPath: async (C) => {
+        var y;
+        await ((y = F.current) == null ? void 0 : y.refreshPath(C));
+      },
+      revealPath: async (C) => {
+        var y;
+        await ((y = F.current) == null ? void 0 : y.revealPath(C));
+      }
+    }),
+    []
+  );
+  const [Q, J] = K(
+    u
+  ), [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()
-  ), ve = M(!0), me = M(/* @__PURE__ */ new Map()), Ne = M(!1);
-  re.current = n, H(() => {
-    G.current = v;
+  ), Pe = O(!0), oe = O(/* @__PURE__ */ new Map()), Te = O(!1);
+  me.current = l, W(() => {
+    ce.current = v;
   }, [v]);
-  const Pe = Ue(async (b) => {
-    const { filesystem: S, path: ie, content: le } = b, ue = ee.current === b, be = X.current, ge = (be.get(S) ?? Promise.resolve()).catch(() => {
-    }).then(() => S.writeFile(ie, le));
-    be.set(S, ge);
-    let Ie = !1;
+  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);
+    let De = !1;
     try {
-      await ge;
-    } catch (Ge) {
-      Ie = !0, Xe.error("Failed to save file", Ge);
-    }
-    const at = ve.current && be.get(S) === ge && re.current === S && G.current === ie && I.current === null;
-    be.get(S) === ge && be.delete(S), ee.current === b && (ee.current = null), at && (K(Ie ? L.ERROR : L.SAVED), m(
-      Ie ? "Could not save changes. Try again." : null
-    ), ue && J(Ie ? "idle" : "saved"));
-  }, []), ne = Ue(() => {
-    const b = I.current;
-    b && (h.current !== null && (window.clearTimeout(h.current), h.current = null), I.current = null, Pe(b));
-  }, [Pe]);
-  H(() => (ve.current = !0, () => {
-    ve.current = !1;
-  }), []), H(() => () => {
-    var b;
-    ((b = I.current) == null ? void 0 : b.filesystem) === n && ne();
-  }, [f, n, ne]), H(() => {
-    O.current = !0, T(f), k(""), D(null), j(!0), K(L.IDLE), m(null), Q(!1), $(null), me.current.clear(), Ne.current = !1;
-  }, [f, n]), H(() => {
-    if (!n || !l || Ne.current)
+      await Ie;
+    } catch (at) {
+      De = !0, Ye.error("Failed to save file", at);
+    }
+    const Ze = Pe.current && ke.get(y) === Ie && me.current === y && ce.current === pe && Y.current === null;
+    ke.get(y) === Ie && ke.delete(y), ee.current === C && (ee.current = null), Ze && (U(De ? B.ERROR : B.SAVED), ne(
+      De ? "Could not save changes. Try again." : null
+    ), le && ae(De ? "idle" : "saved"));
+  }, []), Ce = ze(() => {
+    const C = Y.current;
+    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) === 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, l]), W(() => {
+    if (!l || !w || Te.current)
       return;
-    let b = !1;
+    let C = !1;
     return (async () => {
       try {
-        if (await n.fileExists(l) && !b) {
-          const le = await n.readFileAsText(l);
-          if (b)
+        if (await l.fileExists(w) && !C) {
+          const de = await l.readFileAsText(w);
+          if (C)
             return;
-          O.current = !0, D(l), k(le), j(!1), K(L.IDLE), m(null), setTimeout(() => {
-            var ue;
-            (ue = N.current) == null || ue.focus();
+          G.current = !0, Z(w), m(de), j(!1), U(B.IDLE), ne(null), setTimeout(() => {
+            var le;
+            (le = z.current) == null || le.focus();
           }, 100);
         }
-      } catch (ie) {
-        Xe.debug("Could not auto-open initial path:", ie);
+      } catch (pe) {
+        Ye.debug("Could not auto-open initial path:", pe);
       } finally {
-        b || (Ne.current = !0);
+        C || (Te.current = !0);
       }
     })(), () => {
-      b = !0;
+      C = !0;
     };
-  }, [n, l]), H(() => {
-    if (!n || !v) {
-      h.current !== null && (window.clearTimeout(h.current), h.current = null), I.current = null, v || K(L.IDLE);
+  }, [l, w]), W(() => {
+    if (!l || !v) {
+      $.current !== null && (window.clearTimeout($.current), $.current = null), Y.current = null, v || U(B.IDLE);
       return;
     }
-    if (O.current) {
-      O.current = !1, I.current = null;
+    if (G.current) {
+      G.current = !1, Y.current = null;
       return;
     }
-    h.current !== null && (window.clearTimeout(h.current), h.current = null), K(L.PENDING);
-    const b = {
-      filesystem: n,
+    $.current !== null && (window.clearTimeout($.current), $.current = null), U(B.PENDING);
+    const C = {
+      filesystem: l,
       path: v,
-      content: _
+      content: T
     };
-    I.current = b;
-    const S = window.setTimeout(() => {
-      I.current === b && (h.current = null, I.current = null, K(L.SAVING), Pe(b));
-    }, va);
-    return h.current = S, () => {
-      h.current === S && (window.clearTimeout(S), h.current = null);
+    Y.current = C;
+    const y = window.setTimeout(() => {
+      Y.current === C && ($.current = null, Y.current = null, U(B.SAVING), ve(C));
+    }, ba);
+    return $.current = y, () => {
+      $.current === y && (window.clearTimeout(y), $.current = null);
     };
-  }, [_, v, n, Pe]), H(() => {
-    if (x !== L.SAVED)
+  }, [T, v, l, ve]), W(() => {
+    if (L !== B.SAVED)
       return;
-    const b = window.setTimeout(() => {
-      K(
-        (S) => S === L.SAVED ? L.IDLE : S
+    const C = window.setTimeout(() => {
+      U(
+        (y) => y === B.SAVED ? B.IDLE : y
       );
     }, 2e3);
-    return () => window.clearTimeout(b);
-  }, [x]), H(() => {
-    V === "idle" || x === L.SAVING || x === L.SAVED || J("idle");
-  }, [V, x]), H(() => {
-    if (V !== "saved")
+    return () => window.clearTimeout(C);
+  }, [L]), W(() => {
+    X === "idle" || L === B.SAVING || L === B.SAVED || ae("idle");
+  }, [X, L]), W(() => {
+    if (X !== "saved")
       return;
-    const b = window.setTimeout(
-      () => J("idle"),
-      ga
+    const C = window.setTimeout(
+      () => ae("idle"),
+      Ca
     );
-    return () => window.clearTimeout(b);
-  }, [V]), H(() => {
-    if (V !== "waiting")
+    return () => window.clearTimeout(C);
+  }, [X]), W(() => {
+    if (X !== "waiting")
       return;
-    const b = window.setTimeout(
-      () => J(
-        (S) => S === "waiting" ? "saving" : S
+    const C = window.setTimeout(
+      () => ae(
+        (y) => y === "waiting" ? "saving" : y
       ),
-      wa
+      xa
     );
-    return () => window.clearTimeout(b);
-  }, [V]);
-  const Oe = Ue(
-    async (b, S, ie = !0) => {
-      var ue;
-      const le = (ue = N.current) == null ? void 0 : ue.getCursorPosition();
-      le != null && G.current && me.current.set(
-        G.current,
-        le
-      ), O.current = !0, D(b), k(S), $(null), j(!1), K(L.IDLE), m(null), Q(!1), setTimeout(() => {
-        var $e, ge, Ie;
-        const be = me.current.get(b);
-        be !== void 0 && (($e = N.current) == null || $e.setCursorPosition(be)), ie ? (ge = N.current) == null || ge.focus() : (Ie = N.current) == null || Ie.blur();
+    return () => window.clearTimeout(C);
+  }, [X]);
+  const ie = ze(
+    async (C, y, pe = !0) => {
+      var le;
+      const de = (le = z.current) == null ? void 0 : le.getCursorPosition();
+      de != null && ce.current && oe.current.set(
+        ce.current,
+        de
+      ), G.current = !0, Z(C), m(y), V(null), j(!1), U(B.IDLE), ne(null), d(!1), setTimeout(() => {
+        var Oe, Ie, De;
+        const ke = oe.current.get(C);
+        ke !== void 0 && ((Oe = z.current) == null || Oe.setCursorPosition(ke)), pe ? (Ie = z.current) == null || Ie.focus() : (De = z.current) == null || De.blur();
       }, 50);
     },
     []
   );
-  H(() => {
-    var ie;
+  W(() => {
+    var pe;
     if (!v)
       return;
-    const b = setInterval(() => {
-      var ue;
-      const le = (ue = N.current) == null ? void 0 : ue.getCursorPosition();
-      le != null && me.current.set(v, le);
-    }, 1e3), S = (ie = N.current) == null ? void 0 : ie.getCursorPosition();
-    return S != null && me.current.set(v, S), () => {
-      var ue;
-      clearInterval(b);
-      const le = (ue = N.current) == null ? void 0 : ue.getCursorPosition();
-      le != null && me.current.set(v, le);
+    const C = setInterval(() => {
+      var le;
+      const de = (le = z.current) == null ? void 0 : le.getCursorPosition();
+      de != null && oe.current.set(v, de);
+    }, 1e3), y = (pe = z.current) == null ? void 0 : pe.getCursorPosition();
+    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(v, de);
     };
-  }, [v]), H(() => {
-    if (!c || !v)
+  }, [v]), W(() => {
+    if (!f || !v)
       return;
-    const b = setTimeout(() => {
-      var ie;
-      const S = me.current.get(v);
-      S !== void 0 && ((ie = N.current) == null || ie.setCursorPosition(S));
+    const C = setTimeout(() => {
+      var pe;
+      const y = oe.current.get(v);
+      y !== void 0 && ((pe = z.current) == null || pe.setCursorPosition(y));
     }, 100);
-    return () => clearTimeout(b);
-  }, [c, v]);
-  const ae = Ue(async () => {
-    var S;
-    const b = (S = N.current) == null ? void 0 : S.getCursorPosition();
-    b != null && G.current && me.current.set(G.current, b), O.current = !0, D(null), k(""), $(null), j(!0), K(L.IDLE), m(null);
-  }, []), Me = Ue(
-    async (b, S) => {
-      O.current = !0, D(null), typeof S == "string" ? (k(S), $(null)) : (k(""), $(S)), j(!0), K(L.IDLE), m(null), Q(!1);
+    return () => clearTimeout(C);
+  }, [f, v]);
+  const Be = ze(async () => {
+    var y;
+    const C = (y = z.current) == null ? void 0 : y.getCursorPosition();
+    C != null && ce.current && oe.current.set(ce.current, C), G.current = !0, Z(null), m(""), V(null), j(!0), U(B.IDLE), ne(null);
+  }, []), ge = ze(
+    async (C, y) => {
+      G.current = !0, Z(null), typeof y == "string" ? (m(y), V(null)) : (m(""), V(y)), j(!0), U(B.IDLE), ne(null), d(!1);
     },
     []
-  ), _e = Ue(() => {
-    I.current && (ee.current = I.current, J("waiting"), K(L.SAVING), ne());
-  }, [ne]), ke = Ue(() => {
-    !I.current && x === L.ERROR && n && v && (I.current = {
-      filesystem: n,
+  ), Se = ze(() => {
+    Y.current && (ee.current = Y.current, ae("waiting"), U(B.SAVING), Ce());
+  }, [Ce]), g = ze(() => {
+    !Y.current && L === B.ERROR && l && v && (Y.current = {
+      filesystem: l,
       path: v,
-      content: _
-    }), I.current && (m(null), _e());
-  }, [_, v, n, _e, x]), Fe = Ea(x, W), Se = ya(x, q), de = _a(x);
-  let U = "Save";
-  x === L.ERROR ? U = "Retry" : x === L.SAVED && V === "saved" ? U = "Saved" : x === L.SAVING && V === "saving" && (U = "Saving…");
-  const E = x === L.PENDING || x === L.SAVING || x === L.ERROR;
-  if (!n)
+      content: T
+    }), Y.current && (ne(null), Se());
+  }, [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 (!l)
     return /* @__PURE__ */ r.createElement(
       "div",
       {
-        className: De(q.container, {
-          [q.dockPresentation]: d
+        className: Fe(q.container, {
+          [q.dockPresentation]: x
         })
       },
-      /* @__PURE__ */ r.createElement("div", { className: q.placeholder }, R)
+      /* @__PURE__ */ r.createElement("div", { className: q.placeholder }, h)
     );
-  const he = v ? Le(v) : null, pe = v ? et(v) : null, we = /* @__PURE__ */ r.createElement(
+  const we = v ? Ne(v) : null, _e = v ? tt(v) : null, Ve = /* @__PURE__ */ r.createElement(
     "div",
     {
-      className: De(q.editorPath, {
+      className: Fe(q.editorPath, {
         [q.editorPathPlaceholder]: !(v != null && v.length),
-        [q.editorPathPortaled]: P
+        [q.editorPathPortaled]: E
       }),
       title: v ?? void 0
     },
-    he && pe ? /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement("span", { className: q.editorPathDirectory }, he === "/" ? "" : he), /* @__PURE__ */ r.createElement("span", { className: q.editorPathFilename }, "/", pe)) : `Browse files under ${f}`
+    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",
     {
-      className: De(q.container, {
-        [q.dockPresentation]: d
+      className: Fe(q.container, {
+        [q.dockPresentation]: x
       })
     },
     /* @__PURE__ */ r.createElement(
       "div",
       {
-        className: De(q.content, {
-          [q.sidebarOpen]: ce
+        className: Fe(q.content, {
+          [q.sidebarOpen]: _
         })
       },
       /* @__PURE__ */ r.createElement(
         "div",
         {
           className: q.mobileOverlay,
-          onClick: () => Q(!1)
+          onClick: () => d(!1)
         }
       ),
       /* @__PURE__ */ r.createElement("aside", { className: q.sidebarWrapper }, /* @__PURE__ */ r.createElement(
-        Wn,
+        Zn,
         {
-          filesystem: n,
+          ref: F,
+          filesystem: l,
           currentPath: v,
-          selectedDirPath: A,
-          setSelectedDirPath: T,
-          onFileOpened: Oe,
-          onSelectionCleared: ae,
-          onShowMessage: Me,
-          documentRoot: f,
-          dockPresentation: d,
-          useWordPressTooltips: d
+          selectedDirPath: Q,
+          setSelectedDirPath: J,
+          onFileOpened: ie,
+          onSelectionCleared: Be,
+          onShowMessage: ge,
+          documentRoot: u,
+          dockPresentation: x,
+          useWordPressTooltips: x,
+          pathBadges: R,
+          onMountFromGit: b,
+          onPathRenamed: D
         }
       )),
       /* @__PURE__ */ r.createElement("section", { className: q.editorWrapper }, /* @__PURE__ */ r.createElement(
         "div",
         {
-          className: De(q.editorHeader, {
-            [q.editorHeaderPathPortaled]: P
+          className: Fe(q.editorHeader, {
+            [q.editorHeaderPathPortaled]: E
           })
         },
         /* @__PURE__ */ r.createElement(
-          tt,
+          He,
           {
             className: q.mobileToggle,
             variant: "secondary",
-            onClick: () => Q((b) => !b)
+            onClick: () => d((C) => !C)
           },
-          ce ? "Hide files" : "Browse files"
+          _ ? "Hide files" : "Browse files"
         ),
-        P ? Mr(we, P) : we,
-        d && !Z && v ? /* @__PURE__ */ r.createElement("div", { className: q.editorHeaderActions }, E ? /* @__PURE__ */ r.createElement(
+        E ? Yt(Ve, E) : Ve,
+        x && !N && v ? /* @__PURE__ */ r.createElement("div", { className: q.editorHeaderActions }, We ? /* @__PURE__ */ r.createElement(
           "span",
           {
             className: q.dockDirtyIndicator,
             "aria-hidden": "true"
           }
-        ) : null, /* @__PURE__ */ r.createElement(Ht, { text: de, placement: "top" }, /* @__PURE__ */ r.createElement(
-          tt,
+        ) : null, /* @__PURE__ */ r.createElement(Gt, { text: H, placement: "top" }, /* @__PURE__ */ r.createElement(
+          He,
           {
             variant: "secondary",
             className: q.dockSaveButton,
-            isDestructive: x === L.ERROR,
-            onClick: ke
+            isDestructive: L === B.ERROR,
+            onClick: g
           },
-          U
-        ))) : d ? null : /* @__PURE__ */ r.createElement(
+          fe
+        ))) : x ? null : /* @__PURE__ */ r.createElement(
           "div",
           {
-            className: De(
+            className: Fe(
               q.saveStatus,
-              Se
+              he
             )
           },
-          Fe
+          Ee
         ),
-        d && !Z && v ? /* @__PURE__ */ r.createElement(ir, { role: "status", "aria-live": "polite" }, de) : null
-      ), W ? /* @__PURE__ */ r.createElement("div", { style: { padding: "8px 16px" } }, /* @__PURE__ */ r.createElement(lr, { status: "error", isDismissible: !1 }, W)) : null, v || _ || g ? g ? /* @__PURE__ */ r.createElement("div", { className: q.messageArea }, g) : /* @__PURE__ */ r.createElement(
-        Gt,
+        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: N,
-          code: _,
-          onChange: k,
+          ref: z,
+          code: T,
+          onChange: m,
           currentPath: v,
           className: q.editor,
-          onSaveShortcut: _e,
-          readOnly: Z
+          onSaveShortcut: Se,
+          readOnly: N
         }
-      ) : /* @__PURE__ */ r.createElement("div", { className: q.placeholder }, R))
+      ) : /* @__PURE__ */ r.createElement("div", { className: q.placeholder }, h))
     )
   );
-}
-function Ea(n, c) {
-  switch (n) {
-    case L.PENDING:
-    case L.SAVING:
+});
+function Ra(i, l) {
+  switch (i) {
+    case B.PENDING:
+    case B.SAVING:
       return "Saving…";
-    case L.SAVED:
+    case B.SAVED:
       return "Saved";
-    case L.ERROR:
-      return c ?? "Save failed";
+    case B.ERROR:
+      return l ?? "Save failed";
     default:
       return "";
   }
 }
-function ya(n, c) {
-  switch (n) {
-    case L.PENDING:
-      return c.saveStatusPending;
-    case L.SAVING:
-      return c.saveStatusSaving;
-    case L.ERROR:
-      return c.saveStatusError;
+function Pa(i, l) {
+  switch (i) {
+    case B.PENDING:
+      return l.saveStatusPending;
+    case B.SAVING:
+      return l.saveStatusSaving;
+    case B.ERROR:
+      return l.saveStatusError;
     default:
       return;
   }
 }
-function _a(n) {
-  switch (n) {
-    case L.PENDING:
+function ka(i) {
+  switch (i) {
+    case B.PENDING:
       return "Unsaved changes. Click to save now.";
-    case L.SAVING:
+    case B.SAVING:
       return "Saving changes…";
-    case L.ERROR:
+    case B.ERROR:
       return "Saving failed. Click to retry.";
     default:
       return "All changes saved.";
   }
 }
+const Ta = "_modal_1i30f_1", Sa = "_actions_1i30f_5", Ut = {
+  modal: Ta,
+  actions: Sa
+};
+function oo({
+  kind: i,
+  isBusy: l,
+  error: f,
+  onSubmit: u,
+  onCancel: 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(v);
+  }, Q = () => {
+    !k || l || u({
+      url: k,
+      ref: E.trim() || "HEAD",
+      path: b.trim() || void 0
+    });
+  }, J = () => {
+    l || w();
+  };
+  return /* @__PURE__ */ r.createElement(
+    zt,
+    {
+      title: `Mount ${i} via git`,
+      onRequestClose: J,
+      isDismissible: !l,
+      className: Ut.modal
+    },
+    /* @__PURE__ */ r.createElement(
+      "form",
+      {
+        onSubmit: (v) => {
+          v.preventDefault(), Q();
+        },
+        style: { display: "flex", flexDirection: "column", gap: 12 }
+      },
+      /* @__PURE__ */ r.createElement(
+        Nt,
+        {
+          __nextHasNoMarginBottom: !0,
+          label: "Repository URL",
+          value: h,
+          onChange: F,
+          placeholder: "github.com/owner/repo",
+          autoFocus: !0,
+          disabled: l
+        }
+      ),
+      /* @__PURE__ */ r.createElement(
+        Nt,
+        {
+          __nextHasNoMarginBottom: !0,
+          label: "Branch, tag, or commit",
+          value: E,
+          onChange: (v) => R(v),
+          placeholder: "HEAD",
+          disabled: l
+        }
+      ),
+      /* @__PURE__ */ r.createElement(
+        Nt,
+        {
+          __nextHasNoMarginBottom: !0,
+          label: "Path within the repository (optional)",
+          value: b,
+          onChange: (v) => D(v),
+          placeholder: "Leave empty to use the repository root",
+          disabled: l
+        }
+      ),
+      f ? /* @__PURE__ */ r.createElement("p", { role: "alert" }, f) : null,
+      /* @__PURE__ */ r.createElement(dr, { justify: "end", className: Ut.actions }, /* @__PURE__ */ r.createElement(
+        He,
+        {
+          type: "button",
+          variant: "link",
+          disabled: l,
+          onClick: w
+        },
+        "Cancel"
+      ), /* @__PURE__ */ r.createElement(
+        He,
+        {
+          type: "submit",
+          variant: "primary",
+          isBusy: l,
+          disabled: !k || l
+        },
+        "Mount ",
+        i
+      ))
+    )
+  );
+}
+function Da(i) {
+  const l = i.trim().match(
+    /^(?:https?:\/\/)?(?:www\.)?github\.com\/([^/]+)\/([^/]+)\/tree\/(.+)$/i
+  );
+  if (!l)
+    return null;
+  const [, f, u, w] = l;
+  return {
+    url: `https://github.com/${f}/${u.replace(/\.git$/i, "")}`,
+    ref: w
+  };
+}
 export {
-  Ya as BinaryFilePreview,
-  Wa as ClockIcon,
-  Gt as CodeEditor,
-  Wn as FileExplorerSidebar,
-  Ga as FilePickerControl,
-  nn as FilePickerTree,
-  Yt as MAX_INLINE_FILE_BYTES,
-  Za as PlaygroundFileEditor,
-  za as SiteManagerIcon,
-  $a as WordPressIcon,
-  Vt as createDownloadUrl,
-  Vr as file,
-  jr as folder,
-  Ua as getLogoDataURL,
-  Vn as getMimeType,
-  $n as isPreviewableBinary,
-  Ha as layout,
-  ja as playgroundLogo,
-  On as seemsLikeBinary,
-  Va as temporaryStorage
+  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,
+  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