@wp-playground/components 3.1.43 → 3.1.45

package/index.js

@@ -1,20 +1,20 @@
-import o, { forwardRef as Bt, useMemo as Nt, useState as Q, useRef as M, useEffect as I, useImperativeHandle as Wt, useLayoutEffect as Gt, useCallback as ft } from "react";
-import { dirname as Oe, joinPaths as We, basename as Ot, normalizePath as At } from "@php-wasm/util";
-import { __experimentalTreeGrid as Kt, Popover as qt, NavigableMenu as Jt, MenuItem as qe, __experimentalTreeGridRow as Xt, __experimentalTreeGridCell as Qt, Button as mt, Modal as er, Icon as Ft, Notice as tr } from "@wordpress/components";
-import et from "classnames";
-import { forwardRef as Ht, cloneElement as rr, createElement as nr } from "@wordpress/element";
-import ar from "clsx";
-import { Compartment as Tt, EditorSelection as pt, EditorState as or } from "@codemirror/state";
-import { ViewPlugin as ir, lineNumbers as sr, highlightActiveLineGutter as lr, highlightActiveLine as cr, dropCursor as ur, rectangularSelection as fr, crosshairCursor as dr, EditorView as Qe, keymap as mr } from "@codemirror/view";
-import { history as pr, historyKeymap as hr, defaultKeymap as wr, indentWithTab as vr } from "@codemirror/commands";
-import { highlightSelectionMatches as gr, searchKeymap as Er } from "@codemirror/search";
-import { closeBrackets as yr, autocompletion as _r, closeBracketsKeymap as br, completionKeymap as Cr } from "@codemirror/autocomplete";
-import { foldGutter as xr, syntaxHighlighting as Rr, defaultHighlightStyle as Tr, indentOnInput as Pr, bracketMatching as kr, foldKeymap as Sr } from "@codemirror/language";
-import { php as tt } from "@codemirror/lang-php";
-import { FilePickerTree as Nr, BinaryFilePreview as Dr } from "@wp-playground/components";
-import { logger as dt } from "@php-wasm/logger";
+import r, { forwardRef as $t, useMemo as Ft, useState as ee, useRef as V, useEffect as H, useImperativeHandle as Wt, useLayoutEffect as qt, useCallback as We } from "react";
+import { joinPaths as Oe, dirname as Le, normalizePath as Jt, basename as it, isParentOf as Xt, concatUint8Arrays as Qt } from "@php-wasm/util";
+import { __experimentalTreeGrid as er, Popover as tr, NavigableMenu as rr, MenuItem as rt, __experimentalTreeGridRow as nr, __experimentalTreeGridCell as ar, Button as Je, Modal as or, Icon as St, Tooltip as Ht, VisuallyHidden as ir, Notice as lr } from "@wordpress/components";
+import Ne from "classnames";
+import { forwardRef as Ut, cloneElement as sr, createElement as cr } from "@wordpress/element";
+import ur from "clsx";
+import { Compartment as Pt, EditorSelection as vt, EditorState as fr } from "@codemirror/state";
+import { ViewPlugin as dr, lineNumbers as mr, highlightActiveLineGutter as pr, highlightActiveLine as hr, dropCursor as vr, rectangularSelection as wr, crosshairCursor as gr, EditorView as ot, keymap as Er } from "@codemirror/view";
+import { history as yr, historyKeymap as _r, defaultKeymap as xr, indentWithTab as br } from "@codemirror/commands";
+import { highlightSelectionMatches as Cr, searchKeymap as Rr } from "@codemirror/search";
+import { closeBrackets as kr, autocompletion as Tr, closeBracketsKeymap as Sr, completionKeymap as Pr } from "@codemirror/autocomplete";
+import { foldGutter as Dr, syntaxHighlighting as Ar, defaultHighlightStyle as Nr, indentOnInput as Fr, bracketMatching as Ir, foldKeymap as Lr } from "@codemirror/language";
+import { php as lt } from "@codemirror/lang-php";
+import { FilePickerTree as Or, BinaryFilePreview as Br } from "@wp-playground/components";
+import { logger as Ke } from "@php-wasm/logger";
 import Lt from "@php-wasm/universal/mime-types";
