@wp-playground/components 3.0.22 → 3.0.33

package/index.js

@@ -1,10 +1,20 @@
-import f, { forwardRef as St, useMemo as gt, useState as ae, useRef as ie, useEffect as ue, useImperativeHandle as Ot } from "react";
-import { __experimentalTreeGrid as Dt, Popover as jt, NavigableMenu as Ft, MenuItem as tt, __experimentalTreeGridRow as At, __experimentalTreeGridCell as $t, Button as pt, Modal as Nt } from "@wordpress/components";
-import yt from "classnames";
-import { dirname as je, joinPaths as Ne, basename as Mt } from "@php-wasm/util";
-import { forwardRef as Ct, cloneElement as It, createElement as Vt } from "@wordpress/element";
-import Lt from "clsx";
-const wr = (s) => /* @__PURE__ */ f.createElement(
+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, indentOnInput as Tr, bracketMatching as Pr, defaultHighlightStyle 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 Lt from "@php-wasm/universal/mime-types";
+const fa = (n) => /* @__PURE__ */ o.createElement(
   "svg",
   {
     width: "32",
@@ -12,9 +22,9 @@ const wr = (s) => /* @__PURE__ */ f.createElement(
     viewBox: "0 0 32 32",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    ...s
+    ...n
   },
-  /* @__PURE__ */ f.createElement(
+  /* @__PURE__ */ o.createElement(
     "rect",
     {
       width: "10.4176",
@@ -25,7 +35,7 @@ const wr = (s) => /* @__PURE__ */ f.createElement(
       strokeWidth: "0.965644"
     }
   ),
-  /* @__PURE__ */ f.createElement(
+  /* @__PURE__ */ o.createElement(
     "rect",
     {
       width: "13.2346",
@@ -36,7 +46,7 @@ const wr = (s) => /* @__PURE__ */ f.createElement(
       strokeWidth: "1.44847"
     }
   ),
-  /* @__PURE__ */ f.createElement(
+  /* @__PURE__ */ o.createElement(
     "rect",
     {
       width: "17.451",
@@ -47,7 +57,7 @@ const wr = (s) => /* @__PURE__ */ f.createElement(
       strokeWidth: "1.93129"
     }
   )
-), gr = (s) => /* @__PURE__ */ f.createElement(
+), da = (n) => /* @__PURE__ */ o.createElement(
   "svg",
   {
     width: "16",
@@ -55,9 +65,9 @@ const wr = (s) => /* @__PURE__ */ f.createElement(
     viewBox: "0 0 16 17",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    ...s
+    ...n
   },
-  /* @__PURE__ */ f.createElement(
+  /* @__PURE__ */ o.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -66,7 +76,7 @@ const wr = (s) => /* @__PURE__ */ f.createElement(
       fill: "#949494"
     }
   )
-), yr = (s) => /* @__PURE__ */ f.createElement(
+), ma = (n) => /* @__PURE__ */ o.createElement(
   "svg",
   {
     width: "20",
@@ -74,16 +84,16 @@ const wr = (s) => /* @__PURE__ */ f.createElement(
     viewBox: "0 0 20 21",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    ...s
+    ...n
   },
-  /* @__PURE__ */ f.createElement(
+  /* @__PURE__ */ o.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"
     }
   )
-), Wt = /* @__PURE__ */ f.createElement(
+), Or = /* @__PURE__ */ o.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -92,7 +102,7 @@ const wr = (s) => /* @__PURE__ */ f.createElement(
     viewBox: "0 0 15 14",
     fill: "none"
   },
-  /* @__PURE__ */ f.createElement(
+  /* @__PURE__ */ o.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -100,7 +110,7 @@ const wr = (s) => /* @__PURE__ */ f.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"
     }
   )
-), Bt = /* @__PURE__ */ f.createElement(
+), Ar = /* @__PURE__ */ o.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -110,8 +120,8 @@ const wr = (s) => /* @__PURE__ */ f.createElement(
     className: "bi bi-file-earmark",
     viewBox: "0 0 16 16"
   },
-  /* @__PURE__ */ f.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" })
-), vr = (s) => /* @__PURE__ */ f.createElement(
+  /* @__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(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -119,9 +129,9 @@ const wr = (s) => /* @__PURE__ */ f.createElement(
     height: "18",
     viewBox: "0 0 14 14",
     fill: "none",
-    ...s
+    ...n
   },
-  /* @__PURE__ */ f.createElement(
+  /* @__PURE__ */ o.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -130,7 +140,7 @@ const wr = (s) => /* @__PURE__ */ f.createElement(
       fill: "#949494"
     }
   )
-), Er = /* @__PURE__ */ f.createElement(
+), ha = /* @__PURE__ */ o.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -139,7 +149,7 @@ const wr = (s) => /* @__PURE__ */ f.createElement(
     viewBox: "0 0 14 14",
     fill: "none"
   },
-  /* @__PURE__ */ f.createElement(
+  /* @__PURE__ */ o.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -149,18 +159,18 @@ const wr = (s) => /* @__PURE__ */ f.createElement(
     }
   )
 );
-function _r(s) {
-  return `data:${s.mime};base64,${s.data}`;
+function wa(n) {
+  return `data:${n.mime};base64,${n.data}`;
 }
-function br({
-  size: s = 24,
-  sidebarActive: l = !1
+function va({
+  size: n = 24,
+  sidebarActive: u = !1
 }) {
-  return /* @__PURE__ */ f.createElement(
+  return /* @__PURE__ */ o.createElement(
     "svg",
     {
-      width: s,
-      height: s,
+      width: n,
+      height: n,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
       fill: "none",
@@ -169,8 +179,8 @@ function br({
       strokeLinecap: "round",
       strokeLinejoin: "round"
     },
-    /* @__PURE__ */ f.createElement("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", ry: "2" }),
-    l ? /* @__PURE__ */ f.createElement(
+    /* @__PURE__ */ o.createElement("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", ry: "2" }),
+    u ? /* @__PURE__ */ o.createElement(
       "rect",
       {
         x: "3",
@@ -181,7 +191,7 @@ function br({
         ry: "2",
         fill: "currentColor"
       }
-    ) : /* @__PURE__ */ f.createElement(
+    ) : /* @__PURE__ */ o.createElement(
       "rect",
       {
         x: "3",
@@ -197,17 +207,17 @@ function br({
     )
   );
 }
-const vt = Ct(({
-  icon: s,
-  size: l = 24,
-  ...E
-}, g) => It(s, {
-  width: l,
-  height: l,
-  ...E,
-  ref: g
+const jt = Ht(({
+  icon: n,
+  size: u = 24,
+  ...l
+}, m) => rr(n, {
+  width: u,
+  height: u,
+  ...l,
+  ref: m
 }));
-var ht = { exports: {} }, Ye = {};
+var Dt = { exports: {} }, Je = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -217,21 +227,21 @@ var ht = { exports: {} }, Ye = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Et;
-function Ht() {
-  if (Et) return Ye;
-  Et = 1;
-  var s = f, l = Symbol.for("react.element"), E = Symbol.for("react.fragment"), g = Object.prototype.hasOwnProperty, k = s.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, C = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function M(P, S, I) {
-    var _, R = {}, V = null, Q = null;
-    I !== void 0 && (V = "" + I), S.key !== void 0 && (V = "" + S.key), S.ref !== void 0 && (Q = S.ref);
-    for (_ in S) g.call(S, _) && !C.hasOwnProperty(_) && (R[_] = S[_]);
-    if (P && P.defaultProps) for (_ in S = P.defaultProps, S) R[_] === void 0 && (R[_] = S[_]);
-    return { $$typeof: l, type: P, key: V, ref: Q, props: R, _owner: k.current };
+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 };
   }
-  return Ye.Fragment = E, Ye.jsx = M, Ye.jsxs = M, Ye;
+  return Je.Fragment = l, Je.jsx = k, Je.jsxs = k, Je;
 }
-var ze = {};
+var Xe = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -241,91 +251,91 @@ var ze = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var _t;
-function Yt() {
-  return _t || (_t = 1, process.env.NODE_ENV !== "production" && function() {
-    var s = f, l = Symbol.for("react.element"), E = Symbol.for("react.portal"), g = Symbol.for("react.fragment"), k = Symbol.for("react.strict_mode"), C = Symbol.for("react.profiler"), M = Symbol.for("react.provider"), P = Symbol.for("react.context"), S = Symbol.for("react.forward_ref"), I = Symbol.for("react.suspense"), _ = Symbol.for("react.suspense_list"), R = Symbol.for("react.memo"), V = Symbol.for("react.lazy"), Q = Symbol.for("react.offscreen"), $ = Symbol.iterator, Z = "@@iterator";
-    function he(e) {
+var Mt;
+function Lr() {
+  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) {
       if (e === null || typeof e != "object")
         return null;
-      var o = $ && e[$] || e[Z];
-      return typeof o == "function" ? o : null;
+      var c = Z && e[Z] || e[A];
+      return typeof c == "function" ? c : null;
     }
-    var j = s.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function T(e) {
+    var p = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function b(e) {
       {
-        for (var o = arguments.length, c = new Array(o > 1 ? o - 1 : 0), w = 1; w < o; w++)
-          c[w - 1] = arguments[w];
-        fe("error", e, c);
+        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);
       }
     }
-    function fe(e, o, c) {
+    function q(e, c, f) {
       {
-        var w = j.ReactDebugCurrentFrame, b = w.getStackAddendum();
-        b !== "" && (o += "%s", c = c.concat([b]));
-        var x = c.map(function(v) {
-          return String(v);
+        var R = p.ReactDebugCurrentFrame, $ = R.getStackAddendum();
+        $ !== "" && (c += "%s", f = f.concat([$]));
+        var Y = f.map(function(L) {
+          return String(L);
         });
-        x.unshift("Warning: " + o), Function.prototype.apply.call(console[e], console, x);
+        Y.unshift("Warning: " + c), Function.prototype.apply.call(console[e], console, Y);
       }
     }
-    var we = !1, ve = !1, q = !1, B = !1, Ee = !1, ee;
-    ee = Symbol.for("react.module.reference");
-    function m(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === g || e === C || Ee || e === k || e === I || e === _ || B || e === Q || we || ve || q || typeof e == "object" && e !== null && (e.$$typeof === V || e.$$typeof === R || e.$$typeof === M || e.$$typeof === P || e.$$typeof === S || // This needs to include all possible module reference object
+    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
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
-      e.$$typeof === ee || e.getModuleId !== void 0));
+      e.$$typeof === te || e.getModuleId !== void 0));
     }
-    function H(e, o, c) {
-      var w = e.displayName;
-      if (w)
-        return w;
-      var b = o.displayName || o.name || "";
-      return b !== "" ? c + "(" + b + ")" : c;
+    function H(e, c, f) {
+      var R = e.displayName;
+      if (R)
+        return R;
+      var $ = c.displayName || c.name || "";
+      return $ !== "" ? f + "(" + $ + ")" : f;
     }
-    function oe(e) {
+    function de(e) {
       return e.displayName || "Context";
     }
-    function Y(e) {
+    function ae(e) {
       if (e == null)
         return null;
-      if (typeof e.tag == "number" && T("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
+      if (typeof e.tag == "number" && b("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
         return e.displayName || e.name || null;
       if (typeof e == "string")
         return e;
       switch (e) {
-        case g:
+        case m:
           return "Fragment";
-        case E:
+        case l:
           return "Portal";
-        case C:
+        case g:
           return "Profiler";
-        case k:
+        case E:
           return "StrictMode";
-        case I:
+        case y:
           return "Suspense";
-        case _:
+        case v:
           return "SuspenseList";
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case P:
-            var o = e;
-            return oe(o) + ".Consumer";
-          case M:
+          case V:
             var c = e;
-            return oe(c._context) + ".Provider";
-          case S:
+            return de(c) + ".Consumer";
+          case k:
+            var f = e;
+            return de(f._context) + ".Provider";
+          case T:
             return H(e, e.render, "ForwardRef");
-          case R:
-            var w = e.displayName || null;
-            return w !== null ? w : Y(e.type) || "Memo";
-          case V: {
-            var b = e, x = b._payload, v = b._init;
+          case N:
+            var R = e.displayName || null;
+            return R !== null ? R : ae(e.type) || "Memo";
+          case P: {
+            var $ = e, Y = $._payload, L = $._init;
             try {
-              return Y(v(x));
+              return ae(L(Y));
             } catch {
               return null;
             }
@@ -333,18 +343,18 @@ function Yt() {
         }
       return null;
     }
-    var K = Object.assign, L = 0, te, Te, ke, _e, de, G, z;
-    function se() {
+    var re = Object.assign, ue = 0, oe, be, Re, Te, Pe, le, S;
+    function C() {
     }
-    se.__reactDisabledLog = !0;
-    function le() {
+    C.__reactDisabledLog = !0;
+    function J() {
       {
-        if (L === 0) {
-          te = console.log, Te = console.info, ke = console.warn, _e = console.error, de = console.group, G = console.groupCollapsed, z = console.groupEnd;
+        if (ue === 0) {
+          oe = console.log, be = console.info, Re = console.warn, Te = console.error, Pe = console.group, le = console.groupCollapsed, S = console.groupEnd;
           var e = {
             configurable: !0,
             enumerable: !0,
-            value: se,
+            value: C,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -357,332 +367,332 @@ function Yt() {
             groupEnd: e
           });
         }
-        L++;
+        ue++;
       }
     }
-    function be() {
+    function z() {
       {
-        if (L--, L === 0) {
+        if (ue--, ue === 0) {
           var e = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: K({}, e, {
-              value: te
+            log: re({}, e, {
+              value: oe
             }),
-            info: K({}, e, {
-              value: Te
+            info: re({}, e, {
+              value: be
             }),
-            warn: K({}, e, {
-              value: ke
+            warn: re({}, e, {
+              value: Re
             }),
-            error: K({}, e, {
-              value: _e
+            error: re({}, e, {
+              value: Te
             }),
-            group: K({}, e, {
-              value: de
+            group: re({}, e, {
+              value: Pe
             }),
-            groupCollapsed: K({}, e, {
-              value: G
+            groupCollapsed: re({}, e, {
+              value: le
             }),
-            groupEnd: K({}, e, {
-              value: z
+            groupEnd: re({}, e, {
+              value: S
             })
           });
         }
-        L < 0 && T("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        ue < 0 && b("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var me = j.ReactCurrentDispatcher, ge;
-    function W(e, o, c) {
+    var ie = p.ReactCurrentDispatcher, Ee;
+    function ve(e, c, f) {
       {
-        if (ge === void 0)
+        if (Ee === void 0)
           try {
             throw Error();
-          } catch (b) {
-            var w = b.stack.trim().match(/\n( *(at )?)/);
-            ge = w && w[1] || "";
+          } catch ($) {
+            var R = $.stack.trim().match(/\n( *(at )?)/);
+            Ee = R && R[1] || "";
           }
         return `
-` + ge + e;
+` + Ee + e;
       }
     }
-    var D = !1, re;
+    var ce = !1, U;
     {
-      var d = typeof WeakMap == "function" ? WeakMap : Map;
-      re = new d();
+      var h = typeof WeakMap == "function" ? WeakMap : Map;
+      U = new h();
     }
-    function F(e, o) {
-      if (!e || D)
+    function ge(e, c) {
+      if (!e || ce)
         return "";
       {
-        var c = re.get(e);
-        if (c !== void 0)
-          return c;
+        var f = U.get(e);
+        if (f !== void 0)
+          return f;
       }
-      var w;
-      D = !0;
-      var b = Error.prepareStackTrace;
+      var R;
+      ce = !0;
+      var $ = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var x;
-      x = me.current, me.current = null, le();
+      var Y;
+      Y = ie.current, ie.current = null, J();
       try {
-        if (o) {
-          var v = function() {
+        if (c) {
+          var L = function() {
             throw Error();
           };
-          if (Object.defineProperty(v.prototype, "props", {
+          if (Object.defineProperty(L.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(v, []);
-            } catch (J) {
-              w = J;
+              Reflect.construct(L, []);
+            } catch (he) {
+              R = he;
             }
-            Reflect.construct(e, [], v);
+            Reflect.construct(e, [], L);
           } else {
             try {
-              v.call();
-            } catch (J) {
-              w = J;
+              L.call();
+            } catch (he) {
+              R = he;
             }
-            e.call(v.prototype);
+            e.call(L.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (J) {
-            w = J;
+          } catch (he) {
+            R = he;
           }
           e();
         }
-      } catch (J) {
-        if (J && w && typeof J.stack == "string") {
-          for (var y = J.stack.split(`
-`), U = w.stack.split(`
-`), A = y.length - 1, N = U.length - 1; A >= 1 && N >= 0 && y[A] !== U[N]; )
-            N--;
-          for (; A >= 1 && N >= 0; A--, N--)
-            if (y[A] !== U[N]) {
-              if (A !== 1 || N !== 1)
+      } 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)
                 do
-                  if (A--, N--, N < 0 || y[A] !== U[N]) {
-                    var ce = `
-` + y[A].replace(" at new ", " at ");
-                    return e.displayName && ce.includes("<anonymous>") && (ce = ce.replace("<anonymous>", e.displayName)), typeof e == "function" && re.set(e, ce), ce;
+                  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;
                   }
-                while (A >= 1 && N >= 0);
+                while (ne >= 1 && se >= 0);
               break;
             }
         }
       } finally {
-        D = !1, me.current = x, be(), Error.prepareStackTrace = b;
+        ce = !1, ie.current = Y, z(), Error.prepareStackTrace = $;
       }
-      var $e = e ? e.displayName || e.name : "", De = $e ? W($e) : "";
-      return typeof e == "function" && re.set(e, De), De;
+      var Be = e ? e.displayName || e.name : "", je = Be ? ve(Be) : "";
+      return typeof e == "function" && U.set(e, je), je;
     }
-    function ne(e, o, c) {
-      return F(e, !1);
+    function me(e, c, f) {
+      return ge(e, !1);
     }
-    function Ce(e) {
-      var o = e.prototype;
-      return !!(o && o.isReactComponent);
+    function ye(e) {
+      var c = e.prototype;
+      return !!(c && c.isReactComponent);
     }
-    function Pe(e, o, c) {
+    function ke(e, c, f) {
       if (e == null)
         return "";
       if (typeof e == "function")
-        return F(e, Ce(e));
+        return ge(e, ye(e));
       if (typeof e == "string")
-        return W(e);
+        return ve(e);
       switch (e) {
-        case I:
-          return W("Suspense");
-        case _:
-          return W("SuspenseList");
+        case y:
+          return ve("Suspense");
+        case v:
+          return ve("SuspenseList");
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case S:
-            return ne(e.render);
-          case R:
-            return Pe(e.type, o, c);
-          case V: {
-            var w = e, b = w._payload, x = w._init;
+          case T:
+            return me(e.render);
+          case N:
+            return ke(e.type, c, f);
+          case P: {
+            var R = e, $ = R._payload, Y = R._init;
             try {
-              return Pe(x(b), o, c);
+              return ke(Y($), c, f);
             } catch {
             }
           }
         }
       return "";
     }
-    var pe = Object.prototype.hasOwnProperty, Ie = {}, Ze = j.ReactDebugCurrentFrame;
-    function xe(e) {
+    var Ne = Object.prototype.hasOwnProperty, Ae = {}, ze = p.ReactDebugCurrentFrame;
+    function Me(e) {
       if (e) {
-        var o = e._owner, c = Pe(e.type, e._source, o ? o.type : null);
-        Ze.setExtraStackFrame(c);
+        var c = e._owner, f = ke(e.type, e._source, c ? c.type : null);
+        ze.setExtraStackFrame(f);
       } else
-        Ze.setExtraStackFrame(null);
+        ze.setExtraStackFrame(null);
     }
-    function rt(e, o, c, w, b) {
+    function Ue(e, c, f, R, $) {
       {
-        var x = Function.call.bind(pe);
-        for (var v in e)
-          if (x(e, v)) {
-            var y = void 0;
+        var Y = Function.call.bind(Ne);
+        for (var L in e)
+          if (Y(e, L)) {
+            var O = void 0;
             try {
-              if (typeof e[v] != "function") {
-                var U = Error((w || "React class") + ": " + c + " type `" + v + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[v] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw U.name = "Invariant Violation", U;
+              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;
               }
-              y = e[v](o, v, w, c, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (A) {
-              y = A;
+              O = e[L](c, L, R, f, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (ne) {
+              O = ne;
             }
-            y && !(y instanceof Error) && (xe(b), T("%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).", w || "React class", c, v, typeof y), xe(null)), y instanceof Error && !(y.message in Ie) && (Ie[y.message] = !0, xe(b), T("Failed %s type: %s", c, y.message), xe(null));
+            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));
           }
       }
     }
-    var Ve = Array.isArray;
-    function Le(e) {
-      return Ve(e);
+    var ht = Array.isArray;
+    function Fe(e) {
+      return ht(e);
     }
-    function nt(e) {
+    function wt(e) {
       {
-        var o = typeof Symbol == "function" && Symbol.toStringTag, c = o && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return c;
+        var c = typeof Symbol == "function" && Symbol.toStringTag, f = c && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return f;
       }
     }
-    function at(e) {
+    function vt(e) {
       try {
-        return qe(e), !1;
+        return at(e), !1;
       } catch {
         return !0;
       }
     }
-    function qe(e) {
+    function at(e) {
       return "" + e;
     }
-    function Ke(e) {
-      if (at(e))
-        return T("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", nt(e)), qe(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);
     }
-    var Ge = j.ReactCurrentOwner, it = {
+    var it = p.ReactCurrentOwner, gt = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, Se, Oe;
-    function ot(e) {
-      if (pe.call(e, "ref")) {
-        var o = Object.getOwnPropertyDescriptor(e, "ref").get;
-        if (o && o.isReactWarning)
+    }, st, Le;
+    function Ve(e) {
+      if (Ne.call(e, "ref")) {
+        var c = Object.getOwnPropertyDescriptor(e, "ref").get;
+        if (c && c.isReactWarning)
           return !1;
       }
       return e.ref !== void 0;
     }
-    function st(e) {
-      if (pe.call(e, "key")) {
-        var o = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (o && o.isReactWarning)
+    function Et(e) {
+      if (Ne.call(e, "key")) {
+        var c = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (c && c.isReactWarning)
           return !1;
       }
       return e.key !== void 0;
     }
-    function lt(e, o) {
-      typeof e.ref == "string" && Ge.current;
+    function yt(e, c) {
+      typeof e.ref == "string" && it.current;
     }
-    function ct(e, o) {
+    function _t(e, c) {
       {
-        var c = function() {
-          Se || (Se = !0, T("%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)", o));
+        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));
         };
-        c.isReactWarning = !0, Object.defineProperty(e, "key", {
-          get: c,
+        f.isReactWarning = !0, Object.defineProperty(e, "key", {
+          get: f,
           configurable: !0
         });
       }
     }
-    function ut(e, o) {
+    function bt(e, c) {
       {
-        var c = function() {
-          Oe || (Oe = !0, T("%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)", o));
+        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));
         };
-        c.isReactWarning = !0, Object.defineProperty(e, "ref", {
-          get: c,
+        f.isReactWarning = !0, Object.defineProperty(e, "ref", {
+          get: f,
           configurable: !0
         });
       }
     }
-    var Je = function(e, o, c, w, b, x, v) {
-      var y = {
+    var Ct = function(e, c, f, R, $, Y, L) {
+      var O = {
         // This tag allows us to uniquely identify this as a React Element
-        $$typeof: l,
+        $$typeof: u,
         // Built-in properties that belong on the element
         type: e,
-        key: o,
-        ref: c,
-        props: v,
+        key: c,
+        ref: f,
+        props: L,
         // Record the component responsible for creating this element.
-        _owner: x
+        _owner: Y
       };
-      return y._store = {}, Object.defineProperty(y._store, "validated", {
+      return O._store = {}, Object.defineProperty(O._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(y, "_self", {
+      }), Object.defineProperty(O, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: w
-      }), Object.defineProperty(y, "_source", {
+        value: R
+      }), Object.defineProperty(O, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: b
-      }), Object.freeze && (Object.freeze(y.props), Object.freeze(y)), y;
+        value: $
+      }), Object.freeze && (Object.freeze(O.props), Object.freeze(O)), O;
     };
-    function Xe(e, o, c, w, b) {
+    function lt(e, c, f, R, $) {
       {
-        var x, v = {}, y = null, U = null;
-        c !== void 0 && (Ke(c), y = "" + c), st(o) && (Ke(o.key), y = "" + o.key), ot(o) && (U = o.ref, lt(o, b));
-        for (x in o)
-          pe.call(o, x) && !it.hasOwnProperty(x) && (v[x] = o[x]);
+        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]);
         if (e && e.defaultProps) {
-          var A = e.defaultProps;
-          for (x in A)
-            v[x] === void 0 && (v[x] = A[x]);
+          var ne = e.defaultProps;
+          for (Y in ne)
+            L[Y] === void 0 && (L[Y] = ne[Y]);
         }
-        if (y || U) {
-          var N = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          y && ct(v, N), U && ut(v, N);
+        if (O || pe) {
+          var se = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          O && _t(L, se), pe && bt(L, se);
         }
-        return Je(e, y, U, b, w, Ge.current, v);
+        return Ct(e, O, pe, $, R, it.current, L);
       }
     }
-    var Fe = j.ReactCurrentOwner, Qe = j.ReactDebugCurrentFrame;
-    function Re(e) {
+    var $e = p.ReactCurrentOwner, Ye = p.ReactDebugCurrentFrame;
+    function De(e) {
       if (e) {
-        var o = e._owner, c = Pe(e.type, e._source, o ? o.type : null);
-        Qe.setExtraStackFrame(c);
+        var c = e._owner, f = ke(e.type, e._source, c ? c.type : null);
+        Ye.setExtraStackFrame(f);
       } else
-        Qe.setExtraStackFrame(null);
+        Ye.setExtraStackFrame(null);
     }
-    var We;
-    We = !1;
-    function Be(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === l;
+    var Ze;
+    Ze = !1;
+    function Ge(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === u;
     }
-    function et() {
+    function ct() {
       {
-        if (Fe.current) {
-          var e = Y(Fe.current.type);
+        if ($e.current) {
+          var e = ae($e.current.type);
           if (e)
             return `
 
@@ -691,149 +701,148 @@ Check the render method of \`` + e + "`.";
         return "";
       }
     }
-    function t(e) {
+    function xt(e) {
       return "";
     }
-    var r = {};
-    function n(e) {
+    var ut = {};
+    function t(e) {
       {
-        var o = et();
-        if (!o) {
-          var c = typeof e == "string" ? e : e.displayName || e.name;
-          c && (o = `
+        var c = ct();
+        if (!c) {
+          var f = typeof e == "string" ? e : e.displayName || e.name;
+          f && (c = `
 
-Check the top-level render call using <` + c + ">.");
+Check the top-level render call using <` + f + ">.");
         }
-        return o;
+        return c;
       }
     }
-    function i(e, o) {
+    function r(e, c) {
       {
         if (!e._store || e._store.validated || e.key != null)
           return;
         e._store.validated = !0;
-        var c = n(o);
-        if (r[c])
+        var f = t(c);
+        if (ut[f])
           return;
-        r[c] = !0;
-        var w = "";
-        e && e._owner && e._owner !== Fe.current && (w = " It was passed a child from " + Y(e._owner.type) + "."), Re(e), T('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', c, w), Re(null);
+        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);
       }
     }
-    function a(e, o) {
+    function a(e, c) {
       {
         if (typeof e != "object")
           return;
-        if (Le(e))
-          for (var c = 0; c < e.length; c++) {
-            var w = e[c];
-            Be(w) && i(w, o);
+        if (Fe(e))
+          for (var f = 0; f < e.length; f++) {
+            var R = e[f];
+            Ge(R) && r(R, c);
           }
-        else if (Be(e))
+        else if (Ge(e))
           e._store && (e._store.validated = !0);
         else if (e) {
-          var b = he(e);
-          if (typeof b == "function" && b !== e.entries)
-            for (var x = b.call(e), v; !(v = x.next()).done; )
-              Be(v.value) && i(v.value, o);
+          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);
         }
       }
     }
-    function p(e) {
+    function s(e) {
       {
-        var o = e.type;
-        if (o == null || typeof o == "string")
+        var c = e.type;
+        if (c == null || typeof c == "string")
           return;
-        var c;
-        if (typeof o == "function")
-          c = o.propTypes;
-        else if (typeof o == "object" && (o.$$typeof === S || // Note: Memo only checks outer props here.
+        var f;
+        if (typeof c == "function")
+          f = c.propTypes;
+        else if (typeof c == "object" && (c.$$typeof === T || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        o.$$typeof === R))
-          c = o.propTypes;
+        c.$$typeof === N))
+          f = c.propTypes;
         else
           return;
-        if (c) {
-          var w = Y(o);
-          rt(c, e.props, "prop", w, e);
-        } else if (o.PropTypes !== void 0 && !We) {
-          We = !0;
-          var b = Y(o);
-          T("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", b || "Unknown");
+        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");
         }
-        typeof o.getDefaultProps == "function" && !o.getDefaultProps.isReactClassApproved && T("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof c.getDefaultProps == "function" && !c.getDefaultProps.isReactClassApproved && b("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function u(e) {
+    function i(e) {
       {
-        for (var o = Object.keys(e.props), c = 0; c < o.length; c++) {
-          var w = o[c];
-          if (w !== "children" && w !== "key") {
-            Re(e), T("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", w), Re(null);
+        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);
             break;
           }
         }
-        e.ref !== null && (Re(e), T("Invalid attribute `ref` supplied to `React.Fragment`."), Re(null));
+        e.ref !== null && (De(e), b("Invalid attribute `ref` supplied to `React.Fragment`."), De(null));
       }
     }
-    var h = {};
-    function O(e, o, c, w, b, x) {
+    var w = {};
+    function d(e, c, f, R, $, Y) {
       {
-        var v = m(e);
-        if (!v) {
-          var y = "";
-          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (y += " 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 U = t();
-          U ? y += U : y += et();
-          var A;
-          e === null ? A = "null" : Le(e) ? A = "array" : e !== void 0 && e.$$typeof === l ? (A = "<" + (Y(e.type) || "Unknown") + " />", y = " Did you accidentally export a JSX literal instead of a component?") : A = typeof e, T("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", A, y);
+        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 N = Xe(e, o, c, b, x);
-        if (N == null)
-          return N;
-        if (v) {
-          var ce = o.children;
-          if (ce !== void 0)
-            if (w)
-              if (Le(ce)) {
-                for (var $e = 0; $e < ce.length; $e++)
-                  a(ce[$e], e);
-                Object.freeze && Object.freeze(ce);
+        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);
               } else
-                T("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                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(ce, e);
+              a(_e, e);
         }
-        if (pe.call(o, "key")) {
-          var De = Y(e), J = Object.keys(o).filter(function(Pt) {
-            return Pt !== "key";
-          }), ft = J.length > 0 ? "{key: someKey, " + J.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!h[De + ft]) {
-            var kt = J.length > 0 ? "{" + J.join(": ..., ") + ": ...}" : "{}";
-            T(`A props object containing a "key" prop is being spread into JSX:
+        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(": ..., ") + ": ...}" : "{}";
+            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} />`, ft, De, kt, De), h[De + ft] = !0;
+  <%s key={someKey} {...props} />`, Rt, je, Yt, je), w[je + Rt] = !0;
           }
         }
-        return e === g ? u(N) : p(N), N;
+        return e === m ? i(se) : s(se), se;
       }
     }
-    function ye(e, o, c) {
-      return O(e, o, c, !0);
+    function x(e, c, f) {
+      return d(e, c, f, !0);
     }
-    function He(e, o, c) {
-      return O(e, o, c, !1);
+    function X(e, c, f) {
+      return d(e, c, f, !1);
     }
-    var Ae = He, Tt = ye;
-    ze.Fragment = g, ze.jsx = Ae, ze.jsxs = Tt;
-  }()), ze;
+    var Se = X, Ke = x;
+    Xe.Fragment = m, Xe.jsx = Se, Xe.jsxs = Ke;
+  }()), Xe;
 }
-process.env.NODE_ENV === "production" ? ht.exports = Ht() : ht.exports = Yt();
-var Ue = ht.exports;
-const xt = (s) => Vt("path", s), wt = Ct(
+process.env.NODE_ENV === "production" ? Dt.exports = Fr() : Dt.exports = Lr();
+var xe = Dt.exports, rt = (n) => nr("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.
@@ -841,371 +850,388 @@ const xt = (s) => Vt("path", s), wt = Ct(
    *
    * @return {JSX.Element} Stop component
    */
-  ({ className: s, isPressed: l, ...E }, g) => {
-    const k = {
-      ...E,
-      className: Lt(s, { "is-pressed": l }) || void 0,
+  ({ className: n, isPressed: u, ...l }, m) => {
+    const E = {
+      ...l,
+      className: ar(n, { "is-pressed": u }) || void 0,
       "aria-hidden": !0,
       focusable: !1
     };
-    return /* @__PURE__ */ Ue.jsx("svg", { ...k, ref: g });
+    return /* @__PURE__ */ xe.jsx("svg", { ...E, ref: m });
   }
 );
-wt.displayName = "SVG";
-const zt = /* @__PURE__ */ Ue.jsx(wt, {
+nt.displayName = "SVG";
+const jr = /* @__PURE__ */ xe.jsx(nt, {
   viewBox: "0 0 24 24",
   xmlns: "http://www.w3.org/2000/svg",
-  children: /* @__PURE__ */ Ue.jsx(xt, {
+  children: /* @__PURE__ */ xe.jsx(rt, {
     d: "M17.5 11.6L12 16l-5.5-4.4.9-1.2L12 14l4.5-3.6 1 1.2z"
   })
-}), Ut = /* @__PURE__ */ Ue.jsx(wt, {
+}), Ir = /* @__PURE__ */ xe.jsx(nt, {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
-  children: /* @__PURE__ */ Ue.jsx(xt, {
+  children: /* @__PURE__ */ xe.jsx(rt, {
     d: "M10.6 6L9.4 7l4.6 5-4.6 5 1.2 1 5.4-6z"
   })
-}), Zt = "_file-picker-tree_3rwm2_1", qt = "_file-node-button_3rwm2_17", Kt = "_selected_3rwm2_53", Gt = "_focused_3rwm2_65", Jt = "_dropTarget_3rwm2_70", Xt = "_dropTargetInvalid_3rwm2_79", Qt = "_renaming_3rwm2_88", er = "_renameInput_3rwm2_93", tr = "_file-name_3rwm2_108", X = {
-  filePickerTree: Zt,
-  fileNodeButton: qt,
-  selected: Kt,
-  focused: Gt,
-  dropTarget: Jt,
-  dropTargetInvalid: Xt,
-  renaming: Qt,
-  renameInput: er,
-  fileName: tr
+}), Mr = /* @__PURE__ */ xe.jsx(nt, {
+  viewBox: "0 0 24 24",
+  xmlns: "http://www.w3.org/2000/svg",
+  children: /* @__PURE__ */ xe.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, {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24",
+  children: [/* @__PURE__ */ xe.jsx(rt, {
+    d: "M15.5 7.5h-7V9h7V7.5Zm-7 3.5h7v1.5h-7V11Zm7 3.5h-7V16h7v-1.5Z"
+  }), /* @__PURE__ */ xe.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
 };
-function dt(s) {
-  if (!s) return [];
-  const l = s.replaceAll(/\\+/g, "/").replace(/\/{2,}/g, "/").replace(/\/$/, "") || s, E = l.startsWith("/"), g = l.split("/").filter(Boolean), k = [];
-  let C = E ? "/" : "";
-  E && k.push("/");
-  for (const M of g)
-    !C || C === "/" ? C = C === "/" ? `/${M}` : M : C = `${C}/${M}`, k.push(C);
-  return k;
+function Pt(n) {
+  if (!n) return [];
+  const u = n.replaceAll(/\\+/g, "/").replace(/\/{2,}/g, "/").replace(/\/$/, "") || n, l = u.startsWith("/"), m = u.split("/").filter(Boolean), E = [];
+  let g = l ? "/" : "";
+  l && E.push("/");
+  for (const k of m)
+    !g || g === "/" ? g = g === "/" ? `/${k}` : k : g = `${g}/${k}`, E.push(g);
+  return E;
 }
-function rr(s, l) {
-  if (!s || !l || s === l) return !1;
-  const E = s === "/" ? "/" : s.replace(/\/{2,}/g, "/"), g = l.replace(/\/{2,}/g, "/");
-  return E === "/" ? g.startsWith("/") && g !== "/" : g.startsWith(`${E}/`);
+function Kr(n, u) {
+  if (!n || !u || n === u) return !1;
+  const l = n === "/" ? "/" : n.replace(/\/{2,}/g, "/"), m = u.replace(/\/{2,}/g, "/");
+  return l === "/" ? m.startsWith("/") && m !== "/" : m.startsWith(`${l}/`);
 }
-function mt(s, l, E) {
-  return s && (s === l ? E : s.startsWith(l === "/" ? "/" : `${l}/`) ? E + s.slice(l.length) : s);
+function kt(n, u, l) {
+  return n && (n === u ? l : n.startsWith(u === "/" ? "/" : `${u}/`) ? l + n.slice(u.length) : n);
 }
-const nr = St(function({
+const qr = Bt(function({
+  withContextMenu: u = !0,
   filesystem: l,
-  root: E = "/wordpress",
-  initialSelectedPath: g,
-  onSelect: k = () => {
+  root: m = "/wordpress",
+  initialSelectedPath: E,
+  onSelect: g = () => {
   },
-  onDoubleClickFile: C
-}, M) {
-  const P = gt(() => {
-    let t = (E || "/").replace(/\\+/g, "/");
+  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 || "/";
-  }, [E]), S = (t) => !t || t === "." || t === ".." ? !1 : !/[\\/]/.test(t), [I, _] = ae(() => {
-    if (!g)
+  }, [m]), y = (t) => !t || t === "." || t === ".." ? !1 : !/[\\/]/.test(t), [v, N] = Q(() => {
+    if (!E)
       return {};
     const t = {};
-    for (const r of dt(g))
+    for (const r of Pt(E))
       t[r] = !0;
     return t;
-  }), [R, V] = ae(
-    () => g ?? null
-  ), [Q, $] = ae(
-    () => g ?? null
-  ), [Z, he] = ae({}), [j, T] = ae(
+  }), [P, j] = Q(
+    () => E ?? null
+  ), [Z, A] = Q(
+    () => E ?? null
+  ), [D, p] = Q({}), [b, q] = Q(
     {}
-  ), [fe, we] = ae(null), [ve, q] = ae(
+  ), [B, G] = Q(null), [ee, W] = Q(
     null
-  ), B = ie({}), Ee = ie(!1), ee = ie(null), m = ie(null), H = ie(j), oe = ie(Z), Y = () => {
-    for (const t of Object.keys(B.current))
-      clearTimeout(B.current[t]), delete B.current[t];
-  }, K = (t) => {
-    const r = B.current[t];
-    r && (clearTimeout(r), delete B.current[t]);
+  ), 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]);
   };
-  ue(() => {
-    H.current = j;
-  }, [j]), ue(() => {
-    oe.current = Z;
-  }, [Z]);
-  const L = (t) => {
-    var n;
-    const r = (n = ee.current) == null ? void 0 : n.querySelector(
+  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}"]`
     );
     r && typeof r.focus == "function" && (r.focus(), r.scrollIntoView({
       behavior: "smooth",
       block: "nearest"
     }));
-  }, te = (t, r = "") => (r ? `${r}/${t.name}` : t.name).replaceAll(/\\+/g, "/").replace(/\/{2,}/g, "/"), Te = (t, r) => t.children ? t.children : Z[r], ke = async (t, r) => {
-    const n = await t.listFiles(r), i = [];
-    for (const a of n) {
-      const p = r === "/" ? `/${a}` : `${r}/${a}`, u = await t.isDir(p);
-      i.push({ name: a, type: u ? "folder" : "file" });
-    }
-    return i.sort((a, p) => {
-      var ye;
-      if (a.type !== p.type) return a.type === "folder" ? -1 : 1;
-      const u = r === "/" ? `/${a.name}` : `${r}/${a.name}`, h = r === "/" ? `/${p.name}` : `${r}/${p.name}`, O = (ye = ne.current) == null ? void 0 : ye.tempPath;
-      if (O) {
-        if (u === O) return -1;
-        if (h === O) return 1;
+  }, 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;
       }
-      return a.name.localeCompare(p.name);
-    }), i;
-  }, _e = async (t) => await ke(l, t), de = (t, r) => {
+      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 n = r.children ?? oe.current[t];
-    return n || H.current[t] ? n : (T((i) => ({ ...i, [t]: !0 })), new Promise((i) => {
-      _e(t).then((a) => {
-        he((p) => ({
-          ...p,
-          [t]: a ?? []
-        })), i(a ?? []);
+    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 ?? []);
       }).catch(() => {
-        i([]);
+        s([]);
       }).finally(() => {
-        T((a) => {
-          const p = { ...a };
-          return delete p[t], p;
+        q((i) => {
+          const w = { ...i };
+          return delete w[t], w;
         });
       });
     }));
-  }, G = (t, r) => {
-    r.type === "folder" && (typeof window > "u" || B.current[t] || (B.current[t] = window.setTimeout(() => {
-      _((n) => n[t] ? n : { ...n, [t]: !0 }), de(t, r), delete B.current[t];
+  }, 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];
     }, 600)));
-  }, z = (t) => (T((r) => ({ ...r, [t]: !0 })), new Promise((r) => {
-    _e(t).then((n) => {
-      he((i) => ({
-        ...i,
-        [t]: n ?? []
-      })), r(n ?? []);
+  }, C = (t) => (q((r) => ({ ...r, [t]: !0 })), new Promise((r) => {
+    Pe(t).then((a) => {
+      p((s) => ({
+        ...s,
+        [t]: a ?? []
+      })), r(a ?? []);
     }).catch(() => {
       r([]);
     }).finally(() => {
-      T((n) => {
-        const i = { ...n };
-        return delete i[t], i;
+      q((a) => {
+        const s = { ...a };
+        return delete s[t], s;
       });
     });
-  })), se = (t, r, n) => {
-    _((i) => ({
-      ...i,
-      [t]: n
-    })), n ? de(t, r) : he((i) => {
-      if (i[t] === void 0)
-        return i;
-      const a = { ...i };
-      return delete a[t], a;
+  })), 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;
     });
-  }, le = async (t) => {
+  }, z = async (t) => {
     if (!t) return;
-    const r = dt(t);
+    const r = Pt(t);
     if (r.length === 0) return;
-    _((a) => {
-      const p = { ...a };
-      for (const u of r)
-        p[u] = !0;
-      return p;
+    N((i) => {
+      const w = { ...i };
+      for (const d of r)
+        w[d] = !0;
+      return w;
     });
-    let n = [
-      { name: P, type: "folder" }
-    ], i = "";
-    for (const a of r) {
-      const p = n == null ? void 0 : n.find((h) => te(h, i) === a);
-      if (!p || p.type !== "folder") {
-        i = a, n = [];
+    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 = [];
         continue;
       }
-      n = await de(a, p) ?? oe.current[a], i = a;
+      a = await le(i, w) ?? ae.current[i], s = i;
     }
-  }, be = (t, r) => {
+  }, ie = (t, r) => {
     if (!t || !r || t === r)
       return;
-    const n = t === "/" ? "/" : `${t}/`, i = (a) => a === t ? r : a.startsWith(n) ? r + a.slice(t.length) : null;
-    _((a) => {
-      let p = !1;
-      const u = { ...a };
-      for (const h of Object.keys(a)) {
-        const O = i(h);
-        O && O !== h && (u[O] = a[h], delete u[h], p = !0);
+    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);
       }
-      return p ? u : a;
-    }), he((a) => {
-      let p = !1;
-      const u = { ...a };
-      for (const h of Object.keys(a)) {
-        const O = i(h);
-        O && O !== h && (u[O] = a[h], delete u[h], p = !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 p ? u : a;
-    }), V((a) => a && (i(a) ?? a)), $((a) => a && (i(a) ?? a));
-  }, me = () => {
-    we(null), q(null), Y();
-  }, ge = (t, r = !0) => {
-    V(t), r && k(t);
-  }, W = gt(() => [{ name: P, type: "folder" }], [P]), [D, re] = ae(null), [d, F] = ae(null), ne = ie(null), Ce = d;
-  Ot(
-    M,
+      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,
     () => ({
       focusPath: (t, r = {}) => {
         if (!t) return;
         const {
-          select: n = !0,
-          domFocus: i = !0,
-          notify: a = !1
+          select: a = !0,
+          domFocus: s = !0,
+          notify: i = !1
         } = r;
-        n && ge(t, a), $(t), i && L(t);
+        a && ve(t, i), A(t), s && oe(t);
       },
       selectPath: (t) => {
-        t && (ge(t), $(t), L(t));
+        t && (ve(t), A(t), oe(t));
       },
-      getSelectedPath: () => R,
-      expandToPath: async (t) => await le(t),
-      refresh: async (t) => await z(t),
-      remapPath: be,
+      getSelectedPath: () => P,
+      expandToPath: async (t) => await z(t),
+      refresh: async (t) => await C(t),
+      remapPath: ie,
       createFile: async (t) => {
-        await Oe(t, "file", "untitled.php");
+        await Ve(t, "file", "untitled.php");
       },
       createFolder: async (t) => {
-        await Oe(t, "folder", "New Folder");
+        await Ve(t, "folder", "New Folder");
       }
     }),
-    [R, z, be, le]
+    [P, C, ie, z]
   );
-  const Pe = ie(!1), pe = ie(
-    g ?? null
-  ), Ie = ie(g);
-  ue(() => {
-    Ee.current = !1;
-  }, [P]), ue(() => {
-    g && g !== Ie.current ? pe.current = g : g || (pe.current = null), Ie.current = g;
-  }, [g]), ue(() => {
-    if (!g || Pe.current)
+  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)
       return;
-    Pe.current = !0;
-    const t = dt(g);
-    _((n) => {
-      const i = { ...n };
-      for (const a of t)
-        i[a] = !0;
-      return i;
+    Ne.current = !0;
+    const t = Pt(E);
+    N((a) => {
+      const s = { ...a };
+      for (const i of t)
+        s[i] = !0;
+      return s;
     });
-    const r = t[t.length - 1] || g;
-    $(r), V(r), le(g);
-  }, [g, le]), ue(() => {
-    const t = pe.current;
-    !t || W.length === 0 || (pe.current = null, le(t));
-  }, [W, le]), ue(() => {
-    if (!Q) {
-      if (W.length > 0) {
-        const t = te(W[0]);
-        $(t);
+    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);
       }
       return;
     }
-    Ce && Ce === Q || L(Q);
-  }, [W, Q, Ce]), ue(() => {
-    if (W.length === 0)
+    ke && ke === Z || oe(Z);
+  }, [ce, Z, ke]), I(() => {
+    if (ce.length === 0)
       return;
-    const t = W[0];
-    if ((t == null ? void 0 : t.type) !== "folder" || Ee.current)
+    const t = ce[0];
+    if ((t == null ? void 0 : t.type) !== "folder" || te.current)
       return;
     const r = t.name;
-    Ee.current = !0, _(
-      (n) => n[r] ? n : { ...n, [r]: !0 }
-    ), !oe.current[r] && !H.current[r] && de(r, t);
-  }, [W, de, P]), ue(() => () => {
-    m.current && clearTimeout(m.current), Y();
-  }, []), ue(() => {
-    D && setTimeout(() => {
+    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 t = document.querySelector(
         '[role="menu"] [role="menuitem"]'
       );
       t && typeof t.focus == "function" && t.focus();
     }, 0);
-  }, [D]);
-  const [Ze, xe] = ae(""), rt = (t, r) => {
+  }, [U]);
+  const [Me, Ue] = Q(""), ht = (t, r) => {
     if (t.type === "folder")
       return r;
-    const n = je(r);
-    return n && n || "/";
-  }, Ve = (t, r, n) => {
-    const i = rt(t, r);
-    if (!i)
+    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 (n) {
-      if (i === n)
+    if (a) {
+      if (s === a)
         return { allowed: !1, state: "invalid", destination: null };
-      if (rr(n, i))
+      if (Kr(a, s))
         return { allowed: !1, state: "invalid", destination: null };
     }
-    return { allowed: !0, state: "valid", destination: i };
-  }, Le = (t, r, n) => {
-    r.type !== "folder" && r.type !== "file" || (we(n), q(null), t.dataTransfer && (t.dataTransfer.effectAllowed = "move", t.dataTransfer.setData(
+    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(
       "application/x-wp-playground-path",
-      n
-    ), t.dataTransfer.setData("text/plain", n)));
-  }, nt = () => {
-    me();
-  }, at = (t, r, n) => {
-    const i = Ve(r, n, fe);
-    i.allowed && r.type === "folder" && G(n, r), q((a) => (a == null ? void 0 : a.path) === n && a.state === i.state ? a : { path: n, state: i.state });
-  }, qe = (t, r, n) => {
-    const i = Ve(r, n, fe);
-    i.allowed && i.destination ? (t.preventDefault(), t.dataTransfer && (t.dataTransfer.dropEffect = fe ? "move" : "copy"), r.type === "folder" && G(n, r), q((a) => (a == null ? void 0 : a.path) === n && a.state === i.state ? a : { path: n, state: i.state })) : (t.dataTransfer && (t.dataTransfer.dropEffect = "none"), K(n), q((a) => (a == null ? void 0 : a.path) === n && a.state === "invalid" ? a : { path: n, state: "invalid" }));
-  }, Ke = (t, r, n) => {
-    K(n);
-    const i = t.relatedTarget;
-    i && t.currentTarget.contains(i) || q((a) => (a == null ? void 0 : a.path) === n ? null : a);
-  }, Ge = async (t, r, n) => {
-    const i = fe, a = Ve(r, n, i);
-    if (!a.allowed || !a.destination) {
-      me();
+      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();
       return;
     }
-    t.preventDefault(), t.stopPropagation(), K(n), q(null);
+    t.preventDefault(), t.stopPropagation(), ue(a), W(null);
     try {
-      i ? await lt(i, a.destination) : await Qe(t, a.destination);
+      s ? await _t(s, i.destination) : await De(t, i.destination);
     } finally {
-      me();
+      Ee();
     }
-  }, it = (t, r, n) => {
-    t.preventDefault(), t.stopPropagation(), F(null), re({
-      absPath: n,
+  }, st = (t, r, a) => {
+    u && (t.preventDefault(), t.stopPropagation(), me(null), h({
+      absPath: a,
       type: r.type,
       x: t.clientX,
       y: t.clientY
-    });
-  }, Se = async (t, r) => {
-    let n = r, i = 0;
-    const a = (u) => {
-      const h = u.lastIndexOf(".");
-      return h > 0 ? { stem: u.slice(0, h), ext: u.slice(h) } : { stem: u, ext: "" };
-    }, p = t === "/" ? "" : t;
-    for (; await (l == null ? void 0 : l.fileExists(`${p}/${n}`)) || await (l == null ? void 0 : l.isDir(`${p}/${n}`)); ) {
-      i += 1;
-      const { stem: u, ext: h } = a(r);
-      n = `${u} (${i})${h}`;
-    }
-    return n;
-  }, Oe = async (t, r, n) => {
+    }));
+  }, 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) => {
     if (!l) return;
-    let i = t || R || P;
+    let s = t || P || T;
     try {
-      await l.isDir(i) || (i = je(i));
+      await l.isDir(s) || (s = Oe(s));
     } catch {
-      i = je(i);
+      s = Oe(s);
     }
-    const a = i, p = await Se(a, n), u = Ne(a, p);
-    r === "folder" ? await l.mkdir(u) : await l.writeFile(u, ""), ne.current = { type: r, tempPath: u }, F(u), await z(a), setTimeout(() => {
-      $(u), L(u);
+    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);
     }, 0);
-  }, ot = async (t) => {
+  }, Et = async (t) => {
     if (!l) return !1;
     try {
       if (await l.fileExists(t))
@@ -1218,7 +1244,7 @@ const nr = St(function({
     } catch {
     }
     return !1;
-  }, st = async (t) => {
+  }, yt = async (t) => {
     if (l)
       try {
         await l.mkdir(t);
@@ -1226,242 +1252,250 @@ const nr = St(function({
         if (!await l.isDir(t).catch(() => !1))
           throw r;
       }
-  }, lt = async (t, r) => {
+  }, _t = async (t, r) => {
     if (!l) return;
-    const n = Mt(t), i = Ne(r, n);
-    if (i === t || await ot(i))
+    const a = Ot(t), s = We(r, a);
+    if (s === t || await Et(s))
       return;
-    const a = je(t);
+    const i = Oe(t);
     try {
-      await l.mv(t, i), be(t, i);
-      const p = mt(
-        R,
+      await l.mv(t, s), ie(t, s);
+      const w = kt(
+        P,
         t,
-        i
+        s
       );
-      R && (R === t || R.startsWith(`${t}/`)) && k(p), $(
-        (u) => mt(u, t, i)
-      ), _((u) => ({
-        ...u,
+      P && (P === t || P.startsWith(`${t}/`)) && g(w), A(
+        (d) => kt(d, t, s)
+      ), N((d) => ({
+        ...d,
         [r]: !0
       })), await Promise.all([
-        z(a),
-        z(r)
-      ]), V(
-        (u) => mt(u, t, i)
-      ), L(i);
+        C(i),
+        C(r)
+      ]), j(
+        (d) => kt(d, t, s)
+      ), oe(s);
     } catch {
     }
-  }, ct = (t) => {
+  }, bt = (t) => {
     const r = t;
     return r.webkitGetAsEntry ? r.webkitGetAsEntry() : null;
-  }, ut = (t) => new Promise((r, n) => {
-    t.file(r, n);
-  }), Je = async (t, r) => {
+  }, Ct = (t) => new Promise((r, a) => {
+    t.file(r, a);
+  }), lt = async (t, r) => {
     if (!l) return;
-    const n = t.name || "untitled", i = await Se(r, n), a = Ne(r, i), p = new Uint8Array(await t.arrayBuffer());
-    await l.writeFile(a, p);
-  }, Xe = async (t, r) => {
-    const n = await ut(t);
-    await Je(n, r);
-  }, Fe = async (t, r) => {
-    const n = await Se(
+    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,
       t.name || "New Folder"
-    ), i = Ne(r, n);
-    await st(i);
-    const a = t.createReader(), p = () => new Promise((u, h) => {
-      a.readEntries(
-        (O) => u(Array.from(O)),
-        h
+    ), s = We(r, a);
+    await yt(s);
+    const i = t.createReader(), w = () => new Promise((d, x) => {
+      i.readEntries(
+        (X) => d(Array.from(X)),
+        x
       );
     });
     for (; ; ) {
-      const u = await p();
-      if (!u.length)
+      const d = await w();
+      if (!d.length)
         break;
-      for (const h of u)
-        h.isFile ? await Xe(
-          h,
-          i
-        ) : h.isDirectory && await Fe(
-          h,
-          i
+      for (const x of d)
+        x.isFile ? await $e(
+          x,
+          s
+        ) : x.isDirectory && await Ye(
+          x,
+          s
         );
     }
-  }, Qe = async (t, r) => {
-    var a, p;
+  }, De = async (t, r) => {
+    var i, w;
     if (!l) return;
-    const i = ((a = t.dataTransfer) != null && a.items ? Array.from(t.dataTransfer.items) : []).filter((u) => u.kind === "file").map((u) => ct(u)).filter((u) => !!u);
-    if (i.length > 0)
-      for (const u of i)
-        u.isFile ? await Xe(
-          u,
+    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
-        ) : u.isDirectory && await Fe(
-          u,
+        ) : d.isDirectory && await Ye(
+          d,
           r
         );
     else {
-      const u = (p = t.dataTransfer) != null && p.files ? Array.from(t.dataTransfer.files) : [];
-      for (const h of u)
-        await Je(h, r);
+      const d = (w = t.dataTransfer) != null && w.files ? Array.from(t.dataTransfer.files) : [];
+      for (const x of d)
+        await lt(x, r);
     }
-    await z(r), _((u) => ({
-      ...u,
+    await C(r), N((d) => ({
+      ...d,
       [r]: !0
     }));
-  }, Re = async (t, r) => {
+  }, Ze = async (t, r) => {
     if (!l) return;
-    const n = t;
-    re(null);
+    const a = t;
+    h(null);
     try {
-      r === "folder" ? await l.rmdir(n, { recursive: !0 }) : await l.unlink(n);
+      r === "folder" ? await l.rmdir(a, { recursive: !0 }) : await l.unlink(a);
     } catch {
     } finally {
-      F(null);
-      const i = je(n);
-      await z(i), R && (R === n || R.startsWith(`${n}/`)) && k(null);
+      me(null);
+      const s = Oe(a);
+      await C(s), P && (P === a || P.startsWith(`${a}/`)) && g(null);
     }
-  }, We = (t) => {
+  }, Ge = 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);
+      }
+  }, ct = (t) => {
     var r;
-    if (!d)
+    if (!ge)
       if (t.key.length === 1 && t.key.match(/\S/)) {
-        const n = Ze + t.key.toLowerCase();
-        if (xe(n), m.current && clearTimeout(m.current), m.current = setTimeout(() => {
-          xe("");
-        }, 1e3), !ee.current)
+        const a = Me + t.key.toLowerCase();
+        if (Ue(a), H.current && clearTimeout(H.current), H.current = setTimeout(() => {
+          Ue("");
+        }, 1e3), !_.current)
           return;
-        const i = Array.from(
-          ee.current.querySelectorAll(".file-node-button")
-        ), a = document.activeElement;
-        let p = 0;
-        a && i.includes(a) && (p = i.indexOf(
-          a
+        const s = Array.from(
+          _.current.querySelectorAll(".file-node-button")
+        ), i = document.activeElement;
+        let w = 0;
+        i && s.includes(i) && (w = s.indexOf(
+          i
         ));
-        for (let u = 0; u < i.length; u++) {
-          const h = (p + u) % i.length, O = i[h];
-          if ((r = O.textContent) != null && r.toLowerCase().trim().startsWith(n)) {
-            O.focus();
-            const ye = O.getAttribute("data-path");
-            ye && $(ye);
+        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);
             break;
           }
         }
       } else
-        xe(""), m.current && clearTimeout(m.current);
-  }, Be = async (t, r) => {
-    const n = ne.current, i = (n == null ? void 0 : n.tempPath) === t, a = je(t), p = (r || "").trim();
-    if (!S(p)) {
-      if (i) {
+        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) {
         try {
-          n.type === "folder" ? await l.rmdir(t, {
+          a.type === "folder" ? await l.rmdir(t, {
             recursive: !0
           }) : await l.unlink(t);
         } catch {
         }
-        ne.current = null;
+        ye.current = null;
       }
-      F(i ? null : t);
+      me(s ? null : t);
       return;
     }
-    let u = Ne(a, p), h = u;
-    if (h === t) {
-      F(null);
-      const Ae = i && (n == null ? void 0 : n.type) === "file";
-      i && (ne.current = null), setTimeout(() => {
-        $(h), L(h), Ae && C && C(h);
+    let d = We(i, w), x = d;
+    if (x === t) {
+      me(null);
+      const e = s && (a == null ? void 0 : a.type) === "file";
+      s && (ye.current = null), setTimeout(() => {
+        A(x), oe(x), e && k && k(x);
       }, 0);
       return;
     }
-    const O = await l.fileExists(h), ye = await l.isDir(h);
-    if ((O || ye) && h !== t)
-      if (i)
+    const X = await l.fileExists(x), Se = await l.isDir(x);
+    if ((X || Se) && x !== t)
+      if (s)
         try {
-          const Ae = await Se(
-            a === "/" ? "/" : a,
-            p
+          const e = await Le(
+            i === "/" ? "/" : i,
+            w
           );
-          u = Ne(a, Ae), h = u;
+          d = We(i, e), x = d;
         } catch {
         }
       else {
-        F(t);
+        me(t);
         return;
       }
-    let He = (n == null ? void 0 : n.type) === "folder";
+    let Ke = (a == null ? void 0 : a.type) === "folder";
     try {
-      await l.mv(t, u), n || (He = await l.isDir(u)), He && be(t, h), R === t && k(h), await z(a), $(h), L(h), i && !He && C && C(h);
+      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);
     } catch {
-      if (i)
+      if (s)
         try {
-          (n == null ? void 0 : n.type) === "folder" ? await l.rmdir(t, {
+          (a == null ? void 0 : a.type) === "folder" ? await l.rmdir(t, {
             recursive: !0
           }) : await l.unlink(t);
         } catch {
         }
     } finally {
-      ne.current = null, F(null);
+      ye.current = null, me(null);
     }
-  }, et = async (t) => {
-    const r = ne.current;
+  }, ut = async (t) => {
+    const r = ye.current;
     if (!l || (r == null ? void 0 : r.tempPath) !== t) {
-      F((i) => i === t ? null : i);
+      me((s) => s === t ? null : s);
       return;
     }
     try {
       r.type === "folder" ? await l.rmdir(t, { recursive: !0 }) : await l.unlink(t);
     } catch {
     }
-    ne.current = null, F(null);
-    const n = je(t);
-    await z(n), $(n), L(n);
+    ye.current = null, me(null);
+    const a = Oe(t);
+    await C(a), A(a), oe(a);
   };
-  return /* @__PURE__ */ f.createElement("div", { onKeyDown: We, ref: ee }, /* @__PURE__ */ f.createElement(Dt, { className: X.filePickerTree }, W.map((t, r) => /* @__PURE__ */ f.createElement(
-    Rt,
+  return /* @__PURE__ */ o.createElement("div", { onKeyDown: ct, ref: _ }, /* @__PURE__ */ o.createElement(Kt, { className: we.filePickerTree }, ce.map((t, r) => /* @__PURE__ */ o.createElement(
+    zt,
     {
       key: t.name,
       node: t,
       level: 0,
       position: r + 1,
-      setSize: W.length,
-      expandedNodePaths: I,
-      onToggle: se,
-      selectedNode: R,
-      focusPath: (n) => $(n),
-      focusedNode: Q,
-      selectPath: ge,
-      generatePath: te,
-      getChildren: Te,
-      onContextMenu: it,
-      renamingPath: Ce,
-      onRename: Be,
-      onRenameCancel: et,
-      dropIndicator: ve,
-      onDragStart: Le,
-      onDragEnd: nt,
+      setSize: ce.length,
+      expandedNodePaths: v,
+      onToggle: J,
+      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: qe,
-      onDragLeave: Ke,
-      onDrop: Ge,
-      rootPath: P,
-      onDoubleClickFile: C
-    }
-  ))), D && /* @__PURE__ */ f.createElement(
-    jt,
+      onDragOver: ot,
+      onDragLeave: it,
+      onDrop: gt,
+      rootPath: T,
+      onDoubleClickFile: k
+    }
+  ))), U && /* @__PURE__ */ o.createElement(
+    qt,
     {
       placement: "bottom-start",
-      onClose: () => re(null),
+      onClose: () => h(null),
       anchor: {
         getBoundingClientRect: () => ({
-          x: D.x,
-          y: D.y,
+          x: U.x,
+          y: U.y,
           width: 0,
           height: 0,
-          top: D.y,
-          left: D.x,
-          right: D.x,
-          bottom: D.y,
+          top: U.y,
+          left: U.x,
+          right: U.x,
+          bottom: U.y,
           toJSON: () => ({})
         }),
         ownerDocument: document
@@ -1470,344 +1504,1042 @@ const nr = St(function({
       resize: !1,
       focusOnMount: "firstElement"
     },
-    /* @__PURE__ */ f.createElement(Ft, { role: "menu" }, D.type === "folder" && /* @__PURE__ */ f.createElement(
-      tt,
+    /* @__PURE__ */ o.createElement(Jt, { role: "menu" }, U.type === "folder" && /* @__PURE__ */ o.createElement(
+      qe,
       {
         role: "menuitem",
         onClick: async () => {
-          re(null), await Oe(
-            D.absPath,
+          h(null), await Ve(
+            U.absPath,
             "file",
             "untitled.php"
           );
         }
       },
       "Create file"
-    ), D.type === "folder" && /* @__PURE__ */ f.createElement(
-      tt,
+    ), U.type === "folder" && /* @__PURE__ */ o.createElement(
+      qe,
       {
         role: "menuitem",
         onClick: async () => {
-          re(null), await Oe(
-            D.absPath,
+          h(null), await Ve(
+            U.absPath,
             "folder",
             "New Folder"
           );
         }
       },
       "Create directory"
-    ), /* @__PURE__ */ f.createElement(
-      tt,
+    ), /* @__PURE__ */ o.createElement(
+      qe,
       {
         role: "menuitem",
         onClick: () => {
-          re(null), F(D.absPath);
+          h(null), me(U.absPath);
         }
       },
       "Rename"
-    ), /* @__PURE__ */ f.createElement(
-      tt,
+    ), U.type === "file" && /* @__PURE__ */ o.createElement(
+      qe,
+      {
+        role: "menuitem",
+        onClick: async () => {
+          h(null), await Ge(
+            U.absPath
+          );
+        }
+      },
+      "Download"
+    ), /* @__PURE__ */ o.createElement(
+      qe,
       {
         role: "menuitem",
-        onClick: () => Re(
-          D.absPath,
-          D.type
+        onClick: () => Ze(
+          U.absPath,
+          U.type
         )
       },
       "Delete"
     ))
   ));
-}), Rt = ({
-  node: s,
-  level: l,
-  position: E,
-  setSize: g,
-  expandedNodePaths: k,
-  onToggle: C,
-  selectedNode: M,
-  focusPath: P,
-  focusedNode: S,
-  selectPath: I,
-  generatePath: _,
-  getChildren: R,
-  onContextMenu: V,
-  renamingPath: Q,
-  onRename: $,
-  onRenameCancel: Z,
-  parentPath: he = "",
-  dropIndicator: j,
-  onDragStart: T,
-  onDragEnd: fe,
-  onDragEnter: we,
-  onDragOver: ve,
-  onDragLeave: q,
-  onDrop: B,
-  rootPath: Ee,
-  onDoubleClickFile: ee
+}), zt = ({
+  node: n,
+  level: u,
+  position: l,
+  setSize: m,
+  expandedNodePaths: E,
+  onToggle: g,
+  selectedNode: k,
+  focusPath: V,
+  focusedNode: T,
+  selectPath: y,
+  generatePath: v,
+  getChildren: N,
+  onContextMenu: P,
+  renamingPath: j,
+  onRename: Z,
+  onRenameCancel: A,
+  parentPath: D = "",
+  dropIndicator: p,
+  onDragStart: b,
+  onDragEnd: q,
+  onDragEnter: B,
+  onDragOver: G,
+  onDragLeave: ee,
+  onDrop: W,
+  rootPath: F,
+  onDoubleClickFile: te
 }) => {
-  const m = _(s, he), H = k[m], oe = Q === m, Y = ie(null), [K, L] = ae(s.name), te = ie(!1), Te = (j == null ? void 0 : j.path) === m, ke = Te && (j == null ? void 0 : j.state) === "valid", _e = Te && (j == null ? void 0 : j.state) === "invalid", de = !oe && m !== Ee, G = ie(null), z = {
-    onDragEnter: (d) => we == null ? void 0 : we(d, s, m),
-    onDragOver: (d) => ve == null ? void 0 : ve(d, s, m),
-    onDragLeave: (d) => q == null ? void 0 : q(d, s, m),
-    onDrop: (d) => B == null ? void 0 : B(d, s, m)
-  }, se = R(s, m) ?? [];
-  ue(() => {
-    var d;
-    oe ? (L(s.name), te.current = !1, typeof window < "u" && requestAnimationFrame ? requestAnimationFrame(() => {
-      var F;
-      (F = Y.current) == null || F.select();
-    }) : (d = Y.current) == null || d.select()) : te.current = !1;
-  }, [oe, s.name]);
-  const le = () => {
-    s.type === "folder" && C(m, s, !H);
-  }, be = (d) => {
-    var F, ne;
-    if (d.key === "ArrowLeft")
-      H ? le() : (F = document.querySelector(
-        `[data-path="${he}"]`
-      )) == null || F.focus(), d.preventDefault(), d.stopPropagation();
-    else if (d.key === "ArrowRight") {
+  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 (se != null && se.length) {
-          const Ce = _(
-            se[0],
-            m
+        if (C != null && C.length) {
+          const ye = v(
+            C[0],
+            _
           );
-          (ne = document.querySelector(
-            `[data-path="${Ce}"]`
-          )) == null || ne.focus();
+          (me = document.querySelector(
+            `[data-path="${ye}"]`
+          )) == null || me.focus();
         }
       } else
-        le();
-      d.preventDefault(), d.stopPropagation();
-    } else d.key === " " || d.key === "Space" || d.key === "Spacebar" ? (s.type === "folder" && C(m, s, !H), d.preventDefault()) : d.key === "Enter" && (s.type === "folder" ? C(m, s, !H) : (I(m, !1), P(m), ee ? ee(m) : I(m, !0)), d.preventDefault());
-  }, me = (d) => {
-    V == null || V(d, s, m);
-  }, ge = (d) => {
-    d.preventDefault(), te.current = !0, $ == null || $(m, K.trim());
-  }, W = (d) => {
-    if (d.key === "Escape") {
-      d.preventDefault(), d.stopPropagation(), te.current = !0, Z == null || Z(m);
+        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(_);
       return;
     }
-    (d.key === "ArrowLeft" || d.key === "ArrowRight" || d.key === "ArrowUp" || d.key === "ArrowDown") && d.stopPropagation();
-  }, D = () => {
-    te.current || Z == null || Z(m), te.current = !1;
-  }, re = () => {
-    if (s.type === "folder") {
-      le(), I(m), P(m);
+    (h.key === "ArrowLeft" || h.key === "ArrowRight" || h.key === "ArrowUp" || h.key === "ArrowDown") && h.stopPropagation();
+  }, ce = () => {
+    oe.current || A == null || A(_), oe.current = !1;
+  }, U = () => {
+    if (n.type === "folder") {
+      J(), y(_), V(_);
       return;
     }
-    const d = G.current !== null;
-    if (d && G.current && clearTimeout(G.current), G.current = null, d) {
-      ee ? ee(m) : I(m, !0);
+    const h = le.current !== null;
+    if (h && le.current && clearTimeout(le.current), le.current = null, h) {
+      te ? te(_) : y(_, !0);
       return;
     }
-    I(m, !1), P(m), I(m, !0), G.current = window.setTimeout(() => {
-      G.current = null;
+    y(_, !1), V(_), y(_, !0), le.current = window.setTimeout(() => {
+      le.current = null;
     }, 300);
   };
-  return ue(() => () => {
-    G.current !== null && typeof window < "u" && clearTimeout(G.current);
-  }, []), /* @__PURE__ */ f.createElement(f.Fragment, null, /* @__PURE__ */ f.createElement(
-    At,
+  return I(() => () => {
+    le.current !== null && typeof window < "u" && clearTimeout(le.current);
+  }, []), /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement(
+    Xt,
     {
-      level: l,
-      positionInSet: E,
-      setSize: g
+      level: u,
+      positionInSet: l,
+      setSize: m
     },
-    /* @__PURE__ */ f.createElement($t, null, () => /* @__PURE__ */ f.createElement(f.Fragment, null, oe ? /* @__PURE__ */ f.createElement(
+    /* @__PURE__ */ o.createElement(Qt, null, () => /* @__PURE__ */ o.createElement(o.Fragment, null, de ? /* @__PURE__ */ o.createElement(
       "form",
       {
-        onSubmit: ge,
-        className: yt(
-          X.fileNodeButton,
-          X.renaming,
+        onSubmit: Ee,
+        className: et(
+          we.fileNodeButton,
+          we.renaming,
           "file-node-button",
           {
-            [X.selected]: M === m,
-            [X.focused]: S === m,
-            [X.dropTarget]: ke,
-            [X.dropTargetInvalid]: _e
+            [we.selected]: k === _,
+            [we.focused]: T === _,
+            [we.dropTarget]: Re,
+            [we.dropTargetInvalid]: Te
           }
         ),
-        "data-path": m,
-        onContextMenu: me,
-        ...z
+        "data-path": _,
+        onContextMenu: ie,
+        ...S
       },
-      /* @__PURE__ */ f.createElement(
-        bt,
+      /* @__PURE__ */ o.createElement(
+        Vt,
         {
-          node: s,
-          isOpen: s.type === "folder" && H,
-          level: l,
+          node: n,
+          isOpen: n.type === "folder" && H,
+          level: u,
           hideName: !0
         }
       ),
-      /* @__PURE__ */ f.createElement(
+      /* @__PURE__ */ o.createElement(
         "input",
         {
-          ref: Y,
-          className: X.renameInput,
-          value: K,
-          onChange: (d) => L(d.target.value),
-          onBlur: D,
-          onFocus: () => P(m),
-          onKeyDown: W
+          ref: ae,
+          className: we.renameInput,
+          value: re,
+          onChange: (h) => ue(h.target.value),
+          onBlur: ce,
+          onFocus: () => V(_),
+          onKeyDown: ve
         }
       )
-    ) : /* @__PURE__ */ f.createElement(
-      pt,
+    ) : /* @__PURE__ */ o.createElement(
+      mt,
       {
-        ...z,
-        draggable: de,
-        onDragStart: (d) => T == null ? void 0 : T(d, s, m),
-        onDragEnd: (d) => fe == null ? void 0 : fe(d, s, m),
-        onClick: re,
-        onKeyDown: be,
+        ...S,
+        draggable: Pe,
+        onDragStart: (h) => b == null ? void 0 : b(h, n, _),
+        onDragEnd: (h) => q == null ? void 0 : q(h, n, _),
+        onClick: U,
+        onKeyDown: z,
         onFocus: () => {
-          P(m);
+          V(_);
         },
-        onContextMenu: me,
-        className: yt(
-          X.fileNodeButton,
+        onContextMenu: ie,
+        className: et(
+          we.fileNodeButton,
           "file-node-button",
           {
-            [X.selected]: M === m,
-            [X.focused]: S === m,
-            [X.dropTarget]: ke,
-            [X.dropTargetInvalid]: _e
+            [we.selected]: k === _,
+            [we.focused]: T === _,
+            [we.dropTarget]: Re,
+            [we.dropTargetInvalid]: Te
           }
         ),
-        "data-path": m,
+        "data-path": _,
         "data-expanded": H ? "true" : "false"
       },
-      /* @__PURE__ */ f.createElement(
-        bt,
+      /* @__PURE__ */ o.createElement(
+        Vt,
         {
-          node: s,
-          isOpen: s.type === "folder" && H,
-          level: l
+          node: n,
+          isOpen: n.type === "folder" && H,
+          level: u
         }
       )
     )))
-  ), H && se && se.map((d, F) => /* @__PURE__ */ f.createElement(
-    Rt,
+  ), H && C && C.map((h, ge) => /* @__PURE__ */ o.createElement(
+    zt,
     {
-      key: d.name,
-      node: d,
-      level: l + 1,
-      position: F + 1,
-      setSize: se.length,
-      expandedNodePaths: k,
-      onToggle: C,
-      selectedNode: M,
-      focusPath: P,
-      focusedNode: S,
-      selectPath: I,
-      generatePath: _,
-      getChildren: R,
-      onContextMenu: V,
-      renamingPath: Q,
-      onRename: $,
-      onRenameCancel: Z,
-      parentPath: m,
-      dropIndicator: j,
-      onDragStart: T,
-      onDragEnd: fe,
-      onDragEnter: we,
-      onDragOver: ve,
-      onDragLeave: q,
-      onDrop: B,
-      rootPath: Ee,
-      onDoubleClickFile: ee
+      key: h.name,
+      node: h,
+      level: u + 1,
+      position: ge + 1,
+      setSize: C.length,
+      expandedNodePaths: E,
+      onToggle: g,
+      selectedNode: k,
+      focusPath: V,
+      focusedNode: T,
+      selectPath: y,
+      generatePath: v,
+      getChildren: N,
+      onContextMenu: P,
+      renamingPath: j,
+      onRename: Z,
+      onRenameCancel: A,
+      parentPath: _,
+      dropIndicator: p,
+      onDragStart: b,
+      onDragEnd: q,
+      onDragEnter: B,
+      onDragOver: G,
+      onDragLeave: ee,
+      onDrop: W,
+      rootPath: F,
+      onDoubleClickFile: te
     }
   )));
-}, bt = ({ node: s, level: l, isOpen: E, hideName: g = !1 }) => {
-  const k = [];
-  for (let C = 0; C < l; C++)
-    k.push("&nbsp;&nbsp;&nbsp;&nbsp;");
-  return /* @__PURE__ */ f.createElement(f.Fragment, null, /* @__PURE__ */ f.createElement(
+}, 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(
     "span",
     {
       "aria-hidden": "true",
-      dangerouslySetInnerHTML: { __html: k.join("") }
-    }
-  ), s.type === "folder" ? /* @__PURE__ */ f.createElement(vt, { width: 16, icon: E ? zt : Ut }) : /* @__PURE__ */ f.createElement("div", { style: { width: 16 } }, " "), /* @__PURE__ */ f.createElement(vt, { width: 16, icon: s.type === "folder" ? Wt : Bt }), !g && /* @__PURE__ */ f.createElement("span", { className: X.fileName }, s.name));
-}, ar = "_control_kp9d9_1", ir = "_browse-label_kp9d9_11", or = "_path-preview_kp9d9_37", sr = "_modal_kp9d9_43", lr = "_modal-footer_kp9d9_48", Me = {
-  control: ar,
-  browseLabel: ir,
-  pathPreview: or,
-  modal: sr,
-  modalFooter: lr
+      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
 };
-function cr({ path: s }) {
-  if (!s)
-    return /* @__PURE__ */ f.createElement("div", { className: Me.pathPreview }, /* @__PURE__ */ f.createElement("i", null, "Select a path"));
-  const l = s.split("/");
-  let E = (l.length > 2 ? "/" : "") + l.pop();
-  E.length > 10 && (E = E.substring(E.length - 10));
-  const g = s.substring(
+function rn({ 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(
     0,
-    s.length - E.length
+    n.length - l.length
   );
-  return /* @__PURE__ */ f.createElement(
+  return /* @__PURE__ */ o.createElement(
     "div",
     {
-      className: Me.pathPreview,
-      "data-content-start": g,
-      "data-content-end": E
+      className: He.pathPreview,
+      "data-content-start": m,
+      "data-content-end": l
     }
   );
 }
-function Cr({
-  value: s = "",
-  onChange: l,
-  filesystem: E
+function ga({
+  value: n = "",
+  onChange: u,
+  filesystem: l
 }) {
-  const [g, k] = ae(!1), C = () => k(!0), M = () => k(!1), [P, S] = ae(
-    s || null
+  const [m, E] = Q(!1), g = () => E(!0), k = () => E(!1), [V, T] = Q(
+    n || null
   );
-  function I(_) {
-    _ == null || _.preventDefault(), l(P || ""), M();
+  function y(v) {
+    v == null || v.preventDefault(), u(V || ""), k();
   }
-  return /* @__PURE__ */ f.createElement(f.Fragment, null, /* @__PURE__ */ f.createElement(
-    pt,
+  return /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement(
+    mt,
     {
       variant: "tertiary",
-      className: Me.control,
-      onClick: C
+      className: He.control,
+      onClick: g
     },
-    /* @__PURE__ */ f.createElement("span", { className: Me.browseLabel }, "Browse"),
-    /* @__PURE__ */ f.createElement(cr, { path: s || "" })
-  ), g && /* @__PURE__ */ f.createElement(
-    Nt,
+    /* @__PURE__ */ o.createElement("span", { className: He.browseLabel }, "Browse"),
+    /* @__PURE__ */ o.createElement(rn, { path: n || "" })
+  ), m && /* @__PURE__ */ o.createElement(
+    er,
     {
       title: "Select a path ",
-      onRequestClose: M,
-      className: Me.modal
+      onRequestClose: k,
+      className: He.modal
     },
-    /* @__PURE__ */ f.createElement("form", { onSubmit: I }, /* @__PURE__ */ f.createElement(
-      nr,
+    /* @__PURE__ */ o.createElement("form", { onSubmit: y }, /* @__PURE__ */ o.createElement(
+      qr,
       {
-        filesystem: E,
-        initialSelectedPath: s,
-        onSelect: S
+        filesystem: l,
+        initialSelectedPath: n,
+        onSelect: T
       }
-    ), /* @__PURE__ */ f.createElement("div", { className: Me.modalFooter }, /* @__PURE__ */ f.createElement(pt, { type: "submit", variant: "primary" }, "Select Path")))
+    ), /* @__PURE__ */ o.createElement("div", { className: He.modalFooter }, /* @__PURE__ */ o.createElement(mt, { 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) => {
+  if (!n)
+    return {
+      isImage: !1,
+      isVideo: !1,
+      isAudio: !1
+    };
+  const u = n.toLowerCase();
+  return {
+    isImage: u.startsWith("image/"),
+    isVideo: u.startsWith("video/"),
+    isAudio: u.startsWith("audio/")
+  };
+};
+function Ea({
+  filename: n,
+  mimeType: u,
+  dataUrl: l,
+  downloadUrl: m,
+  showHeader: E = !0
+}) {
+  const { isImage: g, isVideo: k, isAudio: V } = pn(u), T = E !== !1, y = !!(m && n), v = () => y ? /* @__PURE__ */ o.createElement(
+    "a",
+    {
+      className: Ce.downloadLink,
+      href: m,
+      download: n
+    },
+    "Download"
+  ) : null, N = () => g ? /* @__PURE__ */ o.createElement(
+    "img",
+    {
+      className: Ce.imagePreview,
+      src: l,
+      alt: n || "Preview"
+    }
+  ) : k ? /* @__PURE__ */ o.createElement(
+    "video",
+    {
+      className: Ce.videoPreview,
+      controls: !0,
+      preload: "metadata"
+    },
+    /* @__PURE__ */ o.createElement("source", { src: l, type: u }),
+    "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()));
+}
+const St = /* @__PURE__ */ new Map(), hn = async (n) => {
+  var E;
+  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) {
+    case "css":
+      m = await import("@codemirror/lang-css").then(
+        (g) => g.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"
+        })
+      );
+      break;
+    case "json":
+      m = await import("@codemirror/lang-json").then(
+        (g) => g.json()
+      );
+      break;
+    case "html":
+    case "htm":
+      m = await import("@codemirror/lang-html").then(
+        (g) => g.html()
+      );
+      break;
+    case "md":
+    case "markdown":
+      m = await import("@codemirror/lang-markdown").then(
+        (g) => g.markdown()
+      );
+      break;
+    default:
+      m = tt();
+  }
+  return St.set(l, m), m;
+};
+class wn {
+  constructor(u) {
+    this.view = u, 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
+    }) === null) {
+      const E = this.view.state.doc.length, g = pt.create([
+        pt.range(E, E)
+      ]);
+      this.view.dispatch({
+        selection: g,
+        effects: Qe.scrollIntoView(E, {
+          y: "center"
+        })
+      }), this.view.focus(), u.preventDefault();
+    }
+  }
+  destroy() {
+    this.view.dom.removeEventListener("mousedown", this.handleClick);
+  }
+}
+const vn = ir.define(
+  (n) => new wn(n)
+), Ut = Bt(
+  function({
+    code: u,
+    onChange: l,
+    currentPath: m,
+    className: E,
+    onSaveShortcut: g,
+    readOnly: k = !1,
+    additionalExtensions: V
+  }, T) {
+    const y = 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, () => ({
+      focus: () => {
+        var p;
+        (p = v.current) == null || p.focus();
+      },
+      blur: () => {
+        const p = v.current;
+        p && p.contentDOM.blur();
+      },
+      getCursorPosition: () => v.current ? v.current.state.selection.main.anchor : null,
+      setCursorPosition: (p) => {
+        if (!v.current)
+          return;
+        const b = Math.min(
+          p,
+          v.current.state.doc.length
+        ), q = pt.create([
+          pt.range(b, b)
+        ]);
+        v.current.dispatch({
+          selection: q,
+          scrollIntoView: !0
+        });
+      }
+    })), I(() => {
+      Z.current = u;
+    }, [u]), I(() => {
+      A.current = l;
+    }, [l]), I(() => {
+      if (v.current)
+        return;
+      const p = y.current;
+      if (!p)
+        return;
+      const b = or.create({
+        doc: u,
+        extensions: [
+          j.current.of(V ?? []),
+          sr(),
+          lr(),
+          cr(),
+          xr(),
+          ur(),
+          fr(),
+          dr(),
+          vn,
+          N.current.of(tt()),
+          P.current.of(
+            Qe.editable.of(!k)
+          ),
+          Rr(kr),
+          Tr(),
+          Pr(),
+          yr(),
+          pr(),
+          gr(),
+          _r(),
+          Qe.updateListener.of((B) => {
+            if (!B.docChanged)
+              return;
+            const G = B.state.doc.toString();
+            G !== Z.current && (Z.current = G, A.current(G));
+          }),
+          mr.of([
+            {
+              key: "Mod-s",
+              preventDefault: !0,
+              run: () => (g == null || g(), !0)
+            },
+            ...br,
+            ...Cr,
+            ...Sr,
+            ...Er,
+            ...hr,
+            ...wr,
+            vr
+          ])
+        ]
+      }), q = new Qe({ state: b, parent: p });
+      return v.current = q, () => {
+        q.destroy(), v.current = null;
+      };
+    }, []), I(() => {
+      const p = v.current;
+      p && p.dispatch({
+        effects: j.current.reconfigure(
+          V ?? []
+        )
+      });
+    }, [V]), I(() => {
+      const p = v.current;
+      if (!p)
+        return;
+      const b = p.state.doc.toString();
+      u !== b && p.dispatch({
+        changes: { from: 0, to: p.state.doc.length, insert: u }
+      });
+    }, [u]), I(() => {
+      var G;
+      const p = v.current;
+      if (!p)
+        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())
+      });
+      let B = !1;
+      return hn(m).then((ee) => {
+        B || !v.current || v.current.dispatch({
+          effects: N.current.reconfigure(ee)
+        });
+      }), () => {
+        B = !0;
+      };
+    }, [m]), I(() => {
+      const p = v.current;
+      p && (p.hasFocus && (D.current = !0), p.dispatch({
+        effects: P.current.reconfigure(
+          Qe.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 });
+  }
+);
+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)
+      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({
+  filesystem: n,
+  currentPath: u,
+  selectedDirPath: l,
+  setSelectedDirPath: m,
+  onFileOpened: E,
+  onSelectionCleared: g,
+  onShowMessage: k,
+  documentRoot: V
+}) {
+  const T = M(null), y = Nt(() => At(
+    u ? Oe(At(u)) : l ?? V
+  ), [u, V]), [v, N] = Q(
+    null
+  ), P = async (j, Z) => {
+    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
+        );
+        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)))
+        );
+        return;
+      }
+      if (Rn(D)) {
+        const B = Tn(b), { url: G, filename: ee } = $t(
+          D,
+          b
+        );
+        if (Pn(B)) {
+          const W = new Blob([D], { type: B }), F = URL.createObjectURL(W);
+          await k(
+            j,
+            /* @__PURE__ */ o.createElement(
+              Dr,
+              {
+                filename: ee,
+                mimeType: B,
+                dataUrl: F,
+                downloadUrl: G
+              }
+            )
+          );
+          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)))
+        );
+        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.");
+    }
+  };
+  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",
+    {
+      className: Ie.fileExplorerButton,
+      type: "button",
+      onClick: () => {
+        T.current && T.current.createFile(
+          v ?? void 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
+        );
+      },
+      title: "Create new folder"
+    },
+    /* @__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);
+            return;
+          }
+        } catch {
+        }
+        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 = {
+  IDLE: "idle",
+  PENDING: "pending",
+  SAVING: "saving",
+  SAVED: "saved",
+  ERROR: "error"
+};
+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
+}) {
+  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)
+      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();
+          }, 100);
+        }
+      } catch (C) {
+        dt.debug("Could not auto-open initial path:", C);
+      } finally {
+        ue.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);
+      return;
+    }
+    if (te.current) {
+      te.current = !1;
+      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);
+    };
+  }, [N, y, g]), I(() => {
+    if (A !== K.SAVED)
+      return;
+    const S = window.setTimeout(() => {
+      D(
+        (C) => C === K.SAVED ? K.IDLE : C
+      );
+    }, 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();
+      }, 50);
+    },
+    []
+  );
+  I(() => {
+    var J;
+    if (!y)
+      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);
+    };
+  }, [y]), I(() => {
+    if (!u || !y)
+      return;
+    const S = setTimeout(() => {
+      var J;
+      const C = re.current.get(y);
+      C !== void 0 && ((J = W.current) == null || J.setCursorPosition(C));
+    }, 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);
+    },
+    []
+  ), 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(
+    "div",
+    {
+      className: et(fe.content, {
+        [fe.sidebarOpen]: q
+      })
+    },
+    /* @__PURE__ */ o.createElement(
+      "div",
+      {
+        className: fe.mobileOverlay,
+        onClick: () => B(!1)
+      }
+    ),
+    /* @__PURE__ */ o.createElement("aside", { className: fe.sidebarWrapper }, /* @__PURE__ */ o.createElement(
+      kn,
+      {
+        filesystem: n,
+        currentPath: y,
+        selectedDirPath: V,
+        setSelectedDirPath: T,
+        onFileOpened: oe,
+        onSelectionCleared: be,
+        onShowMessage: Re,
+        documentRoot: l
+      }
+    )),
+    /* @__PURE__ */ o.createElement("section", { className: fe.editorWrapper }, /* @__PURE__ */ o.createElement("div", { className: fe.editorHeader }, /* @__PURE__ */ o.createElement(
+      mt,
+      {
+        className: fe.mobileToggle,
+        variant: "secondary",
+        onClick: () => B((S) => !S)
+      },
+      q ? "Hide files" : "Browse files"
+    ), /* @__PURE__ */ o.createElement(
+      "div",
+      {
+        className: et(fe.editorPath, {
+          [fe.editorPathPlaceholder]: !(y != null && y.length)
+        })
+      },
+      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));
+}
+function Zn(n, u) {
+  switch (n) {
+    case K.PENDING:
+    case K.SAVING:
+      return "Saving…";
+    case K.SAVED:
+      return "Saved";
+    case K.ERROR:
+      return u ?? "Save failed";
+    default:
+      return "";
+  }
+}
+function Gn(n, u) {
+  switch (n) {
+    case K.PENDING:
+      return u.saveStatusPending;
+    case K.SAVING:
+      return u.saveStatusSaving;
+    case K.ERROR:
+      return u.saveStatusError;
+    default:
+      return;
+  }
+}
 export {
-  vr as ClockIcon,
-  Cr as FilePickerControl,
-  nr as FilePickerTree,
-  br as SiteManagerIcon,
-  yr as WordPressIcon,
-  Bt as file,
-  Wt as folder,
-  _r as getLogoDataURL,
-  Er as layout,
-  wr as playgroundLogo,
-  gr as temporaryStorage
+  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
 };
 //# sourceMappingURL=index.js.map