@wp-playground/components 3.1.44 → 3.1.46

package/index.js

@@ -1,20 +1,21 @@
-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 zt, useMemo as Ft, useState as Q, useRef as M, useEffect as z, useImperativeHandle as $t, useLayoutEffect as qt, useCallback as He } from "react";
+import { joinPaths as je, dirname as Le, normalizePath as Jt, basename as et, isParentOf as Xt, concatUint8Arrays as Qt } from "@php-wasm/util";
+import { __experimentalTreeGrid as er, Popover as tr, NavigableMenu as rr, MenuItem as it, __experimentalTreeGridRow as nr, __experimentalTreeGridCell as ar, Button as tt, Modal as or, Icon as St, Tooltip as Wt, VisuallyHidden as ir, Notice as lr } from "@wordpress/components";
+import De from "classnames";
+import { forwardRef as Ht, cloneElement as sr, createElement as cr } from "@wordpress/element";
+import ur from "clsx";
+import { Compartment as Tt, EditorSelection as gt, EditorState as fr } from "@codemirror/state";
+import { ViewPlugin as dr, lineNumbers as mr, highlightActiveLineGutter as pr, highlightActiveLine as hr, dropCursor as vr, rectangularSelection as wr, crosshairCursor as gr, EditorView as ct, keymap as Er } from "@codemirror/view";
+import { history as yr, historyKeymap as _r, defaultKeymap as Cr, indentWithTab as br } from "@codemirror/commands";
+import { highlightSelectionMatches as xr, searchKeymap as Rr } from "@codemirror/search";
+import { closeBrackets as kr, autocompletion as Pr, closeBracketsKeymap as Sr, completionKeymap as Tr } from "@codemirror/autocomplete";
+import { foldGutter as Dr, syntaxHighlighting as Ar, defaultHighlightStyle as Nr, indentOnInput as Fr, bracketMatching as Ir, foldKeymap as Lr } from "@codemirror/language";
+import { php as ut } from "@codemirror/lang-php";
+import { FilePickerTree as Or, BinaryFilePreview as Br } from "@wp-playground/components";
+import { logger as Xe } from "@php-wasm/logger";
 import Lt from "@php-wasm/universal/mime-types";