-const fa = (n) => /* @__PURE__ */ o.createElement(
+const Na = (n) => /* @__PURE__ */ r.createElement(
   "svg",
   {
     width: "32",
@@ -24,7 +24,7 @@ const fa = (n) => /* @__PURE__ */ o.createElement(
     xmlns: "http://www.w3.org/2000/svg",
     ...n
   },
-  /* @__PURE__ */ o.createElement(
+  /* @__PURE__ */ r.createElement(
     "rect",
     {
       width: "10.4176",
@@ -35,7 +35,7 @@ const fa = (n) => /* @__PURE__ */ o.createElement(
       strokeWidth: "0.965644"
     }
   ),
-  /* @__PURE__ */ o.createElement(
+  /* @__PURE__ */ r.createElement(
     "rect",
     {
       width: "13.2346",
@@ -46,7 +46,7 @@ const fa = (n) => /* @__PURE__ */ o.createElement(
       strokeWidth: "1.44847"
     }
   ),
-  /* @__PURE__ */ o.createElement(
+  /* @__PURE__ */ r.createElement(
     "rect",
     {
       width: "17.451",
@@ -57,7 +57,7 @@ const fa = (n) => /* @__PURE__ */ o.createElement(
       strokeWidth: "1.93129"
     }
   )
-), da = (n) => /* @__PURE__ */ o.createElement(
+), Fa = (n) => /* @__PURE__ */ r.createElement(
   "svg",
   {
     width: "16",
@@ -67,7 +67,7 @@ const fa = (n) => /* @__PURE__ */ o.createElement(
     xmlns: "http://www.w3.org/2000/svg",
     ...n
   },
-  /* @__PURE__ */ o.createElement(
+  /* @__PURE__ */ r.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -76,7 +76,7 @@ const fa = (n) => /* @__PURE__ */ o.createElement(
       fill: "#949494"
     }
   )
-), ma = (n) => /* @__PURE__ */ o.createElement(
+), Ia = (n) => /* @__PURE__ */ r.createElement(
   "svg",
   {
     width: "20",
@@ -86,14 +86,14 @@ const fa = (n) => /* @__PURE__ */ o.createElement(
     xmlns: "http://www.w3.org/2000/svg",
     ...n
   },
-  /* @__PURE__ */ o.createElement(
+  /* @__PURE__ */ r.createElement(
     "path",
     {
       d: "M20 10.5C20 4.99 15.51 0.5 10 0.5C4.48 0.5 0 4.99 0 10.5C0 16.02 4.48 20.5 10 20.5C15.51 20.5 20 16.02 20 10.5ZM7.78 15.87L4.37 6.72C4.92 6.7 5.54 6.64 5.54 6.64C6.04 6.58 5.98 5.51 5.48 5.53C5.48 5.53 4.03 5.64 3.11 5.64C2.93 5.64 2.74 5.64 2.53 5.63C4.12 3.19 6.87 1.61 10 1.61C12.33 1.61 14.45 2.48 16.05 3.95C15.37 3.84 14.4 4.34 14.4 5.53C14.4 6.27 14.85 6.89 15.3 7.63C15.65 8.24 15.85 8.99 15.85 10.09C15.85 11.58 14.45 15.09 14.45 15.09L11.42 6.72C11.96 6.7 12.24 6.55 12.24 6.55C12.74 6.5 12.68 5.3 12.18 5.33C12.18 5.33 10.74 5.45 9.8 5.45C8.93 5.45 7.47 5.33 7.47 5.33C6.97 5.3 6.91 6.53 7.41 6.55L8.33 6.63L9.59 10.04L7.78 15.87ZM17.41 10.5C17.65 9.86 18.15 8.63 17.84 6.25C18.54 7.54 18.89 8.96 18.89 10.5C18.89 13.79 17.16 16.74 14.49 18.28C15.46 15.69 16.43 13.08 17.41 10.5ZM6.1 18.59C3.12 17.15 1.11 14.03 1.11 10.5C1.11 9.2 1.34 8.02 1.83 6.91C3.25 10.8 4.67 14.7 6.1 18.59ZM10.13 11.96L12.71 18.94C11.85 19.23 10.95 19.39 10 19.39C9.21 19.39 8.43 19.28 7.71 19.06C8.52 16.68 9.33 14.32 10.13 11.96Z",
       fill: "#ffffff"
     }
   )
-), Or = /* @__PURE__ */ o.createElement(
+), Mr = /* @__PURE__ */ r.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -102,7 +102,7 @@ const fa = (n) => /* @__PURE__ */ o.createElement(
     viewBox: "0 0 15 14",
     fill: "none"
   },
-  /* @__PURE__ */ o.createElement(
+  /* @__PURE__ */ r.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -110,7 +110,7 @@ const fa = (n) => /* @__PURE__ */ o.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"
     }
   )
-), Ar = /* @__PURE__ */ o.createElement(
+), jr = /* @__PURE__ */ r.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -120,8 +120,8 @@ const fa = (n) => /* @__PURE__ */ o.createElement(
     className: "bi bi-file-earmark",
     viewBox: "0 0 16 16"
   },
-  /* @__PURE__ */ o.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" })
-), pa = (n) => /* @__PURE__ */ o.createElement(
+  /* @__PURE__ */ r.createElement("path", { d: "M14 4.5V14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h5.5zm-3 0A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V4.5z" })
+), La = (n) => /* @__PURE__ */ r.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -131,7 +131,7 @@ const fa = (n) => /* @__PURE__ */ o.createElement(
     fill: "none",
     ...n
   },
-  /* @__PURE__ */ o.createElement(
+  /* @__PURE__ */ r.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -140,7 +140,7 @@ const fa = (n) => /* @__PURE__ */ o.createElement(
       fill: "#949494"
     }
   )
-), ha = /* @__PURE__ */ o.createElement(
+), Oa = /* @__PURE__ */ r.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -149,7 +149,7 @@ const fa = (n) => /* @__PURE__ */ o.createElement(
     viewBox: "0 0 14 14",
     fill: "none"
   },
-  /* @__PURE__ */ o.createElement(
+  /* @__PURE__ */ r.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -159,14 +159,14 @@ const fa = (n) => /* @__PURE__ */ o.createElement(
     }
   )
 );
-function wa(n) {
+function Ba(n) {
   return `data:${n.mime};base64,${n.data}`;
 }
-function va({
+function Ma({
   size: n = 24,
-  sidebarActive: u = !1
+  sidebarActive: c = !1
 }) {
-  return /* @__PURE__ */ o.createElement(
+  return /* @__PURE__ */ r.createElement(
     "svg",
     {
       width: n,
@@ -179,8 +179,8 @@ function va({
       strokeLinecap: "round",
       strokeLinejoin: "round"
     },
-    /* @__PURE__ */ o.createElement("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", ry: "2" }),
-    u ? /* @__PURE__ */ o.createElement(
+    /* @__PURE__ */ r.createElement("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", ry: "2" }),
+    c ? /* @__PURE__ */ r.createElement(
       "rect",
       {
         x: "3",
@@ -191,7 +191,7 @@ function va({
         ry: "2",
         fill: "currentColor"
       }
-    ) : /* @__PURE__ */ o.createElement(
+    ) : /* @__PURE__ */ r.createElement(
       "rect",
       {
         x: "3",
@@ -207,17 +207,17 @@ function va({
     )
   );
 }
-const jt = Ht(({
+const Ot = Ut(({
   icon: n,
-  size: u = 24,
-  ...l
-}, m) => rr(n, {
-  width: u,
-  height: u,
-  ...l,
-  ref: m
+  size: c = 24,
+  ...d
+}, l) => sr(n, {
+  width: c,
+  height: c,
+  ...d,
+  ref: l
 }));
-var Dt = { exports: {} }, Je = {};
+var It = { exports: {} }, nt = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -227,21 +227,21 @@ var Dt = { exports: {} }, Je = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var It;
-function Fr() {
-  if (It) return Je;
-  It = 1;
-  var n = o, u = Symbol.for("react.element"), l = Symbol.for("react.fragment"), m = Object.prototype.hasOwnProperty, E = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, g = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function k(V, T, y) {
-    var v, N = {}, P = null, j = null;
-    y !== void 0 && (P = "" + y), T.key !== void 0 && (P = "" + T.key), T.ref !== void 0 && (j = T.ref);
-    for (v in T) m.call(T, v) && !g.hasOwnProperty(v) && (N[v] = T[v]);
-    if (V && V.defaultProps) for (v in T = V.defaultProps, T) N[v] === void 0 && (N[v] = T[v]);
-    return { $$typeof: u, type: V, key: P, ref: j, props: N, _owner: E.current };
+var Bt;
+function Vr() {
+  if (Bt) return nt;
+  Bt = 1;
+  var n = r, c = Symbol.for("react.element"), d = Symbol.for("react.fragment"), l = Object.prototype.hasOwnProperty, R = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, m = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function k(N, h, S) {
+    var _, T = {}, P = null, W = null;
+    S !== void 0 && (P = "" + S), h.key !== void 0 && (P = "" + h.key), h.ref !== void 0 && (W = h.ref);
+    for (_ in h) l.call(h, _) && !m.hasOwnProperty(_) && (T[_] = h[_]);
+    if (N && N.defaultProps) for (_ in h = N.defaultProps, h) T[_] === void 0 && (T[_] = h[_]);
+    return { $$typeof: c, type: N, key: P, ref: W, props: T, _owner: R.current };
   }
-  return Je.Fragment = l, Je.jsx = k, Je.jsxs = k, Je;
+  return nt.Fragment = d, nt.jsx = k, nt.jsxs = k, nt;
 }
-var Xe = {};
+var at = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -252,53 +252,53 @@ var Xe = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Mt;
-function Lr() {
+function $r() {
   return Mt || (Mt = 1, process.env.NODE_ENV !== "production" && function() {
-    var n = o, u = Symbol.for("react.element"), l = Symbol.for("react.portal"), m = Symbol.for("react.fragment"), E = Symbol.for("react.strict_mode"), g = Symbol.for("react.profiler"), k = Symbol.for("react.provider"), V = Symbol.for("react.context"), T = Symbol.for("react.forward_ref"), y = Symbol.for("react.suspense"), v = Symbol.for("react.suspense_list"), N = Symbol.for("react.memo"), P = Symbol.for("react.lazy"), j = Symbol.for("react.offscreen"), Z = Symbol.iterator, A = "@@iterator";
-    function D(e) {
+    var n = r, c = Symbol.for("react.element"), d = Symbol.for("react.portal"), l = Symbol.for("react.fragment"), R = Symbol.for("react.strict_mode"), m = Symbol.for("react.profiler"), k = Symbol.for("react.provider"), N = Symbol.for("react.context"), h = Symbol.for("react.forward_ref"), S = Symbol.for("react.suspense"), _ = Symbol.for("react.suspense_list"), T = Symbol.for("react.memo"), P = Symbol.for("react.lazy"), W = Symbol.for("react.offscreen"), F = Symbol.iterator, D = "@@iterator";
+    function ce(e) {
       if (e === null || typeof e != "object")
         return null;
-      var c = Z && e[Z] || e[A];
-      return typeof c == "function" ? c : null;
+      var s = F && e[F] || e[D];
+      return typeof s == "function" ? s : null;
     }
-    var p = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    var v = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function b(e) {
       {
-        for (var c = arguments.length, f = new Array(c > 1 ? c - 1 : 0), R = 1; R < c; R++)
-          f[R - 1] = arguments[R];
-        q("error", e, f);
+        for (var s = arguments.length, p = new Array(s > 1 ? s - 1 : 0), C = 1; C < s; C++)
+          p[C - 1] = arguments[C];
+        K("error", e, p);
       }
     }
-    function q(e, c, f) {
+    function K(e, s, p) {
       {
-        var R = p.ReactDebugCurrentFrame, $ = R.getStackAddendum();
-        $ !== "" && (c += "%s", f = f.concat([$]));
-        var Y = f.map(function(L) {
-          return String(L);
+        var C = v.ReactDebugCurrentFrame, U = C.getStackAddendum();
+        U !== "" && (s += "%s", p = p.concat([U]));
+        var Z = p.map(function(j) {
+          return String(j);
         });
-        Y.unshift("Warning: " + c), Function.prototype.apply.call(console[e], console, Y);
+        Z.unshift("Warning: " + s), Function.prototype.apply.call(console[e], console, Z);
       }
     }
-    var B = !1, G = !1, ee = !1, W = !1, F = !1, te;
-    te = Symbol.for("react.module.reference");
-    function _(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === m || e === g || F || e === E || e === y || e === v || W || e === j || B || G || ee || typeof e == "object" && e !== null && (e.$$typeof === P || e.$$typeof === N || e.$$typeof === k || e.$$typeof === V || e.$$typeof === T || // This needs to include all possible module reference object
+    var te = !1, q = !1, y = !1, M = !1, I = !1, $;
+    $ = Symbol.for("react.module.reference");
+    function g(e) {
+      return !!(typeof e == "string" || typeof e == "function" || e === l || e === m || I || e === R || e === S || e === _ || M || e === W || te || q || y || typeof e == "object" && e !== null && (e.$$typeof === P || e.$$typeof === T || e.$$typeof === k || e.$$typeof === N || e.$$typeof === h || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
-      e.$$typeof === te || e.getModuleId !== void 0));
+      e.$$typeof === $ || e.getModuleId !== void 0));
     }
-    function H(e, c, f) {
-      var R = e.displayName;
-      if (R)
-        return R;
-      var $ = c.displayName || c.name || "";
-      return $ !== "" ? f + "(" + $ + ")" : f;
+    function O(e, s, p) {
+      var C = e.displayName;
+      if (C)
+        return C;
+      var U = s.displayName || s.name || "";
+      return U !== "" ? p + "(" + U + ")" : p;
     }
-    function de(e) {
+    function me(e) {
       return e.displayName || "Context";
     }
-    function ae(e) {
+    function A(e) {
       if (e == null)
         return null;
       if (typeof e.tag == "number" && b("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
@@ -306,36 +306,36 @@ function Lr() {
       if (typeof e == "string")
         return e;
       switch (e) {
-        case m:
-          return "Fragment";
         case l:
+          return "Fragment";
+        case d:
           return "Portal";
-        case g:
+        case m:
           return "Profiler";
-        case E:
+        case R:
           return "StrictMode";
-        case y:
+        case S:
           return "Suspense";
-        case v:
+        case _:
           return "SuspenseList";
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case V:
-            var c = e;
-            return de(c) + ".Consumer";
+          case N:
+            var s = e;
+            return me(s) + ".Consumer";
           case k:
-            var f = e;
-            return de(f._context) + ".Provider";
+            var p = e;
+            return me(p._context) + ".Provider";
+          case h:
+            return O(e, e.render, "ForwardRef");
           case T:
-            return H(e, e.render, "ForwardRef");
-          case N:
-            var R = e.displayName || null;
-            return R !== null ? R : ae(e.type) || "Memo";
+            var C = e.displayName || null;
+            return C !== null ? C : A(e.type) || "Memo";
           case P: {
-            var $ = e, Y = $._payload, L = $._init;
+            var U = e, Z = U._payload, j = U._init;
             try {
-              return ae(L(Y));
+              return A(j(Z));
             } catch {
               return null;
             }
@@ -343,18 +343,18 @@ function Lr() {
         }
       return null;
     }
-    var re = Object.assign, ue = 0, oe, be, Re, Te, Pe, le, S;
-    function C() {
+    var J = Object.assign, fe = 0, X, le, Se, be, Ce, ue, Fe;
+    function re() {
     }
-    C.__reactDisabledLog = !0;
-    function J() {
+    re.__reactDisabledLog = !0;
+    function Pe() {
       {
-        if (ue === 0) {
-          oe = console.log, be = console.info, Re = console.warn, Te = console.error, Pe = console.group, le = console.groupCollapsed, S = console.groupEnd;
+        if (fe === 0) {
+          X = console.log, le = console.info, Se = console.warn, be = console.error, Ce = console.group, ue = console.groupCollapsed, Fe = console.groupEnd;
           var e = {
             configurable: !0,
             enumerable: !0,
-            value: C,
+            value: re,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -367,332 +367,332 @@ function Lr() {
             groupEnd: e
           });
         }
-        ue++;
+        fe++;
       }
     }
-    function z() {
+    function Re() {
       {
-        if (ue--, ue === 0) {
+        if (fe--, fe === 0) {
           var e = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: re({}, e, {
-              value: oe
+            log: J({}, e, {
+              value: X
             }),
-            info: re({}, e, {
-              value: be
+            info: J({}, e, {
+              value: le
             }),
-            warn: re({}, e, {
-              value: Re
+            warn: J({}, e, {
+              value: Se
             }),
-            error: re({}, e, {
-              value: Te
+            error: J({}, e, {
+              value: be
             }),
-            group: re({}, e, {
-              value: Pe
+            group: J({}, e, {
+              value: Ce
             }),
-            groupCollapsed: re({}, e, {
-              value: le
+            groupCollapsed: J({}, e, {
+              value: ue
             }),
-            groupEnd: re({}, e, {
-              value: S
+            groupEnd: J({}, e, {
+              value: Fe
             })
           });
         }
-        ue < 0 && b("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        fe < 0 && b("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var ie = p.ReactCurrentDispatcher, Ee;
-    function ve(e, c, f) {
+    var ye = v.ReactCurrentDispatcher, De;
+    function _e(e, s, p) {
       {
-        if (Ee === void 0)
+        if (De === void 0)
           try {
             throw Error();
-          } catch ($) {
-            var R = $.stack.trim().match(/\n( *(at )?)/);
-            Ee = R && R[1] || "";
+          } catch (U) {
+            var C = U.stack.trim().match(/\n( *(at )?)/);
+            De = C && C[1] || "";
           }
         return `
-` + Ee + e;
+` + De + e;
       }
     }
-    var ce = !1, U;
+    var oe = !1, Y;
     {
-      var h = typeof WeakMap == "function" ? WeakMap : Map;
-      U = new h();
+      var u = typeof WeakMap == "function" ? WeakMap : Map;
+      Y = new u();
     }
-    function ge(e, c) {
-      if (!e || ce)
+    function x(e, s) {
+      if (!e || oe)
         return "";
       {
-        var f = U.get(e);
-        if (f !== void 0)
-          return f;
+        var p = Y.get(e);
+        if (p !== void 0)
+          return p;
       }
-      var R;
-      ce = !0;
-      var $ = Error.prepareStackTrace;
+      var C;
+      oe = !0;
+      var U = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var Y;
-      Y = ie.current, ie.current = null, J();
+      var Z;
+      Z = ye.current, ye.current = null, Pe();
       try {
-        if (c) {
-          var L = function() {
+        if (s) {
+          var j = function() {
             throw Error();
           };
-          if (Object.defineProperty(L.prototype, "props", {
+          if (Object.defineProperty(j.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(L, []);
-            } catch (he) {
-              R = he;
+              Reflect.construct(j, []);
+            } catch (we) {
+              C = we;
             }
-            Reflect.construct(e, [], L);
+            Reflect.construct(e, [], j);
           } else {
             try {
-              L.call();
-            } catch (he) {
-              R = he;
+              j.call();
+            } catch (we) {
+              C = we;
             }
-            e.call(L.prototype);
+            e.call(j.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (he) {
-            R = he;
+          } catch (we) {
+            C = we;
           }
           e();
         }
-      } catch (he) {
-        if (he && R && typeof he.stack == "string") {
-          for (var O = he.stack.split(`
-`), pe = R.stack.split(`
-`), ne = O.length - 1, se = pe.length - 1; ne >= 1 && se >= 0 && O[ne] !== pe[se]; )
+      } catch (we) {
+        if (we && C && typeof we.stack == "string") {
+          for (var L = we.stack.split(`
+`), pe = C.stack.split(`
+`), ie = L.length - 1, se = pe.length - 1; ie >= 1 && se >= 0 && L[ie] !== pe[se]; )
             se--;
-          for (; ne >= 1 && se >= 0; ne--, se--)
-            if (O[ne] !== pe[se]) {
-              if (ne !== 1 || se !== 1)
+          for (; ie >= 1 && se >= 0; ie--, se--)
+            if (L[ie] !== pe[se]) {
+              if (ie !== 1 || se !== 1)
                 do
-                  if (ne--, se--, se < 0 || O[ne] !== pe[se]) {
-                    var _e = `
-` + O[ne].replace(" at new ", " at ");
-                    return e.displayName && _e.includes("<anonymous>") && (_e = _e.replace("<anonymous>", e.displayName)), typeof e == "function" && U.set(e, _e), _e;
+                  if (ie--, se--, se < 0 || L[ie] !== pe[se]) {
+                    var ke = `
+` + L[ie].replace(" at new ", " at ");
+                    return e.displayName && ke.includes("<anonymous>") && (ke = ke.replace("<anonymous>", e.displayName)), typeof e == "function" && Y.set(e, ke), ke;
                   }
-                while (ne >= 1 && se >= 0);
+                while (ie >= 1 && se >= 0);
               break;
             }
         }
       } finally {
-        ce = !1, ie.current = Y, z(), Error.prepareStackTrace = $;
+        oe = !1, ye.current = Z, Re(), Error.prepareStackTrace = U;
       }
-      var Be = e ? e.displayName || e.name : "", je = Be ? ve(Be) : "";
-      return typeof e == "function" && U.set(e, je), je;
+      var Ze = e ? e.displayName || e.name : "", $e = Ze ? _e(Ze) : "";
+      return typeof e == "function" && Y.set(e, $e), $e;
     }
-    function me(e, c, f) {
-      return ge(e, !1);
+    function z(e, s, p) {
+      return x(e, !1);
     }
-    function ye(e) {
-      var c = e.prototype;
-      return !!(c && c.isReactComponent);
+    function G(e) {
+      var s = e.prototype;
+      return !!(s && s.isReactComponent);
     }
-    function ke(e, c, f) {
+    function Q(e, s, p) {
       if (e == null)
         return "";
       if (typeof e == "function")
-        return ge(e, ye(e));
+        return x(e, G(e));
       if (typeof e == "string")
-        return ve(e);
+        return _e(e);
       switch (e) {
-        case y:
-          return ve("Suspense");
-        case v:
-          return ve("SuspenseList");
+        case S:
+          return _e("Suspense");
+        case _:
+          return _e("SuspenseList");
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
+          case h:
+            return z(e.render);
           case T:
-            return me(e.render);
-          case N:
-            return ke(e.type, c, f);
+            return Q(e.type, s, p);
           case P: {
-            var R = e, $ = R._payload, Y = R._init;
+            var C = e, U = C._payload, Z = C._init;
             try {
-              return ke(Y($), c, f);
+              return Q(Z(U), s, p);
             } catch {
             }
           }
         }
       return "";
     }
-    var Ne = Object.prototype.hasOwnProperty, Ae = {}, ze = p.ReactDebugCurrentFrame;
-    function Me(e) {
+    var de = Object.prototype.hasOwnProperty, Ae = {}, xe = v.ReactDebugCurrentFrame;
+    function he(e) {
       if (e) {
-        var c = e._owner, f = ke(e.type, e._source, c ? c.type : null);
-        ze.setExtraStackFrame(f);
+        var s = e._owner, p = Q(e.type, e._source, s ? s.type : null);
+        xe.setExtraStackFrame(p);
       } else
-        ze.setExtraStackFrame(null);
+        xe.setExtraStackFrame(null);
     }
-    function Ue(e, c, f, R, $) {
+    function Me(e, s, p, C, U) {
       {
-        var Y = Function.call.bind(Ne);
-        for (var L in e)
-          if (Y(e, L)) {
-            var O = void 0;
+        var Z = Function.call.bind(de);
+        for (var j in e)
+          if (Z(e, j)) {
+            var L = void 0;
             try {
-              if (typeof e[L] != "function") {
-                var pe = Error((R || "React class") + ": " + f + " type `" + L + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[L] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+              if (typeof e[j] != "function") {
+                var pe = Error((C || "React class") + ": " + p + " type `" + j + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[j] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw pe.name = "Invariant Violation", pe;
               }
-              O = e[L](c, L, R, f, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (ne) {
-              O = ne;
+              L = e[j](s, j, C, p, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (ie) {
+              L = ie;
             }
-            O && !(O instanceof Error) && (Me($), b("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", R || "React class", f, L, typeof O), Me(null)), O instanceof Error && !(O.message in Ae) && (Ae[O.message] = !0, Me($), b("Failed %s type: %s", f, O.message), Me(null));
+            L && !(L instanceof Error) && (he(U), b("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", C || "React class", p, j, typeof L), he(null)), L instanceof Error && !(L.message in Ae) && (Ae[L.message] = !0, he(U), b("Failed %s type: %s", p, L.message), he(null));
           }
       }
     }
-    var ht = Array.isArray;
-    function Fe(e) {
-      return ht(e);
+    var et = Array.isArray;
+    function je(e) {
+      return et(e);
     }
     function wt(e) {
       {
-        var c = typeof Symbol == "function" && Symbol.toStringTag, f = c && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return f;
+        var s = typeof Symbol == "function" && Symbol.toStringTag, p = s && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return p;
       }
     }
-    function vt(e) {
+    function gt(e) {
       try {
-        return at(e), !1;
+        return st(e), !1;
       } catch {
         return !0;
       }
     }
-    function at(e) {
+    function st(e) {
       return "" + e;
     }
-    function ot(e) {
-      if (vt(e))
-        return b("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", wt(e)), at(e);
+    function ct(e) {
+      if (gt(e))
+        return b("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", wt(e)), st(e);
     }
-    var it = p.ReactCurrentOwner, gt = {
+    var ut = v.ReactCurrentOwner, Et = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, st, Le;
-    function Ve(e) {
-      if (Ne.call(e, "ref")) {
-        var c = Object.getOwnPropertyDescriptor(e, "ref").get;
-        if (c && c.isReactWarning)
+    }, ft, Ve;
+    function Ue(e) {
+      if (de.call(e, "ref")) {
+        var s = Object.getOwnPropertyDescriptor(e, "ref").get;
+        if (s && s.isReactWarning)
           return !1;
       }
       return e.ref !== void 0;
     }
-    function Et(e) {
-      if (Ne.call(e, "key")) {
-        var c = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (c && c.isReactWarning)
+    function yt(e) {
+      if (de.call(e, "key")) {
+        var s = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (s && s.isReactWarning)
           return !1;
       }
       return e.key !== void 0;
     }
-    function yt(e, c) {
-      typeof e.ref == "string" && it.current;
+    function _t(e, s) {
+      typeof e.ref == "string" && ut.current;
     }
-    function _t(e, c) {
+    function xt(e, s) {
       {
-        var f = function() {
-          st || (st = !0, b("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", c));
+        var p = function() {
+          ft || (ft = !0, b("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", s));
         };
-        f.isReactWarning = !0, Object.defineProperty(e, "key", {
-          get: f,
+        p.isReactWarning = !0, Object.defineProperty(e, "key", {
+          get: p,
           configurable: !0
         });
       }
     }
-    function bt(e, c) {
+    function bt(e, s) {
       {
-        var f = function() {
-          Le || (Le = !0, b("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", c));
+        var p = function() {
+          Ve || (Ve = !0, b("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", s));
         };
-        f.isReactWarning = !0, Object.defineProperty(e, "ref", {
-          get: f,
+        p.isReactWarning = !0, Object.defineProperty(e, "ref", {
+          get: p,
           configurable: !0
         });
       }
     }
-    var Ct = function(e, c, f, R, $, Y, L) {
-      var O = {
+    var Ct = function(e, s, p, C, U, Z, j) {
+      var L = {
         // This tag allows us to uniquely identify this as a React Element
-        $$typeof: u,
+        $$typeof: c,
         // Built-in properties that belong on the element
         type: e,
-        key: c,
-        ref: f,
-        props: L,
+        key: s,
+        ref: p,
+        props: j,
         // Record the component responsible for creating this element.
-        _owner: Y
+        _owner: Z
       };
-      return O._store = {}, Object.defineProperty(O._store, "validated", {
+      return L._store = {}, Object.defineProperty(L._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(O, "_self", {
+      }), Object.defineProperty(L, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: R
-      }), Object.defineProperty(O, "_source", {
+        value: C
+      }), Object.defineProperty(L, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: $
-      }), Object.freeze && (Object.freeze(O.props), Object.freeze(O)), O;
+        value: U
+      }), Object.freeze && (Object.freeze(L.props), Object.freeze(L)), L;
     };
-    function lt(e, c, f, R, $) {
+    function dt(e, s, p, C, U) {
       {
-        var Y, L = {}, O = null, pe = null;
-        f !== void 0 && (ot(f), O = "" + f), Et(c) && (ot(c.key), O = "" + c.key), Ve(c) && (pe = c.ref, yt(c, $));
-        for (Y in c)
-          Ne.call(c, Y) && !gt.hasOwnProperty(Y) && (L[Y] = c[Y]);
+        var Z, j = {}, L = null, pe = null;
+        p !== void 0 && (ct(p), L = "" + p), yt(s) && (ct(s.key), L = "" + s.key), Ue(s) && (pe = s.ref, _t(s, U));
+        for (Z in s)
+          de.call(s, Z) && !Et.hasOwnProperty(Z) && (j[Z] = s[Z]);
         if (e && e.defaultProps) {
-          var ne = e.defaultProps;
-          for (Y in ne)
-            L[Y] === void 0 && (L[Y] = ne[Y]);
+          var ie = e.defaultProps;
+          for (Z in ie)
+            j[Z] === void 0 && (j[Z] = ie[Z]);
         }
-        if (O || pe) {
+        if (L || pe) {
           var se = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          O && _t(L, se), pe && bt(L, se);
+          L && xt(j, se), pe && bt(j, se);
         }
-        return Ct(e, O, pe, $, R, it.current, L);
+        return Ct(e, L, pe, U, C, ut.current, j);
       }
     }
-    var $e = p.ReactCurrentOwner, Ye = p.ReactDebugCurrentFrame;
-    function De(e) {
+    var ze = v.ReactCurrentOwner, tt = v.ReactDebugCurrentFrame;
+    function Be(e) {
       if (e) {
-        var c = e._owner, f = ke(e.type, e._source, c ? c.type : null);
-        Ye.setExtraStackFrame(f);
+        var s = e._owner, p = Q(e.type, e._source, s ? s.type : null);
+        tt.setExtraStackFrame(p);
       } else
-        Ye.setExtraStackFrame(null);
+        tt.setExtraStackFrame(null);
     }
-    var Ze;
-    Ze = !1;
-    function Ge(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === u;
+    var Ge;
+    Ge = !1;
+    function Ye(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === c;
     }
-    function ct() {
+    function mt() {
       {
-        if ($e.current) {
-          var e = ae($e.current.type);
+        if (ze.current) {
+          var e = A(ze.current.type);
           if (e)
             return `
 
@@ -701,148 +701,148 @@ Check the render method of \`` + e + "`.";
         return "";
       }
     }
-    function xt(e) {
+    function Rt(e) {
       return "";
     }
-    var ut = {};
-    function t(e) {
+    var pt = {};
+    function kt(e) {
       {
-        var c = ct();
-        if (!c) {
-          var f = typeof e == "string" ? e : e.displayName || e.name;
-          f && (c = `
+        var s = mt();
+        if (!s) {
+          var p = typeof e == "string" ? e : e.displayName || e.name;
+          p && (s = `
 
-Check the top-level render call using <` + f + ">.");
+Check the top-level render call using <` + p + ">.");
         }
-        return c;
+        return s;
       }
     }
-    function r(e, c) {
+    function ht(e, s) {
       {
         if (!e._store || e._store.validated || e.key != null)
           return;
         e._store.validated = !0;
-        var f = t(c);
-        if (ut[f])
+        var p = kt(s);
+        if (pt[p])
           return;
-        ut[f] = !0;
-        var R = "";
-        e && e._owner && e._owner !== $e.current && (R = " It was passed a child from " + ae(e._owner.type) + "."), De(e), b('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', f, R), De(null);
+        pt[p] = !0;
+        var C = "";
+        e && e._owner && e._owner !== ze.current && (C = " It was passed a child from " + A(e._owner.type) + "."), Be(e), b('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', p, C), Be(null);
       }
     }
-    function a(e, c) {
+    function t(e, s) {
       {
         if (typeof e != "object")
           return;
-        if (Fe(e))
-          for (var f = 0; f < e.length; f++) {
-            var R = e[f];
-            Ge(R) && r(R, c);
+        if (je(e))
+          for (var p = 0; p < e.length; p++) {
+            var C = e[p];
+            Ye(C) && ht(C, s);
           }
-        else if (Ge(e))
+        else if (Ye(e))
           e._store && (e._store.validated = !0);
         else if (e) {
-          var $ = D(e);
-          if (typeof $ == "function" && $ !== e.entries)
-            for (var Y = $.call(e), L; !(L = Y.next()).done; )
-              Ge(L.value) && r(L.value, c);
+          var U = ce(e);
+          if (typeof U == "function" && U !== e.entries)
+            for (var Z = U.call(e), j; !(j = Z.next()).done; )
+              Ye(j.value) && ht(j.value, s);
         }
       }
     }
-    function s(e) {
+    function a(e) {
       {
-        var c = e.type;
-        if (c == null || typeof c == "string")
+        var s = e.type;
+        if (s == null || typeof s == "string")
           return;
-        var f;
-        if (typeof c == "function")
-          f = c.propTypes;
-        else if (typeof c == "object" && (c.$$typeof === T || // Note: Memo only checks outer props here.
+        var p;
+        if (typeof s == "function")
+          p = s.propTypes;
+        else if (typeof s == "object" && (s.$$typeof === h || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        c.$$typeof === N))
-          f = c.propTypes;
+        s.$$typeof === T))
+          p = s.propTypes;
         else
           return;
-        if (f) {
-          var R = ae(c);
-          Ue(f, e.props, "prop", R, e);
-        } else if (c.PropTypes !== void 0 && !Ze) {
-          Ze = !0;
-          var $ = ae(c);
-          b("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", $ || "Unknown");
+        if (p) {
+          var C = A(s);
+          Me(p, e.props, "prop", C, e);
+        } else if (s.PropTypes !== void 0 && !Ge) {
+          Ge = !0;
+          var U = A(s);
+          b("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", U || "Unknown");
         }
-        typeof c.getDefaultProps == "function" && !c.getDefaultProps.isReactClassApproved && b("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof s.getDefaultProps == "function" && !s.getDefaultProps.isReactClassApproved && b("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function i(e) {
+    function o(e) {
       {
-        for (var c = Object.keys(e.props), f = 0; f < c.length; f++) {
-          var R = c[f];
-          if (R !== "children" && R !== "key") {
-            De(e), b("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", R), De(null);
+        for (var s = Object.keys(e.props), p = 0; p < s.length; p++) {
+          var C = s[p];
+          if (C !== "children" && C !== "key") {
+            Be(e), b("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", C), Be(null);
             break;
           }
         }
-        e.ref !== null && (De(e), b("Invalid attribute `ref` supplied to `React.Fragment`."), De(null));
+        e.ref !== null && (Be(e), b("Invalid attribute `ref` supplied to `React.Fragment`."), Be(null));
       }
     }
-    var w = {};
-    function d(e, c, f, R, $, Y) {
+    var i = {};
+    function f(e, s, p, C, U, Z) {
       {
-        var L = _(e);
-        if (!L) {
-          var O = "";
-          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (O += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var pe = xt();
-          pe ? O += pe : O += ct();
-          var ne;
-          e === null ? ne = "null" : Fe(e) ? ne = "array" : e !== void 0 && e.$$typeof === u ? (ne = "<" + (ae(e.type) || "Unknown") + " />", O = " Did you accidentally export a JSX literal instead of a component?") : ne = typeof e, b("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", ne, O);
+        var j = g(e);
+        if (!j) {
+          var L = "";
+          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (L += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+          var pe = Rt();
+          pe ? L += pe : L += mt();
+          var ie;
+          e === null ? ie = "null" : je(e) ? ie = "array" : e !== void 0 && e.$$typeof === c ? (ie = "<" + (A(e.type) || "Unknown") + " />", L = " Did you accidentally export a JSX literal instead of a component?") : ie = typeof e, b("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", ie, L);
         }
-        var se = lt(e, c, f, $, Y);
+        var se = dt(e, s, p, U, Z);
         if (se == null)
           return se;
-        if (L) {
-          var _e = c.children;
-          if (_e !== void 0)
-            if (R)
-              if (Fe(_e)) {
-                for (var Be = 0; Be < _e.length; Be++)
-                  a(_e[Be], e);
-                Object.freeze && Object.freeze(_e);
+        if (j) {
+          var ke = s.children;
+          if (ke !== void 0)
+            if (C)
+              if (je(ke)) {
+                for (var Ze = 0; Ze < ke.length; Ze++)
+                  t(ke[Ze], e);
+                Object.freeze && Object.freeze(ke);
               } else
                 b("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
-              a(_e, e);
+              t(ke, e);
         }
-        if (Ne.call(c, "key")) {
-          var je = ae(e), he = Object.keys(c).filter(function(Zt) {
-            return Zt !== "key";
-          }), Rt = he.length > 0 ? "{key: someKey, " + he.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!w[je + Rt]) {
-            var Yt = he.length > 0 ? "{" + he.join(": ..., ") + ": ...}" : "{}";
+        if (de.call(s, "key")) {
+          var $e = A(e), we = Object.keys(s).filter(function(Kt) {
+            return Kt !== "key";
+          }), Tt = we.length > 0 ? "{key: someKey, " + we.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!i[$e + Tt]) {
+            var Zt = we.length > 0 ? "{" + we.join(": ..., ") + ": ...}" : "{}";
             b(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`, Rt, je, Yt, je), w[je + Rt] = !0;
+  <%s key={someKey} {...props} />`, Tt, $e, Zt, $e), i[$e + Tt] = !0;
           }
         }
-        return e === m ? i(se) : s(se), se;
+        return e === l ? o(se) : a(se), se;
       }
     }
-    function x(e, c, f) {
-      return d(e, c, f, !0);
+    function w(e, s, p) {
+      return f(e, s, p, !0);
     }
-    function X(e, c, f) {
-      return d(e, c, f, !1);
+    function E(e, s, p) {
+      return f(e, s, p, !1);
     }
-    var Se = X, Ke = x;
-    Xe.Fragment = m, Xe.jsx = Se, Xe.jsxs = Ke;
-  }()), Xe;
+    var ne = E, ve = w;
+    at.Fragment = l, at.jsx = ne, at.jsxs = ve;
+  }()), at;
 }
-process.env.NODE_ENV === "production" ? Dt.exports = Fr() : Dt.exports = Lr();
-var xe = Dt.exports, rt = (n) => nr("path", n), nt = Ht(
+process.env.NODE_ENV === "production" ? It.exports = Vr() : It.exports = $r();
+var Te = It.exports, Xe = (n) => cr("path", n), Qe = Ut(
   /**
    * @param {SVGProps}                          props isPressed indicates whether the SVG should appear as pressed.
    *                                                  Other props will be passed through to svg component.
@@ -850,388 +850,385 @@ var xe = Dt.exports, rt = (n) => nr("path", n), nt = Ht(
    *
    * @return {React.JSX.Element} Stop component
    */
-  ({ className: n, isPressed: u, ...l }, m) => {
-    const E = {
-      ...l,
-      className: ar(n, { "is-pressed": u }) || void 0,
+  ({ className: n, isPressed: c, ...d }, l) => {
+    const R = {
+      ...d,
+      className: ur(n, { "is-pressed": c }) || void 0,
       "aria-hidden": !0,
       focusable: !1
     };
-    return /* @__PURE__ */ xe.jsx("svg", { ...E, ref: m });
+    return /* @__PURE__ */ Te.jsx("svg", { ...R, ref: l });
   }
 );
-nt.displayName = "SVG";
-const jr = /* @__PURE__ */ xe.jsx(nt, {
+Qe.displayName = "SVG";
+const Wr = /* @__PURE__ */ Te.jsx(Qe, {
   viewBox: "0 0 24 24",
   xmlns: "http://www.w3.org/2000/svg",
-  children: /* @__PURE__ */ xe.jsx(rt, {
+  children: /* @__PURE__ */ Te.jsx(Xe, {
     d: "M17.5 11.6L12 16l-5.5-4.4.9-1.2L12 14l4.5-3.6 1 1.2z"
   })
-}), Ir = /* @__PURE__ */ xe.jsx(nt, {
+}), Hr = /* @__PURE__ */ Te.jsx(Qe, {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
-  children: /* @__PURE__ */ xe.jsx(rt, {
+  children: /* @__PURE__ */ Te.jsx(Xe, {
     d: "M10.6 6L9.4 7l4.6 5-4.6 5 1.2 1 5.4-6z"
   })
-}), Mr = /* @__PURE__ */ xe.jsx(nt, {
+}), Ur = /* @__PURE__ */ Te.jsx(Qe, {
   viewBox: "0 0 24 24",
   xmlns: "http://www.w3.org/2000/svg",
-  children: /* @__PURE__ */ xe.jsx(rt, {
+  children: /* @__PURE__ */ Te.jsx(Xe, {
     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"
   })
-}), Vr = /* @__PURE__ */ xe.jsxs(nt, {
+}), zr = /* @__PURE__ */ Te.jsxs(Qe, {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
-  children: [/* @__PURE__ */ xe.jsx(rt, {
+  children: [/* @__PURE__ */ Te.jsx(Xe, {
     d: "M15.5 7.5h-7V9h7V7.5Zm-7 3.5h7v1.5h-7V11Zm7 3.5h-7V16h7v-1.5Z"
-  }), /* @__PURE__ */ xe.jsx(rt, {
+  }), /* @__PURE__ */ Te.jsx(Xe, {
     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"
   })]
-}), $r = "_file-picker-tree_3rwm2_1", Br = "_file-node-button_3rwm2_17", Wr = "_selected_3rwm2_53", Hr = "_focused_3rwm2_65", zr = "_dropTarget_3rwm2_70", Ur = "_dropTargetInvalid_3rwm2_79", Yr = "_renaming_3rwm2_88", Zr = "_renameInput_3rwm2_93", Gr = "_file-name_3rwm2_108", we = {
-  filePickerTree: $r,
-  fileNodeButton: Br,
-  selected: Wr,
-  focused: Hr,
-  dropTarget: zr,
-  dropTargetInvalid: Ur,
-  renaming: Yr,
-  renameInput: Zr,
-  fileName: Gr
+}), Gr = /* @__PURE__ */ Te.jsx(Qe, {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24",
+  children: /* @__PURE__ */ Te.jsx(Xe, {
+    d: "M18.5 15v3.5H13V6.7l4.5 4.1 1-1.1-6.2-5.8-5.8 5.8 1 1.1 4-4v11.7h-6V15H4v5h16v-5z"
+  })
+}), Yr = "_file-picker-tree_ad9od_1", Zr = "_file-node-button_ad9od_17", Kr = "_selected_ad9od_56", qr = "_focused_ad9od_75", Jr = "_dropTarget_ad9od_83", Xr = "_dropTargetInvalid_ad9od_95", Qr = "_renaming_ad9od_104", en = "_renameInput_ad9od_109", tn = "_file-name_ad9od_124", Ee = {
+  filePickerTree: Yr,
+  fileNodeButton: Zr,
+  selected: Kr,
+  focused: qr,
+  dropTarget: Jr,
+  dropTargetInvalid: Xr,
+  renaming: Qr,
+  renameInput: en,
+  fileName: tn
 };
-function Pt(n) {
+function Dt(n) {
   if (!n) return [];
-  const u = n.replaceAll(/\\+/g, "/").replace(/\/{2,}/g, "/").replace(/\/$/, "") || n, l = u.startsWith("/"), m = u.split("/").filter(Boolean), E = [];
-  let g = l ? "/" : "";
-  l && E.push("/");
-  for (const k of m)
-    !g || g === "/" ? g = g === "/" ? `/${k}` : k : g = `${g}/${k}`, E.push(g);
-  return E;
-}
-function Kr(n, u) {
-  if (!n || !u || n === u) return !1;
-  const l = n === "/" ? "/" : n.replace(/\/{2,}/g, "/"), m = u.replace(/\/{2,}/g, "/");
-  return l === "/" ? m.startsWith("/") && m !== "/" : m.startsWith(`${l}/`);
+  const c = Jt(n), d = c.startsWith("/"), l = c.split("/").filter(Boolean), R = [];
+  let m = d ? "/" : "";
+  d && R.push("/");
+  for (const k of l)
+    !m || m === "/" ? m = m === "/" ? `/${k}` : k : m = `${m}/${k}`, R.push(m);
+  return R;
 }
-function kt(n, u, l) {
-  return n && (n === u ? l : n.startsWith(u === "/" ? "/" : `${u}/`) ? l + n.slice(u.length) : n);
+function He(n, c, d) {
+  return n && (n === c ? d : n.startsWith(c === "/" ? "/" : `${c}/`) ? d + n.slice(c.length) : n);
 }
-const qr = Bt(function({
-  withContextMenu: u = !0,
+const rn = $t(function({
+  withContextMenu: c = !0,
+  readOnly: d = !1,
   filesystem: l,
-  root: m = "/wordpress",
-  initialSelectedPath: E,
-  onSelect: g = () => {
+  root: R = "/wordpress",
+  initialSelectedPath: m,
+  onSelect: k = () => {
   },
-  onDoubleClickFile: k
-}, V) {
-  const T = Nt(() => {
-    let t = (m || "/").replace(/\\+/g, "/");
-    return t.startsWith("/") || (t = `/${t}`), t = t.replace(/\/{2,}/g, "/"), t.length > 1 && t.endsWith("/") && (t = t.slice(0, -1)), t || "/";
-  }, [m]), y = (t) => !t || t === "." || t === ".." ? !1 : !/[\\/]/.test(t), [v, N] = Q(() => {
-    if (!E)
+  onDoubleClickFile: N
+}, h) {
+  const S = Ft(() => Oe("/", R || "/"), [R]), [_, T] = ee(() => {
+    if (!m)
       return {};
     const t = {};
-    for (const r of Pt(E))
-      t[r] = !0;
+    for (const a of Dt(m))
+      t[a] = !0;
     return t;
-  }), [P, j] = Q(
-    () => E ?? null
-  ), [Z, A] = Q(
-    () => E ?? null
-  ), [D, p] = Q({}), [b, q] = Q(
+  }), [P, W] = ee(
+    () => m ?? null
+  ), [F, D] = ee(
+    () => m ?? null
+  ), [ce, v] = ee({}), [b, K] = ee(
     {}
-  ), [B, G] = Q(null), [ee, W] = Q(
+  ), [te, q] = ee(null), [y, M] = ee(
     null
-  ), F = M({}), te = M(!1), _ = M(null), H = M(null), de = M(b), ae = M(D), re = () => {
-    for (const t of Object.keys(F.current))
-      clearTimeout(F.current[t]), delete F.current[t];
-  }, ue = (t) => {
-    const r = F.current[t];
-    r && (clearTimeout(r), delete F.current[t]);
+  ), I = V({}), $ = V(!1), g = V(null), O = V(null), me = V(b), A = V(ce), J = () => {
+    for (const t of Object.keys(I.current))
+      clearTimeout(I.current[t]), delete I.current[t];
+  }, fe = (t) => {
+    const a = I.current[t];
+    a && (clearTimeout(a), delete I.current[t]);
   };
-  I(() => {
-    de.current = b;
-  }, [b]), I(() => {
-    ae.current = D;
-  }, [D]);
-  const oe = (t) => {
-    var a;
-    const r = (a = _.current) == null ? void 0 : a.querySelector(
-      `[data-path="${t}"]`
+  H(() => {
+    me.current = b;
+  }, [b]), H(() => {
+    A.current = ce;
+  }, [ce]);
+  const X = (t) => {
+    var o;
+    const a = (o = g.current) == null ? void 0 : o.querySelector(
+      `[data-path="${CSS.escape(t)}"]`
     );
-    r && typeof r.focus == "function" && (r.focus(), r.scrollIntoView({
+    a && typeof a.focus == "function" && (a.focus(), a.scrollIntoView({
       behavior: "smooth",
       block: "nearest"
     }));
-  }, be = (t, r = "") => (r ? `${r}/${t.name}` : t.name).replaceAll(/\\+/g, "/").replace(/\/{2,}/g, "/"), Re = (t, r) => t.children ? t.children : D[r], Te = async (t, r) => {
-    const a = await t.listFiles(r), s = [];
-    for (const i of a) {
-      const w = r === "/" ? `/${i}` : `${r}/${i}`, d = await t.isDir(w);
-      s.push({ name: i, type: d ? "folder" : "file" });
-    }
-    return s.sort((i, w) => {
-      var Se;
-      if (i.type !== w.type) return i.type === "folder" ? -1 : 1;
-      const d = r === "/" ? `/${i.name}` : `${r}/${i.name}`, x = r === "/" ? `/${w.name}` : `${r}/${w.name}`, X = (Se = ye.current) == null ? void 0 : Se.tempPath;
-      if (X) {
-        if (d === X) return -1;
-        if (x === X) return 1;
+  }, le = (t, a = "") => a ? Oe(a, t.name) : Oe("/", t.name), Se = (t, a) => t.children ? t.children : ce[a], be = async (t, a) => {
+    const o = await t.listFiles(a), i = [];
+    for (const f of o) {
+      const w = a === "/" ? `/${f}` : `${a}/${f}`, E = await t.isDir(w);
+      i.push({ name: f, type: E ? "folder" : "file" });
+    }
+    return i.sort((f, w) => {
+      var e;
+      if (f.type !== w.type) return f.type === "folder" ? -1 : 1;
+      const E = a === "/" ? `/${f.name}` : `${a}/${f.name}`, ne = a === "/" ? `/${w.name}` : `${a}/${w.name}`, ve = (e = G.current) == null ? void 0 : e.tempPath;
+      if (ve) {
+        if (E === ve) return -1;
+        if (ne === ve) return 1;
       }
-      return i.name.localeCompare(w.name);
-    }), s;
-  }, Pe = async (t) => await Te(l, t), le = (t, r) => {
-    if (r.type !== "folder")
-      return r.children;
-    const a = r.children ?? ae.current[t];
-    return a || de.current[t] ? a : (q((s) => ({ ...s, [t]: !0 })), new Promise((s) => {
-      Pe(t).then((i) => {
-        p((w) => ({
+      return f.name.localeCompare(w.name);
+    }), i;
+  }, Ce = async (t) => await be(l, t), ue = (t, a) => {
+    if (a.type !== "folder")
+      return a.children;
+    const o = a.children ?? A.current[t];
+    return o || me.current[t] ? o : (K((i) => ({ ...i, [t]: !0 })), new Promise((i) => {
+      Ce(t).then((f) => {
+        v((w) => ({
           ...w,
-          [t]: i ?? []
-        })), s(i ?? []);
+          [t]: f ?? []
+        })), i(f ?? []);
       }).catch(() => {
-        s([]);
+        i([]);
       }).finally(() => {
-        q((i) => {
-          const w = { ...i };
+        K((f) => {
+          const w = { ...f };
           return delete w[t], w;
         });
       });
     }));
-  }, S = (t, r) => {
-    r.type === "folder" && (typeof window > "u" || F.current[t] || (F.current[t] = window.setTimeout(() => {
-      N((a) => a[t] ? a : { ...a, [t]: !0 }), le(t, r), delete F.current[t];
+  }, Fe = (t, a) => {
+    a.type === "folder" && (typeof window > "u" || I.current[t] || (I.current[t] = window.setTimeout(() => {
+      T((o) => o[t] ? o : { ...o, [t]: !0 }), ue(t, a), delete I.current[t];
     }, 600)));
-  }, C = (t) => (q((r) => ({ ...r, [t]: !0 })), new Promise((r) => {
-    Pe(t).then((a) => {
-      p((s) => ({
-        ...s,
-        [t]: a ?? []
-      })), r(a ?? []);
+  }, re = (t) => (K((a) => ({ ...a, [t]: !0 })), new Promise((a) => {
+    Ce(t).then((o) => {
+      v((i) => ({
+        ...i,
+        [t]: o ?? []
+      })), a(o ?? []);
     }).catch(() => {
-      r([]);
+      a([]);
     }).finally(() => {
-      q((a) => {
-        const s = { ...a };
-        return delete s[t], s;
+      K((o) => {
+        const i = { ...o };
+        return delete i[t], i;
       });
     });
-  })), J = (t, r, a) => {
-    N((s) => ({
-      ...s,
-      [t]: a
-    })), a ? le(t, r) : p((s) => {
-      if (s[t] === void 0)
-        return s;
-      const i = { ...s };
-      return delete i[t], i;
+  })), Pe = (t, a, o) => {
+    T((i) => ({
+      ...i,
+      [t]: o
+    })), o ? ue(t, a) : v((i) => {
+      if (i[t] === void 0)
+        return i;
+      const f = { ...i };
+      return delete f[t], f;
     });
-  }, z = async (t) => {
+  }, Re = async (t) => {
     if (!t) return;
-    const r = Pt(t);
-    if (r.length === 0) return;
-    N((i) => {
-      const w = { ...i };
-      for (const d of r)
-        w[d] = !0;
+    const a = Dt(t);
+    if (a.length === 0) return;
+    T((f) => {
+      const w = { ...f };
+      for (const E of a)
+        w[E] = !0;
       return w;
     });
-    let a = [
-      { name: T, type: "folder" }
-    ], s = "";
-    for (const i of r) {
-      const w = a == null ? void 0 : a.find((x) => be(x, s) === i);
+    let o = [
+      { name: S, type: "folder" }
+    ], i = "";
+    for (const f of a) {
+      const w = o == null ? void 0 : o.find((ne) => le(ne, i) === f);
       if (!w || w.type !== "folder") {
-        s = i, a = [];
+        i = f, o = [];
         continue;
       }
-      a = await le(i, w) ?? ae.current[i], s = i;
-    }
-  }, ie = (t, r) => {
-    if (!t || !r || t === r)
-      return;
-    const a = t === "/" ? "/" : `${t}/`, s = (i) => i === t ? r : i.startsWith(a) ? r + i.slice(t.length) : null;
-    N((i) => {
-      let w = !1;
-      const d = { ...i };
-      for (const x of Object.keys(i)) {
-        const X = s(x);
-        X && X !== x && (d[X] = i[x], delete d[x], w = !0);
+      o = await ue(f, w) ?? A.current[f], i = f;
+    }
+  }, ye = (t, a) => {
+    !t || !a || t === a || (T((o) => {
+      let i = !1;
+      const f = { ...o };
+      for (const w of Object.keys(o)) {
+        const E = He(w, t, a);
+        E && E !== w && (f[E] = o[w], delete f[w], i = !0);
       }
-      return w ? d : i;
-    }), p((i) => {
-      let w = !1;
-      const d = { ...i };
-      for (const x of Object.keys(i)) {
-        const X = s(x);
-        X && X !== x && (d[X] = i[x], delete d[x], w = !0);
+      return i ? f : o;
+    }), v((o) => {
+      let i = !1;
+      const f = { ...o };
+      for (const w of Object.keys(o)) {
+        const E = He(w, t, a);
+        E && E !== w && (f[E] = o[w], delete f[w], i = !0);
       }
-      return w ? d : i;
-    }), j((i) => i && (s(i) ?? i)), A((i) => i && (s(i) ?? i));
-  }, Ee = () => {
-    G(null), W(null), re();
-  }, ve = (t, r = !0) => {
-    j(t), r && g(t);
-  }, ce = Nt(() => [{ name: T, type: "folder" }], [T]), [U, h] = Q(null), [ge, me] = Q(null), ye = M(null), ke = ge;
+      return i ? f : o;
+    }), W((o) => He(o, t, a)), D((o) => He(o, t, a)));
+  }, De = () => {
+    q(null), M(null), J();
+  }, _e = (t, a = !0) => {
+    W(t), a && k(t);
+  }, oe = Ft(() => [{ name: S, type: "folder" }], [S]), [Y, u] = ee(null), [x, z] = ee(null), G = V(null), Q = d ? null : x;
   Wt(
-    V,
+    h,
     () => ({
-      focusPath: (t, r = {}) => {
+      focusPath: (t, a = {}) => {
         if (!t) return;
         const {
-          select: a = !0,
-          domFocus: s = !0,
-          notify: i = !1
-        } = r;
-        a && ve(t, i), A(t), s && oe(t);
+          select: o = !0,
+          domFocus: i = !0,
+          notify: f = !1
+        } = a;
+        o && _e(t, f), D(t), i && X(t);
       },
       selectPath: (t) => {
-        t && (ve(t), A(t), oe(t));
+        t && (_e(t), D(t), X(t));
       },
       getSelectedPath: () => P,
-      expandToPath: async (t) => await z(t),
-      refresh: async (t) => await C(t),
-      remapPath: ie,
+      expandToPath: async (t) => await Re(t),
+      refresh: async (t) => await re(t),
+      remapPath: ye,
       createFile: async (t) => {
-        await Ve(t, "file", "untitled.php");
+        d || await Ue(t, "file", "untitled.php");
       },
       createFolder: async (t) => {
-        await Ve(t, "folder", "New Folder");
+        d || await Ue(t, "folder", "New Folder");
+      },
+      importFiles: async (t, a) => {
+        d || await Be(t, a);
+      },
+      importDataTransfer: async (t, a) => {
+        d || await Ge(t, a);
       }
     }),
-    [P, C, ie, z]
+    [P, re, ye, Re, d]
   );
-  const Ne = M(!1), Ae = M(
-    E ?? null
-  ), ze = M(E);
-  I(() => {
-    te.current = !1;
-  }, [T]), I(() => {
-    E && E !== ze.current ? Ae.current = E : E || (Ae.current = null), ze.current = E;
-  }, [E]), I(() => {
-    if (!E || Ne.current)
+  const de = V(!1), Ae = V(
+    m ?? null
+  ), xe = V(m);
+  H(() => {
+    $.current = !1;
+  }, [S]), H(() => {
+    m && m !== xe.current ? Ae.current = m : m || (Ae.current = null), xe.current = m;
+  }, [m]), H(() => {
+    if (!m || de.current)
       return;
-    Ne.current = !0;
-    const t = Pt(E);
-    N((a) => {
-      const s = { ...a };
-      for (const i of t)
-        s[i] = !0;
-      return s;
+    de.current = !0;
+    const t = Dt(m);
+    T((o) => {
+      const i = { ...o };
+      for (const f of t)
+        i[f] = !0;
+      return i;
     });
-    const r = t[t.length - 1] || E;
-    A(r), j(r), z(E);
-  }, [E, z]), I(() => {
+    const a = t[t.length - 1] || m;
+    D(a), W(a), Re(m);
+  }, [m, Re]), H(() => {
     const t = Ae.current;
-    !t || ce.length === 0 || (Ae.current = null, z(t));
-  }, [ce, z]), I(() => {
-    if (!Z) {
-      if (ce.length > 0) {
-        const t = be(ce[0]);
-        A(t);
+    !t || oe.length === 0 || (Ae.current = null, Re(t));
+  }, [oe, Re]), H(() => {
+    if (!F) {
+      if (oe.length > 0) {
+        const t = le(oe[0]);
+        D(t);
       }
       return;
     }
-    ke && ke === Z || oe(Z);
-  }, [ce, Z, ke]), I(() => {
-    if (ce.length === 0)
+    Q && Q === F || X(F);
+  }, [oe, F, Q]), H(() => {
+    if (oe.length === 0)
       return;
-    const t = ce[0];
-    if ((t == null ? void 0 : t.type) !== "folder" || te.current)
+    const t = oe[0];
+    if ((t == null ? void 0 : t.type) !== "folder" || $.current)
       return;
-    const r = t.name;
-    te.current = !0, N(
-      (a) => a[r] ? a : { ...a, [r]: !0 }
-    ), !ae.current[r] && !de.current[r] && le(r, t);
-  }, [ce, le, T]), I(() => () => {
-    H.current && clearTimeout(H.current), re();
-  }, []), I(() => {
-    U && setTimeout(() => {
+    const a = t.name;
+    $.current = !0, T(
+      (o) => o[a] ? o : { ...o, [a]: !0 }
+    ), !A.current[a] && !me.current[a] && ue(a, t);
+  }, [oe, ue, S]), H(() => () => {
+    O.current && clearTimeout(O.current), J();
+  }, []), H(() => {
+    Y && setTimeout(() => {
       const t = document.querySelector(
         '[role="menu"] [role="menuitem"]'
       );
       t && typeof t.focus == "function" && t.focus();
     }, 0);
-  }, [U]);
-  const [Me, Ue] = Q(""), ht = (t, r) => {
+  }, [Y]);
+  const [he, Me] = ee(""), et = (t, a) => {
     if (t.type === "folder")
-      return r;
-    const a = Oe(r);
-    return a && a || "/";
-  }, Fe = (t, r, a) => {
-    const s = ht(t, r);
-    if (!s)
-      return { allowed: !1, state: "invalid", destination: null };
-    if (a) {
-      if (s === a)
-        return { allowed: !1, state: "invalid", destination: null };
-      if (Kr(a, s))
-        return { allowed: !1, state: "invalid", destination: null };
-    }
-    return { allowed: !0, state: "valid", destination: s };
-  }, wt = (t, r, a) => {
-    r.type !== "folder" && r.type !== "file" || (G(a), W(null), t.dataTransfer && (t.dataTransfer.effectAllowed = "move", t.dataTransfer.setData(
+      return a;
+    const o = Le(a);
+    return o && o || "/";
+  }, je = (t, a, o) => {
+    const i = et(t, a);
+    return i ? o && Xt(o, i) ? { allowed: !1, state: "invalid", destination: null } : { allowed: !0, state: "valid", destination: i } : { allowed: !1, state: "invalid", destination: null };
+  }, wt = (t, a, o) => {
+    a.type !== "folder" && a.type !== "file" || (q(o), M(null), t.dataTransfer && (t.dataTransfer.effectAllowed = "move", t.dataTransfer.setData(
       "application/x-wp-playground-path",
-      a
-    ), t.dataTransfer.setData("text/plain", a)));
-  }, vt = () => {
-    Ee();
-  }, at = (t, r, a) => {
-    const s = Fe(r, a, B);
-    s.allowed && r.type === "folder" && S(a, r), W((i) => (i == null ? void 0 : i.path) === a && i.state === s.state ? i : { path: a, state: s.state });
-  }, ot = (t, r, a) => {
-    const s = Fe(r, a, B);
-    s.allowed && s.destination ? (t.preventDefault(), t.dataTransfer && (t.dataTransfer.dropEffect = B ? "move" : "copy"), r.type === "folder" && S(a, r), W((i) => (i == null ? void 0 : i.path) === a && i.state === s.state ? i : { path: a, state: s.state })) : (t.dataTransfer && (t.dataTransfer.dropEffect = "none"), ue(a), W((i) => (i == null ? void 0 : i.path) === a && i.state === "invalid" ? i : { path: a, state: "invalid" }));
-  }, it = (t, r, a) => {
-    ue(a);
-    const s = t.relatedTarget;
-    s && t.currentTarget.contains(s) || W((i) => (i == null ? void 0 : i.path) === a ? null : i);
-  }, gt = async (t, r, a) => {
-    const s = B, i = Fe(r, a, s);
-    if (!i.allowed || !i.destination) {
-      Ee();
+      o
+    ), t.dataTransfer.setData("text/plain", o)));
+  }, gt = () => {
+    De();
+  }, st = (t, a, o) => {
+    const i = je(a, o, te);
+    i.allowed && a.type === "folder" && Fe(o, a), M((f) => (f == null ? void 0 : f.path) === o && f.state === i.state ? f : { path: o, state: i.state });
+  }, ct = (t, a, o) => {
+    const i = je(a, o, te);
+    i.allowed && i.destination ? (t.preventDefault(), t.dataTransfer && (t.dataTransfer.dropEffect = te ? "move" : "copy"), a.type === "folder" && Fe(o, a), M((f) => (f == null ? void 0 : f.path) === o && f.state === i.state ? f : { path: o, state: i.state })) : (t.dataTransfer && (t.dataTransfer.dropEffect = "none"), fe(o), M((f) => (f == null ? void 0 : f.path) === o && f.state === "invalid" ? f : { path: o, state: "invalid" }));
+  }, ut = (t, a, o) => {
+    fe(o);
+    const i = t.relatedTarget;
+    i && t.currentTarget.contains(i) || M((f) => (f == null ? void 0 : f.path) === o ? null : f);
+  }, Et = async (t, a, o) => {
+    const i = te, f = je(a, o, i);
+    if (!f.allowed || !f.destination) {
+      De();
       return;
     }
-    t.preventDefault(), t.stopPropagation(), ue(a), W(null);
+    t.preventDefault(), t.stopPropagation(), fe(o), M(null);
     try {
-      s ? await _t(s, i.destination) : await De(t, i.destination);
+      i ? await xt(i, f.destination) : await Ge(
+        t.dataTransfer,
+        f.destination
+      );
     } finally {
-      Ee();
+      De();
     }
-  }, st = (t, r, a) => {
-    u && (t.preventDefault(), t.stopPropagation(), me(null), h({
-      absPath: a,
-      type: r.type,
+  }, ft = (t, a, o) => {
+    c && (t.preventDefault(), t.stopPropagation(), z(null), u({
+      absPath: o,
+      type: a.type,
       x: t.clientX,
       y: t.clientY
     }));
-  }, Le = async (t, r) => {
-    let a = r, s = 0;
-    const i = (d) => {
-      const x = d.lastIndexOf(".");
-      return x > 0 ? { stem: d.slice(0, x), ext: d.slice(x) } : { stem: d, ext: "" };
+  }, Ve = async (t, a) => {
+    let o = a, i = 0;
+    const f = (E) => {
+      const ne = E.lastIndexOf(".");
+      return ne > 0 ? { stem: E.slice(0, ne), ext: E.slice(ne) } : { stem: E, ext: "" };
     }, w = t === "/" ? "" : t;
-    for (; await (l == null ? void 0 : l.fileExists(`${w}/${a}`)) || await (l == null ? void 0 : l.isDir(`${w}/${a}`)); ) {
-      s += 1;
-      const { stem: d, ext: x } = i(r);
-      a = `${d} (${s})${x}`;
+    for (; await (l == null ? void 0 : l.fileExists(`${w}/${o}`)) || await (l == null ? void 0 : l.isDir(`${w}/${o}`)); ) {
+      i += 1;
+      const { stem: E, ext: ne } = f(a);
+      o = `${E} (${i})${ne}`;
     }
-    return a;
-  }, Ve = async (t, r, a) => {
+    return o;
+  }, Ue = async (t, a, o) => {
     if (!l) return;
-    let s = t || P || T;
+    let i = t || P || S;
     try {
-      await l.isDir(s) || (s = Oe(s));
+      await l.isDir(i) || (i = Le(i));
     } catch {
-      s = Oe(s);
+      i = Le(i);
     }
-    const i = s, w = await Le(i, a), d = We(i, w);
-    r === "folder" ? await l.mkdir(d) : await l.writeFile(d, ""), ye.current = { type: r, tempPath: d }, me(d), await C(i), setTimeout(() => {
-      A(d), oe(d);
+    const f = i, w = await Ve(f, o), E = Oe(f, w);
+    a === "folder" ? await l.mkdir(E) : await l.writeFile(E, ""), G.current = { type: a, tempPath: E }, z(E), await re(f), setTimeout(() => {
+      D(E), X(E);
     }, 0);
-  }, Et = async (t) => {
+  }, yt = async (t) => {
     if (!l) return !1;
     try {
       if (await l.fileExists(t))
@@ -1244,258 +1241,259 @@ const qr = Bt(function({
     } catch {
     }
     return !1;
-  }, yt = async (t) => {
+  }, _t = async (t) => {
     if (l)
       try {
         await l.mkdir(t);
-      } catch (r) {
+      } catch (a) {
         if (!await l.isDir(t).catch(() => !1))
-          throw r;
+          throw a;
       }
-  }, _t = async (t, r) => {
+  }, xt = async (t, a) => {
     if (!l) return;
-    const a = Ot(t), s = We(r, a);
-    if (s === t || await Et(s))
+    const o = it(t), i = Oe(a, o);
+    if (i === t || await yt(i))
       return;
-    const i = Oe(t);
+    const f = Le(t);
     try {
-      await l.mv(t, s), ie(t, s);
-      const w = kt(
+      await l.mv(t, i), ye(t, i);
+      const w = He(
         P,
         t,
-        s
+        i
       );
-      P && (P === t || P.startsWith(`${t}/`)) && g(w), A(
-        (d) => kt(d, t, s)
-      ), N((d) => ({
-        ...d,
-        [r]: !0
+      P && (P === t || P.startsWith(`${t}/`)) && k(w), D(
+        (E) => He(E, t, i)
+      ), T((E) => ({
+        ...E,
+        [a]: !0
       })), await Promise.all([
-        C(i),
-        C(r)
-      ]), j(
-        (d) => kt(d, t, s)
-      ), oe(s);
+        re(f),
+        re(a)
+      ]), W(
+        (E) => He(E, t, i)
+      ), X(i);
     } catch {
     }
   }, bt = (t) => {
-    const r = t;
-    return r.webkitGetAsEntry ? r.webkitGetAsEntry() : null;
-  }, Ct = (t) => new Promise((r, a) => {
-    t.file(r, a);
-  }), lt = async (t, r) => {
+    const a = t;
+    return a.webkitGetAsEntry ? a.webkitGetAsEntry() : null;
+  }, Ct = (t) => new Promise((a, o) => {
+    t.file(a, o);
+  }), dt = async (t, a) => {
     if (!l) return;
-    const a = t.name || "untitled", s = await Le(r, a), i = We(r, s), w = new Uint8Array(await t.arrayBuffer());
-    await l.writeFile(i, w);
-  }, $e = async (t, r) => {
-    const a = await Ct(t);
-    await lt(a, r);
-  }, Ye = async (t, r) => {
-    const a = await Le(
-      r,
+    const o = t.name || "untitled", i = await Ve(a, o), f = Oe(a, i), w = new Uint8Array(await t.arrayBuffer());
+    await l.writeFile(f, w);
+  }, ze = async (t, a) => {
+    const o = await Ct(t);
+    await dt(o, a);
+  }, tt = async (t, a) => {
+    const o = await Ve(
+      a,
       t.name || "New Folder"
-    ), s = We(r, a);
-    await yt(s);
-    const i = t.createReader(), w = () => new Promise((d, x) => {
-      i.readEntries(
-        (X) => d(Array.from(X)),
-        x
+    ), i = Oe(a, o);
+    await _t(i);
+    const f = t.createReader(), w = () => new Promise((E, ne) => {
+      f.readEntries(
+        (ve) => E(Array.from(ve)),
+        ne
       );
     });
     for (; ; ) {
-      const d = await w();
-      if (!d.length)
+      const E = await w();
+      if (!E.length)
         break;
-      for (const x of d)
-        x.isFile ? await $e(
-          x,
-          s
-        ) : x.isDirectory && await Ye(
-          x,
-          s
+      for (const ne of E)
+        ne.isFile ? await ze(
+          ne,
+          i
+        ) : ne.isDirectory && await tt(
+          ne,
+          i
         );
     }
-  }, De = async (t, r) => {
-    var i, w;
-    if (!l) return;
-    const s = ((i = t.dataTransfer) != null && i.items ? Array.from(t.dataTransfer.items) : []).filter((d) => d.kind === "file").map((d) => bt(d)).filter((d) => !!d);
-    if (s.length > 0)
-      for (const d of s)
-        d.isFile ? await $e(
-          d,
-          r
-        ) : d.isDirectory && await Ye(
-          d,
-          r
-        );
-    else {
-      const d = (w = t.dataTransfer) != null && w.files ? Array.from(t.dataTransfer.files) : [];
-      for (const x of d)
-        await lt(x, r);
+  }, Be = (t, a) => Ye([], t, a), Ge = (t, a) => {
+    const i = Array.from(t.items).filter((w) => w.kind === "file").map((w) => bt(w)).filter((w) => !!w), f = Array.from(t.files);
+    return Ye(i, f, a);
+  }, Ye = async (t, a, o) => {
+    if (l) {
+      if (t.length > 0)
+        for (const i of t)
+          i.isFile ? await ze(
+            i,
+            o
+          ) : i.isDirectory && await tt(
+            i,
+            o
+          );
+      else
+        for (const i of a)
+          await dt(i, o);
+      await re(o), T((i) => ({
+        ...i,
+        [o]: !0
+      }));
     }
-    await C(r), N((d) => ({
-      ...d,
-      [r]: !0
-    }));
-  }, Ze = async (t, r) => {
+  }, mt = async (t, a) => {
     if (!l) return;
-    const a = t;
-    h(null);
+    const o = t;
+    u(null);
     try {
-      r === "folder" ? await l.rmdir(a, { recursive: !0 }) : await l.unlink(a);
+      a === "folder" ? await l.rmdir(o, { recursive: !0 }) : await l.unlink(o);
     } catch {
     } finally {
-      me(null);
-      const s = Oe(a);
-      await C(s), P && (P === a || P.startsWith(`${a}/`)) && g(null);
+      z(null);
+      const i = Le(o);
+      await re(i), P && (P === o || P.startsWith(`${o}/`)) && k(null);
     }
-  }, Ge = async (t) => {
+  }, Rt = async (t) => {
     if (l)
       try {
-        const a = await (await l.read(t)).arrayBuffer(), s = new Blob([a]), i = URL.createObjectURL(s), w = document.createElement("a");
-        w.href = i, w.download = Ot(t) || "download", document.body.appendChild(w), w.click(), document.body.removeChild(w), setTimeout(() => URL.revokeObjectURL(i), 6e4);
-      } catch (r) {
-        console.error("Failed to download file", r);
+        const o = await (await l.read(t)).arrayBuffer(), i = new Blob([o]), f = URL.createObjectURL(i), w = document.createElement("a");
+        w.href = f, w.download = it(t) || "download", document.body.appendChild(w), w.click(), document.body.removeChild(w), setTimeout(() => URL.revokeObjectURL(f), 6e4);
+      } catch (a) {
+        console.error("Failed to download file", a);
       }
-  }, ct = (t) => {
-    var r;
-    if (!ge)
+  }, pt = (t) => {
+    var a;
+    if (!x)
       if (t.key.length === 1 && t.key.match(/\S/)) {
-        const a = Me + t.key.toLowerCase();
-        if (Ue(a), H.current && clearTimeout(H.current), H.current = setTimeout(() => {
-          Ue("");
-        }, 1e3), !_.current)
+        const o = he + t.key.toLowerCase();
+        if (Me(o), O.current && clearTimeout(O.current), O.current = setTimeout(() => {
+          Me("");
+        }, 1e3), !g.current)
           return;
-        const s = Array.from(
-          _.current.querySelectorAll(".file-node-button")
-        ), i = document.activeElement;
+        const i = Array.from(
+          g.current.querySelectorAll(".file-node-button")
+        ), f = document.activeElement;
         let w = 0;
-        i && s.includes(i) && (w = s.indexOf(
-          i
+        f && i.includes(f) && (w = i.indexOf(
+          f
         ));
-        for (let d = 0; d < s.length; d++) {
-          const x = (w + d) % s.length, X = s[x];
-          if ((r = X.textContent) != null && r.toLowerCase().trim().startsWith(a)) {
-            X.focus();
-            const Se = X.getAttribute("data-path");
-            Se && A(Se);
+        for (let E = 0; E < i.length; E++) {
+          const ne = (w + E) % i.length, ve = i[ne];
+          if ((a = ve.textContent) != null && a.toLowerCase().trim().startsWith(o)) {
+            ve.focus();
+            const e = ve.getAttribute("data-path");
+            e && D(e);
             break;
           }
         }
       } else
-        Ue(""), H.current && clearTimeout(H.current);
-  }, xt = async (t, r) => {
-    const a = ye.current, s = (a == null ? void 0 : a.tempPath) === t, i = Oe(t), w = (r || "").trim();
-    if (!y(w)) {
-      if (s) {
+        Me(""), O.current && clearTimeout(O.current);
+  }, kt = async (t, a) => {
+    if (d) return;
+    const o = G.current, i = (o == null ? void 0 : o.tempPath) === t, f = Le(t);
+    if (!a || a === "." || a === ".." || it(a) !== a) {
+      if (i) {
         try {
-          a.type === "folder" ? await l.rmdir(t, {
+          o.type === "folder" ? await l.rmdir(t, {
             recursive: !0
           }) : await l.unlink(t);
         } catch {
         }
-        ye.current = null;
+        G.current = null;
       }
-      me(s ? null : t);
+      z(i ? null : t);
       return;
     }
-    let d = We(i, w), x = d;
-    if (x === t) {
-      me(null);
-      const e = s && (a == null ? void 0 : a.type) === "file";
-      s && (ye.current = null), setTimeout(() => {
-        A(x), oe(x), e && k && k(x);
+    let w = Oe(f, a), E = w;
+    if (E === t) {
+      z(null);
+      const s = i && (o == null ? void 0 : o.type) === "file";
+      i && (G.current = null), setTimeout(() => {
+        D(E), X(E), s && N && N(E);
       }, 0);
       return;
     }
-    const X = await l.fileExists(x), Se = await l.isDir(x);
-    if ((X || Se) && x !== t)
-      if (s)
+    const ne = await l.fileExists(E), ve = await l.isDir(E);
+    if ((ne || ve) && E !== t)
+      if (i)
         try {
-          const e = await Le(
-            i === "/" ? "/" : i,
-            w
+          const s = await Ve(
+            f === "/" ? "/" : f,
+            a
           );
-          d = We(i, e), x = d;
+          w = Oe(f, s), E = w;
         } catch {
         }
       else {
-        me(t);
+        z(t);
         return;
       }
-    let Ke = (a == null ? void 0 : a.type) === "folder";
+    let e = (o == null ? void 0 : o.type) === "folder";
     try {
-      await l.mv(t, d), a || (Ke = await l.isDir(d)), Ke && ie(t, x), P === t && g(x), await C(i), A(x), oe(x), s && !Ke && k && k(x);
+      await l.mv(t, w), o || (e = await l.isDir(w)), e && ye(t, E), P === t && k(E), await re(f), D(E), X(E), i && !e && N && N(E);
     } catch {
-      if (s)
+      if (i)
         try {
-          (a == null ? void 0 : a.type) === "folder" ? await l.rmdir(t, {
+          (o == null ? void 0 : o.type) === "folder" ? await l.rmdir(t, {
             recursive: !0
           }) : await l.unlink(t);
         } catch {
         }
     } finally {
-      ye.current = null, me(null);
+      G.current = null, z(null);
     }
-  }, ut = async (t) => {
-    const r = ye.current;
-    if (!l || (r == null ? void 0 : r.tempPath) !== t) {
-      me((s) => s === t ? null : s);
+  }, ht = async (t) => {
+    const a = G.current;
+    if (!l || (a == null ? void 0 : a.tempPath) !== t) {
+      z((i) => i === t ? null : i);
       return;
     }
     try {
-      r.type === "folder" ? await l.rmdir(t, { recursive: !0 }) : await l.unlink(t);
+      a.type === "folder" ? await l.rmdir(t, { recursive: !0 }) : await l.unlink(t);
     } catch {
     }
-    ye.current = null, me(null);
-    const a = Oe(t);
-    await C(a), A(a), oe(a);
+    G.current = null, z(null);
+    const o = Le(t);
+    await re(o), D(o), X(o);
   };
-  return /* @__PURE__ */ o.createElement("div", { onKeyDown: ct, ref: _ }, /* @__PURE__ */ o.createElement(Kt, { className: we.filePickerTree }, ce.map((t, r) => /* @__PURE__ */ o.createElement(
+  return /* @__PURE__ */ r.createElement("div", { onKeyDown: pt, ref: g }, /* @__PURE__ */ r.createElement(er, { className: Ee.filePickerTree }, oe.map((t, a) => /* @__PURE__ */ r.createElement(
     zt,
     {
       key: t.name,
       node: t,
       level: 0,
-      position: r + 1,
-      setSize: ce.length,
-      expandedNodePaths: v,
-      onToggle: J,
+      position: a + 1,
+      setSize: oe.length,
+      expandedNodePaths: _,
+      onToggle: Pe,
       selectedNode: P,
-      focusPath: (a) => A(a),
-      focusedNode: Z,
-      selectPath: ve,
-      generatePath: be,
-      getChildren: Re,
-      onContextMenu: st,
-      renamingPath: ke,
-      onRename: xt,
-      onRenameCancel: ut,
-      dropIndicator: ee,
-      onDragStart: wt,
-      onDragEnd: vt,
-      onDragEnter: at,
-      onDragOver: ot,
-      onDragLeave: it,
-      onDrop: gt,
-      rootPath: T,
-      onDoubleClickFile: k
-    }
-  ))), U && /* @__PURE__ */ o.createElement(
-    qt,
+      focusPath: (o) => D(o),
+      focusedNode: F,
+      selectPath: _e,
+      generatePath: le,
+      getChildren: Se,
+      onContextMenu: d ? void 0 : ft,
+      renamingPath: Q,
+      onRename: kt,
+      onRenameCancel: ht,
+      dropIndicator: y,
+      onDragStart: d ? void 0 : wt,
+      onDragEnd: d ? void 0 : gt,
+      onDragEnter: d ? void 0 : st,
+      onDragOver: d ? void 0 : ct,
+      onDragLeave: d ? void 0 : ut,
+      onDrop: d ? void 0 : Et,
+      rootPath: S,
+      onDoubleClickFile: N
+    }
+  ))), !d && Y && /* @__PURE__ */ r.createElement(
+    tr,
     {
       placement: "bottom-start",
-      onClose: () => h(null),
+      onClose: () => u(null),
       anchor: {
         getBoundingClientRect: () => ({
-          x: U.x,
-          y: U.y,
+          x: Y.x,
+          y: Y.y,
           width: 0,
           height: 0,
-          top: U.y,
-          left: U.x,
-          right: U.x,
-          bottom: U.y,
+          top: Y.y,
+          left: Y.x,
+          right: Y.x,
+          bottom: Y.y,
           toJSON: () => ({})
         }),
         ownerDocument: document
@@ -1504,59 +1502,59 @@ const qr = Bt(function({
       resize: !1,
       focusOnMount: "firstElement"
     },
-    /* @__PURE__ */ o.createElement(Jt, { role: "menu" }, U.type === "folder" && /* @__PURE__ */ o.createElement(
-      qe,
+    /* @__PURE__ */ r.createElement(rr, { role: "menu" }, Y.type === "folder" && /* @__PURE__ */ r.createElement(
+      rt,
       {
         role: "menuitem",
         onClick: async () => {
-          h(null), await Ve(
-            U.absPath,
+          u(null), await Ue(
+            Y.absPath,
             "file",
             "untitled.php"
           );
         }
       },
       "Create file"
-    ), U.type === "folder" && /* @__PURE__ */ o.createElement(
-      qe,
+    ), Y.type === "folder" && /* @__PURE__ */ r.createElement(
+      rt,
       {
         role: "menuitem",
         onClick: async () => {
-          h(null), await Ve(
-            U.absPath,
+          u(null), await Ue(
+            Y.absPath,
             "folder",
             "New Folder"
           );
         }
       },
       "Create directory"
-    ), /* @__PURE__ */ o.createElement(
-      qe,
+    ), /* @__PURE__ */ r.createElement(
+      rt,
       {
         role: "menuitem",
         onClick: () => {
-          h(null), me(U.absPath);
+          u(null), z(Y.absPath);
         }
       },
       "Rename"
-    ), U.type === "file" && /* @__PURE__ */ o.createElement(
-      qe,
+    ), Y.type === "file" && /* @__PURE__ */ r.createElement(
+      rt,
       {
         role: "menuitem",
         onClick: async () => {
-          h(null), await Ge(
-            U.absPath
+          u(null), await Rt(
+            Y.absPath
           );
         }
       },
       "Download"
-    ), /* @__PURE__ */ o.createElement(
-      qe,
+    ), /* @__PURE__ */ r.createElement(
+      rt,
       {
         role: "menuitem",
-        onClick: () => Ze(
-          U.absPath,
-          U.type
+        onClick: () => mt(
+          Y.absPath,
+          Y.type
         )
       },
       "Delete"
@@ -1564,982 +1562,1299 @@ const qr = Bt(function({
   ));
 }), zt = ({
   node: n,
-  level: u,
-  position: l,
-  setSize: m,
-  expandedNodePaths: E,
-  onToggle: g,
+  level: c,
+  position: d,
+  setSize: l,
+  expandedNodePaths: R,
+  onToggle: m,
   selectedNode: k,
-  focusPath: V,
-  focusedNode: T,
-  selectPath: y,
-  generatePath: v,
-  getChildren: N,
+  focusPath: N,
+  focusedNode: h,
+  selectPath: S,
+  generatePath: _,
+  getChildren: T,
   onContextMenu: P,
-  renamingPath: j,
-  onRename: Z,
-  onRenameCancel: A,
-  parentPath: D = "",
-  dropIndicator: p,
+  renamingPath: W,
+  onRename: F,
+  onRenameCancel: D,
+  parentPath: ce = "",
+  dropIndicator: v,
   onDragStart: b,
-  onDragEnd: q,
-  onDragEnter: B,
-  onDragOver: G,
-  onDragLeave: ee,
-  onDrop: W,
-  rootPath: F,
-  onDoubleClickFile: te
+  onDragEnd: K,
+  onDragEnter: te,
+  onDragOver: q,
+  onDragLeave: y,
+  onDrop: M,
+  rootPath: I,
+  onDoubleClickFile: $
 }) => {
-  const _ = v(n, D), H = E[_], de = j === _, ae = M(null), [re, ue] = Q(n.name), oe = M(!1), be = (p == null ? void 0 : p.path) === _, Re = be && (p == null ? void 0 : p.state) === "valid", Te = be && (p == null ? void 0 : p.state) === "invalid", Pe = !de && _ !== F, le = M(null), S = {
-    onDragEnter: (h) => B == null ? void 0 : B(h, n, _),
-    onDragOver: (h) => G == null ? void 0 : G(h, n, _),
-    onDragLeave: (h) => ee == null ? void 0 : ee(h, n, _),
-    onDrop: (h) => W == null ? void 0 : W(h, n, _)
-  }, C = N(n, _) ?? [];
-  I(() => {
-    var h;
-    de ? (ue(n.name), oe.current = !1, typeof window < "u" && requestAnimationFrame ? requestAnimationFrame(() => {
-      var ge;
-      (ge = ae.current) == null || ge.select();
-    }) : (h = ae.current) == null || h.select()) : oe.current = !1;
-  }, [de, n.name]);
-  const J = () => {
-    n.type === "folder" && g(_, n, !H);
-  }, z = (h) => {
-    var ge, me;
-    if (h.key === "ArrowLeft")
-      H ? J() : (ge = document.querySelector(
-        `[data-path="${D}"]`
-      )) == null || ge.focus(), h.preventDefault(), h.stopPropagation();
-    else if (h.key === "ArrowRight") {
-      if (H) {
-        if (C != null && C.length) {
-          const ye = v(
-            C[0],
-            _
+  const g = _(n, ce), O = R[g], me = W === g, A = V(null), [J, fe] = ee(n.name), X = V(!1), le = (v == null ? void 0 : v.path) === g, Se = le && (v == null ? void 0 : v.state) === "valid", be = le && (v == null ? void 0 : v.state) === "invalid", Ce = !!b && !me && g !== I, ue = V(null), Fe = {
+    onDragEnter: (u) => te == null ? void 0 : te(u, n, g),
+    onDragOver: (u) => q == null ? void 0 : q(u, n, g),
+    onDragLeave: (u) => y == null ? void 0 : y(u, n, g),
+    onDrop: (u) => M == null ? void 0 : M(u, n, g)
+  }, re = T(n, g) ?? [];
+  H(() => {
+    var u;
+    me ? (fe(n.name), X.current = !1, typeof window < "u" && requestAnimationFrame ? requestAnimationFrame(() => {
+      var x;
+      (x = A.current) == null || x.select();
+    }) : (u = A.current) == null || u.select()) : X.current = !1;
+  }, [me, n.name]);
+  const Pe = () => {
+    n.type === "folder" && m(g, n, !O);
+  }, Re = (u) => {
+    var x, z;
+    if (u.key === "ArrowLeft")
+      O ? Pe() : (x = document.querySelector(
+        `[data-path="${CSS.escape(ce)}"]`
+      )) == null || x.focus(), u.preventDefault(), u.stopPropagation();
+    else if (u.key === "ArrowRight") {
+      if (O) {
+        if (re != null && re.length) {
+          const G = _(
+            re[0],
+            g
           );
-          (me = document.querySelector(
-            `[data-path="${ye}"]`
-          )) == null || me.focus();
+          (z = document.querySelector(
+            `[data-path="${CSS.escape(G)}"]`
+          )) == null || z.focus();
         }
       } else
-        J();
-      h.preventDefault(), h.stopPropagation();
-    } else h.key === " " || h.key === "Space" || h.key === "Spacebar" ? (n.type === "folder" && g(_, n, !H), h.preventDefault()) : h.key === "Enter" && (n.type === "folder" ? g(_, n, !H) : (y(_, !1), V(_), te ? te(_) : y(_, !0)), h.preventDefault());
-  }, ie = (h) => {
-    P == null || P(h, n, _);
-  }, Ee = (h) => {
-    h.preventDefault(), oe.current = !0, Z == null || Z(_, re.trim());
-  }, ve = (h) => {
-    if (h.key === "Escape") {
-      h.preventDefault(), h.stopPropagation(), oe.current = !0, A == null || A(_);
+        Pe();
+      u.preventDefault(), u.stopPropagation();
+    } else u.key === " " || u.key === "Space" || u.key === "Spacebar" ? (n.type === "folder" && m(g, n, !O), u.preventDefault()) : u.key === "Enter" && (n.type === "folder" ? m(g, n, !O) : (S(g, !1), N(g), $ ? $(g) : S(g, !0)), u.preventDefault());
+  }, ye = (u) => {
+    P == null || P(u, n, g);
+  }, De = (u) => {
+    u.preventDefault(), X.current = !0, F == null || F(g, J);
+  }, _e = (u) => {
+    if (u.key === "Escape") {
+      u.preventDefault(), u.stopPropagation(), X.current = !0, D == null || D(g);
       return;
     }
-    (h.key === "ArrowLeft" || h.key === "ArrowRight" || h.key === "ArrowUp" || h.key === "ArrowDown") && h.stopPropagation();
-  }, ce = () => {
-    oe.current || A == null || A(_), oe.current = !1;
-  }, U = () => {
+    (u.key === "ArrowLeft" || u.key === "ArrowRight" || u.key === "ArrowUp" || u.key === "ArrowDown") && u.stopPropagation();
+  }, oe = () => {
+    X.current || D == null || D(g), X.current = !1;
+  }, Y = () => {
     if (n.type === "folder") {
-      J(), y(_), V(_);
+      Pe(), S(g), N(g);
       return;
     }
-    const h = le.current !== null;
-    if (h && le.current && clearTimeout(le.current), le.current = null, h) {
-      te ? te(_) : y(_, !0);
+    const u = ue.current !== null;
+    if (u && ue.current && clearTimeout(ue.current), ue.current = null, u) {
+      $ ? $(g) : S(g, !0);
       return;
     }
-    y(_, !1), V(_), y(_, !0), le.current = window.setTimeout(() => {
-      le.current = null;
+    S(g, !1), N(g), S(g, !0), ue.current = window.setTimeout(() => {
+      ue.current = null;
     }, 300);
   };
-  return I(() => () => {
-    le.current !== null && typeof window < "u" && clearTimeout(le.current);
-  }, []), /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement(
-    Xt,
+  return H(() => () => {
+    ue.current !== null && typeof window < "u" && clearTimeout(ue.current);
+  }, []), /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(
+    nr,
     {
-      level: u,
-      positionInSet: l,
-      setSize: m
+      level: c,
+      positionInSet: d,
+      setSize: l
     },
-    /* @__PURE__ */ o.createElement(Qt, null, () => /* @__PURE__ */ o.createElement(o.Fragment, null, de ? /* @__PURE__ */ o.createElement(
+    /* @__PURE__ */ r.createElement(ar, null, () => /* @__PURE__ */ r.createElement(r.Fragment, null, me ? /* @__PURE__ */ r.createElement(
       "form",
       {
-        onSubmit: Ee,
-        className: et(
-          we.fileNodeButton,
-          we.renaming,
+        onSubmit: De,
+        className: Ne(
+          Ee.fileNodeButton,
+          Ee.renaming,
           "file-node-button",
           {
-            [we.selected]: k === _,
-            [we.focused]: T === _,
-            [we.dropTarget]: Re,
-            [we.dropTargetInvalid]: Te
+            [Ee.selected]: k === g,
+            [Ee.focused]: h === g,
+            [Ee.dropTarget]: Se,
+            [Ee.dropTargetInvalid]: be
           }
         ),
-        "data-path": _,
-        onContextMenu: ie,
-        ...S
+        "data-path": g,
+        onContextMenu: ye,
+        ...Fe
       },
-      /* @__PURE__ */ o.createElement(
-        Vt,
+      /* @__PURE__ */ r.createElement(
+        jt,
         {
           node: n,
-          isOpen: n.type === "folder" && H,
-          level: u,
+          isOpen: n.type === "folder" && O,
+          level: c,
           hideName: !0
         }
       ),
-      /* @__PURE__ */ o.createElement(
+      /* @__PURE__ */ r.createElement(
         "input",
         {
-          ref: ae,
-          className: we.renameInput,
-          value: re,
-          onChange: (h) => ue(h.target.value),
-          onBlur: ce,
-          onFocus: () => V(_),
-          onKeyDown: ve
+          ref: A,
+          className: Ee.renameInput,
+          value: J,
+          onChange: (u) => fe(u.target.value),
+          onBlur: oe,
+          onFocus: () => N(g),
+          onKeyDown: _e
         }
       )
-    ) : /* @__PURE__ */ o.createElement(
-      mt,
+    ) : /* @__PURE__ */ r.createElement(
+      Je,
       {
-        ...S,
-        draggable: Pe,
-        onDragStart: (h) => b == null ? void 0 : b(h, n, _),
-        onDragEnd: (h) => q == null ? void 0 : q(h, n, _),
-        onClick: U,
-        onKeyDown: z,
+        ...Fe,
+        draggable: Ce,
+        onDragStart: (u) => b == null ? void 0 : b(u, n, g),
+        onDragEnd: (u) => K == null ? void 0 : K(u, n, g),
+        onClick: Y,
+        onKeyDown: Re,
         onFocus: () => {
-          V(_);
+          N(g);
         },
-        onContextMenu: ie,
-        className: et(
-          we.fileNodeButton,
+        onContextMenu: ye,
+        className: Ne(
+          Ee.fileNodeButton,
           "file-node-button",
           {
-            [we.selected]: k === _,
-            [we.focused]: T === _,
-            [we.dropTarget]: Re,
-            [we.dropTargetInvalid]: Te
+            [Ee.selected]: k === g,
+            [Ee.focused]: h === g,
+            [Ee.dropTarget]: Se,
+            [Ee.dropTargetInvalid]: be
           }
         ),
-        "data-path": _,
-        "data-expanded": H ? "true" : "false"
+        "data-path": g,
+        "data-expanded": O ? "true" : "false"
       },
-      /* @__PURE__ */ o.createElement(
-        Vt,
+      /* @__PURE__ */ r.createElement(
+        jt,
         {
           node: n,
-          isOpen: n.type === "folder" && H,
-          level: u
+          isOpen: n.type === "folder" && O,
+          level: c
         }
       )
     )))
-  ), H && C && C.map((h, ge) => /* @__PURE__ */ o.createElement(
+  ), O && re && re.map((u, x) => /* @__PURE__ */ r.createElement(
     zt,
     {
-      key: h.name,
-      node: h,
-      level: u + 1,
-      position: ge + 1,
-      setSize: C.length,
-      expandedNodePaths: E,
-      onToggle: g,
+      key: u.name,
+      node: u,
+      level: c + 1,
+      position: x + 1,
+      setSize: re.length,
+      expandedNodePaths: R,
+      onToggle: m,
       selectedNode: k,
-      focusPath: V,
-      focusedNode: T,
-      selectPath: y,
-      generatePath: v,
-      getChildren: N,
+      focusPath: N,
+      focusedNode: h,
+      selectPath: S,
+      generatePath: _,
+      getChildren: T,
       onContextMenu: P,
-      renamingPath: j,
-      onRename: Z,
-      onRenameCancel: A,
-      parentPath: _,
-      dropIndicator: p,
+      renamingPath: W,
+      onRename: F,
+      onRenameCancel: D,
+      parentPath: g,
+      dropIndicator: v,
       onDragStart: b,
-      onDragEnd: q,
-      onDragEnter: B,
-      onDragOver: G,
-      onDragLeave: ee,
-      onDrop: W,
-      rootPath: F,
-      onDoubleClickFile: te
+      onDragEnd: K,
+      onDragEnter: te,
+      onDragOver: q,
+      onDragLeave: y,
+      onDrop: M,
+      rootPath: I,
+      onDoubleClickFile: $
     }
   )));
-}, Vt = ({ node: n, level: u, isOpen: l, hideName: m = !1 }) => {
-  const E = [];
-  for (let g = 0; g < u; g++)
-    E.push("&nbsp;&nbsp;&nbsp;&nbsp;");
-  return /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement(
+}, jt = ({ node: n, level: c, isOpen: d, hideName: l = !1 }) => {
+  const R = [];
+  for (let m = 0; m < c; m++)
+    R.push("&nbsp;&nbsp;&nbsp;&nbsp;");
+  return /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(
     "span",
     {
       "aria-hidden": "true",
-      dangerouslySetInnerHTML: { __html: E.join("") }
-    }
-  ), n.type === "folder" ? /* @__PURE__ */ o.createElement(jt, { width: 16, icon: l ? jr : Ir }) : /* @__PURE__ */ o.createElement("div", { style: { width: 16 } }, " "), /* @__PURE__ */ o.createElement(jt, { width: 16, icon: n.type === "folder" ? Or : Ar }), !m && /* @__PURE__ */ o.createElement("span", { className: we.fileName }, n.name));
-}, Jr = "_control_kp9d9_1", Xr = "_browse-label_kp9d9_11", Qr = "_path-preview_kp9d9_37", en = "_modal_kp9d9_43", tn = "_modal-footer_kp9d9_48", He = {
-  control: Jr,
-  browseLabel: Xr,
-  pathPreview: Qr,
-  modal: en,
-  modalFooter: tn
+      dangerouslySetInnerHTML: { __html: R.join("") }
+    }
+  ), n.type === "folder" ? /* @__PURE__ */ r.createElement(Ot, { width: 16, icon: d ? Wr : Hr }) : /* @__PURE__ */ r.createElement("div", { style: { width: 16 } }, " "), /* @__PURE__ */ r.createElement(Ot, { width: 16, icon: n.type === "folder" ? Mr : jr }), !l && /* @__PURE__ */ r.createElement("span", { className: Ee.fileName }, n.name));
+}, nn = "_control_kp9d9_1", an = "_browse-label_kp9d9_11", on = "_path-preview_kp9d9_37", ln = "_modal_kp9d9_43", sn = "_modal-footer_kp9d9_48", qe = {
+  control: nn,
+  browseLabel: an,
+  pathPreview: on,
+  modal: ln,
+  modalFooter: sn
 };
-function rn({ path: n }) {
+function cn({ path: n }) {
   if (!n)
-    return /* @__PURE__ */ o.createElement("div", { className: He.pathPreview }, /* @__PURE__ */ o.createElement("i", null, "Select a path"));
-  const u = n.split("/");
-  let l = (u.length > 2 ? "/" : "") + u.pop();
-  l.length > 10 && (l = l.substring(l.length - 10));
-  const m = n.substring(
+    return /* @__PURE__ */ r.createElement("div", { className: qe.pathPreview }, /* @__PURE__ */ r.createElement("i", null, "Select a path"));
+  const c = n.split("/");
+  let d = (c.length > 2 ? "/" : "") + c.pop();
+  d.length > 10 && (d = d.substring(d.length - 10));
+  const l = n.substring(
     0,
-    n.length - l.length
+    n.length - d.length
   );
-  return /* @__PURE__ */ o.createElement(
+  return /* @__PURE__ */ r.createElement(
     "div",
     {
-      className: He.pathPreview,
-      "data-content-start": m,
-      "data-content-end": l
+      className: qe.pathPreview,
+      "data-content-start": l,
+      "data-content-end": d
     }
   );
 }
-function ga({
+function ja({
   value: n = "",
-  onChange: u,
-  filesystem: l
+  onChange: c,
+  filesystem: d
 }) {
-  const [m, E] = Q(!1), g = () => E(!0), k = () => E(!1), [V, T] = Q(
+  const [l, R] = ee(!1), m = () => R(!0), k = () => R(!1), [N, h] = ee(
     n || null
   );
-  function y(v) {
-    v == null || v.preventDefault(), u(V || ""), k();
+  function S(_) {
+    _ == null || _.preventDefault(), c(N || ""), k();
   }
-  return /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement(
-    mt,
+  return /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(
+    Je,
     {
       variant: "tertiary",
-      className: He.control,
-      onClick: g
+      className: qe.control,
+      onClick: m
     },
-    /* @__PURE__ */ o.createElement("span", { className: He.browseLabel }, "Browse"),
-    /* @__PURE__ */ o.createElement(rn, { path: n || "" })
-  ), m && /* @__PURE__ */ o.createElement(
-    er,
+    /* @__PURE__ */ r.createElement("span", { className: qe.browseLabel }, "Browse"),
+    /* @__PURE__ */ r.createElement(cn, { path: n || "" })
+  ), l && /* @__PURE__ */ r.createElement(
+    or,
     {
       title: "Select a path ",
       onRequestClose: k,
-      className: He.modal
+      className: qe.modal
     },
-    /* @__PURE__ */ o.createElement("form", { onSubmit: y }, /* @__PURE__ */ o.createElement(
-      qr,
+    /* @__PURE__ */ r.createElement("form", { onSubmit: S }, /* @__PURE__ */ r.createElement(
+      rn,
       {
-        filesystem: l,
+        filesystem: d,
         initialSelectedPath: n,
-        onSelect: T
+        onSelect: h
       }
-    ), /* @__PURE__ */ o.createElement("div", { className: He.modalFooter }, /* @__PURE__ */ o.createElement(mt, { type: "submit", variant: "primary" }, "Select Path")))
+    ), /* @__PURE__ */ r.createElement("div", { className: qe.modalFooter }, /* @__PURE__ */ r.createElement(Je, { type: "submit", variant: "primary" }, "Select Path")))
   ));
 }
-const nn = "_container_1h0az_1", an = "_header_1h0az_9", on = "_filename_1h0az_18", sn = "_downloadLink_1h0az_26", ln = "_previewArea_1h0az_38", cn = "_imagePreview_1h0az_51", un = "_videoPreview_1h0az_57", fn = "_audioPreview_1h0az_64", dn = "_unsupportedMessage_1h0az_68", mn = "_actions_1h0az_74", Ce = {
-  container: nn,
-  header: an,
-  filename: on,
-  downloadLink: sn,
-  previewArea: ln,
-  imagePreview: cn,
-  videoPreview: un,
-  audioPreview: fn,
-  unsupportedMessage: dn,
-  actions: mn
-}, pn = (n) => {
+const un = "_container_1h0az_1", fn = "_header_1h0az_9", dn = "_filename_1h0az_18", mn = "_downloadLink_1h0az_26", pn = "_previewArea_1h0az_38", hn = "_imagePreview_1h0az_51", vn = "_videoPreview_1h0az_57", wn = "_audioPreview_1h0az_64", gn = "_unsupportedMessage_1h0az_68", En = "_actions_1h0az_74", Ie = {
+  container: un,
+  header: fn,
+  filename: dn,
+  downloadLink: mn,
+  previewArea: pn,
+  imagePreview: hn,
+  videoPreview: vn,
+  audioPreview: wn,
+  unsupportedMessage: gn,
+  actions: En
+}, yn = (n) => {
   if (!n)
     return {
       isImage: !1,
       isVideo: !1,
       isAudio: !1
     };
-  const u = n.toLowerCase();
+  const c = n.toLowerCase();
   return {
-    isImage: u.startsWith("image/"),
-    isVideo: u.startsWith("video/"),
-    isAudio: u.startsWith("audio/")
+    isImage: c.startsWith("image/"),
+    isVideo: c.startsWith("video/"),
+    isAudio: c.startsWith("audio/")
   };
 };
-function Ea({
+function Va({
   filename: n,
-  mimeType: u,
-  dataUrl: l,
-  downloadUrl: m,
-  showHeader: E = !0
+  mimeType: c,
+  dataUrl: d,
+  downloadUrl: l,
+  showHeader: R = !0
 }) {
-  const { isImage: g, isVideo: k, isAudio: V } = pn(u), T = E !== !1, y = !!(m && n), v = () => y ? /* @__PURE__ */ o.createElement(
+  const { isImage: m, isVideo: k, isAudio: N } = yn(c), h = R !== !1, S = !!(l && n), _ = () => S ? /* @__PURE__ */ r.createElement(
     "a",
     {
-      className: Ce.downloadLink,
-      href: m,
+      className: Ie.downloadLink,
+      href: l,
       download: n
     },
     "Download"
-  ) : null, N = () => g ? /* @__PURE__ */ o.createElement(
+  ) : null, T = () => m ? /* @__PURE__ */ r.createElement(
     "img",
     {
-      className: Ce.imagePreview,
-      src: l,
+      className: Ie.imagePreview,
+      src: d,
       alt: n || "Preview"
     }
-  ) : k ? /* @__PURE__ */ o.createElement(
+  ) : k ? /* @__PURE__ */ r.createElement(
     "video",
     {
-      className: Ce.videoPreview,
+      className: Ie.videoPreview,
       controls: !0,
       preload: "metadata"
     },
-    /* @__PURE__ */ o.createElement("source", { src: l, type: u }),
+    /* @__PURE__ */ r.createElement("source", { src: d, type: c }),
     "Your browser does not support the video tag."
-  ) : V ? /* @__PURE__ */ o.createElement("audio", { className: Ce.audioPreview, controls: !0 }, /* @__PURE__ */ o.createElement("source", { src: l, type: u }), "Your browser does not support the audio tag.") : /* @__PURE__ */ o.createElement("div", { className: Ce.unsupportedMessage }, /* @__PURE__ */ o.createElement("p", null, "Preview unavailable for this file type."), y ? /* @__PURE__ */ o.createElement("p", null, v()) : /* @__PURE__ */ o.createElement("p", null, "Download the file to inspect its contents."));
-  return /* @__PURE__ */ o.createElement("div", { className: Ce.container }, T && /* @__PURE__ */ o.createElement("div", { className: Ce.header }, /* @__PURE__ */ o.createElement("span", { className: Ce.filename, title: n }, n), v()), /* @__PURE__ */ o.createElement("div", { className: Ce.previewArea }, N()), !T && y && /* @__PURE__ */ o.createElement("div", { className: Ce.actions }, v()));
+  ) : N ? /* @__PURE__ */ r.createElement("audio", { className: Ie.audioPreview, controls: !0 }, /* @__PURE__ */ r.createElement("source", { src: d, type: c }), "Your browser does not support the audio tag.") : /* @__PURE__ */ r.createElement("div", { className: Ie.unsupportedMessage }, /* @__PURE__ */ r.createElement("p", null, "Preview unavailable for this file type."), S ? /* @__PURE__ */ r.createElement("p", null, _()) : /* @__PURE__ */ r.createElement("p", null, "Download the file to inspect its contents."));
+  return /* @__PURE__ */ r.createElement("div", { className: Ie.container }, h && /* @__PURE__ */ r.createElement("div", { className: Ie.header }, /* @__PURE__ */ r.createElement("span", { className: Ie.filename, title: n }, n), _()), /* @__PURE__ */ r.createElement("div", { className: Ie.previewArea }, T()), !h && S && /* @__PURE__ */ r.createElement("div", { className: Ie.actions }, _()));
 }
-const St = /* @__PURE__ */ new Map(), hn = async (n) => {
-  var E;
+const At = /* @__PURE__ */ new Map(), _n = async (n) => {
+  var R;
   if (!n)
-    return tt();
-  const u = (E = n.split(".").pop()) == null ? void 0 : E.toLowerCase();
-  if (!u || u === "php")
-    return tt();
-  const l = n;
-  if (St.has(l))
-    return St.get(l);
-  let m;
-  switch (u) {
+    return lt();
+  const c = (R = n.split(".").pop()) == null ? void 0 : R.toLowerCase();
+  if (!c || c === "php")
+    return lt();
+  const d = n;
+  if (At.has(d))
+    return At.get(d);
+  let l;
+  switch (c) {
     case "css":
-      m = await import("@codemirror/lang-css").then(
-        (g) => g.css()
+      l = await import("@codemirror/lang-css").then(
+        (m) => m.css()
       );
       break;
     case "js":
     case "jsx":
     case "ts":
     case "tsx":
-      m = await import("@codemirror/lang-javascript").then(
-        (g) => g.javascript({
-          jsx: u === "jsx" || u === "tsx",
-          typescript: u === "ts" || u === "tsx"
+      l = await import("@codemirror/lang-javascript").then(
+        (m) => m.javascript({
+          jsx: c === "jsx" || c === "tsx",
+          typescript: c === "ts" || c === "tsx"
         })
       );
       break;
     case "json":
-      m = await import("@codemirror/lang-json").then(
-        (g) => g.json()
+      l = await import("@codemirror/lang-json").then(
+        (m) => m.json()
       );
       break;
     case "html":
     case "htm":
-      m = await import("@codemirror/lang-html").then(
-        (g) => g.html()
+      l = await import("@codemirror/lang-html").then(
+        (m) => m.html()
       );
       break;
     case "md":
     case "markdown":
-      m = await import("@codemirror/lang-markdown").then(
-        (g) => g.markdown()
+      l = await import("@codemirror/lang-markdown").then(
+        (m) => m.markdown()
       );
       break;
     default:
-      m = tt();
+      l = lt();
   }
-  return St.set(l, m), m;
+  return At.set(d, l), l;
 };
-class wn {
-  constructor(u) {
-    this.view = u, this.handleClick = this.handleClick.bind(this), this.view.dom.addEventListener("mousedown", this.handleClick);
+class xn {
+  constructor(c) {
+    this.view = c, this.handleClick = this.handleClick.bind(this), this.view.dom.addEventListener("mousedown", this.handleClick);
   }
-  handleClick(u) {
-    const l = u.target;
-    if ((l.classList.contains("cm-scroller") || l.classList.contains("cm-content")) && this.view.posAtCoords({
-      x: u.clientX,
-      y: u.clientY
+  handleClick(c) {
+    const d = c.target;
+    if ((d.classList.contains("cm-scroller") || d.classList.contains("cm-content")) && this.view.posAtCoords({
+      x: c.clientX,
+      y: c.clientY
     }) === null) {
-      const E = this.view.state.doc.length, g = pt.create([
-        pt.range(E, E)
+      const R = this.view.state.doc.length, m = vt.create([
+        vt.range(R, R)
       ]);
       this.view.dispatch({
-        selection: g,
-        effects: Qe.scrollIntoView(E, {
+        selection: m,
+        effects: ot.scrollIntoView(R, {
           y: "center"
         })
-      }), this.view.focus(), u.preventDefault();
+      }), this.view.focus(), c.preventDefault();
     }
   }
   destroy() {
     this.view.dom.removeEventListener("mousedown", this.handleClick);
   }
 }
-const vn = ir.define(
-  (n) => new wn(n)
-), Ut = Bt(
+const bn = dr.define(
+  (n) => new xn(n)
+), Gt = $t(
   function({
-    code: u,
-    onChange: l,
-    currentPath: m,
-    className: E,
-    onSaveShortcut: g,
+    code: c,
+    onChange: d,
+    currentPath: l,
+    className: R,
+    onSaveShortcut: m,
     readOnly: k = !1,
-    additionalExtensions: V
-  }, T) {
-    const y = M(
+    additionalExtensions: N
+  }, h) {
+    const S = V(
       null
-    ), v = M(null), N = M(new Tt()), P = M(new Tt()), j = M(new Tt()), Z = M(u), A = M(l), D = M(!1);
-    return Wt(T, () => ({
+    ), _ = V(null), T = V(new Pt()), P = V(new Pt()), W = V(new Pt()), F = V(c), D = V(d), ce = V(!1);
+    return Wt(h, () => ({
       focus: () => {
-        var p;
-        (p = v.current) == null || p.focus();
+        var v;
+        (v = _.current) == null || v.focus();
       },
       blur: () => {
-        const p = v.current;
-        p && p.contentDOM.blur();
+        const v = _.current;
+        v && v.contentDOM.blur();
       },
-      getCursorPosition: () => v.current ? v.current.state.selection.main.anchor : null,
-      setCursorPosition: (p) => {
-        if (!v.current)
+      getCursorPosition: () => _.current ? _.current.state.selection.main.anchor : null,
+      setCursorPosition: (v) => {
+        if (!_.current)
           return;
         const b = Math.min(
-          p,
-          v.current.state.doc.length
-        ), q = pt.create([
-          pt.range(b, b)
+          v,
+          _.current.state.doc.length
+        ), K = vt.create([
+          vt.range(b, b)
         ]);
-        v.current.dispatch({
-          selection: q,
+        _.current.dispatch({
+          selection: K,
           scrollIntoView: !0
         });
       }
-    })), I(() => {
-      Z.current = u;
-    }, [u]), I(() => {
-      A.current = l;
-    }, [l]), I(() => {
-      if (v.current)
+    })), H(() => {
+      F.current = c;
+    }, [c]), H(() => {
+      D.current = d;
+    }, [d]), H(() => {
+      if (_.current)
         return;
-      const p = y.current;
-      if (!p)
+      const v = S.current;
+      if (!v)
         return;
-      const b = or.create({
-        doc: u,
+      const b = fr.create({
+        doc: c,
         extensions: [
-          j.current.of(V ?? []),
-          sr(),
-          lr(),
-          cr(),
-          xr(),
-          ur(),
-          fr(),
-          dr(),
-          vn,
-          N.current.of(tt()),
+          W.current.of(N ?? []),
+          mr(),
+          pr(),
+          hr(),
+          Dr(),
+          vr(),
+          wr(),
+          gr(),
+          bn,
+          T.current.of(lt()),
           P.current.of(
-            Qe.editable.of(!k)
+            ot.editable.of(!k)
           ),
-          Rr(Tr),
-          Pr(),
+          Ar(Nr),
+          Fr(),
+          Ir(),
           kr(),
           yr(),
-          pr(),
-          gr(),
-          _r(),
-          Qe.updateListener.of((B) => {
-            if (!B.docChanged)
+          Cr(),
+          Tr(),
+          ot.updateListener.of((te) => {
+            if (!te.docChanged)
               return;
-            const G = B.state.doc.toString();
-            G !== Z.current && (Z.current = G, A.current(G));
+            const q = te.state.doc.toString();
+            q !== F.current && (F.current = q, D.current(q));
           }),
-          mr.of([
+          Er.of([
             {
               key: "Mod-s",
               preventDefault: !0,
-              run: () => (g == null || g(), !0)
+              run: () => (m == null || m(), !0)
             },
-            ...br,
-            ...Cr,
             ...Sr,
-            ...Er,
-            ...hr,
-            ...wr,
-            vr
+            ...Pr,
+            ...Lr,
+            ...Rr,
+            ..._r,
+            ...xr,
+            br
           ])
         ]
-      }), q = new Qe({ state: b, parent: p });
-      return v.current = q, () => {
-        q.destroy(), v.current = null;
+      }), K = new ot({ state: b, parent: v });
+      return _.current = K, () => {
+        K.destroy(), _.current = null;
       };
-    }, []), I(() => {
-      const p = v.current;
-      p && p.dispatch({
-        effects: j.current.reconfigure(
-          V ?? []
+    }, []), H(() => {
+      const v = _.current;
+      v && v.dispatch({
+        effects: W.current.reconfigure(
+          N ?? []
         )
       });
-    }, [V]), I(() => {
-      const p = v.current;
-      if (!p)
+    }, [N]), H(() => {
+      const v = _.current;
+      if (!v)
         return;
-      const b = p.state.doc.toString();
-      u !== b && p.dispatch({
-        changes: { from: 0, to: p.state.doc.length, insert: u }
+      const b = v.state.doc.toString();
+      c !== b && v.dispatch({
+        changes: { from: 0, to: v.state.doc.length, insert: c }
       });
-    }, [u]), I(() => {
-      var G;
-      const p = v.current;
-      if (!p)
+    }, [c]), H(() => {
+      var q;
+      const v = _.current;
+      if (!v)
         return;
-      const b = (G = m == null ? void 0 : m.split(".").pop()) == null ? void 0 : G.toLowerCase();
-      (!b || b === "php") && p.dispatch({
-        effects: N.current.reconfigure(tt())
+      const b = (q = l == null ? void 0 : l.split(".").pop()) == null ? void 0 : q.toLowerCase();
+      (!b || b === "php") && v.dispatch({
+        effects: T.current.reconfigure(lt())
       });
-      let B = !1;
-      return hn(m).then((ee) => {
-        B || !v.current || v.current.dispatch({
-          effects: N.current.reconfigure(ee)
+      let te = !1;
+      return _n(l).then((y) => {
+        te || !_.current || _.current.dispatch({
+          effects: T.current.reconfigure(y)
         });
       }), () => {
-        B = !0;
+        te = !0;
       };
-    }, [m]), I(() => {
-      const p = v.current;
-      p && (p.hasFocus && (D.current = !0), p.dispatch({
+    }, [l]), H(() => {
+      const v = _.current;
+      v && (v.hasFocus && (ce.current = !0), v.dispatch({
         effects: P.current.reconfigure(
-          Qe.editable.of(!k)
+          ot.editable.of(!k)
         )
       }));
-    }, [k]), Gt(() => {
-      const p = v.current;
-      p && D.current && !p.hasFocus && (p.focus(), D.current = !1);
-    }, [m, k]), /* @__PURE__ */ o.createElement("div", { ref: y, className: E });
+    }, [k]), qt(() => {
+      const v = _.current;
+      v && ce.current && !v.hasFocus && (v.focus(), ce.current = !1);
+    }, [l, k]), /* @__PURE__ */ r.createElement("div", { ref: S, className: R });
   }
 );
-Ut.displayName = "CodeEditor";
-const gn = "_fileExplorerContainer_1m4t6_1", En = "_fileExplorerHeader_1m4t6_14", yn = "_fileExplorerTitle_1m4t6_23", _n = "_fileExplorerActions_1m4t6_31", bn = "_fileExplorerButton_1m4t6_37", Cn = "_fileExplorerTree_1m4t6_84", Ie = {
-  fileExplorerContainer: gn,
-  fileExplorerHeader: En,
-  fileExplorerTitle: yn,
-  fileExplorerActions: _n,
-  fileExplorerButton: bn,
-  fileExplorerTree: Cn
-}, xn = 1024 * 1024, Rn = (n) => {
-  const u = n.byteLength;
-  for (let l = 0; l < Math.min(u, 4096); l++)
-    if (n[l] === 0)
+Gt.displayName = "CodeEditor";
+const Cn = "_fileExplorerContainer_8eol9_1", Rn = "_dropActive_8eol9_9", kn = "_fileExplorerHeader_8eol9_14", Tn = "_fileExplorerTitle_8eol9_23", Sn = "_fileExplorerActions_8eol9_31", Pn = "_fileExplorerButton_8eol9_37", Dn = "_fileExplorerIconButton_8eol9_67", An = "_fileExplorerTree_8eol9_79", Nn = "_dockPresentation_8eol9_88", Fn = "_fileExplorerUploadButton_8eol9_148", ge = {
+  fileExplorerContainer: Cn,
+  dropActive: Rn,
+  fileExplorerHeader: kn,
+  fileExplorerTitle: Tn,
+  fileExplorerActions: Sn,
+  fileExplorerButton: Pn,
+  fileExplorerIconButton: Dn,
+  fileExplorerTree: An,
+  dockPresentation: Nn,
+  fileExplorerUploadButton: Fn
+}, Yt = 1024 * 1024, In = (n) => {
+  const c = n.byteLength;
+  for (let d = 0; d < Math.min(c, 4096); d++)
+    if (n[d] === 0)
       return !0;
   try {
     return new TextDecoder("utf-8", { fatal: !0 }).decode(n), !1;
   } catch {
     return !0;
   }
-}, $t = (n, u) => {
-  const l = new Blob([n]), m = URL.createObjectURL(l);
-  return setTimeout(() => URL.revokeObjectURL(m), 6e4), { url: m, filename: u };
-}, Tn = (n) => {
-  const u = n.split(".").pop();
-  return Lt[u] || Lt._default;
-}, Pn = (n) => n.startsWith("image/") || n.startsWith("video/") || n.startsWith("audio/");
-function kn({
+}, Vt = (n, c) => {
+  const d = new Blob([n]), l = URL.createObjectURL(d);
+  return setTimeout(() => URL.revokeObjectURL(l), 6e4), { url: l, filename: c };
+};
+async function Ln(n, c = Yt) {
+  const d = On(n);
+  if (d !== void 0 && d > c)
+    return { type: "too-large" };
+  if (typeof n.stream == "function")
+    return Bn(n, c);
+  const l = new Uint8Array(await n.arrayBuffer());
+  return l.byteLength > c ? { type: "too-large" } : { type: "inline", data: l };
+}
+function On(n) {
+  if (typeof n.filesize == "number")
+    return n.filesize;
+  if (typeof n.size == "number")
+    return n.size;
+}
+async function Bn(n, c) {
+  const d = n.stream().getReader(), l = [];
+  let R = 0;
+  try {
+    for (; ; ) {
+      const { done: m, value: k } = await d.read();
+      if (m)
+        return {
+          type: "inline",
+          data: Qt(l)
+        };
+      if (k) {
+        if (R += k.byteLength, R > c)
+          return await d.cancel().catch(() => {
+          }), { type: "too-large" };
+        l.push(k);
+      }
+    }
+  } finally {
+    d.releaseLock();
+  }
+}
+const Mn = (n) => {
+  const c = n.split(".").pop();
+  return Lt[c] || Lt._default;
+}, jn = (n) => n.startsWith("image/") || n.startsWith("video/") || n.startsWith("audio/");
+function Vn({
   filesystem: n,
-  currentPath: u,
-  selectedDirPath: l,
-  setSelectedDirPath: m,
-  onFileOpened: E,
-  onSelectionCleared: g,
+  currentPath: c,
+  selectedDirPath: d,
+  setSelectedDirPath: l,
+  onFileOpened: R,
+  onSelectionCleared: m,
   onShowMessage: k,
-  documentRoot: V
+  documentRoot: N,
+  readOnly: h = !1,
+  title: S = "Files",
+  showBinaryPreviewHeader: _ = !0,
+  dockPresentation: T = !1,
+  useWordPressTooltips: P = !1
 }) {
-  const T = M(null), y = Nt(() => At(
-    u ? Oe(At(u)) : l ?? V
-  ), [u, V]), [v, N] = Q(
-    null
-  ), P = async (j, Z) => {
+  const W = V(null), F = V(null), D = Ft(() => c ? Le(c) : d ?? N, [c, N]), [ce, v] = ee(!1);
+  H(() => {
+    !c || !W.current || (l(Le(c)), W.current.focusPath(c, {
+      select: !0,
+      domFocus: !1,
+      notify: !1
+    }), W.current.expandToPath(c));
+  }, [c, l]);
+  const b = async (y, M) => {
     try {
-      const A = await n.read(j), D = new Uint8Array(await A.arrayBuffer()), p = D.byteLength, b = j.split("/").pop() || "download";
-      if (p > xn) {
-        const { url: B, filename: G } = $t(
-          D,
-          b
-        );
+      const I = await n.read(y), $ = await Ln(I);
+      if ($.type === "too-large") {
+        const A = Yt / 1024 / 1024;
+        if (!T) {
+          await k(
+            y,
+            /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement("p", null, `File too large to open (>${A}MB).`), /* @__PURE__ */ r.createElement("p", null, "Open or download it outside the in-browser editor."))
+          );
+          return;
+        }
+        const J = it(y) || "download";
         await k(
-          j,
-          /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement("p", null, "File too large to open (>1MB)."), /* @__PURE__ */ o.createElement("p", null, /* @__PURE__ */ o.createElement("a", { href: B, download: G }, "Download ", G)))
+          y,
+          /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement("p", null, `File too large to open (>${A}MB).`), /* @__PURE__ */ r.createElement("p", null, /* @__PURE__ */ r.createElement(
+            Je,
+            {
+              type: "button",
+              variant: "link",
+              onClick: () => {
+                K(y, J);
+              }
+            },
+            "Download ",
+            J
+          )))
         );
         return;
       }
-      if (Rn(D)) {
-        const B = Tn(b), { url: G, filename: ee } = $t(
-          D,
-          b
+      const g = $.data, O = it(y) || "download";
+      if (In(g)) {
+        const A = Mn(O), { url: J, filename: fe } = Vt(
+          g,
+          O
         );
-        if (Pn(B)) {
-          const W = new Blob([D], { type: B }), F = URL.createObjectURL(W);
+        if (jn(A)) {
+          const X = new Blob([g], { type: A }), le = URL.createObjectURL(X);
           await k(
-            j,
-            /* @__PURE__ */ o.createElement(
-              Dr,
+            y,
+            /* @__PURE__ */ r.createElement(
+              Br,
               {
-                filename: ee,
-                mimeType: B,
-                dataUrl: F,
-                downloadUrl: G
+                filename: fe,
+                mimeType: A,
+                dataUrl: le,
+                downloadUrl: J,
+                showHeader: _
               }
             )
           );
           return;
         }
         await k(
-          j,
-          /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement("p", null, "Binary file. Cannot be edited."), /* @__PURE__ */ o.createElement("p", null, /* @__PURE__ */ o.createElement("a", { href: G, download: ee }, "Download ", ee)))
+          y,
+          /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement("p", null, "Binary file. Cannot be edited."), /* @__PURE__ */ r.createElement("p", null, /* @__PURE__ */ r.createElement("a", { href: J, download: fe }, "Download ", fe)))
         );
         return;
       }
-      const q = new TextDecoder("utf-8").decode(D);
-      await E(j, q, Z);
-    } catch (A) {
-      dt.error("Could not open file", A), await k(null, "Could not open file.");
+      const me = new TextDecoder("utf-8").decode(g);
+      await R(y, me, M);
+    } catch (I) {
+      Ke.error("Could not open file", I), await k(null, "Could not open file.");
     }
+  }, K = async (y, M) => {
+    try {
+      const I = await n.read(y), $ = new Uint8Array(await I.arrayBuffer()), { url: g } = Vt($, M), O = document.createElement("a");
+      O.href = g, O.download = M, document.body.appendChild(O), O.click(), document.body.removeChild(O);
+    } catch (I) {
+      Ke.error("Could not download file", I), await k(y, "Could not download file.");
+    }
+  }, te = (y) => {
+    var I;
+    const M = Array.from(y.target.files ?? []);
+    y.target.value = "", M.length !== 0 && ((I = W.current) == null || I.importFiles(M, d ?? N).catch(($) => Ke.error("Failed to import files", $)));
+  }, q = (y) => {
+    var M;
+    y.dataTransfer.types.includes(
+      "application/x-wp-playground-path"
+    ) || (y.preventDefault(), !h && ((M = W.current) == null || M.importDataTransfer(
+      y.dataTransfer,
+      d ?? N
+    ).catch(
+      (I) => Ke.error("Failed to import dropped files", I)
+    )));
   };
-  return /* @__PURE__ */ o.createElement("div", { className: Ie.fileExplorerContainer }, /* @__PURE__ */ o.createElement("div", { className: Ie.fileExplorerHeader }, /* @__PURE__ */ o.createElement("span", { className: Ie.fileExplorerTitle }, "Files"), /* @__PURE__ */ o.createElement("div", { className: Ie.fileExplorerActions }, /* @__PURE__ */ o.createElement(
-    "button",
+  return /* @__PURE__ */ r.createElement(
+    "div",
     {
-      className: Ie.fileExplorerButton,
-      type: "button",
-      onClick: () => {
-        T.current && T.current.createFile(
-          v ?? void 0
-        );
+      className: Ne(ge.fileExplorerContainer, {
+        [ge.dropActive]: ce,
+        [ge.dockPresentation]: T
+      }),
+      onDragEnter: (y) => {
+        y.dataTransfer.types.includes(
+          "application/x-wp-playground-path"
+        ) || (y.preventDefault(), h || v(!0));
       },
-      title: "Create new file"
-    },
-    /* @__PURE__ */ o.createElement(Ft, { icon: Vr, size: 16 }),
-    "New File"
-  ), /* @__PURE__ */ o.createElement(
-    "button",
-    {
-      className: Ie.fileExplorerButton,
-      type: "button",
-      onClick: () => {
-        T.current && T.current.createFolder(
-          v ?? void 0
-        );
+      onDragOver: (y) => {
+        y.dataTransfer.types.includes(
+          "application/x-wp-playground-path"
+        ) || (y.preventDefault(), y.dataTransfer.dropEffect = h ? "none" : "copy");
+      },
+      onDragLeave: (y) => {
+        const M = y.relatedTarget;
+        (!M || !y.currentTarget.contains(M)) && v(!1);
       },
-      title: "Create new folder"
+      onDropCapture: () => v(!1),
+      onDrop: q
     },
-    /* @__PURE__ */ o.createElement(Ft, { icon: Mr, size: 16 }),
-    "New Folder"
-  ))), /* @__PURE__ */ o.createElement("div", { className: Ie.fileExplorerTree }, /* @__PURE__ */ o.createElement(
-    Nr,
-    {
-      ref: T,
-      filesystem: n,
-      root: V,
-      initialSelectedPath: y,
-      onSelect: async (j) => {
-        if (N(j), !j) {
-          await g();
-          return;
-        }
-        try {
-          if (await n.isDir(j)) {
-            m(j);
+    /* @__PURE__ */ r.createElement("div", { className: ge.fileExplorerHeader }, /* @__PURE__ */ r.createElement("span", { className: ge.fileExplorerTitle }, S), h ? null : /* @__PURE__ */ r.createElement("div", { className: ge.fileExplorerActions }, /* @__PURE__ */ r.createElement(
+      Nt,
+      {
+        label: "Create new file",
+        useWordPressTooltip: P
+      },
+      /* @__PURE__ */ r.createElement(
+        "button",
+        {
+          className: Ne(
+            ge.fileExplorerButton,
+            ge.fileExplorerIconButton
+          ),
+          type: "button",
+          onClick: () => {
+            W.current && W.current.createFile();
+          },
+          "aria-label": "Create new file",
+          title: P ? void 0 : "Create new file"
+        },
+        T ? /* @__PURE__ */ r.createElement($n, null) : /* @__PURE__ */ r.createElement(St, { icon: zr, size: 20 })
+      )
+    ), /* @__PURE__ */ r.createElement(
+      Nt,
+      {
+        label: "Create new folder",
+        useWordPressTooltip: P
+      },
+      /* @__PURE__ */ r.createElement(
+        "button",
+        {
+          className: Ne(
+            ge.fileExplorerButton,
+            ge.fileExplorerIconButton
+          ),
+          type: "button",
+          onClick: () => {
+            W.current && W.current.createFolder();
+          },
+          "aria-label": "Create new folder",
+          title: P ? void 0 : "Create new folder"
+        },
+        T ? /* @__PURE__ */ r.createElement(Wn, null) : /* @__PURE__ */ r.createElement(St, { icon: Ur, size: 20 })
+      )
+    ), /* @__PURE__ */ r.createElement(
+      Nt,
+      {
+        label: "Upload files",
+        useWordPressTooltip: P
+      },
+      /* @__PURE__ */ r.createElement(
+        "button",
+        {
+          className: Ne(
+            ge.fileExplorerButton,
+            ge.fileExplorerIconButton,
+            ge.fileExplorerUploadButton
+          ),
+          type: "button",
+          onClick: () => {
+            var y;
+            return (y = F.current) == null ? void 0 : y.click();
+          },
+          "aria-label": "Upload files",
+          title: P ? void 0 : "Upload files"
+        },
+        /* @__PURE__ */ r.createElement(
+          St,
+          {
+            icon: Gr,
+            size: T ? 16 : 20
+          }
+        )
+      )
+    ), /* @__PURE__ */ r.createElement(
+      "input",
+      {
+        ref: F,
+        type: "file",
+        multiple: !0,
+        style: { display: "none" },
+        onChange: te
+      }
+    ))),
+    /* @__PURE__ */ r.createElement("div", { className: ge.fileExplorerTree }, /* @__PURE__ */ r.createElement(
+      Or,
+      {
+        ref: W,
+        readOnly: h,
+        filesystem: n,
+        root: N,
+        initialSelectedPath: D,
+        onSelect: async (y) => {
+          if (!y) {
+            l(N), await m();
             return;
           }
-        } catch {
+          try {
+            if (await n.isDir(y)) {
+              l(y);
+              return;
+            }
+          } catch {
+          }
+          l(Le(y)), await b(y, !1);
+        },
+        onDoubleClickFile: async (y) => {
+          await b(y, !0);
         }
-        await P(j, !1);
-      },
-      onDoubleClickFile: async (j) => {
-        await P(j, !0);
       }
-    }
-  )));
+    ))
+  );
 }
-const Sn = "_container_15o5h_1", Nn = "_content_15o5h_9", Dn = "_sidebarWrapper_15o5h_17", On = "_editorWrapper_15o5h_28", An = "_editorHeader_15o5h_37", Fn = "_editorPath_15o5h_49", Ln = "_editorPathPlaceholder_15o5h_60", jn = "_saveStatus_15o5h_71", In = "_saveStatusSaving_15o5h_78", Mn = "_saveStatusPending_15o5h_79", Vn = "_saveStatusError_15o5h_83", $n = "_editor_15o5h_28", Bn = "_placeholder_15o5h_105", Wn = "_messageArea_15o5h_116", Hn = "_mobileToggle_15o5h_152", zn = "_mobileOverlay_15o5h_156", Un = "_sidebarOpen_15o5h_171", fe = {
-  container: Sn,
-  content: Nn,
-  sidebarWrapper: Dn,
-  editorWrapper: On,
-  editorHeader: An,
-  editorPath: Fn,
-  editorPathPlaceholder: Ln,
-  saveStatus: jn,
-  saveStatusSaving: In,
-  saveStatusPending: Mn,
-  saveStatusError: Vn,
-  editor: $n,
-  placeholder: Bn,
-  messageArea: Wn,
-  mobileToggle: Hn,
-  mobileOverlay: zn,
-  sidebarOpen: Un
-}, Yn = 1500, K = {
+function Nt({
+  label: n,
+  useWordPressTooltip: c,
+  children: d
+}) {
+  return c ? /* @__PURE__ */ r.createElement(Ht, { text: n, delay: 0, placement: "top" }, d) : d;
+}
+const $n = () => /* @__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",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinejoin: "round"
+  }
+), /* @__PURE__ */ r.createElement(
+  "path",
+  {
+    d: "M18 6v5h5",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinejoin: "round"
+  }
+), /* @__PURE__ */ r.createElement("g", { transform: "translate(19 19)" }, /* @__PURE__ */ r.createElement("circle", { cx: "5", cy: "5", r: "8", fill: "var(--paper-2, #fff)" }), /* @__PURE__ */ r.createElement(
+  "path",
+  {
+    d: "M5 1.5v7M1.5 5h7",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round"
+  }
+))), Wn = () => /* @__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",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinejoin: "round"
+  }
+), /* @__PURE__ */ r.createElement(
+  "path",
+  {
+    d: "M6 9V8a2 2 0 0 1 2-2h5l3 3",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinejoin: "round"
+  }
+), /* @__PURE__ */ r.createElement("g", { transform: "translate(19 19)" }, /* @__PURE__ */ r.createElement("circle", { cx: "5", cy: "5", r: "8", fill: "var(--paper-2, #fff)" }), /* @__PURE__ */ r.createElement(
+  "path",
+  {
+    d: "M5 1.5v7M1.5 5h7",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round"
+  }
+))), Hn = "_container_xer29_1", Un = "_content_xer29_9", zn = "_sidebarWrapper_xer29_17", Gn = "_editorWrapper_xer29_28", Yn = "_editorHeader_xer29_37", Zn = "_editorPath_xer29_49", Kn = "_editorPathPlaceholder_xer29_60", qn = "_editorHeaderActions_xer29_64", Jn = "_saveStatus_xer29_71", Xn = "_saveStatusSaving_xer29_78", Qn = "_saveStatusPending_xer29_79", ea = "_saveStatusError_xer29_83", ta = "_editor_xer29_28", ra = "_placeholder_xer29_105", na = "_messageArea_xer29_116", aa = "_mobileToggle_xer29_152", oa = "_mobileOverlay_xer29_156", ia = "_dockPresentation_xer29_162", la = "_dockDirtyIndicator_xer29_186", sa = "_dockSaveButton_xer29_195", ca = "_sidebarOpen_xer29_250", ae = {
+  container: Hn,
+  content: Un,
+  sidebarWrapper: zn,
+  editorWrapper: Gn,
+  editorHeader: Yn,
+  editorPath: Zn,
+  editorPathPlaceholder: Kn,
+  editorHeaderActions: qn,
+  saveStatus: Jn,
+  saveStatusSaving: Xn,
+  saveStatusPending: Qn,
+  saveStatusError: ea,
+  editor: ta,
+  placeholder: ra,
+  messageArea: na,
+  mobileToggle: aa,
+  mobileOverlay: oa,
+  dockPresentation: ia,
+  dockDirtyIndicator: la,
+  dockSaveButton: sa,
+  sidebarOpen: ca
+}, ua = 1500, fa = 700, da = 1e3, B = {
   IDLE: "idle",
   PENDING: "pending",
   SAVING: "saving",
   SAVED: "saved",
   ERROR: "error"
 };
-function ya({
+function $a({
   filesystem: n,
-  isVisible: u = !0,
-  documentRoot: l,
-  initialPath: m = null,
-  placeholderText: E = "Select a file to view or edit its contents.",
-  onSaveFile: g,
-  onBeforeFilesystemChange: k
+  isVisible: c = !0,
+  documentRoot: d,
+  initialPath: l = null,
+  placeholderText: R = "Select a file to view or edit its contents.",
+  dockPresentation: m = !1
 }) {
-  const [V, T] = Q(
-    l
-  ), [y, v] = Q(null), [N, P] = Q(""), [j, Z] = Q(!0), [A, D] = Q(K.IDLE), [p, b] = Q(null), [q, B] = Q(!1), [G, ee] = Q(null), W = M(null), F = M(null), te = M(!1), _ = M(N), H = M(y), de = M(n), ae = M(null), re = M(/* @__PURE__ */ new Map()), ue = M(!1);
-  I(() => {
-    _.current = N;
-  }, [N]), I(() => {
-    H.current = y;
-  }, [y]), I(() => {
-    de.current = n;
-  }, [n]), I(() => {
-    const S = ae.current;
-    S && S !== n && k && k(S), ae.current = n;
-  }, [n, k]), I(() => {
-    n || (te.current = !0, P(""), v(null), Z(!0), D(K.IDLE), b(null), B(!1), ee(null), ue.current = !1);
-  }, [n]), I(() => {
-    if (!n || !m || ue.current)
+  const [k, N] = ee(
+    d
+  ), [h, S] = ee(null), [_, T] = ee(""), [P, W] = ee(!0), [F, D] = ee(B.IDLE), [ce, v] = ee(null), [b, K] = ee("idle"), [te, q] = ee(!1), [y, M] = ee(null), I = V(null), $ = V(null), g = V(!1), O = V(h), me = V(
+    n
+  ), A = V(null), J = V(null), fe = V(
+    /* @__PURE__ */ new WeakMap()
+  ), X = V(!0), le = V(/* @__PURE__ */ new Map()), Se = V(!1);
+  me.current = n, H(() => {
+    O.current = h;
+  }, [h]);
+  const be = We(async (u) => {
+    const { filesystem: x, path: z, content: G } = u, Q = J.current === u, de = fe.current, xe = (de.get(x) ?? Promise.resolve()).catch(() => {
+    }).then(() => x.writeFile(z, G));
+    de.set(x, xe);
+    let he = !1;
+    try {
+      await xe;
+    } catch (et) {
+      he = !0, Ke.error("Failed to save file", et);
+    }
+    const Me = X.current && de.get(x) === xe && me.current === x && O.current === z && A.current === null;
+    de.get(x) === xe && de.delete(x), J.current === u && (J.current = null), Me && (D(he ? B.ERROR : B.SAVED), v(
+      he ? "Could not save changes. Try again." : null
+    ), Q && K(he ? "idle" : "saved"));
+  }, []), Ce = We(() => {
+    const u = A.current;
+    u && ($.current !== null && (window.clearTimeout($.current), $.current = null), A.current = null, be(u));
+  }, [be]);
+  H(() => (X.current = !0, () => {
+    X.current = !1;
+  }), []), H(() => () => {
+    var u;
+    ((u = A.current) == null ? void 0 : u.filesystem) === n && Ce();
+  }, [d, n, Ce]), H(() => {
+    g.current = !0, N(d), T(""), S(null), W(!0), D(B.IDLE), v(null), q(!1), M(null), le.current.clear(), Se.current = !1;
+  }, [d, n]), H(() => {
+    if (!n || !l || Se.current)
       return;
-    (async () => {
+    let u = !1;
+    return (async () => {
       try {
-        if (await n.fileExists(m)) {
-          const J = await n.readFileAsText(m);
-          te.current = !0, v(m), P(J), Z(!1), D(K.IDLE), b(null), setTimeout(() => {
-            var z;
-            (z = W.current) == null || z.focus();
+        if (await n.fileExists(l) && !u) {
+          const G = await n.readFileAsText(l);
+          if (u)
+            return;
+          g.current = !0, S(l), T(G), W(!1), D(B.IDLE), v(null), setTimeout(() => {
+            var Q;
+            (Q = I.current) == null || Q.focus();
           }, 100);
         }
-      } catch (C) {
-        dt.debug("Could not auto-open initial path:", C);
+      } catch (z) {
+        Ke.debug("Could not auto-open initial path:", z);
       } finally {
-        ue.current = !0;
+        u || (Se.current = !0);
       }
-    })();
-  }, [n, m]), I(() => {
-    T(l), v(null), P(""), Z(!0), D(K.IDLE), b(null), te.current = !0, ee(null), ue.current = !1;
-  }, [l]), I(() => () => {
-    F.current !== null && (window.clearTimeout(F.current), F.current = null);
-  }, []), I(() => {
-    const S = de.current;
-    if (!S || !y) {
-      F.current !== null && (window.clearTimeout(F.current), F.current = null), y || D(K.IDLE);
+    })(), () => {
+      u = !0;
+    };
+  }, [n, l]), H(() => {
+    if (!n || !h) {
+      $.current !== null && (window.clearTimeout($.current), $.current = null), A.current = null, h || D(B.IDLE);
       return;
     }
-    if (te.current) {
-      te.current = !1;
+    if (g.current) {
+      g.current = !1, A.current = null;
       return;
     }
-    F.current !== null && (window.clearTimeout(F.current), F.current = null), D(K.PENDING);
-    const C = window.setTimeout(async () => {
-      F.current = null, D(K.SAVING);
-      try {
-        const J = H.current, z = _.current;
-        g ? await g(J, z) : await S.writeFile(J, z), D(K.SAVED), b(null);
-      } catch (J) {
-        dt.error("Failed to save file", J), D(K.ERROR), b("Could not save changes. Try again.");
-      }
-    }, Yn);
-    return F.current = C, () => {
-      F.current === C && (window.clearTimeout(C), F.current = null);
+    $.current !== null && (window.clearTimeout($.current), $.current = null), D(B.PENDING);
+    const u = {
+      filesystem: n,
+      path: h,
+      content: _
+    };
+    A.current = u;
+    const x = window.setTimeout(() => {
+      A.current === u && ($.current = null, A.current = null, D(B.SAVING), be(u));
+    }, ua);
+    return $.current = x, () => {
+      $.current === x && (window.clearTimeout(x), $.current = null);
     };
-  }, [N, y, g]), I(() => {
-    if (A !== K.SAVED)
+  }, [_, h, n, be]), H(() => {
+    if (F !== B.SAVED)
       return;
-    const S = window.setTimeout(() => {
+    const u = window.setTimeout(() => {
       D(
-        (C) => C === K.SAVED ? K.IDLE : C
+        (x) => x === B.SAVED ? B.IDLE : x
       );
     }, 2e3);
-    return () => window.clearTimeout(S);
-  }, [A]);
-  const oe = ft(
-    async (S, C, J = !0) => {
-      var ie;
-      const z = (ie = W.current) == null ? void 0 : ie.getCursorPosition();
-      z != null && H.current && re.current.set(
-        H.current,
-        z
-      ), te.current = !0, v(S), P(C), ee(null), Z(!1), D(K.IDLE), b(null), B(!1), setTimeout(() => {
-        var ve, ce, U;
-        const Ee = re.current.get(S);
-        Ee !== void 0 && ((ve = W.current) == null || ve.setCursorPosition(Ee)), J ? (ce = W.current) == null || ce.focus() : (U = W.current) == null || U.blur();
+    return () => window.clearTimeout(u);
+  }, [F]), H(() => {
+    b === "idle" || F === B.SAVING || F === B.SAVED || K("idle");
+  }, [b, F]), H(() => {
+    if (b !== "saved")
+      return;
+    const u = window.setTimeout(
+      () => K("idle"),
+      da
+    );
+    return () => window.clearTimeout(u);
+  }, [b]), H(() => {
+    if (b !== "waiting")
+      return;
+    const u = window.setTimeout(
+      () => K(
+        (x) => x === "waiting" ? "saving" : x
+      ),
+      fa
+    );
+    return () => window.clearTimeout(u);
+  }, [b]);
+  const ue = We(
+    async (u, x, z = !0) => {
+      var Q;
+      const G = (Q = I.current) == null ? void 0 : Q.getCursorPosition();
+      G != null && O.current && le.current.set(
+        O.current,
+        G
+      ), g.current = !0, S(u), T(x), M(null), W(!1), D(B.IDLE), v(null), q(!1), setTimeout(() => {
+        var Ae, xe, he;
+        const de = le.current.get(u);
+        de !== void 0 && ((Ae = I.current) == null || Ae.setCursorPosition(de)), z ? (xe = I.current) == null || xe.focus() : (he = I.current) == null || he.blur();
       }, 50);
     },
     []
   );
-  I(() => {
-    var J;
-    if (!y)
+  H(() => {
+    var z;
+    if (!h)
       return;
-    const S = setInterval(() => {
-      var ie;
-      const z = (ie = W.current) == null ? void 0 : ie.getCursorPosition();
-      z != null && re.current.set(y, z);
-    }, 1e3), C = (J = W.current) == null ? void 0 : J.getCursorPosition();
-    return C != null && re.current.set(y, C), () => {
-      var ie;
-      clearInterval(S);
-      const z = (ie = W.current) == null ? void 0 : ie.getCursorPosition();
-      z != null && re.current.set(y, z);
+    const u = setInterval(() => {
+      var Q;
+      const G = (Q = I.current) == null ? void 0 : Q.getCursorPosition();
+      G != null && le.current.set(h, G);
+    }, 1e3), x = (z = I.current) == null ? void 0 : z.getCursorPosition();
+    return x != null && le.current.set(h, x), () => {
+      var Q;
+      clearInterval(u);
+      const G = (Q = I.current) == null ? void 0 : Q.getCursorPosition();
+      G != null && le.current.set(h, G);
     };
-  }, [y]), I(() => {
-    if (!u || !y)
+  }, [h]), H(() => {
+    if (!c || !h)
       return;
-    const S = setTimeout(() => {
-      var J;
-      const C = re.current.get(y);
-      C !== void 0 && ((J = W.current) == null || J.setCursorPosition(C));
+    const u = setTimeout(() => {
+      var z;
+      const x = le.current.get(h);
+      x !== void 0 && ((z = I.current) == null || z.setCursorPosition(x));
     }, 100);
-    return () => clearTimeout(S);
-  }, [u, y]);
-  const be = ft(async () => {
-    var C;
-    const S = (C = W.current) == null ? void 0 : C.getCursorPosition();
-    S != null && H.current && re.current.set(H.current, S), te.current = !0, v(null), P(""), ee(null), Z(!0), D(K.IDLE), b(null);
-  }, []), Re = ft(
-    async (S, C) => {
-      te.current = !0, v(null), typeof C == "string" ? (P(C), ee(null)) : (P(""), ee(C)), Z(!0), D(K.IDLE), b(null), B(!1);
+    return () => clearTimeout(u);
+  }, [c, h]);
+  const Fe = We(async () => {
+    var x;
+    const u = (x = I.current) == null ? void 0 : x.getCursorPosition();
+    u != null && O.current && le.current.set(O.current, u), g.current = !0, S(null), T(""), M(null), W(!0), D(B.IDLE), v(null);
+  }, []), re = We(
+    async (u, x) => {
+      g.current = !0, S(null), typeof x == "string" ? (T(x), M(null)) : (T(""), M(x)), W(!0), D(B.IDLE), v(null), q(!1);
     },
     []
-  ), Te = ft(async () => {
-    if (F.current !== null) {
-      if (!de.current || !H.current) {
-        window.clearTimeout(F.current), F.current = null;
-        return;
-      }
-      window.clearTimeout(F.current), F.current = null, D(K.SAVING);
-      try {
-        const S = H.current, C = _.current;
-        g ? await g(S, C) : await de.current.writeFile(
-          S,
-          C
-        ), D(K.SAVED), b(null);
-      } catch (S) {
-        dt.error("Failed to save file", S), D(K.ERROR), b("Could not save changes. Try again.");
-      }
-    }
-  }, [g]), Pe = Zn(A, p), le = Gn(A, fe);
-  return n ? /* @__PURE__ */ o.createElement("div", { className: fe.container }, /* @__PURE__ */ o.createElement(
+  ), Pe = We(() => {
+    A.current && (J.current = A.current, K("waiting"), D(B.SAVING), Ce());
+  }, [Ce]), Re = We(() => {
+    !A.current && F === B.ERROR && n && h && (A.current = {
+      filesystem: n,
+      path: h,
+      content: _
+    }), A.current && (v(null), Pe());
+  }, [_, h, n, Pe, F]), ye = ma(F, ce), De = pa(F, ae), _e = ha(F);
+  let oe = "Save";
+  F === B.ERROR ? oe = "Retry" : F === B.SAVED && b === "saved" ? oe = "Saved" : F === B.SAVING && b === "saving" && (oe = "Saving…");
+  const Y = F === B.PENDING || F === B.SAVING || F === B.ERROR;
+  return n ? /* @__PURE__ */ r.createElement(
     "div",
     {
-      className: et(fe.content, {
-        [fe.sidebarOpen]: q
+      className: Ne(ae.container, {
+        [ae.dockPresentation]: m
       })
     },
-    /* @__PURE__ */ o.createElement(
-      "div",
-      {
-        className: fe.mobileOverlay,
-        onClick: () => B(!1)
-      }
-    ),
-    /* @__PURE__ */ o.createElement("aside", { className: fe.sidebarWrapper }, /* @__PURE__ */ o.createElement(
-      kn,
-      {
-        filesystem: n,
-        currentPath: y,
-        selectedDirPath: V,
-        setSelectedDirPath: T,
-        onFileOpened: oe,
-        onSelectionCleared: be,
-        onShowMessage: Re,
-        documentRoot: l
-      }
-    )),
-    /* @__PURE__ */ o.createElement("section", { className: fe.editorWrapper }, /* @__PURE__ */ o.createElement("div", { className: fe.editorHeader }, /* @__PURE__ */ o.createElement(
-      mt,
-      {
-        className: fe.mobileToggle,
-        variant: "secondary",
-        onClick: () => B((S) => !S)
-      },
-      q ? "Hide files" : "Browse files"
-    ), /* @__PURE__ */ o.createElement(
+    /* @__PURE__ */ r.createElement(
       "div",
       {
-        className: et(fe.editorPath, {
-          [fe.editorPathPlaceholder]: !(y != null && y.length)
+        className: Ne(ae.content, {
+          [ae.sidebarOpen]: te
         })
       },
-      y != null && y.length ? y : `Browse files under ${l}`
-    ), /* @__PURE__ */ o.createElement(
-      "div",
-      {
-        className: et(
-          fe.saveStatus,
-          le
-        )
-      },
-      Pe
-    )), p ? /* @__PURE__ */ o.createElement("div", { style: { padding: "8px 16px" } }, /* @__PURE__ */ o.createElement(tr, { status: "error", isDismissible: !1 }, p)) : null, y || N || G ? G ? /* @__PURE__ */ o.createElement("div", { className: fe.messageArea }, G) : /* @__PURE__ */ o.createElement(
-      Ut,
-      {
-        ref: W,
-        code: N,
-        onChange: P,
-        currentPath: y,
-        className: fe.editor,
-        onSaveShortcut: Te,
-        readOnly: j
-      }
-    ) : /* @__PURE__ */ o.createElement("div", { className: fe.placeholder }, E))
-  )) : /* @__PURE__ */ o.createElement("div", { className: fe.container }, /* @__PURE__ */ o.createElement("div", { className: fe.placeholder }, E));
+      /* @__PURE__ */ r.createElement(
+        "div",
+        {
+          className: ae.mobileOverlay,
+          onClick: () => q(!1)
+        }
+      ),
+      /* @__PURE__ */ r.createElement("aside", { className: ae.sidebarWrapper }, /* @__PURE__ */ r.createElement(
+        Vn,
+        {
+          filesystem: n,
+          currentPath: h,
+          selectedDirPath: k,
+          setSelectedDirPath: N,
+          onFileOpened: ue,
+          onSelectionCleared: Fe,
+          onShowMessage: re,
+          documentRoot: d,
+          dockPresentation: m,
+          useWordPressTooltips: m
+        }
+      )),
+      /* @__PURE__ */ r.createElement("section", { className: ae.editorWrapper }, /* @__PURE__ */ r.createElement("div", { className: ae.editorHeader }, /* @__PURE__ */ r.createElement(
+        Je,
+        {
+          className: ae.mobileToggle,
+          variant: "secondary",
+          onClick: () => q((u) => !u)
+        },
+        te ? "Hide files" : "Browse files"
+      ), /* @__PURE__ */ r.createElement(
+        "div",
+        {
+          className: Ne(ae.editorPath, {
+            [ae.editorPathPlaceholder]: !(h != null && h.length)
+          }),
+          title: h ?? void 0
+        },
+        h != null && h.length ? h : `Browse files under ${d}`
+      ), m && !P && h ? /* @__PURE__ */ r.createElement("div", { className: ae.editorHeaderActions }, Y ? /* @__PURE__ */ r.createElement(
+        "span",
+        {
+          className: ae.dockDirtyIndicator,
+          "aria-hidden": "true"
+        }
+      ) : null, /* @__PURE__ */ r.createElement(Ht, { text: _e, placement: "top" }, /* @__PURE__ */ r.createElement(
+        Je,
+        {
+          variant: "secondary",
+          className: ae.dockSaveButton,
+          isDestructive: F === B.ERROR,
+          onClick: Re
+        },
+        oe
+      ))) : m ? null : /* @__PURE__ */ r.createElement(
+        "div",
+        {
+          className: Ne(
+            ae.saveStatus,
+            De
+          )
+        },
+        ye
+      ), m && !P && h ? /* @__PURE__ */ r.createElement(ir, { role: "status", "aria-live": "polite" }, _e) : null), ce ? /* @__PURE__ */ r.createElement("div", { style: { padding: "8px 16px" } }, /* @__PURE__ */ r.createElement(lr, { status: "error", isDismissible: !1 }, ce)) : null, h || _ || y ? y ? /* @__PURE__ */ r.createElement("div", { className: ae.messageArea }, y) : /* @__PURE__ */ r.createElement(
+        Gt,
+        {
+          ref: I,
+          code: _,
+          onChange: T,
+          currentPath: h,
+          className: ae.editor,
+          onSaveShortcut: Pe,
+          readOnly: P
+        }
+      ) : /* @__PURE__ */ r.createElement("div", { className: ae.placeholder }, R))
+    )
+  ) : /* @__PURE__ */ r.createElement(
+    "div",
+    {
+      className: Ne(ae.container, {
+        [ae.dockPresentation]: m
+      })
+    },
+    /* @__PURE__ */ r.createElement("div", { className: ae.placeholder }, R)
+  );
 }
-function Zn(n, u) {
+function ma(n, c) {
   switch (n) {
-    case K.PENDING:
-    case K.SAVING:
+    case B.PENDING:
+    case B.SAVING:
       return "Saving…";
-    case K.SAVED:
+    case B.SAVED:
       return "Saved";
-    case K.ERROR:
-      return u ?? "Save failed";
+    case B.ERROR:
+      return c ?? "Save failed";
     default:
       return "";
   }
 }
-function Gn(n, u) {
+function pa(n, c) {
   switch (n) {
-    case K.PENDING:
-      return u.saveStatusPending;
-    case K.SAVING:
-      return u.saveStatusSaving;
-    case K.ERROR:
-      return u.saveStatusError;
+    case B.PENDING:
+      return c.saveStatusPending;
+    case B.SAVING:
+      return c.saveStatusSaving;
+    case B.ERROR:
+      return c.saveStatusError;
     default:
       return;
   }
 }
+function ha(n) {
+  switch (n) {
+    case B.PENDING:
+      return "Unsaved changes. Click to save now.";
+    case B.SAVING:
+      return "Saving changes…";
+    case B.ERROR:
+      return "Saving failed. Click to retry.";
+    default:
+      return "All changes saved.";
+  }
+}
 export {
-  Ea as BinaryFilePreview,
-  pa as ClockIcon,
-  Ut as CodeEditor,
-  kn as FileExplorerSidebar,
-  ga as FilePickerControl,
-  qr as FilePickerTree,
-  xn as MAX_INLINE_FILE_BYTES,
-  ya as PlaygroundFileEditor,
-  va as SiteManagerIcon,
-  ma as WordPressIcon,
-  $t as createDownloadUrl,
-  Ar as file,
-  Or as folder,
-  wa as getLogoDataURL,
-  Tn as getMimeType,
-  Pn as isPreviewableBinary,
-  ha as layout,
-  fa as playgroundLogo,
-  Rn as seemsLikeBinary,
-  da as temporaryStorage
+  Va as BinaryFilePreview,
+  La as ClockIcon,
+  Gt as CodeEditor,
+  Vn as FileExplorerSidebar,
+  ja as FilePickerControl,
+  rn as FilePickerTree,
+  Yt as MAX_INLINE_FILE_BYTES,
+  $a as PlaygroundFileEditor,
+  Ma as SiteManagerIcon,
+  Ia as WordPressIcon,
+  Vt as createDownloadUrl,
+  jr as file,
+  Mr as folder,
+  Ba as getLogoDataURL,
+  Mn as getMimeType,
+  jn as isPreviewableBinary,
+  Oa as layout,
+  Na as playgroundLogo,
+  In as seemsLikeBinary,
+  Fa as temporaryStorage
 };
 //# sourceMappingURL=index.js.map