-const fa = (n) => /* @__PURE__ */ o.createElement(
+import { createPortal as Mr } from "react-dom";
+const Ma = (n) => /* @__PURE__ */ r.createElement(
   "svg",
   {
     width: "32",
@@ -24,7 +25,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 +36,7 @@ const fa = (n) => /* @__PURE__ */ o.createElement(
       strokeWidth: "0.965644"
     }
   ),
-  /* @__PURE__ */ o.createElement(
+  /* @__PURE__ */ r.createElement(
     "rect",
     {
       width: "13.2346",
@@ -46,7 +47,7 @@ const fa = (n) => /* @__PURE__ */ o.createElement(
       strokeWidth: "1.44847"
     }
   ),
-  /* @__PURE__ */ o.createElement(
+  /* @__PURE__ */ r.createElement(
     "rect",
     {
       width: "17.451",
@@ -57,7 +58,7 @@ const fa = (n) => /* @__PURE__ */ o.createElement(
       strokeWidth: "1.93129"
     }
   )
-), da = (n) => /* @__PURE__ */ o.createElement(
+), ja = (n) => /* @__PURE__ */ r.createElement(
   "svg",
   {
     width: "16",
@@ -67,7 +68,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 +77,7 @@ const fa = (n) => /* @__PURE__ */ o.createElement(
       fill: "#949494"
     }
   )
-), ma = (n) => /* @__PURE__ */ o.createElement(
+), Va = (n) => /* @__PURE__ */ r.createElement(
   "svg",
   {
     width: "20",
@@ -86,14 +87,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(
+), jr = /* @__PURE__ */ r.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -102,7 +103,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 +111,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(
+), Vr = /* @__PURE__ */ r.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -120,8 +121,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" })
+), za = (n) => /* @__PURE__ */ r.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -131,7 +132,7 @@ const fa = (n) => /* @__PURE__ */ o.createElement(
     fill: "none",
     ...n
   },
-  /* @__PURE__ */ o.createElement(
+  /* @__PURE__ */ r.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -140,7 +141,7 @@ const fa = (n) => /* @__PURE__ */ o.createElement(
       fill: "#949494"
     }
   )
-), ha = /* @__PURE__ */ o.createElement(
+), $a = /* @__PURE__ */ r.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -149,7 +150,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 +160,14 @@ const fa = (n) => /* @__PURE__ */ o.createElement(
     }
   )
 );
-function wa(n) {
+function Wa(n) {
   return `data:${n.mime};base64,${n.data}`;
 }
-function va({
+function Ha({
   size: n = 24,
-  sidebarActive: u = !1
+  sidebarActive: c = !1
 }) {
-  return /* @__PURE__ */ o.createElement(
+  return /* @__PURE__ */ r.createElement(
     "svg",
     {
       width: n,
@@ -179,8 +180,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 +192,7 @@ function va({
         ry: "2",
         fill: "currentColor"
       }
-    ) : /* @__PURE__ */ o.createElement(
+    ) : /* @__PURE__ */ r.createElement(
       "rect",
       {
         x: "3",
@@ -207,17 +208,17 @@ function va({
     )
   );
 }
-const jt = Ht(({
+const Ot = Ht(({
   icon: n,
-  size: u = 24,
-  ...l
-}, m) => rr(n, {
-  width: u,
-  height: u,
-  ...l,
-  ref: m
+  size: c = 24,
+  ...f
+}, l) => sr(n, {
+  width: c,
+  height: c,
+  ...f,
+  ref: l
 }));
-var Dt = { exports: {} }, Je = {};
+var It = { exports: {} }, lt = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -227,21 +228,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 zr() {
+  if (Bt) return lt;
+  Bt = 1;
+  var n = r, c = Symbol.for("react.element"), f = Symbol.for("react.fragment"), l = Object.prototype.hasOwnProperty, T = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, d = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function k(A, N, h) {
+    var _, D = {}, P = null, W = null;
+    h !== void 0 && (P = "" + h), N.key !== void 0 && (P = "" + N.key), N.ref !== void 0 && (W = N.ref);
+    for (_ in N) l.call(N, _) && !d.hasOwnProperty(_) && (D[_] = N[_]);
+    if (A && A.defaultProps) for (_ in N = A.defaultProps, N) D[_] === void 0 && (D[_] = N[_]);
+    return { $$typeof: c, type: A, key: P, ref: W, props: D, _owner: T.current };
   }
-  return Je.Fragment = l, Je.jsx = k, Je.jsxs = k, Je;
+  return lt.Fragment = f, lt.jsx = k, lt.jsxs = k, lt;
 }
-var Xe = {};
+var st = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -252,53 +253,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"), f = Symbol.for("react.portal"), l = Symbol.for("react.fragment"), T = Symbol.for("react.strict_mode"), d = Symbol.for("react.profiler"), k = Symbol.for("react.provider"), A = Symbol.for("react.context"), N = Symbol.for("react.forward_ref"), h = Symbol.for("react.suspense"), _ = Symbol.for("react.suspense_list"), D = Symbol.for("react.memo"), P = Symbol.for("react.lazy"), W = Symbol.for("react.offscreen"), q = Symbol.iterator, R = "@@iterator";
+    function Y(e) {
       if (e === null || typeof e != "object")
         return null;
-      var c = Z && e[Z] || e[A];
-      return typeof c == "function" ? c : null;
+      var s = q && e[q] || e[R];
+      return typeof s == "function" ? s : null;
     }
-    var p = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    var w = 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, m = new Array(s > 1 ? s - 1 : 0), x = 1; x < s; x++)
+          m[x - 1] = arguments[x];
+        G("error", e, m);
       }
     }
-    function q(e, c, f) {
+    function G(e, s, m) {
       {
-        var R = p.ReactDebugCurrentFrame, $ = R.getStackAddendum();
-        $ !== "" && (c += "%s", f = f.concat([$]));
-        var Y = f.map(function(L) {
-          return String(L);
+        var x = w.ReactDebugCurrentFrame, U = x.getStackAddendum();
+        U !== "" && (s += "%s", m = m.concat([U]));
+        var K = m.map(function(B) {
+          return String(B);
         });
-        Y.unshift("Warning: " + c), Function.prototype.apply.call(console[e], console, Y);
+        K.unshift("Warning: " + s), Function.prototype.apply.call(console[e], console, K);
       }
     }
-    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 X = !1, ae = !1, y = !1, j = !1, V = !1, $;
+    $ = Symbol.for("react.module.reference");
+    function p(e) {
+      return !!(typeof e == "string" || typeof e == "function" || e === l || e === d || V || e === T || e === h || e === _ || j || e === W || X || ae || y || typeof e == "object" && e !== null && (e.$$typeof === P || e.$$typeof === D || e.$$typeof === k || e.$$typeof === A || e.$$typeof === N || // This needs to include all possible module reference object
       // 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 F(e, s, m) {
+      var x = e.displayName;
+      if (x)
+        return x;
+      var U = s.displayName || s.name || "";
+      return U !== "" ? m + "(" + U + ")" : m;
     }
-    function de(e) {
+    function ce(e) {
       return e.displayName || "Context";
     }
-    function ae(e) {
+    function Z(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 +307,36 @@ function Lr() {
       if (typeof e == "string")
         return e;
       switch (e) {
-        case m:
-          return "Fragment";
         case l:
+          return "Fragment";
+        case f:
           return "Portal";
-        case g:
+        case d:
           return "Profiler";
-        case E:
+        case T:
           return "StrictMode";
-        case y:
+        case h:
           return "Suspense";
-        case v:
+        case _:
           return "SuspenseList";
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case V:
-            var c = e;
-            return de(c) + ".Consumer";
+          case A:
+            var s = e;
+            return ce(s) + ".Consumer";
           case k:
-            var f = e;
-            return de(f._context) + ".Provider";
-          case T:
-            return H(e, e.render, "ForwardRef");
+            var m = e;
+            return ce(m._context) + ".Provider";
           case N:
-            var R = e.displayName || null;
-            return R !== null ? R : ae(e.type) || "Memo";
+            return F(e, e.render, "ForwardRef");
+          case D:
+            var x = e.displayName || null;
+            return x !== null ? x : Z(e.type) || "Memo";
           case P: {
-            var $ = e, Y = $._payload, L = $._init;
+            var U = e, K = U._payload, B = U._init;
             try {
-              return ae(L(Y));
+              return Z(B(K));
             } catch {
               return null;
             }
@@ -343,18 +344,18 @@ function Lr() {
         }
       return null;
     }
-    var re = Object.assign, ue = 0, oe, be, Re, Te, Pe, le, S;
-    function C() {
+    var O = Object.assign, oe = 0, ee, ve, he, Ne, Pe, te, Oe;
+    function re() {
     }
-    C.__reactDisabledLog = !0;
-    function J() {
+    re.__reactDisabledLog = !0;
+    function Me() {
       {
-        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 (oe === 0) {
+          ee = console.log, ve = console.info, he = console.warn, Ne = console.error, Pe = console.group, te = console.groupCollapsed, Oe = console.groupEnd;
           var e = {
             configurable: !0,
             enumerable: !0,
-            value: C,
+            value: re,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -367,332 +368,332 @@ function Lr() {
             groupEnd: e
           });
         }
-        ue++;
+        oe++;
       }
     }
-    function z() {
+    function ye() {
       {
-        if (ue--, ue === 0) {
+        if (oe--, oe === 0) {
           var e = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: re({}, e, {
-              value: oe
+            log: O({}, e, {
+              value: ee
             }),
-            info: re({}, e, {
-              value: be
+            info: O({}, e, {
+              value: ve
             }),
-            warn: re({}, e, {
-              value: Re
+            warn: O({}, e, {
+              value: he
             }),
-            error: re({}, e, {
-              value: Te
+            error: O({}, e, {
+              value: Ne
             }),
-            group: re({}, e, {
+            group: O({}, e, {
               value: Pe
             }),
-            groupCollapsed: re({}, e, {
-              value: le
+            groupCollapsed: O({}, e, {
+              value: te
             }),
-            groupEnd: re({}, e, {
-              value: S
+            groupEnd: O({}, e, {
+              value: Oe
             })
           });
         }
-        ue < 0 && b("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        oe < 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 ke = w.ReactCurrentDispatcher, Fe;
+    function Se(e, s, m) {
       {
-        if (Ee === void 0)
+        if (Fe === void 0)
           try {
             throw Error();
-          } catch ($) {
-            var R = $.stack.trim().match(/\n( *(at )?)/);
-            Ee = R && R[1] || "";
+          } catch (U) {
+            var x = U.stack.trim().match(/\n( *(at )?)/);
+            Fe = x && x[1] || "";
           }
         return `
-` + Ee + e;
+` + Fe + e;
       }
     }
-    var ce = !1, U;
+    var de = !1, H;
     {
-      var h = typeof WeakMap == "function" ? WeakMap : Map;
-      U = new h();
+      var g = typeof WeakMap == "function" ? WeakMap : Map;
+      H = new g();
     }
-    function ge(e, c) {
-      if (!e || ce)
+    function pe(e, s) {
+      if (!e || de)
         return "";
       {
-        var f = U.get(e);
-        if (f !== void 0)
-          return f;
+        var m = H.get(e);
+        if (m !== void 0)
+          return m;
       }
-      var R;
-      ce = !0;
-      var $ = Error.prepareStackTrace;
+      var x;
+      de = !0;
+      var U = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var Y;
-      Y = ie.current, ie.current = null, J();
+      var K;
+      K = ke.current, ke.current = null, Me();
       try {
-        if (c) {
-          var L = function() {
+        if (s) {
+          var B = function() {
             throw Error();
           };
-          if (Object.defineProperty(L.prototype, "props", {
+          if (Object.defineProperty(B.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(L, []);
-            } catch (he) {
-              R = he;
+              Reflect.construct(B, []);
+            } catch (be) {
+              x = be;
             }
-            Reflect.construct(e, [], L);
+            Reflect.construct(e, [], B);
           } else {
             try {
-              L.call();
-            } catch (he) {
-              R = he;
+              B.call();
+            } catch (be) {
+              x = be;
             }
-            e.call(L.prototype);
+            e.call(B.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (he) {
-            R = he;
+          } catch (be) {
+            x = be;
           }
           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]; )
-            se--;
-          for (; ne >= 1 && se >= 0; ne--, se--)
-            if (O[ne] !== pe[se]) {
-              if (ne !== 1 || se !== 1)
+      } catch (be) {
+        if (be && x && typeof be.stack == "string") {
+          for (var I = be.stack.split(`
+`), Ee = x.stack.split(`
+`), se = I.length - 1, fe = Ee.length - 1; se >= 1 && fe >= 0 && I[se] !== Ee[fe]; )
+            fe--;
+          for (; se >= 1 && fe >= 0; se--, fe--)
+            if (I[se] !== Ee[fe]) {
+              if (se !== 1 || fe !== 1)
                 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 (se--, fe--, fe < 0 || I[se] !== Ee[fe]) {
+                    var Te = `
+` + I[se].replace(" at new ", " at ");
+                    return e.displayName && Te.includes("<anonymous>") && (Te = Te.replace("<anonymous>", e.displayName)), typeof e == "function" && H.set(e, Te), Te;
                   }
-                while (ne >= 1 && se >= 0);
+                while (se >= 1 && fe >= 0);
               break;
             }
         }
       } finally {
-        ce = !1, ie.current = Y, z(), Error.prepareStackTrace = $;
+        de = !1, ke.current = K, ye(), Error.prepareStackTrace = U;
       }
-      var Be = e ? e.displayName || e.name : "", je = Be ? ve(Be) : "";
-      return typeof e == "function" && U.set(e, je), je;
+      var Je = e ? e.displayName || e.name : "", We = Je ? Se(Je) : "";
+      return typeof e == "function" && H.set(e, We), We;
     }
-    function me(e, c, f) {
-      return ge(e, !1);
+    function me(e, s, m) {
+      return pe(e, !1);
     }
-    function ye(e) {
-      var c = e.prototype;
-      return !!(c && c.isReactComponent);
+    function we(e) {
+      var s = e.prototype;
+      return !!(s && s.isReactComponent);
     }
-    function ke(e, c, f) {
+    function C(e, s, m) {
       if (e == null)
         return "";
       if (typeof e == "function")
-        return ge(e, ye(e));
+        return pe(e, we(e));
       if (typeof e == "string")
-        return ve(e);
+        return Se(e);
       switch (e) {
-        case y:
-          return ve("Suspense");
-        case v:
-          return ve("SuspenseList");
+        case h:
+          return Se("Suspense");
+        case _:
+          return Se("SuspenseList");
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case T:
-            return me(e.render);
           case N:
-            return ke(e.type, c, f);
+            return me(e.render);
+          case D:
+            return C(e.type, s, m);
           case P: {
-            var R = e, $ = R._payload, Y = R._init;
+            var x = e, U = x._payload, K = x._init;
             try {
-              return ke(Y($), c, f);
+              return C(K(U), s, m);
             } catch {
             }
           }
         }
       return "";
     }
-    var Ne = Object.prototype.hasOwnProperty, Ae = {}, ze = p.ReactDebugCurrentFrame;
-    function Me(e) {
+    var S = Object.prototype.hasOwnProperty, ie = {}, le = w.ReactDebugCurrentFrame;
+    function ue(e) {
       if (e) {
-        var c = e._owner, f = ke(e.type, e._source, c ? c.type : null);
-        ze.setExtraStackFrame(f);
+        var s = e._owner, m = C(e.type, e._source, s ? s.type : null);
+        le.setExtraStackFrame(m);
       } else
-        ze.setExtraStackFrame(null);
+        le.setExtraStackFrame(null);
     }
-    function Ue(e, c, f, R, $) {
+    function _e(e, s, m, x, U) {
       {
-        var Y = Function.call.bind(Ne);
-        for (var L in e)
-          if (Y(e, L)) {
-            var O = void 0;
+        var K = Function.call.bind(S);
+        for (var B in e)
+          if (K(e, B)) {
+            var I = 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`.");
-                throw pe.name = "Invariant Violation", pe;
+              if (typeof e[B] != "function") {
+                var Ee = Error((x || "React class") + ": " + m + " type `" + B + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[B] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw Ee.name = "Invariant Violation", Ee;
               }
-              O = e[L](c, L, R, f, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (ne) {
-              O = ne;
+              I = e[B](s, B, x, m, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (se) {
+              I = se;
             }
-            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));
+            I && !(I instanceof Error) && (ue(U), b("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", x || "React class", m, B, typeof I), ue(null)), I instanceof Error && !(I.message in ie) && (ie[I.message] = !0, ue(U), b("Failed %s type: %s", m, I.message), ue(null));
           }
       }
     }
-    var ht = Array.isArray;
-    function Fe(e) {
-      return ht(e);
+    var ze = Array.isArray;
+    function ge(e) {
+      return ze(e);
     }
-    function wt(e) {
+    function Ie(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, m = s && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return m;
       }
     }
-    function vt(e) {
+    function at(e) {
       try {
-        return at(e), !1;
+        return Ge(e), !1;
       } catch {
         return !0;
       }
     }
-    function at(e) {
+    function Ge(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 ft(e) {
+      if (at(e))
+        return b("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Ie(e)), Ge(e);
     }
-    var it = p.ReactCurrentOwner, gt = {
+    var dt = w.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)
+    }, mt, $e;
+    function Ye(e) {
+      if (S.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 (S.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" && dt.current;
     }
-    function _t(e, c) {
+    function Ct(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 m = function() {
+          mt || (mt = !0, b("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", s));
         };
-        f.isReactWarning = !0, Object.defineProperty(e, "key", {
-          get: f,
+        m.isReactWarning = !0, Object.defineProperty(e, "key", {
+          get: m,
           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 m = function() {
+          $e || ($e = !0, b("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", s));
         };
-        f.isReactWarning = !0, Object.defineProperty(e, "ref", {
-          get: f,
+        m.isReactWarning = !0, Object.defineProperty(e, "ref", {
+          get: m,
           configurable: !0
         });
       }
     }
-    var Ct = function(e, c, f, R, $, Y, L) {
-      var O = {
+    var xt = function(e, s, m, x, U, K, B) {
+      var I = {
         // 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: m,
+        props: B,
         // Record the component responsible for creating this element.
-        _owner: Y
+        _owner: K
       };
-      return O._store = {}, Object.defineProperty(O._store, "validated", {
+      return I._store = {}, Object.defineProperty(I._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(O, "_self", {
+      }), Object.defineProperty(I, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: R
-      }), Object.defineProperty(O, "_source", {
+        value: x
+      }), Object.defineProperty(I, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: $
-      }), Object.freeze && (Object.freeze(O.props), Object.freeze(O)), O;
+        value: U
+      }), Object.freeze && (Object.freeze(I.props), Object.freeze(I)), I;
     };
-    function lt(e, c, f, R, $) {
+    function pt(e, s, m, x, 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 K, B = {}, I = null, Ee = null;
+        m !== void 0 && (ft(m), I = "" + m), yt(s) && (ft(s.key), I = "" + s.key), Ye(s) && (Ee = s.ref, _t(s, U));
+        for (K in s)
+          S.call(s, K) && !Et.hasOwnProperty(K) && (B[K] = s[K]);
         if (e && e.defaultProps) {
-          var ne = e.defaultProps;
-          for (Y in ne)
-            L[Y] === void 0 && (L[Y] = ne[Y]);
+          var se = e.defaultProps;
+          for (K in se)
+            B[K] === void 0 && (B[K] = se[K]);
         }
-        if (O || pe) {
-          var se = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          O && _t(L, se), pe && bt(L, se);
+        if (I || Ee) {
+          var fe = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          I && Ct(B, fe), Ee && bt(B, fe);
         }
-        return Ct(e, O, pe, $, R, it.current, L);
+        return xt(e, I, Ee, U, x, dt.current, B);
       }
     }
-    var $e = p.ReactCurrentOwner, Ye = p.ReactDebugCurrentFrame;
-    function De(e) {
+    var Ze = w.ReactCurrentOwner, ot = w.ReactDebugCurrentFrame;
+    function Ve(e) {
       if (e) {
-        var c = e._owner, f = ke(e.type, e._source, c ? c.type : null);
-        Ye.setExtraStackFrame(f);
+        var s = e._owner, m = C(e.type, e._source, s ? s.type : null);
+        ot.setExtraStackFrame(m);
       } else
-        Ye.setExtraStackFrame(null);
+        ot.setExtraStackFrame(null);
     }
-    var Ze;
-    Ze = !1;
-    function Ge(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === u;
+    var Ke;
+    Ke = !1;
+    function qe(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === c;
     }
-    function ct() {
+    function ht() {
       {
-        if ($e.current) {
-          var e = ae($e.current.type);
+        if (Ze.current) {
+          var e = Z(Ze.current.type);
           if (e)
             return `
 
@@ -701,148 +702,148 @@ Check the render method of \`` + e + "`.";
         return "";
       }
     }
-    function xt(e) {
+    function Rt(e) {
       return "";
     }
-    var ut = {};
-    function t(e) {
+    var vt = {};
+    function kt(e) {
       {
-        var c = ct();
-        if (!c) {
-          var f = typeof e == "string" ? e : e.displayName || e.name;
-          f && (c = `
+        var s = ht();
+        if (!s) {
+          var m = typeof e == "string" ? e : e.displayName || e.name;
+          m && (s = `
 
-Check the top-level render call using <` + f + ">.");
+Check the top-level render call using <` + m + ">.");
         }
-        return c;
+        return s;
       }
     }
-    function r(e, c) {
+    function wt(e, s) {
       {
         if (!e._store || e._store.validated || e.key != null)
           return;
         e._store.validated = !0;
-        var f = t(c);
-        if (ut[f])
+        var m = kt(s);
+        if (vt[m])
           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);
+        vt[m] = !0;
+        var x = "";
+        e && e._owner && e._owner !== Ze.current && (x = " It was passed a child from " + Z(e._owner.type) + "."), Ve(e), b('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', m, x), Ve(null);
       }
     }
-    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 (ge(e))
+          for (var m = 0; m < e.length; m++) {
+            var x = e[m];
+            qe(x) && wt(x, s);
           }
-        else if (Ge(e))
+        else if (qe(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 = Y(e);
+          if (typeof U == "function" && U !== e.entries)
+            for (var K = U.call(e), B; !(B = K.next()).done; )
+              qe(B.value) && wt(B.value, s);
         }
       }
     }
-    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 m;
+        if (typeof s == "function")
+          m = s.propTypes;
+        else if (typeof s == "object" && (s.$$typeof === N || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        c.$$typeof === N))
-          f = c.propTypes;
+        s.$$typeof === D))
+          m = 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 (m) {
+          var x = Z(s);
+          _e(m, e.props, "prop", x, e);
+        } else if (s.PropTypes !== void 0 && !Ke) {
+          Ke = !0;
+          var U = Z(s);
+          b("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", U || "Unknown");
         }
-        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), m = 0; m < s.length; m++) {
+          var x = s[m];
+          if (x !== "children" && x !== "key") {
+            Ve(e), b("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", x), Ve(null);
             break;
           }
         }
-        e.ref !== null && (De(e), b("Invalid attribute `ref` supplied to `React.Fragment`."), De(null));
+        e.ref !== null && (Ve(e), b("Invalid attribute `ref` supplied to `React.Fragment`."), Ve(null));
       }
     }
-    var w = {};
-    function d(e, c, f, R, $, Y) {
+    var i = {};
+    function u(e, s, m, x, U, K) {
       {
-        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 B = p(e);
+        if (!B) {
+          var I = "";
+          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (I += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+          var Ee = Rt();
+          Ee ? I += Ee : I += ht();
+          var se;
+          e === null ? se = "null" : ge(e) ? se = "array" : e !== void 0 && e.$$typeof === c ? (se = "<" + (Z(e.type) || "Unknown") + " />", I = " Did you accidentally export a JSX literal instead of a component?") : se = typeof e, b("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", se, I);
         }
-        var se = lt(e, c, f, $, Y);
-        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);
+        var fe = pt(e, s, m, U, K);
+        if (fe == null)
+          return fe;
+        if (B) {
+          var Te = s.children;
+          if (Te !== void 0)
+            if (x)
+              if (ge(Te)) {
+                for (var Je = 0; Je < Te.length; Je++)
+                  t(Te[Je], e);
+                Object.freeze && Object.freeze(Te);
               } else
                 b("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
-              a(_e, e);
+              t(Te, 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 (S.call(s, "key")) {
+          var We = Z(e), be = Object.keys(s).filter(function(Kt) {
+            return Kt !== "key";
+          }), Pt = be.length > 0 ? "{key: someKey, " + be.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!i[We + Pt]) {
+            var Zt = be.length > 0 ? "{" + be.join(": ..., ") + ": ...}" : "{}";
             b(`A props object containing a "key" prop is being spread into JSX:
   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} />`, Pt, We, Zt, We), i[We + Pt] = !0;
           }
         }
-        return e === m ? i(se) : s(se), se;
+        return e === l ? o(fe) : a(fe), fe;
       }
     }
-    function x(e, c, f) {
-      return d(e, c, f, !0);
+    function v(e, s, m) {
+      return u(e, s, m, !0);
     }
-    function X(e, c, f) {
-      return d(e, c, f, !1);
+    function E(e, s, m) {
+      return u(e, s, m, !1);
     }
-    var Se = X, Ke = x;
-    Xe.Fragment = m, Xe.jsx = Se, Xe.jsxs = Ke;
-  }()), Xe;
+    var ne = E, Ce = v;
+    st.Fragment = l, st.jsx = ne, st.jsxs = Ce;
+  }()), st;
 }
-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 = zr() : It.exports = $r();
+var Ae = It.exports, rt = (n) => cr("path", n), nt = Ht(
   /**
    * @param {SVGProps}                          props isPressed indicates whether the SVG should appear as pressed.
    *                                                  Other props will be passed through to svg component.
@@ -850,388 +851,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, ...f }, l) => {
+    const T = {
+      ...f,
+      className: ur(n, { "is-pressed": c }) || void 0,
       "aria-hidden": !0,
       focusable: !1
     };
-    return /* @__PURE__ */ xe.jsx("svg", { ...E, ref: m });
+    return /* @__PURE__ */ Ae.jsx("svg", { ...T, ref: l });
   }
 );
 nt.displayName = "SVG";
-const jr = /* @__PURE__ */ xe.jsx(nt, {
+const Wr = /* @__PURE__ */ Ae.jsx(nt, {
   viewBox: "0 0 24 24",
   xmlns: "http://www.w3.org/2000/svg",
-  children: /* @__PURE__ */ xe.jsx(rt, {
+  children: /* @__PURE__ */ Ae.jsx(rt, {
     d: "M17.5 11.6L12 16l-5.5-4.4.9-1.2L12 14l4.5-3.6 1 1.2z"
   })
-}), Ir = /* @__PURE__ */ xe.jsx(nt, {
+}), Hr = /* @__PURE__ */ Ae.jsx(nt, {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
-  children: /* @__PURE__ */ xe.jsx(rt, {
+  children: /* @__PURE__ */ Ae.jsx(rt, {
     d: "M10.6 6L9.4 7l4.6 5-4.6 5 1.2 1 5.4-6z"
   })
-}), Mr = /* @__PURE__ */ xe.jsx(nt, {
+}), Ur = /* @__PURE__ */ Ae.jsx(nt, {
   viewBox: "0 0 24 24",
   xmlns: "http://www.w3.org/2000/svg",
-  children: /* @__PURE__ */ xe.jsx(rt, {
+  children: /* @__PURE__ */ Ae.jsx(rt, {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M12.848 8a1 1 0 0 1-.914-.594l-.723-1.63a.5.5 0 0 0-.447-.276H5a.5.5 0 0 0-.5.5v11.5a.5.5 0 0 0 .5.5h14a.5.5 0 0 0 .5-.5v-9A.5.5 0 0 0 19 8h-6.152Zm.612-1.5a.5.5 0 0 1-.462-.31l-.445-1.084A2 2 0 0 0 10.763 4H5a2 2 0 0 0-2 2v11.5a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-9a2 2 0 0 0-2-2h-5.54Z"
   })
-}), Vr = /* @__PURE__ */ xe.jsxs(nt, {
+}), Gr = /* @__PURE__ */ Ae.jsxs(nt, {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
-  children: [/* @__PURE__ */ xe.jsx(rt, {
+  children: [/* @__PURE__ */ Ae.jsx(rt, {
     d: "M15.5 7.5h-7V9h7V7.5Zm-7 3.5h7v1.5h-7V11Zm7 3.5h-7V16h7v-1.5Z"
-  }), /* @__PURE__ */ xe.jsx(rt, {
+  }), /* @__PURE__ */ Ae.jsx(rt, {
     d: "M17 4H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2ZM7 5.5h10a.5.5 0 0 1 .5.5v12a.5.5 0 0 1-.5.5H7a.5.5 0 0 1-.5-.5V6a.5.5 0 0 1 .5-.5Z"
   })]
-}), $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
+}), Yr = /* @__PURE__ */ Ae.jsx(nt, {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24",
+  children: /* @__PURE__ */ Ae.jsx(rt, {
+    d: "M18.5 15v3.5H13V6.7l4.5 4.1 1-1.1-6.2-5.8-5.8 5.8 1 1.1 4-4v11.7h-6V15H4v5h16v-5z"
+  })
+}), Zr = "_file-picker-tree_ad9od_1", Kr = "_file-node-button_ad9od_17", qr = "_selected_ad9od_56", Jr = "_focused_ad9od_75", Xr = "_dropTarget_ad9od_83", Qr = "_dropTargetInvalid_ad9od_95", en = "_renaming_ad9od_104", tn = "_renameInput_ad9od_109", rn = "_file-name_ad9od_124", Re = {
+  filePickerTree: Zr,
+  fileNodeButton: Kr,
+  selected: qr,
+  focused: Jr,
+  dropTarget: Xr,
+  dropTargetInvalid: Qr,
+  renaming: en,
+  renameInput: tn,
+  fileName: rn
 };
-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;
+  const c = Jt(n), f = c.startsWith("/"), l = c.split("/").filter(Boolean), T = [];
+  let d = f ? "/" : "";
+  f && T.push("/");
+  for (const k of l)
+    !d || d === "/" ? d = d === "/" ? `/${k}` : k : d = `${d}/${k}`, T.push(d);
+  return T;
 }
-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}/`);
+function Ue(n, c, f) {
+  return n && (n === c ? f : n.startsWith(c === "/" ? "/" : `${c}/`) ? f + n.slice(c.length) : n);
 }
-function kt(n, u, l) {
-  return n && (n === u ? l : n.startsWith(u === "/" ? "/" : `${u}/`) ? l + n.slice(u.length) : n);
-}
-const qr = Bt(function({
-  withContextMenu: u = !0,
+const nn = zt(function({
+  withContextMenu: c = !0,
+  readOnly: f = !1,
   filesystem: l,
-  root: m = "/wordpress",
-  initialSelectedPath: E,
-  onSelect: g = () => {
+  root: T = "/wordpress",
+  initialSelectedPath: d,
+  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: A
+}, N) {
+  const h = Ft(() => je("/", T || "/"), [T]), [_, D] = Q(() => {
+    if (!d)
       return {};
     const t = {};
-    for (const r of Pt(E))
-      t[r] = !0;
+    for (const a of Dt(d))
+      t[a] = !0;
     return t;
-  }), [P, j] = Q(
-    () => E ?? null
-  ), [Z, A] = Q(
-    () => E ?? null
-  ), [D, p] = Q({}), [b, q] = Q(
+  }), [P, W] = Q(
+    () => d ?? null
+  ), [q, R] = Q(
+    () => d ?? null
+  ), [Y, w] = Q({}), [b, G] = Q(
     {}
-  ), [B, G] = Q(null), [ee, W] = Q(
+  ), [X, ae] = Q(null), [y, j] = Q(
     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]);
+  ), V = M({}), $ = M(!1), p = M(null), F = M(null), ce = M(b), Z = M(Y), O = () => {
+    for (const t of Object.keys(V.current))
+      clearTimeout(V.current[t]), delete V.current[t];
+  }, oe = (t) => {
+    const a = V.current[t];
+    a && (clearTimeout(a), delete V.current[t]);
   };
-  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}"]`
+  z(() => {
+    ce.current = b;
+  }, [b]), z(() => {
+    Z.current = Y;
+  }, [Y]);
+  const ee = (t) => {
+    var o;
+    const a = (o = p.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;
+  }, ve = (t, a = "") => a ? je(a, t.name) : je("/", t.name), he = (t, a) => t.children ? t.children : Y[a], Ne = async (t, a) => {
+    const o = await t.listFiles(a), i = [];
+    for (const u of o) {
+      const v = a === "/" ? `/${u}` : `${a}/${u}`, E = await t.isDir(v);
+      i.push({ name: u, type: E ? "folder" : "file" });
+    }
+    return i.sort((u, v) => {
+      var e;
+      if (u.type !== v.type) return u.type === "folder" ? -1 : 1;
+      const E = a === "/" ? `/${u.name}` : `${a}/${u.name}`, ne = a === "/" ? `/${v.name}` : `${a}/${v.name}`, Ce = (e = we.current) == null ? void 0 : e.tempPath;
+      if (Ce) {
+        if (E === Ce) return -1;
+        if (ne === Ce) return 1;
       }
-      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) => ({
-          ...w,
-          [t]: i ?? []
-        })), s(i ?? []);
+      return u.name.localeCompare(v.name);
+    }), i;
+  }, Pe = async (t) => await Ne(l, t), te = (t, a) => {
+    if (a.type !== "folder")
+      return a.children;
+    const o = a.children ?? Z.current[t];
+    return o || ce.current[t] ? o : (G((i) => ({ ...i, [t]: !0 })), new Promise((i) => {
+      Pe(t).then((u) => {
+        w((v) => ({
+          ...v,
+          [t]: u ?? []
+        })), i(u ?? []);
       }).catch(() => {
-        s([]);
+        i([]);
       }).finally(() => {
-        q((i) => {
-          const w = { ...i };
-          return delete w[t], w;
+        G((u) => {
+          const v = { ...u };
+          return delete v[t], v;
         });
       });
     }));
-  }, 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];
+  }, Oe = (t, a) => {
+    a.type === "folder" && (typeof window > "u" || V.current[t] || (V.current[t] = window.setTimeout(() => {
+      D((o) => o[t] ? o : { ...o, [t]: !0 }), te(t, a), delete V.current[t];
     }, 600)));
-  }, C = (t) => (q((r) => ({ ...r, [t]: !0 })), new Promise((r) => {
-    Pe(t).then((a) => {
-      p((s) => ({
-        ...s,
-        [t]: a ?? []
-      })), r(a ?? []);
+  }, re = (t) => (G((a) => ({ ...a, [t]: !0 })), new Promise((a) => {
+    Pe(t).then((o) => {
+      w((i) => ({
+        ...i,
+        [t]: o ?? []
+      })), a(o ?? []);
     }).catch(() => {
-      r([]);
+      a([]);
     }).finally(() => {
-      q((a) => {
-        const s = { ...a };
-        return delete s[t], s;
+      G((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;
+  })), Me = (t, a, o) => {
+    D((i) => ({
+      ...i,
+      [t]: o
+    })), o ? te(t, a) : w((i) => {
+      if (i[t] === void 0)
+        return i;
+      const u = { ...i };
+      return delete u[t], u;
     });
-  }, z = async (t) => {
+  }, ye = 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;
-      return w;
+    const a = Dt(t);
+    if (a.length === 0) return;
+    D((u) => {
+      const v = { ...u };
+      for (const E of a)
+        v[E] = !0;
+      return v;
     });
-    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);
-      if (!w || w.type !== "folder") {
-        s = i, a = [];
+    let o = [
+      { name: h, type: "folder" }
+    ], i = "";
+    for (const u of a) {
+      const v = o == null ? void 0 : o.find((ne) => ve(ne, i) === u);
+      if (!v || v.type !== "folder") {
+        i = u, 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 te(u, v) ?? Z.current[u], i = u;
+    }
+  }, ke = (t, a) => {
+    !t || !a || t === a || (D((o) => {
+      let i = !1;
+      const u = { ...o };
+      for (const v of Object.keys(o)) {
+        const E = Ue(v, t, a);
+        E && E !== v && (u[E] = o[v], delete u[v], 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 ? u : o;
+    }), w((o) => {
+      let i = !1;
+      const u = { ...o };
+      for (const v of Object.keys(o)) {
+        const E = Ue(v, t, a);
+        E && E !== v && (u[E] = o[v], delete u[v], 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;
-  Wt(
-    V,
+      return i ? u : o;
+    }), W((o) => Ue(o, t, a)), R((o) => Ue(o, t, a)));
+  }, Fe = () => {
+    ae(null), j(null), O();
+  }, Se = (t, a = !0) => {
+    W(t), a && k(t);
+  }, de = Ft(() => [{ name: h, type: "folder" }], [h]), [H, g] = Q(null), [pe, me] = Q(null), we = M(null), C = f ? null : pe;
+  $t(
+    N,
     () => ({
-      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: u = !1
+        } = a;
+        o && Se(t, u), R(t), i && ee(t);
       },
       selectPath: (t) => {
-        t && (ve(t), A(t), oe(t));
+        t && (Se(t), R(t), ee(t));
       },
       getSelectedPath: () => P,
-      expandToPath: async (t) => await z(t),
-      refresh: async (t) => await C(t),
-      remapPath: ie,
+      expandToPath: async (t) => await ye(t),
+      refresh: async (t) => await re(t),
+      remapPath: ke,
       createFile: async (t) => {
-        await Ve(t, "file", "untitled.php");
+        f || await Ye(t, "file", "untitled.php");
       },
       createFolder: async (t) => {
-        await Ve(t, "folder", "New Folder");
+        f || await Ye(t, "folder", "New Folder");
+      },
+      importFiles: async (t, a) => {
+        f || await Ve(t, a);
+      },
+      importDataTransfer: async (t, a) => {
+        f || await Ke(t, a);
       }
     }),
-    [P, C, ie, z]
+    [P, re, ke, ye, f]
   );
-  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 S = M(!1), ie = M(
+    d ?? null
+  ), le = M(d);
+  z(() => {
+    $.current = !1;
+  }, [h]), z(() => {
+    d && d !== le.current ? ie.current = d : d || (ie.current = null), le.current = d;
+  }, [d]), z(() => {
+    if (!d || S.current)
       return;
-    Ne.current = !0;
-    const t = Pt(E);
-    N((a) => {
-      const s = { ...a };
-      for (const i of t)
-        s[i] = !0;
-      return s;
+    S.current = !0;
+    const t = Dt(d);
+    D((o) => {
+      const i = { ...o };
+      for (const u of t)
+        i[u] = !0;
+      return i;
     });
-    const r = t[t.length - 1] || E;
-    A(r), j(r), z(E);
-  }, [E, z]), I(() => {
-    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);
+    const a = t[t.length - 1] || d;
+    R(a), W(a), ye(d);
+  }, [d, ye]), z(() => {
+    const t = ie.current;
+    !t || de.length === 0 || (ie.current = null, ye(t));
+  }, [de, ye]), z(() => {
+    if (!q) {
+      if (de.length > 0) {
+        const t = ve(de[0]);
+        R(t);
       }
       return;
     }
-    ke && ke === Z || oe(Z);
-  }, [ce, Z, ke]), I(() => {
-    if (ce.length === 0)
+    C && C === q || ee(q);
+  }, [de, q, C]), z(() => {
+    if (de.length === 0)
       return;
-    const t = ce[0];
-    if ((t == null ? void 0 : t.type) !== "folder" || te.current)
+    const t = de[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, D(
+      (o) => o[a] ? o : { ...o, [a]: !0 }
+    ), !Z.current[a] && !ce.current[a] && te(a, t);
+  }, [de, te, h]), z(() => () => {
+    F.current && clearTimeout(F.current), O();
+  }, []), z(() => {
+    H && 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) => {
+  }, [H]);
+  const [ue, _e] = Q(""), ze = (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 || "/";
+  }, ge = (t, a, o) => {
+    const i = ze(t, a);
+    return i ? o && Xt(o, i) ? { allowed: !1, state: "invalid", destination: null } : { allowed: !0, state: "valid", destination: i } : { allowed: !1, state: "invalid", destination: null };
+  }, Ie = (t, a, o) => {
+    a.type !== "folder" && a.type !== "file" || (ae(o), j(null), t.dataTransfer && (t.dataTransfer.effectAllowed = "move", t.dataTransfer.setData(
       "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)));
+  }, at = () => {
+    Fe();
+  }, Ge = (t, a, o) => {
+    const i = ge(a, o, X);
+    i.allowed && a.type === "folder" && Oe(o, a), j((u) => (u == null ? void 0 : u.path) === o && u.state === i.state ? u : { path: o, state: i.state });
+  }, ft = (t, a, o) => {
+    const i = ge(a, o, X);
+    i.allowed && i.destination ? (t.preventDefault(), t.dataTransfer && (t.dataTransfer.dropEffect = X ? "move" : "copy"), a.type === "folder" && Oe(o, a), j((u) => (u == null ? void 0 : u.path) === o && u.state === i.state ? u : { path: o, state: i.state })) : (t.dataTransfer && (t.dataTransfer.dropEffect = "none"), oe(o), j((u) => (u == null ? void 0 : u.path) === o && u.state === "invalid" ? u : { path: o, state: "invalid" }));
+  }, dt = (t, a, o) => {
+    oe(o);
+    const i = t.relatedTarget;
+    i && t.currentTarget.contains(i) || j((u) => (u == null ? void 0 : u.path) === o ? null : u);
+  }, Et = async (t, a, o) => {
+    const i = X, u = ge(a, o, i);
+    if (!u.allowed || !u.destination) {
+      Fe();
       return;
     }
-    t.preventDefault(), t.stopPropagation(), ue(a), W(null);
+    t.preventDefault(), t.stopPropagation(), oe(o), j(null);
     try {
-      s ? await _t(s, i.destination) : await De(t, i.destination);
+      i ? await Ct(i, u.destination) : await Ke(
+        t.dataTransfer,
+        u.destination
+      );
     } finally {
-      Ee();
+      Fe();
     }
-  }, st = (t, r, a) => {
-    u && (t.preventDefault(), t.stopPropagation(), me(null), h({
-      absPath: a,
-      type: r.type,
+  }, mt = (t, a, o) => {
+    c && (t.preventDefault(), t.stopPropagation(), me(null), g({
+      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: "" };
-    }, 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}`;
-    }
-    return a;
-  }, Ve = async (t, r, a) => {
+  }, $e = async (t, a) => {
+    let o = a, i = 0;
+    const u = (E) => {
+      const ne = E.lastIndexOf(".");
+      return ne > 0 ? { stem: E.slice(0, ne), ext: E.slice(ne) } : { stem: E, ext: "" };
+    }, v = t === "/" ? "" : t;
+    for (; await (l == null ? void 0 : l.fileExists(`${v}/${o}`)) || await (l == null ? void 0 : l.isDir(`${v}/${o}`)); ) {
+      i += 1;
+      const { stem: E, ext: ne } = u(a);
+      o = `${E} (${i})${ne}`;
+    }
+    return o;
+  }, Ye = async (t, a, o) => {
     if (!l) return;
-    let s = t || P || T;
+    let i = t || P || h;
     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 u = i, v = await $e(u, o), E = je(u, v);
+    a === "folder" ? await l.mkdir(E) : await l.writeFile(E, ""), we.current = { type: a, tempPath: E }, me(E), await re(u), setTimeout(() => {
+      R(E), ee(E);
     }, 0);
-  }, Et = async (t) => {
+  }, yt = async (t) => {
     if (!l) return !1;
     try {
       if (await l.fileExists(t))
@@ -1244,258 +1242,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) => {
+  }, Ct = async (t, a) => {
     if (!l) return;
-    const a = Ot(t), s = We(r, a);
-    if (s === t || await Et(s))
+    const o = et(t), i = je(a, o);
+    if (i === t || await yt(i))
       return;
-    const i = Oe(t);
+    const u = Le(t);
     try {
-      await l.mv(t, s), ie(t, s);
-      const w = kt(
+      await l.mv(t, i), ke(t, i);
+      const v = Ue(
         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(v), R(
+        (E) => Ue(E, t, i)
+      ), D((E) => ({
+        ...E,
+        [a]: !0
       })), await Promise.all([
-        C(i),
-        C(r)
-      ]), j(
-        (d) => kt(d, t, s)
-      ), oe(s);
+        re(u),
+        re(a)
+      ]), W(
+        (E) => Ue(E, t, i)
+      ), ee(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;
+  }, xt = (t) => new Promise((a, o) => {
+    t.file(a, o);
+  }), pt = 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 $e(a, o), u = je(a, i), v = new Uint8Array(await t.arrayBuffer());
+    await l.writeFile(u, v);
+  }, Ze = async (t, a) => {
+    const o = await xt(t);
+    await pt(o, a);
+  }, ot = async (t, a) => {
+    const o = await $e(
+      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 = je(a, o);
+    await _t(i);
+    const u = t.createReader(), v = () => new Promise((E, ne) => {
+      u.readEntries(
+        (Ce) => E(Array.from(Ce)),
+        ne
       );
     });
     for (; ; ) {
-      const d = await w();
-      if (!d.length)
+      const E = await v();
+      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 ot(
+          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);
-    }
-    await C(r), N((d) => ({
-      ...d,
-      [r]: !0
-    }));
-  }, Ze = async (t, r) => {
+  }, Ve = (t, a) => qe([], t, a), Ke = (t, a) => {
+    const i = Array.from(t.items).filter((v) => v.kind === "file").map((v) => bt(v)).filter((v) => !!v), u = Array.from(t.files);
+    return qe(i, u, a);
+  }, qe = async (t, a, o) => {
+    if (l) {
+      if (t.length > 0)
+        for (const i of t)
+          i.isFile ? await Ze(
+            i,
+            o
+          ) : i.isDirectory && await ot(
+            i,
+            o
+          );
+      else
+        for (const i of a)
+          await pt(i, o);
+      await re(o), D((i) => ({
+        ...i,
+        [o]: !0
+      }));
+    }
+  }, ht = async (t, a) => {
     if (!l) return;
-    const a = t;
-    h(null);
+    const o = t;
+    g(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);
+      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]), u = URL.createObjectURL(i), v = document.createElement("a");
+        v.href = u, v.download = et(t) || "download", document.body.appendChild(v), v.click(), document.body.removeChild(v), setTimeout(() => URL.revokeObjectURL(u), 6e4);
+      } catch (a) {
+        console.error("Failed to download file", a);
       }
-  }, ct = (t) => {
-    var r;
-    if (!ge)
+  }, vt = (t) => {
+    var a;
+    if (!pe)
       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 = ue + t.key.toLowerCase();
+        if (_e(o), F.current && clearTimeout(F.current), F.current = setTimeout(() => {
+          _e("");
+        }, 1e3), !p.current)
           return;
-        const s = Array.from(
-          _.current.querySelectorAll(".file-node-button")
-        ), i = document.activeElement;
-        let w = 0;
-        i && s.includes(i) && (w = s.indexOf(
-          i
+        const i = Array.from(
+          p.current.querySelectorAll(".file-node-button")
+        ), u = document.activeElement;
+        let v = 0;
+        u && i.includes(u) && (v = i.indexOf(
+          u
         ));
-        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 = (v + E) % i.length, Ce = i[ne];
+          if ((a = Ce.textContent) != null && a.toLowerCase().trim().startsWith(o)) {
+            Ce.focus();
+            const e = Ce.getAttribute("data-path");
+            e && R(e);
             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) {
+        _e(""), F.current && clearTimeout(F.current);
+  }, kt = async (t, a) => {
+    if (f) return;
+    const o = we.current, i = (o == null ? void 0 : o.tempPath) === t, u = Le(t);
+    if (!a || a === "." || a === ".." || et(a) !== a) {
+      if (i) {
         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;
+        we.current = null;
       }
-      me(s ? null : t);
+      me(i ? null : t);
       return;
     }
-    let d = We(i, w), x = d;
-    if (x === t) {
+    let v = je(u, a), E = v;
+    if (E === 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);
+      const s = i && (o == null ? void 0 : o.type) === "file";
+      i && (we.current = null), setTimeout(() => {
+        R(E), ee(E), s && A && A(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), Ce = await l.isDir(E);
+    if ((ne || Ce) && E !== t)
+      if (i)
         try {
-          const e = await Le(
-            i === "/" ? "/" : i,
-            w
+          const s = await $e(
+            u === "/" ? "/" : u,
+            a
           );
-          d = We(i, e), x = d;
+          v = je(u, s), E = v;
         } catch {
         }
       else {
         me(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, v), o || (e = await l.isDir(v)), e && ke(t, E), P === t && k(E), await re(u), R(E), ee(E), i && !e && A && A(E);
     } 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);
+      we.current = null, me(null);
     }
-  }, ut = async (t) => {
-    const r = ye.current;
-    if (!l || (r == null ? void 0 : r.tempPath) !== t) {
-      me((s) => s === t ? null : s);
+  }, wt = async (t) => {
+    const a = we.current;
+    if (!l || (a == null ? void 0 : a.tempPath) !== t) {
+      me((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);
+    we.current = null, me(null);
+    const o = Le(t);
+    await re(o), R(o), ee(o);
   };
-  return /* @__PURE__ */ o.createElement("div", { onKeyDown: ct, ref: _ }, /* @__PURE__ */ o.createElement(Kt, { className: we.filePickerTree }, ce.map((t, r) => /* @__PURE__ */ o.createElement(
-    zt,
+  return /* @__PURE__ */ r.createElement("div", { onKeyDown: vt, ref: p }, /* @__PURE__ */ r.createElement(er, { className: Re.filePickerTree }, de.map((t, a) => /* @__PURE__ */ r.createElement(
+    Ut,
     {
       key: t.name,
       node: t,
       level: 0,
-      position: r + 1,
-      setSize: ce.length,
-      expandedNodePaths: v,
-      onToggle: J,
+      position: a + 1,
+      setSize: de.length,
+      expandedNodePaths: _,
+      onToggle: Me,
       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) => R(o),
+      focusedNode: q,
+      selectPath: Se,
+      generatePath: ve,
+      getChildren: he,
+      onContextMenu: f ? void 0 : mt,
+      renamingPath: C,
+      onRename: kt,
+      onRenameCancel: wt,
+      dropIndicator: y,
+      onDragStart: f ? void 0 : Ie,
+      onDragEnd: f ? void 0 : at,
+      onDragEnter: f ? void 0 : Ge,
+      onDragOver: f ? void 0 : ft,
+      onDragLeave: f ? void 0 : dt,
+      onDrop: f ? void 0 : Et,
+      rootPath: h,
+      onDoubleClickFile: A
+    }
+  ))), !f && H && /* @__PURE__ */ r.createElement(
+    tr,
     {
       placement: "bottom-start",
-      onClose: () => h(null),
+      onClose: () => g(null),
       anchor: {
         getBoundingClientRect: () => ({
-          x: U.x,
-          y: U.y,
+          x: H.x,
+          y: H.y,
           width: 0,
           height: 0,
-          top: U.y,
-          left: U.x,
-          right: U.x,
-          bottom: U.y,
+          top: H.y,
+          left: H.x,
+          right: H.x,
+          bottom: H.y,
           toJSON: () => ({})
         }),
         ownerDocument: document
@@ -1504,1042 +1503,1379 @@ 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" }, H.type === "folder" && /* @__PURE__ */ r.createElement(
+      it,
       {
         role: "menuitem",
         onClick: async () => {
-          h(null), await Ve(
-            U.absPath,
+          g(null), await Ye(
+            H.absPath,
             "file",
             "untitled.php"
           );
         }
       },
       "Create file"
-    ), U.type === "folder" && /* @__PURE__ */ o.createElement(
-      qe,
+    ), H.type === "folder" && /* @__PURE__ */ r.createElement(
+      it,
       {
         role: "menuitem",
         onClick: async () => {
-          h(null), await Ve(
-            U.absPath,
+          g(null), await Ye(
+            H.absPath,
             "folder",
             "New Folder"
           );
         }
       },
       "Create directory"
-    ), /* @__PURE__ */ o.createElement(
-      qe,
+    ), /* @__PURE__ */ r.createElement(
+      it,
       {
         role: "menuitem",
         onClick: () => {
-          h(null), me(U.absPath);
+          g(null), me(H.absPath);
         }
       },
       "Rename"
-    ), U.type === "file" && /* @__PURE__ */ o.createElement(
-      qe,
+    ), H.type === "file" && /* @__PURE__ */ r.createElement(
+      it,
       {
         role: "menuitem",
         onClick: async () => {
-          h(null), await Ge(
-            U.absPath
+          g(null), await Rt(
+            H.absPath
           );
         }
       },
       "Download"
-    ), /* @__PURE__ */ o.createElement(
-      qe,
+    ), /* @__PURE__ */ r.createElement(
+      it,
       {
         role: "menuitem",
-        onClick: () => Ze(
-          U.absPath,
-          U.type
+        onClick: () => ht(
+          H.absPath,
+          H.type
         )
       },
       "Delete"
     ))
   ));
-}), zt = ({
+}), Ut = ({
   node: n,
-  level: u,
-  position: l,
-  setSize: m,
-  expandedNodePaths: E,
-  onToggle: g,
+  level: c,
+  position: f,
+  setSize: l,
+  expandedNodePaths: T,
+  onToggle: d,
   selectedNode: k,
-  focusPath: V,
-  focusedNode: T,
-  selectPath: y,
-  generatePath: v,
-  getChildren: N,
+  focusPath: A,
+  focusedNode: N,
+  selectPath: h,
+  generatePath: _,
+  getChildren: D,
   onContextMenu: P,
-  renamingPath: j,
-  onRename: Z,
-  onRenameCancel: A,
-  parentPath: D = "",
-  dropIndicator: p,
+  renamingPath: W,
+  onRename: q,
+  onRenameCancel: R,
+  parentPath: Y = "",
+  dropIndicator: w,
   onDragStart: b,
-  onDragEnd: q,
-  onDragEnter: B,
-  onDragOver: G,
-  onDragLeave: ee,
-  onDrop: W,
-  rootPath: F,
-  onDoubleClickFile: te
+  onDragEnd: G,
+  onDragEnter: X,
+  onDragOver: ae,
+  onDragLeave: y,
+  onDrop: j,
+  rootPath: V,
+  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 p = _(n, Y), F = T[p], ce = W === p, Z = M(null), [O, oe] = Q(n.name), ee = M(!1), ve = (w == null ? void 0 : w.path) === p, he = ve && (w == null ? void 0 : w.state) === "valid", Ne = ve && (w == null ? void 0 : w.state) === "invalid", Pe = !!b && !ce && p !== V, te = M(null), Oe = {
+    onDragEnter: (g) => X == null ? void 0 : X(g, n, p),
+    onDragOver: (g) => ae == null ? void 0 : ae(g, n, p),
+    onDragLeave: (g) => y == null ? void 0 : y(g, n, p),
+    onDrop: (g) => j == null ? void 0 : j(g, n, p)
+  }, re = D(n, p) ?? [];
+  z(() => {
+    var g;
+    ce ? (oe(n.name), ee.current = !1, typeof window < "u" && requestAnimationFrame ? requestAnimationFrame(() => {
+      var pe;
+      (pe = Z.current) == null || pe.select();
+    }) : (g = Z.current) == null || g.select()) : ee.current = !1;
+  }, [ce, n.name]);
+  const Me = () => {
+    n.type === "folder" && d(p, n, !F);
+  }, ye = (g) => {
+    var pe, me;
+    if (g.key === "ArrowLeft")
+      F ? Me() : (pe = document.querySelector(
+        `[data-path="${CSS.escape(Y)}"]`
+      )) == null || pe.focus(), g.preventDefault(), g.stopPropagation();
+    else if (g.key === "ArrowRight") {
+      if (F) {
+        if (re != null && re.length) {
+          const we = _(
+            re[0],
+            p
           );
           (me = document.querySelector(
-            `[data-path="${ye}"]`
+            `[data-path="${CSS.escape(we)}"]`
           )) == null || me.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(_);
+        Me();
+      g.preventDefault(), g.stopPropagation();
+    } else g.key === " " || g.key === "Space" || g.key === "Spacebar" ? (n.type === "folder" && d(p, n, !F), g.preventDefault()) : g.key === "Enter" && (n.type === "folder" ? d(p, n, !F) : (h(p, !1), A(p), $ ? $(p) : h(p, !0)), g.preventDefault());
+  }, ke = (g) => {
+    P == null || P(g, n, p);
+  }, Fe = (g) => {
+    g.preventDefault(), ee.current = !0, q == null || q(p, O);
+  }, Se = (g) => {
+    if (g.key === "Escape") {
+      g.preventDefault(), g.stopPropagation(), ee.current = !0, R == null || R(p);
       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 = () => {
+    (g.key === "ArrowLeft" || g.key === "ArrowRight" || g.key === "ArrowUp" || g.key === "ArrowDown") && g.stopPropagation();
+  }, de = () => {
+    ee.current || R == null || R(p), ee.current = !1;
+  }, H = () => {
     if (n.type === "folder") {
-      J(), y(_), V(_);
+      Me(), h(p), A(p);
       return;
     }
-    const h = le.current !== null;
-    if (h && le.current && clearTimeout(le.current), le.current = null, h) {
-      te ? te(_) : y(_, !0);
+    const g = te.current !== null;
+    if (g && te.current && clearTimeout(te.current), te.current = null, g) {
+      $ ? $(p) : h(p, !0);
       return;
     }
-    y(_, !1), V(_), y(_, !0), le.current = window.setTimeout(() => {
-      le.current = null;
+    h(p, !1), A(p), h(p, !0), te.current = window.setTimeout(() => {
+      te.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 z(() => () => {
+    te.current !== null && typeof window < "u" && clearTimeout(te.current);
+  }, []), /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(
+    nr,
     {
-      level: u,
-      positionInSet: l,
-      setSize: m
+      level: c,
+      positionInSet: f,
+      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, ce ? /* @__PURE__ */ r.createElement(
       "form",
       {
-        onSubmit: Ee,
-        className: et(
-          we.fileNodeButton,
-          we.renaming,
+        onSubmit: Fe,
+        className: De(
+          Re.fileNodeButton,
+          Re.renaming,
           "file-node-button",
           {
-            [we.selected]: k === _,
-            [we.focused]: T === _,
-            [we.dropTarget]: Re,
-            [we.dropTargetInvalid]: Te
+            [Re.selected]: k === p,
+            [Re.focused]: N === p,
+            [Re.dropTarget]: he,
+            [Re.dropTargetInvalid]: Ne
           }
         ),
-        "data-path": _,
-        onContextMenu: ie,
-        ...S
+        "data-path": p,
+        onContextMenu: ke,
+        ...Oe
       },
-      /* @__PURE__ */ o.createElement(
-        Vt,
+      /* @__PURE__ */ r.createElement(
+        jt,
         {
           node: n,
-          isOpen: n.type === "folder" && H,
-          level: u,
+          isOpen: n.type === "folder" && F,
+          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: Z,
+          className: Re.renameInput,
+          value: O,
+          onChange: (g) => oe(g.target.value),
+          onBlur: de,
+          onFocus: () => A(p),
+          onKeyDown: Se
         }
       )
-    ) : /* @__PURE__ */ o.createElement(
-      mt,
+    ) : /* @__PURE__ */ r.createElement(
+      tt,
       {
-        ...S,
+        ...Oe,
         draggable: Pe,
-        onDragStart: (h) => b == null ? void 0 : b(h, n, _),
-        onDragEnd: (h) => q == null ? void 0 : q(h, n, _),
-        onClick: U,
-        onKeyDown: z,
+        onDragStart: (g) => b == null ? void 0 : b(g, n, p),
+        onDragEnd: (g) => G == null ? void 0 : G(g, n, p),
+        onClick: H,
+        onKeyDown: ye,
         onFocus: () => {
-          V(_);
+          A(p);
         },
-        onContextMenu: ie,
-        className: et(
-          we.fileNodeButton,
+        onContextMenu: ke,
+        className: De(
+          Re.fileNodeButton,
           "file-node-button",
           {
-            [we.selected]: k === _,
-            [we.focused]: T === _,
-            [we.dropTarget]: Re,
-            [we.dropTargetInvalid]: Te
+            [Re.selected]: k === p,
+            [Re.focused]: N === p,
+            [Re.dropTarget]: he,
+            [Re.dropTargetInvalid]: Ne
           }
         ),
-        "data-path": _,
-        "data-expanded": H ? "true" : "false"
+        "data-path": p,
+        "data-expanded": F ? "true" : "false"
       },
-      /* @__PURE__ */ o.createElement(
-        Vt,
+      /* @__PURE__ */ r.createElement(
+        jt,
         {
           node: n,
-          isOpen: n.type === "folder" && H,
-          level: u
+          isOpen: n.type === "folder" && F,
+          level: c
         }
       )
     )))
-  ), H && C && C.map((h, ge) => /* @__PURE__ */ o.createElement(
-    zt,
+  ), F && re && re.map((g, pe) => /* @__PURE__ */ r.createElement(
+    Ut,
     {
-      key: h.name,
-      node: h,
-      level: u + 1,
-      position: ge + 1,
-      setSize: C.length,
-      expandedNodePaths: E,
-      onToggle: g,
+      key: g.name,
+      node: g,
+      level: c + 1,
+      position: pe + 1,
+      setSize: re.length,
+      expandedNodePaths: T,
+      onToggle: d,
       selectedNode: k,
-      focusPath: V,
-      focusedNode: T,
-      selectPath: y,
-      generatePath: v,
-      getChildren: N,
+      focusPath: A,
+      focusedNode: N,
+      selectPath: h,
+      generatePath: _,
+      getChildren: D,
       onContextMenu: P,
-      renamingPath: j,
-      onRename: Z,
-      onRenameCancel: A,
-      parentPath: _,
-      dropIndicator: p,
+      renamingPath: W,
+      onRename: q,
+      onRenameCancel: R,
+      parentPath: p,
+      dropIndicator: w,
       onDragStart: b,
-      onDragEnd: q,
-      onDragEnter: B,
-      onDragOver: G,
-      onDragLeave: ee,
-      onDrop: W,
-      rootPath: F,
-      onDoubleClickFile: te
+      onDragEnd: G,
+      onDragEnter: X,
+      onDragOver: ae,
+      onDragLeave: y,
+      onDrop: j,
+      rootPath: V,
+      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: f, hideName: l = !1 }) => {
+  const T = [];
+  for (let d = 0; d < c; d++)
+    T.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: T.join("") }
+    }
+  ), n.type === "folder" ? /* @__PURE__ */ r.createElement(Ot, { width: 16, icon: f ? Wr : Hr }) : /* @__PURE__ */ r.createElement("div", { style: { width: 16 } }, " "), /* @__PURE__ */ r.createElement(Ot, { width: 16, icon: n.type === "folder" ? jr : Vr }), !l && /* @__PURE__ */ r.createElement("span", { className: Re.fileName }, n.name));
+}, an = "_control_kp9d9_1", on = "_browse-label_kp9d9_11", ln = "_path-preview_kp9d9_37", sn = "_modal_kp9d9_43", cn = "_modal-footer_kp9d9_48", Qe = {
+  control: an,
+  browseLabel: on,
+  pathPreview: ln,
+  modal: sn,
+  modalFooter: cn
 };
-function rn({ path: n }) {
+function un({ 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 f = (c.length > 2 ? "/" : "") + c.pop();
+  f.length > 10 && (f = f.substring(f.length - 10));
+  const l = n.substring(
     0,
-    n.length - l.length
+    n.length - f.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": f
     }
   );
 }
-function ga({
+function Ua({
   value: n = "",
-  onChange: u,
-  filesystem: l
+  onChange: c,
+  filesystem: f
 }) {
-  const [m, E] = Q(!1), g = () => E(!0), k = () => E(!1), [V, T] = Q(
+  const [l, T] = Q(!1), d = () => T(!0), k = () => T(!1), [A, N] = Q(
     n || null
   );
-  function y(v) {
-    v == null || v.preventDefault(), u(V || ""), k();
+  function h(_) {
+    _ == null || _.preventDefault(), c(A || ""), k();
   }
-  return /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement(
-    mt,
+  return /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(
+    tt,
     {
       variant: "tertiary",
-      className: He.control,
-      onClick: g
+      className: Qe.control,
+      onClick: d
     },
-    /* @__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(un, { 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: h }, /* @__PURE__ */ r.createElement(
+      nn,
       {
-        filesystem: l,
+        filesystem: f,
         initialSelectedPath: n,
-        onSelect: T
+        onSelect: N
       }
-    ), /* @__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(tt, { 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 fn = "_container_1h0az_1", dn = "_header_1h0az_9", mn = "_filename_1h0az_18", pn = "_downloadLink_1h0az_26", hn = "_previewArea_1h0az_38", vn = "_imagePreview_1h0az_51", wn = "_videoPreview_1h0az_57", gn = "_audioPreview_1h0az_64", En = "_unsupportedMessage_1h0az_68", yn = "_actions_1h0az_74", Be = {
+  container: fn,
+  header: dn,
+  filename: mn,
+  downloadLink: pn,
+  previewArea: hn,
+  imagePreview: vn,
+  videoPreview: wn,
+  audioPreview: gn,
+  unsupportedMessage: En,
+  actions: yn
+}, _n = (n) => {
   if (!n)
     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 Ga({
   filename: n,
-  mimeType: u,
-  dataUrl: l,
-  downloadUrl: m,
-  showHeader: E = !0
+  mimeType: c,
+  dataUrl: f,
+  downloadUrl: l,
+  showHeader: T = !0
 }) {
-  const { isImage: g, isVideo: k, isAudio: V } = pn(u), T = E !== !1, y = !!(m && n), v = () => y ? /* @__PURE__ */ o.createElement(
+  const { isImage: d, isVideo: k, isAudio: A } = _n(c), N = T !== !1, h = !!(l && n), _ = () => h ? /* @__PURE__ */ r.createElement(
     "a",
     {
-      className: Ce.downloadLink,
-      href: m,
+      className: Be.downloadLink,
+      href: l,
       download: n
     },
     "Download"
-  ) : null, N = () => g ? /* @__PURE__ */ o.createElement(
+  ) : null, D = () => d ? /* @__PURE__ */ r.createElement(
     "img",
     {
-      className: Ce.imagePreview,
-      src: l,
+      className: Be.imagePreview,
+      src: f,
       alt: n || "Preview"
     }
-  ) : k ? /* @__PURE__ */ o.createElement(
+  ) : k ? /* @__PURE__ */ r.createElement(
     "video",
     {
-      className: Ce.videoPreview,
+      className: Be.videoPreview,
       controls: !0,
       preload: "metadata"
     },
-    /* @__PURE__ */ o.createElement("source", { src: l, type: u }),
+    /* @__PURE__ */ r.createElement("source", { src: f, 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()));
+  ) : A ? /* @__PURE__ */ r.createElement("audio", { className: Be.audioPreview, controls: !0 }, /* @__PURE__ */ r.createElement("source", { src: f, type: c }), "Your browser does not support the audio tag.") : /* @__PURE__ */ r.createElement("div", { className: Be.unsupportedMessage }, /* @__PURE__ */ r.createElement("p", null, "Preview unavailable for this file type."), h ? /* @__PURE__ */ r.createElement("p", null, _()) : /* @__PURE__ */ r.createElement("p", null, "Download the file to inspect its contents."));
+  return /* @__PURE__ */ r.createElement("div", { className: Be.container }, N && /* @__PURE__ */ r.createElement("div", { className: Be.header }, /* @__PURE__ */ r.createElement("span", { className: Be.filename, title: n }, n), _()), /* @__PURE__ */ r.createElement("div", { className: Be.previewArea }, D()), !N && h && /* @__PURE__ */ r.createElement("div", { className: Be.actions }, _()));
 }
-const St = /* @__PURE__ */ new Map(), hn = async (n) => {
-  var E;
+const At = /* @__PURE__ */ new Map(), Cn = async (n) => {
+  var T;
   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 ut();
+  const c = (T = n.split(".").pop()) == null ? void 0 : T.toLowerCase();
+  if (!c || c === "php")
+    return ut();
+  const f = n;
+  if (At.has(f))
+    return At.get(f);
+  let l;
+  switch (c) {
     case "css":
-      m = await import("@codemirror/lang-css").then(
-        (g) => g.css()
+      l = await import("@codemirror/lang-css").then(
+        (d) => d.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(
+        (d) => d.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(
+        (d) => d.json()
       );
       break;
     case "html":
     case "htm":
-      m = await import("@codemirror/lang-html").then(
-        (g) => g.html()
+      l = await import("@codemirror/lang-html").then(
+        (d) => d.html()
       );
       break;
     case "md":
     case "markdown":
-      m = await import("@codemirror/lang-markdown").then(
-        (g) => g.markdown()
+      l = await import("@codemirror/lang-markdown").then(
+        (d) => d.markdown()
       );
       break;
     default:
-      m = tt();
+      l = ut();
   }
-  return St.set(l, m), m;
+  return At.set(f, l), l;
 };
-class wn {
-  constructor(u) {
-    this.view = u, this.handleClick = this.handleClick.bind(this), this.view.dom.addEventListener("mousedown", this.handleClick);
+class bn {
+  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 f = c.target;
+    if ((f.classList.contains("cm-scroller") || f.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 T = this.view.state.doc.length, d = gt.create([
+        gt.range(T, T)
       ]);
       this.view.dispatch({
-        selection: g,
-        effects: Qe.scrollIntoView(E, {
+        selection: d,
+        effects: ct.scrollIntoView(T, {
           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 xn = dr.define(
+  (n) => new bn(n)
+), Gt = zt(
   function({
-    code: u,
-    onChange: l,
-    currentPath: m,
-    className: E,
-    onSaveShortcut: g,
+    code: c,
+    onChange: f,
+    currentPath: l,
+    className: T,
+    onSaveShortcut: d,
     readOnly: k = !1,
-    additionalExtensions: V
-  }, T) {
-    const y = M(
+    additionalExtensions: A
+  }, N) {
+    const h = M(
       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, () => ({
+    ), _ = M(null), D = M(new Tt()), P = M(new Tt()), W = M(new Tt()), q = M(c), R = M(f), Y = M(!1);
+    return $t(N, () => ({
       focus: () => {
-        var p;
-        (p = v.current) == null || p.focus();
+        var w;
+        (w = _.current) == null || w.focus();
       },
       blur: () => {
-        const p = v.current;
-        p && p.contentDOM.blur();
+        const w = _.current;
+        w && w.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: (w) => {
+        if (!_.current)
           return;
         const b = Math.min(
-          p,
-          v.current.state.doc.length
-        ), q = pt.create([
-          pt.range(b, b)
+          w,
+          _.current.state.doc.length
+        ), G = gt.create([
+          gt.range(b, b)
         ]);
-        v.current.dispatch({
-          selection: q,
+        _.current.dispatch({
+          selection: G,
           scrollIntoView: !0
         });
       }
-    })), I(() => {
-      Z.current = u;
-    }, [u]), I(() => {
-      A.current = l;
-    }, [l]), I(() => {
-      if (v.current)
+    })), z(() => {
+      q.current = c;
+    }, [c]), z(() => {
+      R.current = f;
+    }, [f]), z(() => {
+      if (_.current)
         return;
-      const p = y.current;
-      if (!p)
+      const w = h.current;
+      if (!w)
         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(A ?? []),
+          mr(),
+          pr(),
+          hr(),
+          Dr(),
+          vr(),
+          wr(),
+          gr(),
+          xn,
+          D.current.of(ut()),
           P.current.of(
-            Qe.editable.of(!k)
+            ct.editable.of(!k)
           ),
-          Rr(Tr),
-          Pr(),
+          Ar(Nr),
+          Fr(),
+          Ir(),
           kr(),
           yr(),
-          pr(),
-          gr(),
-          _r(),
-          Qe.updateListener.of((B) => {
-            if (!B.docChanged)
+          xr(),
+          Pr(),
+          ct.updateListener.of((X) => {
+            if (!X.docChanged)
               return;
-            const G = B.state.doc.toString();
-            G !== Z.current && (Z.current = G, A.current(G));
+            const ae = X.state.doc.toString();
+            ae !== q.current && (q.current = ae, R.current(ae));
           }),
-          mr.of([
+          Er.of([
             {
               key: "Mod-s",
               preventDefault: !0,
-              run: () => (g == null || g(), !0)
+              run: () => (d == null || d(), !0)
             },
-            ...br,
-            ...Cr,
             ...Sr,
-            ...Er,
-            ...hr,
-            ...wr,
-            vr
+            ...Tr,
+            ...Lr,
+            ...Rr,
+            ..._r,
+            ...Cr,
+            br
           ])
         ]
-      }), q = new Qe({ state: b, parent: p });
-      return v.current = q, () => {
-        q.destroy(), v.current = null;
+      }), G = new ct({ state: b, parent: w });
+      return _.current = G, () => {
+        G.destroy(), _.current = null;
       };
-    }, []), I(() => {
-      const p = v.current;
-      p && p.dispatch({
-        effects: j.current.reconfigure(
-          V ?? []
+    }, []), z(() => {
+      const w = _.current;
+      w && w.dispatch({
+        effects: W.current.reconfigure(
+          A ?? []
         )
       });
-    }, [V]), I(() => {
-      const p = v.current;
-      if (!p)
+    }, [A]), z(() => {
+      const w = _.current;
+      if (!w)
         return;
-      const b = p.state.doc.toString();
-      u !== b && p.dispatch({
-        changes: { from: 0, to: p.state.doc.length, insert: u }
+      const b = w.state.doc.toString();
+      c !== b && w.dispatch({
+        changes: { from: 0, to: w.state.doc.length, insert: c }
       });
-    }, [u]), I(() => {
-      var G;
-      const p = v.current;
-      if (!p)
+    }, [c]), z(() => {
+      var ae;
+      const w = _.current;
+      if (!w)
         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 = (ae = l == null ? void 0 : l.split(".").pop()) == null ? void 0 : ae.toLowerCase();
+      (!b || b === "php") && w.dispatch({
+        effects: D.current.reconfigure(ut())
       });
-      let B = !1;
-      return hn(m).then((ee) => {
-        B || !v.current || v.current.dispatch({
-          effects: N.current.reconfigure(ee)
+      let X = !1;
+      return Cn(l).then((y) => {
+        X || !_.current || _.current.dispatch({
+          effects: D.current.reconfigure(y)
         });
       }), () => {
-        B = !0;
+        X = !0;
       };
-    }, [m]), I(() => {
-      const p = v.current;
-      p && (p.hasFocus && (D.current = !0), p.dispatch({
+    }, [l]), z(() => {
+      const w = _.current;
+      w && (w.hasFocus && (Y.current = !0), w.dispatch({
         effects: P.current.reconfigure(
-          Qe.editable.of(!k)
+          ct.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 w = _.current;
+      w && Y.current && !w.hasFocus && (w.focus(), Y.current = !1);
+    }, [l, k]), /* @__PURE__ */ r.createElement("div", { ref: h, className: T });
   }
 );
-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 Rn = "_fileExplorerContainer_8eol9_1", kn = "_dropActive_8eol9_9", Pn = "_fileExplorerHeader_8eol9_14", Sn = "_fileExplorerTitle_8eol9_23", Tn = "_fileExplorerActions_8eol9_31", Dn = "_fileExplorerButton_8eol9_37", An = "_fileExplorerIconButton_8eol9_67", Nn = "_fileExplorerTree_8eol9_79", Fn = "_dockPresentation_8eol9_88", In = "_fileExplorerUploadButton_8eol9_148", xe = {
+  fileExplorerContainer: Rn,
+  dropActive: kn,
+  fileExplorerHeader: Pn,
+  fileExplorerTitle: Sn,
+  fileExplorerActions: Tn,
+  fileExplorerButton: Dn,
+  fileExplorerIconButton: An,
+  fileExplorerTree: Nn,
+  dockPresentation: Fn,
+  fileExplorerUploadButton: In
+}, Yt = 1024 * 1024, Ln = (n) => {
+  const c = n.byteLength;
+  for (let f = 0; f < Math.min(c, 4096); f++)
+    if (n[f] === 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 f = new Blob([n]), l = URL.createObjectURL(f);
+  return setTimeout(() => URL.revokeObjectURL(l), 6e4), { url: l, filename: c };
+};
+async function On(n, c = Yt) {
+  const f = Bn(n);
+  if (f !== void 0 && f > c)
+    return { type: "too-large" };
+  if (typeof n.stream == "function")
+    return Mn(n, c);
+  const l = new Uint8Array(await n.arrayBuffer());
+  return l.byteLength > c ? { type: "too-large" } : { type: "inline", data: l };
+}
+function Bn(n) {
+  if (typeof n.filesize == "number")
+    return n.filesize;
+  if (typeof n.size == "number")
+    return n.size;
+}
+async function Mn(n, c) {
+  const f = n.stream().getReader(), l = [];
+  let T = 0;
+  try {
+    for (; ; ) {
+      const { done: d, value: k } = await f.read();
+      if (d)
+        return {
+          type: "inline",
+          data: Qt(l)
+        };
+      if (k) {
+        if (T += k.byteLength, T > c)
+          return await f.cancel().catch(() => {
+          }), { type: "too-large" };
+        l.push(k);
+      }
+    }
+  } finally {
+    f.releaseLock();
+  }
+}
+const jn = (n) => {
+  const c = n.split(".").pop();
+  return Lt[c] || Lt._default;
+}, Vn = (n) => n.startsWith("image/") || n.startsWith("video/") || n.startsWith("audio/");
+function zn({
   filesystem: n,
-  currentPath: u,
-  selectedDirPath: l,
-  setSelectedDirPath: m,
-  onFileOpened: E,
-  onSelectionCleared: g,
+  currentPath: c,
+  selectedDirPath: f,
+  setSelectedDirPath: l,
+  onFileOpened: T,
+  onSelectionCleared: d,
   onShowMessage: k,
-  documentRoot: V
+  documentRoot: A,
+  readOnly: N = !1,
+  title: h = "Files",
+  showBinaryPreviewHeader: _ = !0,
+  dockPresentation: D = !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 = M(null), q = M(null), R = Ft(() => c ? Le(c) : f ?? A, [c, A]), [Y, w] = Q(!1);
+  z(() => {
+    !c || !W.current || (l(Le(c)), W.current.focusPath(c, {
+      select: !0,
+      domFocus: !1,
+      notify: !1
+    }), W.current.expandToPath(c));
+  }, [c, l]);
+  const b = async (y, j) => {
     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 V = await n.read(y), $ = await On(V);
+      if ($.type === "too-large") {
+        const Z = Yt / 1024 / 1024;
+        if (!D) {
+          await k(
+            y,
+            /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement("p", null, `File too large to open (>${Z}MB).`), /* @__PURE__ */ r.createElement("p", null, "Open or download it outside the in-browser editor."))
+          );
+          return;
+        }
+        const O = et(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 (>${Z}MB).`), /* @__PURE__ */ r.createElement("p", null, /* @__PURE__ */ r.createElement(
+            tt,
+            {
+              type: "button",
+              variant: "link",
+              onClick: () => {
+                G(y, O);
+              }
+            },
+            "Download ",
+            O
+          )))
         );
         return;
       }
-      if (Rn(D)) {
-        const B = Tn(b), { url: G, filename: ee } = $t(
-          D,
-          b
+      const p = $.data, F = et(y) || "download";
+      if (Ln(p)) {
+        const Z = jn(F), { url: O, filename: oe } = Vt(
+          p,
+          F
         );
-        if (Pn(B)) {
-          const W = new Blob([D], { type: B }), F = URL.createObjectURL(W);
+        if (Vn(Z)) {
+          const ee = new Blob([p], { type: Z }), ve = URL.createObjectURL(ee);
           await k(
-            j,
-            /* @__PURE__ */ o.createElement(
-              Dr,
+            y,
+            /* @__PURE__ */ r.createElement(
+              Br,
               {
-                filename: ee,
-                mimeType: B,
-                dataUrl: F,
-                downloadUrl: G
+                filename: oe,
+                mimeType: Z,
+                dataUrl: ve,
+                downloadUrl: O,
+                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: O, download: oe }, "Download ", oe)))
         );
         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 ce = new TextDecoder("utf-8").decode(p);
+      await T(y, ce, j);
+    } catch (V) {
+      Xe.error("Could not open file", V), await k(null, "Could not open file.");
     }
+  }, G = async (y, j) => {
+    try {
+      const V = await n.read(y), $ = new Uint8Array(await V.arrayBuffer()), { url: p } = Vt($, j), F = document.createElement("a");
+      F.href = p, F.download = j, document.body.appendChild(F), F.click(), document.body.removeChild(F);
+    } catch (V) {
+      Xe.error("Could not download file", V), await k(y, "Could not download file.");
+    }
+  }, X = (y) => {
+    var V;
+    const j = Array.from(y.target.files ?? []);
+    y.target.value = "", j.length !== 0 && ((V = W.current) == null || V.importFiles(j, f ?? A).catch(($) => Xe.error("Failed to import files", $)));
+  }, ae = (y) => {
+    var j;
+    y.dataTransfer.types.includes(
+      "application/x-wp-playground-path"
+    ) || (y.preventDefault(), !N && ((j = W.current) == null || j.importDataTransfer(
+      y.dataTransfer,
+      f ?? A
+    ).catch(
+      (V) => Xe.error("Failed to import dropped files", V)
+    )));
   };
-  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: De(xe.fileExplorerContainer, {
+        [xe.dropActive]: Y,
+        [xe.dockPresentation]: D
+      }),
+      onDragEnter: (y) => {
+        y.dataTransfer.types.includes(
+          "application/x-wp-playground-path"
+        ) || (y.preventDefault(), N || w(!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 = N ? "none" : "copy");
       },
-      title: "Create new folder"
+      onDragLeave: (y) => {
+        const j = y.relatedTarget;
+        (!j || !y.currentTarget.contains(j)) && w(!1);
+      },
+      onDropCapture: () => w(!1),
+      onDrop: ae
     },
-    /* @__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: xe.fileExplorerHeader }, /* @__PURE__ */ r.createElement("span", { className: xe.fileExplorerTitle }, h), N ? null : /* @__PURE__ */ r.createElement("div", { className: xe.fileExplorerActions }, /* @__PURE__ */ r.createElement(
+      Nt,
+      {
+        label: "Create new file",
+        useWordPressTooltip: P
+      },
+      /* @__PURE__ */ r.createElement(
+        "button",
+        {
+          className: De(
+            xe.fileExplorerButton,
+            xe.fileExplorerIconButton
+          ),
+          type: "button",
+          onClick: () => {
+            W.current && W.current.createFile();
+          },
+          "aria-label": "Create new file",
+          title: P ? void 0 : "Create new file"
+        },
+        D ? /* @__PURE__ */ r.createElement($n, null) : /* @__PURE__ */ r.createElement(St, { icon: Gr, size: 20 })
+      )
+    ), /* @__PURE__ */ r.createElement(
+      Nt,
+      {
+        label: "Create new folder",
+        useWordPressTooltip: P
+      },
+      /* @__PURE__ */ r.createElement(
+        "button",
+        {
+          className: De(
+            xe.fileExplorerButton,
+            xe.fileExplorerIconButton
+          ),
+          type: "button",
+          onClick: () => {
+            W.current && W.current.createFolder();
+          },
+          "aria-label": "Create new folder",
+          title: P ? void 0 : "Create new folder"
+        },
+        D ? /* @__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: De(
+            xe.fileExplorerButton,
+            xe.fileExplorerIconButton,
+            xe.fileExplorerUploadButton
+          ),
+          type: "button",
+          onClick: () => {
+            var y;
+            return (y = q.current) == null ? void 0 : y.click();
+          },
+          "aria-label": "Upload files",
+          title: P ? void 0 : "Upload files"
+        },
+        /* @__PURE__ */ r.createElement(
+          St,
+          {
+            icon: Yr,
+            size: D ? 16 : 20
+          }
+        )
+      )
+    ), /* @__PURE__ */ r.createElement(
+      "input",
+      {
+        ref: q,
+        type: "file",
+        multiple: !0,
+        style: { display: "none" },
+        onChange: X
+      }
+    ))),
+    /* @__PURE__ */ r.createElement("div", { className: xe.fileExplorerTree }, /* @__PURE__ */ r.createElement(
+      Or,
+      {
+        ref: W,
+        readOnly: N,
+        filesystem: n,
+        root: A,
+        initialSelectedPath: R,
+        onSelect: async (y) => {
+          if (!y) {
+            l(A), await d();
             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: f
+}) {
+  return c ? /* @__PURE__ */ r.createElement(Wt, { text: n, delay: 0, placement: "top" }, f) : f;
+}
+const $n = () => /* @__PURE__ */ r.createElement("svg", { viewBox: "0 0 32 32", width: "24", height: "24", "aria-hidden": "true" }, /* @__PURE__ */ r.createElement(
+  "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_18l2z_1", Un = "_content_18l2z_9", Gn = "_sidebarWrapper_18l2z_17", Yn = "_editorWrapper_18l2z_28", Zn = "_editorHeader_18l2z_37", Kn = "_editorPath_18l2z_49", qn = "_editorPathDirectory_18l2z_61", Jn = "_editorPathFilename_18l2z_68", Xn = "_editorPathPlaceholder_18l2z_73", Qn = "_editorPathPortaled_18l2z_77", ea = "_editorHeaderActions_18l2z_83", ta = "_saveStatus_18l2z_90", ra = "_saveStatusSaving_18l2z_97", na = "_saveStatusPending_18l2z_98", aa = "_saveStatusError_18l2z_102", oa = "_editor_18l2z_28", ia = "_placeholder_18l2z_124", la = "_messageArea_18l2z_135", sa = "_mobileToggle_18l2z_171", ca = "_mobileOverlay_18l2z_175", ua = "_dockPresentation_18l2z_181", fa = "_dockDirtyIndicator_18l2z_205", da = "_dockSaveButton_18l2z_214", ma = "_sidebarOpen_18l2z_269", pa = "_editorHeaderPathPortaled_18l2z_367", J = {
+  container: Hn,
+  content: Un,
+  sidebarWrapper: Gn,
+  editorWrapper: Yn,
+  editorHeader: Zn,
+  editorPath: Kn,
+  editorPathDirectory: qn,
+  editorPathFilename: Jn,
+  editorPathPlaceholder: Xn,
+  editorPathPortaled: Qn,
+  editorHeaderActions: ea,
+  saveStatus: ta,
+  saveStatusSaving: ra,
+  saveStatusPending: na,
+  saveStatusError: aa,
+  editor: oa,
+  placeholder: ia,
+  messageArea: la,
+  mobileToggle: sa,
+  mobileOverlay: ca,
+  dockPresentation: ua,
+  dockDirtyIndicator: fa,
+  dockSaveButton: da,
+  sidebarOpen: ma,
+  editorHeaderPathPortaled: pa
+}, ha = 1500, va = 700, wa = 1e3, L = {
   IDLE: "idle",
   PENDING: "pending",
   SAVING: "saving",
   SAVED: "saved",
   ERROR: "error"
 };
-function ya({
+function Ya({
   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: f,
+  initialPath: l = null,
+  placeholderText: T = "Select a file to view or edit its contents.",
+  dockPresentation: d = !1,
+  mobileHeaderTarget: k = null
 }) {
-  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 [A, N] = Q(
+    f
+  ), [h, _] = Q(null), [D, P] = Q(""), [W, q] = Q(!0), [R, Y] = Q(L.IDLE), [w, b] = Q(null), [G, X] = Q("idle"), [ae, y] = Q(!1), [j, V] = Q(null), $ = M(null), p = M(null), F = M(!1), ce = M(h), Z = M(
+    n
+  ), O = M(null), oe = M(null), ee = M(
+    /* @__PURE__ */ new WeakMap()
+  ), ve = M(!0), he = M(/* @__PURE__ */ new Map()), Ne = M(!1);
+  Z.current = n, z(() => {
+    ce.current = h;
+  }, [h]);
+  const Pe = He(async (C) => {
+    const { filesystem: S, path: ie, content: le } = C, ue = oe.current === C, _e = ee.current, ge = (_e.get(S) ?? Promise.resolve()).catch(() => {
+    }).then(() => S.writeFile(ie, le));
+    _e.set(S, ge);
+    let Ie = !1;
+    try {
+      await ge;
+    } catch (Ge) {
+      Ie = !0, Xe.error("Failed to save file", Ge);
+    }
+    const at = ve.current && _e.get(S) === ge && Z.current === S && ce.current === ie && O.current === null;
+    _e.get(S) === ge && _e.delete(S), oe.current === C && (oe.current = null), at && (Y(Ie ? L.ERROR : L.SAVED), b(
+      Ie ? "Could not save changes. Try again." : null
+    ), ue && X(Ie ? "idle" : "saved"));
+  }, []), te = He(() => {
+    const C = O.current;
+    C && (p.current !== null && (window.clearTimeout(p.current), p.current = null), O.current = null, Pe(C));
+  }, [Pe]);
+  z(() => (ve.current = !0, () => {
+    ve.current = !1;
+  }), []), z(() => () => {
+    var C;
+    ((C = O.current) == null ? void 0 : C.filesystem) === n && te();
+  }, [f, n, te]), z(() => {
+    F.current = !0, N(f), P(""), _(null), q(!0), Y(L.IDLE), b(null), y(!1), V(null), he.current.clear(), Ne.current = !1;
+  }, [f, n]), z(() => {
+    if (!n || !l || Ne.current)
       return;
-    (async () => {
+    let C = !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) && !C) {
+          const le = await n.readFileAsText(l);
+          if (C)
+            return;
+          F.current = !0, _(l), P(le), q(!1), Y(L.IDLE), b(null), setTimeout(() => {
+            var ue;
+            (ue = $.current) == null || ue.focus();
           }, 100);
         }
-      } catch (C) {
-        dt.debug("Could not auto-open initial path:", C);
+      } catch (ie) {
+        Xe.debug("Could not auto-open initial path:", ie);
       } finally {
-        ue.current = !0;
+        C || (Ne.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);
+    })(), () => {
+      C = !0;
+    };
+  }, [n, l]), z(() => {
+    if (!n || !h) {
+      p.current !== null && (window.clearTimeout(p.current), p.current = null), O.current = null, h || Y(L.IDLE);
       return;
     }
-    if (te.current) {
-      te.current = !1;
+    if (F.current) {
+      F.current = !1, O.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);
+    p.current !== null && (window.clearTimeout(p.current), p.current = null), Y(L.PENDING);
+    const C = {
+      filesystem: n,
+      path: h,
+      content: D
     };
-  }, [N, y, g]), I(() => {
-    if (A !== K.SAVED)
-      return;
+    O.current = C;
     const S = window.setTimeout(() => {
-      D(
-        (C) => C === K.SAVED ? K.IDLE : C
+      O.current === C && (p.current = null, O.current = null, Y(L.SAVING), Pe(C));
+    }, ha);
+    return p.current = S, () => {
+      p.current === S && (window.clearTimeout(S), p.current = null);
+    };
+  }, [D, h, n, Pe]), z(() => {
+    if (R !== L.SAVED)
+      return;
+    const C = window.setTimeout(() => {
+      Y(
+        (S) => S === L.SAVED ? L.IDLE : S
       );
     }, 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(C);
+  }, [R]), z(() => {
+    G === "idle" || R === L.SAVING || R === L.SAVED || X("idle");
+  }, [G, R]), z(() => {
+    if (G !== "saved")
+      return;
+    const C = window.setTimeout(
+      () => X("idle"),
+      wa
+    );
+    return () => window.clearTimeout(C);
+  }, [G]), z(() => {
+    if (G !== "waiting")
+      return;
+    const C = window.setTimeout(
+      () => X(
+        (S) => S === "waiting" ? "saving" : S
+      ),
+      va
+    );
+    return () => window.clearTimeout(C);
+  }, [G]);
+  const Oe = He(
+    async (C, S, ie = !0) => {
+      var ue;
+      const le = (ue = $.current) == null ? void 0 : ue.getCursorPosition();
+      le != null && ce.current && he.current.set(
+        ce.current,
+        le
+      ), F.current = !0, _(C), P(S), V(null), q(!1), Y(L.IDLE), b(null), y(!1), setTimeout(() => {
+        var ze, ge, Ie;
+        const _e = he.current.get(C);
+        _e !== void 0 && ((ze = $.current) == null || ze.setCursorPosition(_e)), ie ? (ge = $.current) == null || ge.focus() : (Ie = $.current) == null || Ie.blur();
       }, 50);
     },
     []
   );
-  I(() => {
-    var J;
-    if (!y)
+  z(() => {
+    var ie;
+    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 C = setInterval(() => {
+      var ue;
+      const le = (ue = $.current) == null ? void 0 : ue.getCursorPosition();
+      le != null && he.current.set(h, le);
+    }, 1e3), S = (ie = $.current) == null ? void 0 : ie.getCursorPosition();
+    return S != null && he.current.set(h, S), () => {
+      var ue;
+      clearInterval(C);
+      const le = (ue = $.current) == null ? void 0 : ue.getCursorPosition();
+      le != null && he.current.set(h, le);
     };
-  }, [y]), I(() => {
-    if (!u || !y)
+  }, [h]), z(() => {
+    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 C = setTimeout(() => {
+      var ie;
+      const S = he.current.get(h);
+      S !== void 0 && ((ie = $.current) == null || ie.setCursorPosition(S));
     }, 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(C);
+  }, [c, h]);
+  const re = He(async () => {
+    var S;
+    const C = (S = $.current) == null ? void 0 : S.getCursorPosition();
+    C != null && ce.current && he.current.set(ce.current, C), F.current = !0, _(null), P(""), V(null), q(!0), Y(L.IDLE), b(null);
+  }, []), Me = He(
+    async (C, S) => {
+      F.current = !0, _(null), typeof S == "string" ? (P(S), V(null)) : (P(""), V(S)), q(!0), Y(L.IDLE), b(null), y(!1);
     },
     []
-  ), 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(
+  ), ye = He(() => {
+    O.current && (oe.current = O.current, X("waiting"), Y(L.SAVING), te());
+  }, [te]), ke = He(() => {
+    !O.current && R === L.ERROR && n && h && (O.current = {
+      filesystem: n,
+      path: h,
+      content: D
+    }), O.current && (b(null), ye());
+  }, [D, h, n, ye, R]), Fe = ga(R, w), Se = Ea(R, J), de = ya(R);
+  let H = "Save";
+  R === L.ERROR ? H = "Retry" : R === L.SAVED && G === "saved" ? H = "Saved" : R === L.SAVING && G === "saving" && (H = "Saving…");
+  const g = R === L.PENDING || R === L.SAVING || R === L.ERROR;
+  if (!n)
+    return /* @__PURE__ */ r.createElement(
+      "div",
+      {
+        className: De(J.container, {
+          [J.dockPresentation]: d
+        })
+      },
+      /* @__PURE__ */ r.createElement("div", { className: J.placeholder }, T)
+    );
+  const pe = h ? Le(h) : null, me = h ? et(h) : null, we = /* @__PURE__ */ r.createElement(
+    "div",
+    {
+      className: De(J.editorPath, {
+        [J.editorPathPlaceholder]: !(h != null && h.length),
+        [J.editorPathPortaled]: k
+      }),
+      title: h ?? void 0
+    },
+    pe && me ? /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement("span", { className: J.editorPathDirectory }, pe === "/" ? "" : pe), /* @__PURE__ */ r.createElement("span", { className: J.editorPathFilename }, "/", me)) : `Browse files under ${f}`
+  );
+  return /* @__PURE__ */ r.createElement(
     "div",
     {
-      className: et(fe.content, {
-        [fe.sidebarOpen]: q
+      className: De(J.container, {
+        [J.dockPresentation]: d
       })
     },
-    /* @__PURE__ */ o.createElement(
+    /* @__PURE__ */ r.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(
-      "div",
-      {
-        className: et(fe.editorPath, {
-          [fe.editorPathPlaceholder]: !(y != null && y.length)
+        className: De(J.content, {
+          [J.sidebarOpen]: ae
         })
       },
-      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: J.mobileOverlay,
+          onClick: () => y(!1)
+        }
+      ),
+      /* @__PURE__ */ r.createElement("aside", { className: J.sidebarWrapper }, /* @__PURE__ */ r.createElement(
+        zn,
+        {
+          filesystem: n,
+          currentPath: h,
+          selectedDirPath: A,
+          setSelectedDirPath: N,
+          onFileOpened: Oe,
+          onSelectionCleared: re,
+          onShowMessage: Me,
+          documentRoot: f,
+          dockPresentation: d,
+          useWordPressTooltips: d
+        }
+      )),
+      /* @__PURE__ */ r.createElement("section", { className: J.editorWrapper }, /* @__PURE__ */ r.createElement(
+        "div",
+        {
+          className: De(J.editorHeader, {
+            [J.editorHeaderPathPortaled]: k
+          })
+        },
+        /* @__PURE__ */ r.createElement(
+          tt,
+          {
+            className: J.mobileToggle,
+            variant: "secondary",
+            onClick: () => y((C) => !C)
+          },
+          ae ? "Hide files" : "Browse files"
+        ),
+        k ? Mr(we, k) : we,
+        d && !W && h ? /* @__PURE__ */ r.createElement("div", { className: J.editorHeaderActions }, g ? /* @__PURE__ */ r.createElement(
+          "span",
+          {
+            className: J.dockDirtyIndicator,
+            "aria-hidden": "true"
+          }
+        ) : null, /* @__PURE__ */ r.createElement(Wt, { text: de, placement: "top" }, /* @__PURE__ */ r.createElement(
+          tt,
+          {
+            variant: "secondary",
+            className: J.dockSaveButton,
+            isDestructive: R === L.ERROR,
+            onClick: ke
+          },
+          H
+        ))) : d ? null : /* @__PURE__ */ r.createElement(
+          "div",
+          {
+            className: De(
+              J.saveStatus,
+              Se
+            )
+          },
+          Fe
+        ),
+        d && !W && h ? /* @__PURE__ */ r.createElement(ir, { role: "status", "aria-live": "polite" }, de) : null
+      ), w ? /* @__PURE__ */ r.createElement("div", { style: { padding: "8px 16px" } }, /* @__PURE__ */ r.createElement(lr, { status: "error", isDismissible: !1 }, w)) : null, h || D || j ? j ? /* @__PURE__ */ r.createElement("div", { className: J.messageArea }, j) : /* @__PURE__ */ r.createElement(
+        Gt,
+        {
+          ref: $,
+          code: D,
+          onChange: P,
+          currentPath: h,
+          className: J.editor,
+          onSaveShortcut: ye,
+          readOnly: W
+        }
+      ) : /* @__PURE__ */ r.createElement("div", { className: J.placeholder }, T))
+    )
+  );
 }
-function Zn(n, u) {
+function ga(n, c) {
   switch (n) {
-    case K.PENDING:
-    case K.SAVING:
+    case L.PENDING:
+    case L.SAVING:
       return "Saving…";
-    case K.SAVED:
+    case L.SAVED:
       return "Saved";
-    case K.ERROR:
-      return u ?? "Save failed";
+    case L.ERROR:
+      return c ?? "Save failed";
     default:
       return "";
   }
 }
-function Gn(n, u) {
+function Ea(n, c) {
   switch (n) {
-    case K.PENDING:
-      return u.saveStatusPending;
-    case K.SAVING:
-      return u.saveStatusSaving;
-    case K.ERROR:
-      return u.saveStatusError;
+    case L.PENDING:
+      return c.saveStatusPending;
+    case L.SAVING:
+      return c.saveStatusSaving;
+    case L.ERROR:
+      return c.saveStatusError;
     default:
       return;
   }
 }
+function ya(n) {
+  switch (n) {
+    case L.PENDING:
+      return "Unsaved changes. Click to save now.";
+    case L.SAVING:
+      return "Saving changes…";
+    case L.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
+  Ga as BinaryFilePreview,
+  za as ClockIcon,
+  Gt as CodeEditor,
+  zn as FileExplorerSidebar,
+  Ua as FilePickerControl,
+  nn as FilePickerTree,
+  Yt as MAX_INLINE_FILE_BYTES,
+  Ya as PlaygroundFileEditor,
+  Ha as SiteManagerIcon,
+  Va as WordPressIcon,
+  Vt as createDownloadUrl,
+  Vr as file,
+  jr as folder,
+  Wa as getLogoDataURL,
+  jn as getMimeType,
+  Vn as isPreviewableBinary,
+  $a as layout,
+  Ma as playgroundLogo,
+  Ln as seemsLikeBinary,
+  ja as temporaryStorage
 };
 //# sourceMappingURL=index.js.map