npm - @wp-playground/components - Versions diffs - 3.0.14 → 3.0.15 - Mend

@wp-playground/components 3.0.14 → 3.0.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (8) hide show

package/FilePickerTree/index.d.ts +1 -0
package/e2e-harnesses/file-picker-tree-harness.d.ts +2 -0
package/icons.d.ts +4 -1
package/index.cjs +10 -10
package/index.cjs.map +1 -1
package/index.js +951 -901
package/index.js.map +1 -1
package/package.json +2 -2

package/index.js CHANGED Viewed

@@ -1,10 +1,10 @@
-import d, { forwardRef as St, useMemo as wt, useState as Q, useRef as re, useEffect as le, useImperativeHandle as Ot } from "react";
-import { __experimentalTreeGrid as Dt, Popover as Ft, NavigableMenu as jt, MenuItem as rt, __experimentalTreeGridRow as At, __experimentalTreeGridCell as Vt, Button as mt, Modal as Nt } from "@wordpress/components";
-import gt from "classnames";
-import { dirname as ke, joinPaths as Ae, basename as Mt } from "@php-wasm/util";
-import { forwardRef as bt, cloneElement as $t, createElement as Ht } from "@wordpress/element";
-import It from "clsx";
-const wr = (l) => /* @__PURE__ */ d.createElement(
+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(
   "svg",
   {
     width: "32",
@@ -12,9 +12,9 @@ const wr = (l) => /* @__PURE__ */ d.createElement(
     viewBox: "0 0 32 32",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    ...l
+    ...s
   },
-  /* @__PURE__ */ d.createElement(
+  /* @__PURE__ */ f.createElement(
     "rect",
     {
       width: "10.4176",
@@ -25,7 +25,7 @@ const wr = (l) => /* @__PURE__ */ d.createElement(
       strokeWidth: "0.965644"
     }
   ),
-  /* @__PURE__ */ d.createElement(
+  /* @__PURE__ */ f.createElement(
     "rect",
     {
       width: "13.2346",
@@ -36,7 +36,7 @@ const wr = (l) => /* @__PURE__ */ d.createElement(
       strokeWidth: "1.44847"
     }
   ),
-  /* @__PURE__ */ d.createElement(
+  /* @__PURE__ */ f.createElement(
     "rect",
     {
       width: "17.451",
@@ -47,7 +47,7 @@ const wr = (l) => /* @__PURE__ */ d.createElement(
       strokeWidth: "1.93129"
     }
   )
-), gr = (l) => /* @__PURE__ */ d.createElement(
+), gr = (s) => /* @__PURE__ */ f.createElement(
   "svg",
   {
     width: "16",
@@ -55,9 +55,9 @@ const wr = (l) => /* @__PURE__ */ d.createElement(
     viewBox: "0 0 16 17",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    ...l
+    ...s
   },
-  /* @__PURE__ */ d.createElement(
+  /* @__PURE__ */ f.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -66,7 +66,7 @@ const wr = (l) => /* @__PURE__ */ d.createElement(
       fill: "#949494"
     }
   )
-), vr = (l) => /* @__PURE__ */ d.createElement(
+), yr = (s) => /* @__PURE__ */ f.createElement(
   "svg",
   {
     width: "20",
@@ -74,16 +74,16 @@ const wr = (l) => /* @__PURE__ */ d.createElement(
     viewBox: "0 0 20 21",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    ...l
+    ...s
   },
-  /* @__PURE__ */ d.createElement(
+  /* @__PURE__ */ f.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"
     }
   )
-), Lt = /* @__PURE__ */ d.createElement(
+), Wt = /* @__PURE__ */ f.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -92,7 +92,7 @@ const wr = (l) => /* @__PURE__ */ d.createElement(
     viewBox: "0 0 15 14",
     fill: "none"
   },
-  /* @__PURE__ */ d.createElement(
+  /* @__PURE__ */ f.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -100,7 +100,7 @@ const wr = (l) => /* @__PURE__ */ d.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__ */ d.createElement(
+), Bt = /* @__PURE__ */ f.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -110,8 +110,8 @@ const wr = (l) => /* @__PURE__ */ d.createElement(
     className: "bi bi-file-earmark",
     viewBox: "0 0 16 16"
   },
-  /* @__PURE__ */ d.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" })
-), yr = (l) => /* @__PURE__ */ d.createElement(
+  /* @__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(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -119,9 +119,9 @@ const wr = (l) => /* @__PURE__ */ d.createElement(
     height: "18",
     viewBox: "0 0 14 14",
     fill: "none",
-    ...l
+    ...s
   },
-  /* @__PURE__ */ d.createElement(
+  /* @__PURE__ */ f.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -130,7 +130,7 @@ const wr = (l) => /* @__PURE__ */ d.createElement(
       fill: "#949494"
     }
   )
-), Er = /* @__PURE__ */ d.createElement(
+), Er = /* @__PURE__ */ f.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -139,7 +139,7 @@ const wr = (l) => /* @__PURE__ */ d.createElement(
     viewBox: "0 0 14 14",
     fill: "none"
   },
-  /* @__PURE__ */ d.createElement(
+  /* @__PURE__ */ f.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -149,41 +149,65 @@ const wr = (l) => /* @__PURE__ */ d.createElement(
     }
   )
 );
-function Cr(l) {
-  return `data:${l.mime};base64,${l.data}`;
+function _r(s) {
+  return `data:${s.mime};base64,${s.data}`;
 }
-function br() {
-  return /* @__PURE__ */ d.createElement(
+function br({
+  size: s = 24,
+  sidebarActive: l = !1
+}) {
+  return /* @__PURE__ */ f.createElement(
     "svg",
     {
-      width: "14",
-      height: "14",
-      viewBox: "0 0 14 14",
+      width: s,
+      height: s,
+      viewBox: "0 0 24 24",
+      xmlns: "http://www.w3.org/2000/svg",
       fill: "none",
-      xmlns: "http://www.w3.org/2000/svg"
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
     },
-    /* @__PURE__ */ d.createElement(
-      "path",
+    /* @__PURE__ */ f.createElement("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", ry: "2" }),
+    l ? /* @__PURE__ */ f.createElement(
+      "rect",
+      {
+        x: "3",
+        y: "3",
+        width: "7",
+        height: "18",
+        rx: "2",
+        ry: "2",
+        fill: "currentColor"
+      }
+    ) : /* @__PURE__ */ f.createElement(
+      "rect",
       {
-        fillRule: "evenodd",
-        clipRule: "evenodd",
-        d: "M1.99967 1.58301H4.49967C4.72979 1.58301 4.91634 1.76956 4.91634 1.99967V4.49967C4.91634 4.72979 4.72979 4.91634 4.49967 4.91634H1.99967C1.76956 4.91634 1.58301 4.72979 1.58301 4.49967V1.99967C1.58301 1.76956 1.76956 1.58301 1.99967 1.58301ZM0.333008 1.99967C0.333008 1.0792 1.0792 0.333008 1.99967 0.333008H4.49967C5.42015 0.333008 6.16634 1.0792 6.16634 1.99967V4.49967C6.16634 5.42015 5.42015 6.16634 4.49967 6.16634H1.99967C1.0792 6.16634 0.333008 5.42015 0.333008 4.49967V1.99967ZM9.49967 1.58301H11.9997C12.2298 1.58301 12.4163 1.76956 12.4163 1.99967V4.49967C12.4163 4.72979 12.2298 4.91634 11.9997 4.91634H9.49967C9.26956 4.91634 9.08301 4.72979 9.08301 4.49967V1.99967C9.08301 1.76956 9.26956 1.58301 9.49967 1.58301ZM7.83301 1.99967C7.83301 1.0792 8.5792 0.333008 9.49967 0.333008H11.9997C12.9201 0.333008 13.6663 1.0792 13.6663 1.99967V4.49967C13.6663 5.42015 12.9201 6.16634 11.9997 6.16634H9.49967C8.5792 6.16634 7.83301 5.42015 7.83301 4.49967V1.99967ZM11.9997 9.08301H9.49967C9.26956 9.08301 9.08301 9.26956 9.08301 9.49967V11.9997C9.08301 12.2298 9.26956 12.4163 9.49967 12.4163H11.9997C12.2298 12.4163 12.4163 12.2298 12.4163 11.9997V9.49967C12.4163 9.26956 12.2298 9.08301 11.9997 9.08301ZM9.49967 7.83301C8.5792 7.83301 7.83301 8.5792 7.83301 9.49967V11.9997C7.83301 12.9201 8.5792 13.6663 9.49967 13.6663H11.9997C12.9201 13.6663 13.6663 12.9201 13.6663 11.9997V9.49967C13.6663 8.5792 12.9201 7.83301 11.9997 7.83301H9.49967ZM1.99967 9.08301H4.49967C4.72979 9.08301 4.91634 9.26956 4.91634 9.49967V11.9997C4.91634 12.2298 4.72979 12.4163 4.49967 12.4163H1.99967C1.76956 12.4163 1.58301 12.2298 1.58301 11.9997V9.49967C1.58301 9.26956 1.76956 9.08301 1.99967 9.08301ZM0.333008 9.49967C0.333008 8.5792 1.0792 7.83301 1.99967 7.83301H4.49967C5.42015 7.83301 6.16634 8.5792 6.16634 9.49967V11.9997C6.16634 12.9201 5.42015 13.6663 4.49967 13.6663H1.99967C1.0792 13.6663 0.333008 12.9201 0.333008 11.9997V9.49967Z",
-        fill: "white"
+        x: "3",
+        y: "3",
+        width: "8",
+        height: "18",
+        rx: "2",
+        ry: "2",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "2"
       }
     )
   );
 }
-const vt = bt(({
-  icon: l,
-  size: s = 24,
-  ...C
-}, h) => $t(l, {
-  width: s,
-  height: s,
-  ...C,
-  ref: h
+const vt = Ct(({
+  icon: s,
+  size: l = 24,
+  ...E
+}, g) => It(s, {
+  width: l,
+  height: l,
+  ...E,
+  ref: g
 }));
-var pt = { exports: {} }, Le = {};
+var ht = { exports: {} }, Ye = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -193,21 +217,21 @@ var pt = { exports: {} }, Le = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var yt;
-function Wt() {
-  if (yt) return Le;
-  yt = 1;
-  var l = d, s = Symbol.for("react.element"), C = Symbol.for("react.fragment"), h = Object.prototype.hasOwnProperty, x = l.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, P = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function T(H, k, O) {
-    var y, I = {}, M = null, F = null;
-    O !== void 0 && (M = "" + O), k.key !== void 0 && (M = "" + k.key), k.ref !== void 0 && (F = k.ref);
-    for (y in k) h.call(k, y) && !P.hasOwnProperty(y) && (I[y] = k[y]);
-    if (H && H.defaultProps) for (y in k = H.defaultProps, k) I[y] === void 0 && (I[y] = k[y]);
-    return { $$typeof: s, type: H, key: M, ref: F, props: I, _owner: x.current };
+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 };
   }
-  return Le.Fragment = C, Le.jsx = T, Le.jsxs = T, Le;
+  return Ye.Fragment = E, Ye.jsx = M, Ye.jsxs = M, Ye;
 }
-var Be = {};
+var ze = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -217,91 +241,91 @@ var Be = {};
  * 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 Zt() {
-  return Et || (Et = 1, process.env.NODE_ENV !== "production" && function() {
-    var l = d, s = Symbol.for("react.element"), C = Symbol.for("react.portal"), h = Symbol.for("react.fragment"), x = Symbol.for("react.strict_mode"), P = Symbol.for("react.profiler"), T = Symbol.for("react.provider"), H = Symbol.for("react.context"), k = Symbol.for("react.forward_ref"), O = Symbol.for("react.suspense"), y = Symbol.for("react.suspense_list"), I = Symbol.for("react.memo"), M = Symbol.for("react.lazy"), F = Symbol.for("react.offscreen"), ee = Symbol.iterator, q = "@@iterator";
+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) {
       if (e === null || typeof e != "object")
         return null;
-      var o = ee && e[ee] || e[q];
+      var o = $ && e[$] || e[Z];
       return typeof o == "function" ? o : null;
     }
-    var S = l.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function R(e) {
+    var j = s.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function T(e) {
       {
-        for (var o = arguments.length, c = new Array(o > 1 ? o - 1 : 0), p = 1; p < o; p++)
-          c[p - 1] = arguments[p];
-        se("error", e, c);
+        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);
       }
     }
-    function se(e, o, c) {
+    function fe(e, o, c) {
       {
-        var p = S.ReactDebugCurrentFrame, b = p.getStackAddendum();
+        var w = j.ReactDebugCurrentFrame, b = w.getStackAddendum();
         b !== "" && (o += "%s", c = c.concat([b]));
-        var _ = c.map(function(E) {
-          return String(E);
+        var x = c.map(function(v) {
+          return String(v);
         });
-        _.unshift("Warning: " + o), Function.prototype.apply.call(console[e], console, _);
+        x.unshift("Warning: " + o), Function.prototype.apply.call(console[e], console, x);
       }
     }
-    var we = !1, K = !1, W = !1, ie = !1, ce = !1, w;
-    w = Symbol.for("react.module.reference");
-    function G(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === h || e === P || ce || e === x || e === O || e === y || ie || e === F || we || K || W || typeof e == "object" && e !== null && (e.$$typeof === M || e.$$typeof === I || e.$$typeof === T || e.$$typeof === H || e.$$typeof === k || // This needs to include all possible module reference object
+    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
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
-      e.$$typeof === w || e.getModuleId !== void 0));
+      e.$$typeof === ee || e.getModuleId !== void 0));
     }
-    function ne(e, o, c) {
-      var p = e.displayName;
-      if (p)
-        return p;
+    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 ue(e) {
+    function oe(e) {
       return e.displayName || "Context";
     }
-    function Z(e) {
+    function Y(e) {
       if (e == null)
         return null;
-      if (typeof e.tag == "number" && R("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" && T("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 h:
+        case g:
           return "Fragment";
-        case C:
+        case E:
           return "Portal";
-        case P:
+        case C:
           return "Profiler";
-        case x:
+        case k:
           return "StrictMode";
-        case O:
+        case I:
           return "Suspense";
-        case y:
+        case _:
           return "SuspenseList";
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case H:
+          case P:
             var o = e;
-            return ue(o) + ".Consumer";
-          case T:
+            return oe(o) + ".Consumer";
+          case M:
             var c = e;
-            return ue(c._context) + ".Provider";
-          case k:
-            return ne(e, e.render, "ForwardRef");
-          case I:
-            var p = e.displayName || null;
-            return p !== null ? p : Z(e.type) || "Memo";
-          case M: {
-            var b = e, _ = b._payload, E = b._init;
+            return oe(c._context) + ".Provider";
+          case S:
+            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;
             try {
-              return Z(E(_));
+              return Y(v(x));
             } catch {
               return null;
             }
@@ -309,18 +333,18 @@ function Zt() {
         }
       return null;
     }
-    var j = Object.assign, L = 0, be, _e, ge, oe, ve, A, ye;
-    function ae() {
+    var K = Object.assign, L = 0, te, Te, ke, _e, de, G, z;
+    function se() {
     }
-    ae.__reactDisabledLog = !0;
-    function fe() {
+    se.__reactDisabledLog = !0;
+    function le() {
       {
         if (L === 0) {
-          be = console.log, _e = console.info, ge = console.warn, oe = console.error, ve = console.group, A = console.groupCollapsed, ye = console.groupEnd;
+          te = console.log, Te = console.info, ke = console.warn, _e = console.error, de = console.group, G = console.groupCollapsed, z = console.groupEnd;
           var e = {
             configurable: !0,
             enumerable: !0,
-            value: ae,
+            value: se,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -336,7 +360,7 @@ function Zt() {
         L++;
       }
     }
-    function Re() {
+    function be() {
       {
         if (L--, L === 0) {
           var e = {
@@ -345,238 +369,238 @@ function Zt() {
             writable: !0
           };
           Object.defineProperties(console, {
-            log: j({}, e, {
-              value: be
+            log: K({}, e, {
+              value: te
             }),
-            info: j({}, e, {
-              value: _e
+            info: K({}, e, {
+              value: Te
             }),
-            warn: j({}, e, {
-              value: ge
+            warn: K({}, e, {
+              value: ke
             }),
-            error: j({}, e, {
-              value: oe
+            error: K({}, e, {
+              value: _e
             }),
-            group: j({}, e, {
-              value: ve
+            group: K({}, e, {
+              value: de
             }),
-            groupCollapsed: j({}, e, {
-              value: A
+            groupCollapsed: K({}, e, {
+              value: G
             }),
-            groupEnd: j({}, e, {
-              value: ye
+            groupEnd: K({}, e, {
+              value: z
             })
           });
         }
-        L < 0 && R("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        L < 0 && T("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var de = S.ReactCurrentDispatcher, B;
-    function u(e, o, c) {
+    var me = j.ReactCurrentDispatcher, ge;
+    function W(e, o, c) {
       {
-        if (B === void 0)
+        if (ge === void 0)
           try {
             throw Error();
           } catch (b) {
-            var p = b.stack.trim().match(/\n( *(at )?)/);
-            B = p && p[1] || "";
+            var w = b.stack.trim().match(/\n( *(at )?)/);
+            ge = w && w[1] || "";
           }
         return `
-` + B + e;
+` + ge + e;
       }
     }
-    var $ = !1, me;
+    var D = !1, re;
     {
-      var Y = typeof WeakMap == "function" ? WeakMap : Map;
-      me = new Y();
+      var d = typeof WeakMap == "function" ? WeakMap : Map;
+      re = new d();
     }
-    function z(e, o) {
-      if (!e || $)
+    function F(e, o) {
+      if (!e || D)
         return "";
       {
-        var c = me.get(e);
+        var c = re.get(e);
         if (c !== void 0)
           return c;
       }
-      var p;
-      $ = !0;
+      var w;
+      D = !0;
       var b = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var _;
-      _ = de.current, de.current = null, fe();
+      var x;
+      x = me.current, me.current = null, le();
       try {
         if (o) {
-          var E = function() {
+          var v = function() {
             throw Error();
           };
-          if (Object.defineProperty(E.prototype, "props", {
+          if (Object.defineProperty(v.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(E, []);
+              Reflect.construct(v, []);
             } catch (J) {
-              p = J;
+              w = J;
             }
-            Reflect.construct(e, [], E);
+            Reflect.construct(e, [], v);
           } else {
             try {
-              E.call();
+              v.call();
             } catch (J) {
-              p = J;
+              w = J;
             }
-            e.call(E.prototype);
+            e.call(v.prototype);
           }
         } else {
           try {
             throw Error();
           } catch (J) {
-            p = J;
+            w = J;
           }
           e();
         }
       } catch (J) {
-        if (J && p && typeof J.stack == "string") {
-          for (var v = J.stack.split(`
-`), U = p.stack.split(`
-`), D = v.length - 1, V = U.length - 1; D >= 1 && V >= 0 && v[D] !== U[V]; )
-            V--;
-          for (; D >= 1 && V >= 0; D--, V--)
-            if (v[D] !== U[V]) {
-              if (D !== 1 || V !== 1)
+        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)
                 do
-                  if (D--, V--, V < 0 || v[D] !== U[V]) {
-                    var te = `
-` + v[D].replace(" at new ", " at ");
-                    return e.displayName && te.includes("<anonymous>") && (te = te.replace("<anonymous>", e.displayName)), typeof e == "function" && me.set(e, te), te;
+                  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;
                   }
-                while (D >= 1 && V >= 0);
+                while (A >= 1 && N >= 0);
               break;
             }
         }
       } finally {
-        $ = !1, de.current = _, Re(), Error.prepareStackTrace = b;
+        D = !1, me.current = x, be(), Error.prepareStackTrace = b;
       }
-      var je = e ? e.displayName || e.name : "", Pe = je ? u(je) : "";
-      return typeof e == "function" && me.set(e, Pe), Pe;
+      var $e = e ? e.displayName || e.name : "", De = $e ? W($e) : "";
+      return typeof e == "function" && re.set(e, De), De;
     }
-    function Se(e, o, c) {
-      return z(e, !1);
+    function ne(e, o, c) {
+      return F(e, !1);
     }
-    function Ze(e) {
+    function Ce(e) {
       var o = e.prototype;
       return !!(o && o.isReactComponent);
     }
-    function pe(e, o, c) {
+    function Pe(e, o, c) {
       if (e == null)
         return "";
       if (typeof e == "function")
-        return z(e, Ze(e));
+        return F(e, Ce(e));
       if (typeof e == "string")
-        return u(e);
+        return W(e);
       switch (e) {
-        case O:
-          return u("Suspense");
-        case y:
-          return u("SuspenseList");
+        case I:
+          return W("Suspense");
+        case _:
+          return W("SuspenseList");
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case k:
-            return Se(e.render);
-          case I:
-            return pe(e.type, o, c);
-          case M: {
-            var p = e, b = p._payload, _ = p._init;
+          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;
             try {
-              return pe(_(b), o, c);
+              return Pe(x(b), o, c);
             } catch {
             }
           }
         }
       return "";
     }
-    var Ee = Object.prototype.hasOwnProperty, Ye = {}, Oe = S.ReactDebugCurrentFrame;
-    function De(e) {
+    var pe = Object.prototype.hasOwnProperty, Ie = {}, Ze = j.ReactDebugCurrentFrame;
+    function xe(e) {
       if (e) {
-        var o = e._owner, c = pe(e.type, e._source, o ? o.type : null);
-        Oe.setExtraStackFrame(c);
+        var o = e._owner, c = Pe(e.type, e._source, o ? o.type : null);
+        Ze.setExtraStackFrame(c);
       } else
-        Oe.setExtraStackFrame(null);
+        Ze.setExtraStackFrame(null);
     }
-    function Ne(e, o, c, p, b) {
+    function rt(e, o, c, w, b) {
       {
-        var _ = Function.call.bind(Ee);
-        for (var E in e)
-          if (_(e, E)) {
-            var v = void 0;
+        var x = Function.call.bind(pe);
+        for (var v in e)
+          if (x(e, v)) {
+            var y = void 0;
             try {
-              if (typeof e[E] != "function") {
-                var U = Error((p || "React class") + ": " + c + " type `" + E + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[E] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+              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;
               }
-              v = e[E](o, E, p, c, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (D) {
-              v = D;
+              y = e[v](o, v, w, c, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (A) {
+              y = A;
             }
-            v && !(v instanceof Error) && (De(b), R("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", p || "React class", c, E, typeof v), De(null)), v instanceof Error && !(v.message in Ye) && (Ye[v.message] = !0, De(b), R("Failed %s type: %s", c, v.message), De(null));
+            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));
           }
       }
     }
-    var nt = Array.isArray;
-    function Me(e) {
-      return nt(e);
+    var Ve = Array.isArray;
+    function Le(e) {
+      return Ve(e);
     }
-    function at(e) {
+    function nt(e) {
       {
         var o = typeof Symbol == "function" && Symbol.toStringTag, c = o && e[Symbol.toStringTag] || e.constructor.name || "Object";
         return c;
       }
     }
-    function it(e) {
+    function at(e) {
       try {
-        return ze(e), !1;
+        return qe(e), !1;
       } catch {
         return !0;
       }
     }
-    function ze(e) {
+    function qe(e) {
       return "" + e;
     }
-    function Ue(e) {
-      if (it(e))
-        return R("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", at(e)), ze(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);
     }
-    var qe = S.ReactCurrentOwner, Fe = {
+    var Ge = j.ReactCurrentOwner, it = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, xe, Ke;
+    }, Se, Oe;
     function ot(e) {
-      if (Ee.call(e, "ref")) {
+      if (pe.call(e, "ref")) {
         var o = Object.getOwnPropertyDescriptor(e, "ref").get;
         if (o && o.isReactWarning)
           return !1;
       }
       return e.ref !== void 0;
     }
-    function lt(e) {
-      if (Ee.call(e, "key")) {
+    function st(e) {
+      if (pe.call(e, "key")) {
         var o = Object.getOwnPropertyDescriptor(e, "key").get;
         if (o && o.isReactWarning)
           return !1;
       }
       return e.key !== void 0;
     }
-    function st(e, o) {
-      typeof e.ref == "string" && qe.current;
+    function lt(e, o) {
+      typeof e.ref == "string" && Ge.current;
     }
     function ct(e, o) {
       {
         var c = function() {
-          xe || (xe = !0, R("%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));
+          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));
         };
         c.isReactWarning = !0, Object.defineProperty(e, "key", {
           get: c,
@@ -584,10 +608,10 @@ function Zt() {
         });
       }
     }
-    function Ge(e, o) {
+    function ut(e, o) {
       {
         var c = function() {
-          Ke || (Ke = !0, R("%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));
+          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));
         };
         c.isReactWarning = !0, Object.defineProperty(e, "ref", {
           get: c,
@@ -595,70 +619,70 @@ function Zt() {
         });
       }
     }
-    var Je = function(e, o, c, p, b, _, E) {
-      var v = {
+    var Je = function(e, o, c, w, b, x, v) {
+      var y = {
         // This tag allows us to uniquely identify this as a React Element
-        $$typeof: s,
+        $$typeof: l,
         // Built-in properties that belong on the element
         type: e,
         key: o,
         ref: c,
-        props: E,
+        props: v,
         // Record the component responsible for creating this element.
-        _owner: _
+        _owner: x
       };
-      return v._store = {}, Object.defineProperty(v._store, "validated", {
+      return y._store = {}, Object.defineProperty(y._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(v, "_self", {
+      }), Object.defineProperty(y, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: p
-      }), Object.defineProperty(v, "_source", {
+        value: w
+      }), Object.defineProperty(y, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: b
-      }), Object.freeze && (Object.freeze(v.props), Object.freeze(v)), v;
+      }), Object.freeze && (Object.freeze(y.props), Object.freeze(y)), y;
     };
-    function Xe(e, o, c, p, b) {
+    function Xe(e, o, c, w, b) {
       {
-        var _, E = {}, v = null, U = null;
-        c !== void 0 && (Ue(c), v = "" + c), lt(o) && (Ue(o.key), v = "" + o.key), ot(o) && (U = o.ref, st(o, b));
-        for (_ in o)
-          Ee.call(o, _) && !Fe.hasOwnProperty(_) && (E[_] = o[_]);
+        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]);
         if (e && e.defaultProps) {
-          var D = e.defaultProps;
-          for (_ in D)
-            E[_] === void 0 && (E[_] = D[_]);
+          var A = e.defaultProps;
+          for (x in A)
+            v[x] === void 0 && (v[x] = A[x]);
         }
-        if (v || U) {
-          var V = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          v && ct(E, V), U && Ge(E, V);
+        if (y || U) {
+          var N = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          y && ct(v, N), U && ut(v, N);
         }
-        return Je(e, v, U, b, p, qe.current, E);
+        return Je(e, y, U, b, w, Ge.current, v);
       }
     }
-    var $e = S.ReactCurrentOwner, Qe = S.ReactDebugCurrentFrame;
-    function Ce(e) {
+    var Fe = j.ReactCurrentOwner, Qe = j.ReactDebugCurrentFrame;
+    function Re(e) {
       if (e) {
-        var o = e._owner, c = pe(e.type, e._source, o ? o.type : null);
+        var o = e._owner, c = Pe(e.type, e._source, o ? o.type : null);
         Qe.setExtraStackFrame(c);
       } else
         Qe.setExtraStackFrame(null);
     }
-    var He;
-    He = !1;
-    function Ie(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === s;
+    var We;
+    We = !1;
+    function Be(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === l;
     }
-    function t() {
+    function et() {
       {
-        if ($e.current) {
-          var e = Z($e.current.type);
+        if (Fe.current) {
+          var e = Y(Fe.current.type);
           if (e)
             return `
@@ -667,13 +691,13 @@ Check the render method of \`` + e + "`.";
         return "";
       }
     }
-    function r(e) {
+    function t(e) {
       return "";
     }
-    var n = {};
-    function i(e) {
+    var r = {};
+    function n(e) {
       {
-        var o = t();
+        var o = et();
         if (!o) {
           var c = typeof e == "string" ? e : e.displayName || e.name;
           c && (o = `
@@ -683,39 +707,39 @@ Check the top-level render call using <` + c + ">.");
         return o;
       }
     }
-    function a(e, o) {
+    function i(e, o) {
       {
         if (!e._store || e._store.validated || e.key != null)
           return;
         e._store.validated = !0;
-        var c = i(o);
-        if (n[c])
+        var c = n(o);
+        if (r[c])
           return;
-        n[c] = !0;
-        var p = "";
-        e && e._owner && e._owner !== $e.current && (p = " It was passed a child from " + Z(e._owner.type) + "."), Ce(e), R('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', c, p), Ce(null);
+        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);
       }
     }
-    function m(e, o) {
+    function a(e, o) {
       {
         if (typeof e != "object")
           return;
-        if (Me(e))
+        if (Le(e))
           for (var c = 0; c < e.length; c++) {
-            var p = e[c];
-            Ie(p) && a(p, o);
+            var w = e[c];
+            Be(w) && i(w, o);
           }
-        else if (Ie(e))
+        else if (Be(e))
           e._store && (e._store.validated = !0);
         else if (e) {
           var b = he(e);
           if (typeof b == "function" && b !== e.entries)
-            for (var _ = b.call(e), E; !(E = _.next()).done; )
-              Ie(E.value) && a(E.value, o);
+            for (var x = b.call(e), v; !(v = x.next()).done; )
+              Be(v.value) && i(v.value, o);
         }
       }
     }
-    function f(e) {
+    function p(e) {
       {
         var o = e.type;
         if (o == null || typeof o == "string")
@@ -723,93 +747,93 @@ Check the top-level render call using <` + c + ">.");
         var c;
         if (typeof o == "function")
           c = o.propTypes;
-        else if (typeof o == "object" && (o.$$typeof === k || // Note: Memo only checks outer props here.
+        else if (typeof o == "object" && (o.$$typeof === S || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        o.$$typeof === I))
+        o.$$typeof === R))
           c = o.propTypes;
         else
           return;
         if (c) {
-          var p = Z(o);
-          Ne(c, e.props, "prop", p, e);
-        } else if (o.PropTypes !== void 0 && !He) {
-          He = !0;
-          var b = Z(o);
-          R("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", b || "Unknown");
+          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");
         }
-        typeof o.getDefaultProps == "function" && !o.getDefaultProps.isReactClassApproved && R("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof o.getDefaultProps == "function" && !o.getDefaultProps.isReactClassApproved && T("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function g(e) {
+    function u(e) {
       {
         for (var o = Object.keys(e.props), c = 0; c < o.length; c++) {
-          var p = o[c];
-          if (p !== "children" && p !== "key") {
-            Ce(e), R("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", p), Ce(null);
+          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);
             break;
           }
         }
-        e.ref !== null && (Ce(e), R("Invalid attribute `ref` supplied to `React.Fragment`."), Ce(null));
+        e.ref !== null && (Re(e), T("Invalid attribute `ref` supplied to `React.Fragment`."), Re(null));
       }
     }
-    var N = {};
-    function Te(e, o, c, p, b, _) {
+    var h = {};
+    function O(e, o, c, w, b, x) {
       {
-        var E = G(e);
-        if (!E) {
-          var v = "";
-          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (v += " 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 = r();
-          U ? v += U : v += t();
-          var D;
-          e === null ? D = "null" : Me(e) ? D = "array" : e !== void 0 && e.$$typeof === s ? (D = "<" + (Z(e.type) || "Unknown") + " />", v = " Did you accidentally export a JSX literal instead of a component?") : D = typeof e, R("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", D, v);
+        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 V = Xe(e, o, c, b, _);
-        if (V == null)
-          return V;
-        if (E) {
-          var te = o.children;
-          if (te !== void 0)
-            if (p)
-              if (Me(te)) {
-                for (var je = 0; je < te.length; je++)
-                  m(te[je], e);
-                Object.freeze && Object.freeze(te);
+        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);
               } else
-                R("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                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.");
             else
-              m(te, e);
+              a(ce, e);
         }
-        if (Ee.call(o, "key")) {
-          var Pe = Z(e), J = Object.keys(o).filter(function(kt) {
-            return kt !== "key";
-          }), ut = J.length > 0 ? "{key: someKey, " + J.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!N[Pe + ut]) {
-            var Pt = J.length > 0 ? "{" + J.join(": ..., ") + ": ...}" : "{}";
-            R(`A props object containing a "key" prop is being spread into JSX:
+        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:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`, ut, Pe, Pt, Pe), N[Pe + ut] = !0;
+  <%s key={someKey} {...props} />`, ft, De, kt, De), h[De + ft] = !0;
           }
         }
-        return e === h ? g(V) : f(V), V;
+        return e === g ? u(N) : p(N), N;
       }
     }
-    function et(e, o, c) {
-      return Te(e, o, c, !0);
+    function ye(e, o, c) {
+      return O(e, o, c, !0);
     }
-    function tt(e, o, c) {
-      return Te(e, o, c, !1);
+    function He(e, o, c) {
+      return O(e, o, c, !1);
     }
-    var xt = tt, Tt = et;
-    Be.Fragment = h, Be.jsx = xt, Be.jsxs = Tt;
-  }()), Be;
+    var Ae = He, Tt = ye;
+    ze.Fragment = g, ze.jsx = Ae, ze.jsxs = Tt;
+  }()), ze;
 }
-process.env.NODE_ENV === "production" ? pt.exports = Wt() : pt.exports = Zt();
-var We = pt.exports;
-const _t = (l) => Ht("path", l), ht = bt(
+process.env.NODE_ENV === "production" ? ht.exports = Ht() : ht.exports = Yt();
+var Ue = ht.exports;
+const xt = (s) => Vt("path", s), wt = Ct(
   /**
    * @param {SVGProps}                                    props isPressed indicates whether the SVG should appear as pressed.
    *                                                            Other props will be passed through to svg component.
@@ -818,39 +842,39 @@ const _t = (l) => Ht("path", l), ht = bt(
    * @return {JSX.Element} Stop component
    */
   ({
-    className: l,
-    isPressed: s,
-    ...C
-  }, h) => {
-    const x = {
-      ...C,
-      className: It(l, {
-        "is-pressed": s
+    className: s,
+    isPressed: l,
+    ...E
+  }, g) => {
+    const k = {
+      ...E,
+      className: Lt(s, {
+        "is-pressed": l
       }) || void 0,
       "aria-hidden": !0,
       focusable: !1
     };
-    return /* @__PURE__ */ We.jsx("svg", {
-      ...x,
-      ref: h
+    return /* @__PURE__ */ Ue.jsx("svg", {
+      ...k,
+      ref: g
     });
   }
 );
-ht.displayName = "SVG";
-const Yt = /* @__PURE__ */ We.jsx(ht, {
+wt.displayName = "SVG";
+const zt = /* @__PURE__ */ Ue.jsx(wt, {
   viewBox: "0 0 24 24",
   xmlns: "http://www.w3.org/2000/svg",
-  children: /* @__PURE__ */ We.jsx(_t, {
+  children: /* @__PURE__ */ Ue.jsx(xt, {
     d: "M17.5 11.6L12 16l-5.5-4.4.9-1.2L12 14l4.5-3.6 1 1.2z"
   })
-}), zt = /* @__PURE__ */ We.jsx(ht, {
+}), Ut = /* @__PURE__ */ Ue.jsx(wt, {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
-  children: /* @__PURE__ */ We.jsx(_t, {
+  children: /* @__PURE__ */ Ue.jsx(xt, {
     d: "M10.6 6L9.4 7l4.6 5-4.6 5 1.2 1 5.4-6z"
   })
-}), Ut = "_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: Ut,
+}), 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,
@@ -860,169 +884,182 @@ const Yt = /* @__PURE__ */ We.jsx(ht, {
   renameInput: er,
   fileName: tr
 };
-function ft(l) {
-  if (!l) return [];
-  const s = l.replaceAll(/\\+/g, "/").replace(/\/{2,}/g, "/").replace(/\/$/, "") || l, C = s.startsWith("/"), h = s.split("/").filter(Boolean), x = [];
-  let P = C ? "/" : "";
-  C && x.push("/");
-  for (const T of h)
-    !P || P === "/" ? P = P === "/" ? `/${T}` : T : P = `${P}/${T}`, x.push(P);
-  return x;
+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 rr(l, s) {
-  if (!l || !s || l === s) return !1;
-  const C = l === "/" ? "/" : l.replace(/\/{2,}/g, "/"), h = s.replace(/\/{2,}/g, "/");
-  return C === "/" ? h.startsWith("/") && h !== "/" : h.startsWith(`${C}/`);
+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 dt(l, s, C) {
-  return l && (l === s ? C : l.startsWith(s === "/" ? "/" : `${s}/`) ? C + l.slice(s.length) : l);
+function mt(s, l, E) {
+  return s && (s === l ? E : s.startsWith(l === "/" ? "/" : `${l}/`) ? E + s.slice(l.length) : s);
 }
 const nr = St(function({
-  filesystem: s,
-  root: C = "/wordpress",
-  initialSelectedPath: h,
-  onSelect: x = () => {
-  }
-}, P) {
-  const T = wt(() => {
-    let t = (C || "/").replace(/\\+/g, "/");
+  filesystem: l,
+  root: E = "/wordpress",
+  initialSelectedPath: g,
+  onSelect: k = () => {
+  },
+  onDoubleClickFile: C
+}, M) {
+  const P = gt(() => {
+    let t = (E || "/").replace(/\\+/g, "/");
     return t.startsWith("/") || (t = `/${t}`), t = t.replace(/\/{2,}/g, "/"), t.length > 1 && t.endsWith("/") && (t = t.slice(0, -1)), t || "/";
-  }, [C]), H = (t) => !t || t === "." || t === ".." ? !1 : !/[\\/]/.test(t), [k, O] = Q(() => {
-    if (!h)
+  }, [E]), S = (t) => !t || t === "." || t === ".." ? !1 : !/[\\/]/.test(t), [I, _] = ae(() => {
+    if (!g)
       return {};
     const t = {};
-    for (const r of ft(h))
+    for (const r of dt(g))
       t[r] = !0;
     return t;
-  }), [y, I] = Q(
-    () => h ?? null
-  ), [M, F] = Q(
-    () => h ?? null
-  ), [ee, q] = Q({}), [he, S] = Q(
+  }), [R, V] = ae(
+    () => g ?? null
+  ), [Q, $] = ae(
+    () => g ?? null
+  ), [Z, he] = ae({}), [j, T] = ae(
     {}
-  ), [R, se] = Q(null), [we, K] = Q(
+  ), [fe, we] = ae(null), [ve, q] = ae(
     null
-  ), W = re({}), ie = re(!1), ce = re(null), w = re(null), G = re(he), ne = re(ee), ue = () => {
-    for (const t of Object.keys(W.current))
-      clearTimeout(W.current[t]), delete W.current[t];
-  }, Z = (t) => {
-    const r = W.current[t];
-    r && (clearTimeout(r), delete W.current[t]);
+  ), 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]);
   };
-  le(() => {
-    G.current = he;
-  }, [he]), le(() => {
-    ne.current = ee;
-  }, [ee]);
-  const j = (t) => {
+  ue(() => {
+    H.current = j;
+  }, [j]), ue(() => {
+    oe.current = Z;
+  }, [Z]);
+  const L = (t) => {
     var n;
-    const r = (n = ce.current) == null ? void 0 : n.querySelector(
+    const r = (n = ee.current) == null ? void 0 : n.querySelector(
       `[data-path="${t}"]`
     );
-    r && typeof r.focus == "function" && r.focus();
-  }, L = (t, r = "") => (r ? `${r}/${t.name}` : t.name).replaceAll(/\\+/g, "/").replace(/\/{2,}/g, "/"), be = (t, r) => t.children ? t.children : ee[r], _e = async (t, r) => {
+    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 m = r === "/" ? `/${a}` : `${r}/${a}`, f = await t.isDir(m);
-      i.push({ name: a, type: f ? "folder" : "file" });
-    }
-    return i.sort((a, m) => a.type !== m.type ? a.type === "folder" ? -1 : 1 : a.name.localeCompare(m.name)), i;
-  }, ge = async (t) => await _e(s, t), oe = (t, r) => {
+      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;
+      }
+      return a.name.localeCompare(p.name);
+    }), i;
+  }, _e = async (t) => await ke(l, t), de = (t, r) => {
     if (r.type !== "folder")
       return r.children;
-    const n = r.children ?? ne.current[t];
-    return n || G.current[t] ? n : (S((i) => ({ ...i, [t]: !0 })), new Promise((i) => {
-      ge(t).then((a) => {
-        q((m) => ({
-          ...m,
+    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 ?? []);
       }).catch(() => {
         i([]);
       }).finally(() => {
-        S((a) => {
-          const m = { ...a };
-          return delete m[t], m;
+        T((a) => {
+          const p = { ...a };
+          return delete p[t], p;
         });
       });
     }));
-  }, ve = (t, r) => {
-    r.type === "folder" && (typeof window > "u" || W.current[t] || (W.current[t] = window.setTimeout(() => {
-      O((n) => n[t] ? n : { ...n, [t]: !0 }), oe(t, r), delete W.current[t];
+  }, 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];
     }, 600)));
-  }, A = (t) => (S((r) => ({ ...r, [t]: !0 })), new Promise((r) => {
-    ge(t).then((n) => {
-      q((i) => ({
+  }, z = (t) => (T((r) => ({ ...r, [t]: !0 })), new Promise((r) => {
+    _e(t).then((n) => {
+      he((i) => ({
         ...i,
         [t]: n ?? []
       })), r(n ?? []);
     }).catch(() => {
       r([]);
     }).finally(() => {
-      S((n) => {
+      T((n) => {
         const i = { ...n };
         return delete i[t], i;
       });
     });
-  })), ye = (t, r, n) => {
-    O((i) => ({
+  })), se = (t, r, n) => {
+    _((i) => ({
       ...i,
       [t]: n
-    })), n ? oe(t, r) : q((i) => {
+    })), n ? de(t, r) : he((i) => {
       if (i[t] === void 0)
         return i;
       const a = { ...i };
       return delete a[t], a;
     });
-  }, ae = async (t) => {
+  }, le = async (t) => {
     if (!t) return;
-    const r = ft(t);
+    const r = dt(t);
     if (r.length === 0) return;
-    O((a) => {
-      const m = { ...a };
-      for (const f of r)
-        m[f] = !0;
-      return m;
+    _((a) => {
+      const p = { ...a };
+      for (const u of r)
+        p[u] = !0;
+      return p;
     });
     let n = [
-      { name: T, type: "folder" }
+      { name: P, type: "folder" }
     ], i = "";
     for (const a of r) {
-      const m = n == null ? void 0 : n.find((g) => L(g, i) === a);
-      if (!m || m.type !== "folder") {
+      const p = n == null ? void 0 : n.find((h) => te(h, i) === a);
+      if (!p || p.type !== "folder") {
         i = a, n = [];
         continue;
       }
-      n = await oe(a, m) ?? ne.current[a], i = a;
+      n = await de(a, p) ?? oe.current[a], i = a;
     }
-  }, fe = (t, r) => {
+  }, be = (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;
-    O((a) => {
-      let m = !1;
-      const f = { ...a };
-      for (const g of Object.keys(a)) {
-        const N = i(g);
-        N && N !== g && (f[N] = a[g], delete f[g], m = !0);
+    _((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 m ? f : a;
-    }), q((a) => {
-      let m = !1;
-      const f = { ...a };
-      for (const g of Object.keys(a)) {
-        const N = i(g);
-        N && N !== g && (f[N] = a[g], delete f[g], m = !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 m ? f : a;
-    }), I((a) => a && (i(a) ?? a)), F((a) => a && (i(a) ?? a));
-  }, Re = () => {
-    se(null), K(null), ue();
-  }, de = (t, r = !0) => {
-    I(t), r && x(t);
-  }, B = wt(() => [{ name: T, type: "folder" }], [T]), [u, $] = Q(null), [me, Y] = Q(null), z = re(null), Se = me;
+      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(
-    P,
+    M,
     () => ({
       focusPath: (t, r = {}) => {
         if (!t) return;
@@ -1031,82 +1068,83 @@ const nr = St(function({
           domFocus: i = !0,
           notify: a = !1
         } = r;
-        n && de(t, a), F(t), i && j(t);
+        n && ge(t, a), $(t), i && L(t);
       },
       selectPath: (t) => {
-        t && (de(t), F(t), j(t));
+        t && (ge(t), $(t), L(t));
       },
-      getSelectedPath: () => y,
-      expandToPath: async (t) => await ae(t),
-      refresh: async (t) => await A(t),
-      remapPath: fe,
+      getSelectedPath: () => R,
+      expandToPath: async (t) => await le(t),
+      refresh: async (t) => await z(t),
+      remapPath: be,
       createFile: async (t) => {
-        await xe(t, "file", "untitled.php");
+        await Oe(t, "file", "untitled.php");
       },
       createFolder: async (t) => {
-        await xe(t, "folder", "New Folder");
+        await Oe(t, "folder", "New Folder");
       }
     }),
-    [y, A, fe, ae]
+    [R, z, be, le]
   );
-  const Ze = re(!1), pe = re(
-    h ?? null
-  ), Ee = re(h);
-  le(() => {
-    ie.current = !1;
-  }, [T]), le(() => {
-    h && h !== Ee.current ? pe.current = h : h || (pe.current = null), Ee.current = h;
-  }, [h]), le(() => {
-    if (!h || Ze.current)
+  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)
       return;
-    Ze.current = !0;
-    const t = ft(h);
-    O((n) => {
+    Pe.current = !0;
+    const t = dt(g);
+    _((n) => {
       const i = { ...n };
       for (const a of t)
         i[a] = !0;
       return i;
     });
-    const r = t[t.length - 1] || h;
-    F(r), I(r), ae(h);
-  }, [h, ae]), le(() => {
+    const r = t[t.length - 1] || g;
+    $(r), V(r), le(g);
+  }, [g, le]), ue(() => {
     const t = pe.current;
-    !t || B.length === 0 || (pe.current = null, ae(t));
-  }, [B, ae]), le(() => {
-    if (!M) {
-      if (B.length > 0) {
-        const t = L(B[0]);
-        F(t);
+    !t || W.length === 0 || (pe.current = null, le(t));
+  }, [W, le]), ue(() => {
+    if (!Q) {
+      if (W.length > 0) {
+        const t = te(W[0]);
+        $(t);
       }
       return;
     }
-    Se && Se === M || j(M);
-  }, [
-    B,
-    M,
-    L,
-    Se,
-    j
-  ]), le(() => {
-    if (B.length === 0)
+    Ce && Ce === Q || L(Q);
+  }, [W, Q, Ce]), ue(() => {
+    if (W.length === 0)
       return;
-    const t = B[0];
-    if ((t == null ? void 0 : t.type) !== "folder" || ie.current)
+    const t = W[0];
+    if ((t == null ? void 0 : t.type) !== "folder" || Ee.current)
       return;
     const r = t.name;
-    ie.current = !0, O(
+    Ee.current = !0, _(
       (n) => n[r] ? n : { ...n, [r]: !0 }
-    ), !ne.current[r] && !G.current[r] && oe(r, t);
-  }, [B, oe, T]), le(() => () => {
-    w.current && clearTimeout(w.current), ue();
-  }, []);
-  const [Ye, Oe] = Q(""), De = (t, r) => {
+    ), !oe.current[r] && !H.current[r] && de(r, t);
+  }, [W, de, P]), ue(() => () => {
+    m.current && clearTimeout(m.current), Y();
+  }, []), ue(() => {
+    D && 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) => {
     if (t.type === "folder")
       return r;
-    const n = ke(r);
+    const n = je(r);
     return n && n || "/";
-  }, Ne = (t, r, n) => {
-    const i = De(t, r);
+  }, Ve = (t, r, n) => {
+    const i = rt(t, r);
     if (!i)
       return { allowed: !1, state: "invalid", destination: null };
     if (n) {
@@ -1116,319 +1154,323 @@ const nr = St(function({
         return { allowed: !1, state: "invalid", destination: null };
     }
     return { allowed: !0, state: "valid", destination: i };
-  }, nt = (t, r, n) => {
-    r.type !== "folder" && r.type !== "file" || (se(n), K(null), t.dataTransfer && (t.dataTransfer.effectAllowed = "move", t.dataTransfer.setData(
+  }, Le = (t, r, n) => {
+    r.type !== "folder" && r.type !== "file" || (we(n), q(null), t.dataTransfer && (t.dataTransfer.effectAllowed = "move", t.dataTransfer.setData(
       "application/x-wp-playground-path",
       n
     ), t.dataTransfer.setData("text/plain", n)));
-  }, Me = () => {
-    Re();
+  }, nt = () => {
+    me();
   }, at = (t, r, n) => {
-    const i = Ne(r, n, R);
-    i.allowed && r.type === "folder" && ve(n, r), K((a) => (a == null ? void 0 : a.path) === n && a.state === i.state ? a : { path: n, state: i.state });
-  }, it = (t, r, n) => {
-    const i = Ne(r, n, R);
-    i.allowed && i.destination ? (t.preventDefault(), t.dataTransfer && (t.dataTransfer.dropEffect = R ? "move" : "copy"), r.type === "folder" && ve(n, r), K((a) => (a == null ? void 0 : a.path) === n && a.state === i.state ? a : { path: n, state: i.state })) : (t.dataTransfer && (t.dataTransfer.dropEffect = "none"), Z(n), K((a) => (a == null ? void 0 : a.path) === n && a.state === "invalid" ? a : { path: n, state: "invalid" }));
-  }, ze = (t, r, n) => {
-    Z(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) || K((a) => (a == null ? void 0 : a.path) === n ? null : a);
-  }, Ue = async (t, r, n) => {
-    const i = R, a = Ne(r, n, i);
+    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) {
-      Re();
+      me();
       return;
     }
-    t.preventDefault(), t.stopPropagation(), Z(n), K(null);
+    t.preventDefault(), t.stopPropagation(), K(n), q(null);
     try {
-      i ? await lt(i, a.destination) : await $e(t, a.destination);
+      i ? await lt(i, a.destination) : await Qe(t, a.destination);
     } finally {
-      Re();
+      me();
     }
-  }, qe = (t, r, n) => {
-    t.preventDefault(), t.stopPropagation(), Y(null), $({
+  }, it = (t, r, n) => {
+    t.preventDefault(), t.stopPropagation(), F(null), re({
       absPath: n,
       type: r.type,
       x: t.clientX,
       y: t.clientY
     });
-  }, Fe = async (t, r) => {
+  }, Se = async (t, r) => {
     let n = r, i = 0;
-    const a = (f) => {
-      const g = f.lastIndexOf(".");
-      return g > 0 ? { stem: f.slice(0, g), ext: f.slice(g) } : { stem: f, ext: "" };
-    }, m = t === "/" ? "" : t;
-    for (; await (s == null ? void 0 : s.fileExists(`${m}/${n}`)) || await (s == null ? void 0 : s.isDir(`${m}/${n}`)); ) {
+    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: f, ext: g } = a(r);
-      n = `${f} (${i})${g}`;
+      const { stem: u, ext: h } = a(r);
+      n = `${u} (${i})${h}`;
     }
     return n;
-  }, xe = async (t, r, n) => {
-    if (!s) return;
-    let i = t || y || T;
+  }, Oe = async (t, r, n) => {
+    if (!l) return;
+    let i = t || R || P;
     try {
-      await s.isDir(i) || (i = ke(i));
+      await l.isDir(i) || (i = je(i));
     } catch {
-      i = ke(i);
+      i = je(i);
     }
-    const a = i, m = await Fe(a, n), f = Ae(a, m);
-    r === "folder" ? await s.mkdir(f) : await s.writeFile(f, ""), z.current = { type: r, tempPath: f }, Y(f), await A(a), setTimeout(() => {
-      F(f), j(f);
+    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);
     }, 0);
-  }, Ke = async (t) => {
-    if (!s) return !1;
+  }, ot = async (t) => {
+    if (!l) return !1;
     try {
-      if (await s.fileExists(t))
+      if (await l.fileExists(t))
         return !0;
     } catch {
     }
     try {
-      if (await s.isDir(t))
+      if (await l.isDir(t))
         return !0;
     } catch {
     }
     return !1;
-  }, ot = async (t) => {
-    if (s)
+  }, st = async (t) => {
+    if (l)
       try {
-        await s.mkdir(t);
+        await l.mkdir(t);
       } catch (r) {
-        if (!await s.isDir(t).catch(() => !1))
+        if (!await l.isDir(t).catch(() => !1))
           throw r;
       }
   }, lt = async (t, r) => {
-    if (!s) return;
-    const n = Mt(t), i = Ae(r, n);
-    if (i === t || await Ke(i))
+    if (!l) return;
+    const n = Mt(t), i = Ne(r, n);
+    if (i === t || await ot(i))
       return;
-    const a = ke(t);
+    const a = je(t);
     try {
-      await s.mv(t, i), fe(t, i);
-      const m = dt(
-        y,
+      await l.mv(t, i), be(t, i);
+      const p = mt(
+        R,
         t,
         i
       );
-      y && (y === t || y.startsWith(`${t}/`)) && x(m), F(
-        (f) => dt(f, t, i)
-      ), O((f) => ({
-        ...f,
+      R && (R === t || R.startsWith(`${t}/`)) && k(p), $(
+        (u) => mt(u, t, i)
+      ), _((u) => ({
+        ...u,
         [r]: !0
       })), await Promise.all([
-        A(a),
-        A(r)
-      ]), I(
-        (f) => dt(f, t, i)
-      ), j(i);
+        z(a),
+        z(r)
+      ]), V(
+        (u) => mt(u, t, i)
+      ), L(i);
     } catch {
     }
-  }, st = (t) => {
+  }, ct = (t) => {
     const r = t;
     return r.webkitGetAsEntry ? r.webkitGetAsEntry() : null;
-  }, ct = (t) => new Promise((r, n) => {
+  }, ut = (t) => new Promise((r, n) => {
     t.file(r, n);
-  }), Ge = async (t, r) => {
-    if (!s) return;
-    const n = t.name || "untitled", i = await Fe(r, n), a = Ae(r, i), m = new Uint8Array(await t.arrayBuffer());
-    await s.writeFile(a, m);
-  }, Je = async (t, r) => {
-    const n = await ct(t);
-    await Ge(n, r);
+  }), Je = 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 Fe(
+    const n = await ut(t);
+    await Je(n, r);
+  }, Fe = async (t, r) => {
+    const n = await Se(
       r,
       t.name || "New Folder"
-    ), i = Ae(r, n);
-    await ot(i);
-    const a = t.createReader(), m = () => new Promise((f, g) => {
+    ), i = Ne(r, n);
+    await st(i);
+    const a = t.createReader(), p = () => new Promise((u, h) => {
       a.readEntries(
-        (N) => f(Array.from(N)),
-        g
+        (O) => u(Array.from(O)),
+        h
       );
     });
     for (; ; ) {
-      const f = await m();
-      if (!f.length)
+      const u = await p();
+      if (!u.length)
         break;
-      for (const g of f)
-        g.isFile ? await Je(
-          g,
+      for (const h of u)
+        h.isFile ? await Xe(
+          h,
           i
-        ) : g.isDirectory && await Xe(
-          g,
+        ) : h.isDirectory && await Fe(
+          h,
           i
         );
     }
-  }, $e = async (t, r) => {
-    var a, m;
-    if (!s) return;
-    const i = ((a = t.dataTransfer) != null && a.items ? Array.from(t.dataTransfer.items) : []).filter((f) => f.kind === "file").map((f) => st(f)).filter((f) => !!f);
+  }, Qe = async (t, r) => {
+    var a, p;
+    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 f of i)
-        f.isFile ? await Je(
-          f,
+      for (const u of i)
+        u.isFile ? await Xe(
+          u,
           r
-        ) : f.isDirectory && await Xe(
-          f,
+        ) : u.isDirectory && await Fe(
+          u,
           r
         );
     else {
-      const f = (m = t.dataTransfer) != null && m.files ? Array.from(t.dataTransfer.files) : [];
-      for (const g of f)
-        await Ge(g, r);
+      const u = (p = t.dataTransfer) != null && p.files ? Array.from(t.dataTransfer.files) : [];
+      for (const h of u)
+        await Je(h, r);
     }
-    await A(r), O((f) => ({
-      ...f,
+    await z(r), _((u) => ({
+      ...u,
       [r]: !0
     }));
-  }, Qe = async (t, r) => {
-    if (!s) return;
+  }, Re = async (t, r) => {
+    if (!l) return;
     const n = t;
-    $(null);
+    re(null);
     try {
-      r === "folder" ? await s.rmdir(n, { recursive: !0 }) : await s.unlink(n);
+      r === "folder" ? await l.rmdir(n, { recursive: !0 }) : await l.unlink(n);
     } catch {
     } finally {
-      Y(null);
-      const i = ke(n);
-      await A(i), y && (y === n || y.startsWith(`${n}/`)) && x(null);
+      F(null);
+      const i = je(n);
+      await z(i), R && (R === n || R.startsWith(`${n}/`)) && k(null);
     }
-  }, Ce = (t) => {
+  }, We = (t) => {
     var r;
-    if (t.key.length === 1 && t.key.match(/\S/)) {
-      const n = Ye + t.key.toLowerCase();
-      if (Oe(n), w.current && clearTimeout(w.current), w.current = setTimeout(() => {
-        Oe("");
-      }, 1e3), !ce.current)
-        return;
-      const i = Array.from(
-        ce.current.querySelectorAll(".file-node-button")
-      ), a = document.activeElement;
-      let m = 0;
-      a && i.includes(a) && (m = i.indexOf(
-        a
-      ));
-      for (let f = 0; f < i.length; f++) {
-        const g = (m + f) % i.length, N = i[g];
-        if ((r = N.textContent) != null && r.toLowerCase().trim().startsWith(n)) {
-          N.focus();
-          const Te = N.getAttribute("data-path");
-          Te && F(Te);
-          break;
+    if (!d)
+      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)
+          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
+        ));
+        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);
+            break;
+          }
         }
-      }
-    } else
-      Oe(""), w.current && clearTimeout(w.current);
-  }, He = async (t, r) => {
-    const n = z.current, i = (n == null ? void 0 : n.tempPath) === t, a = ke(t), m = (r || "").trim();
-    if (!H(m)) {
+      } 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) {
         try {
-          n.type === "folder" ? await s.rmdir(t, {
+          n.type === "folder" ? await l.rmdir(t, {
             recursive: !0
-          }) : await s.unlink(t);
+          }) : await l.unlink(t);
         } catch {
         }
-        z.current = null;
+        ne.current = null;
       }
-      Y(i ? null : t);
+      F(i ? null : t);
       return;
     }
-    let f = Ae(a, m), g = f;
-    if (g === t) {
-      Y(null), i && (z.current = null), setTimeout(() => {
-        F(g), j(g);
+    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);
       }, 0);
       return;
     }
-    const N = await s.fileExists(g), Te = await s.isDir(g);
-    if ((N || Te) && g !== t)
+    const O = await l.fileExists(h), ye = await l.isDir(h);
+    if ((O || ye) && h !== t)
       if (i)
         try {
-          const tt = await Fe(
+          const Ae = await Se(
             a === "/" ? "/" : a,
-            m
+            p
           );
-          f = Ae(a, tt), g = f;
+          u = Ne(a, Ae), h = u;
         } catch {
         }
       else {
-        Y(t);
+        F(t);
         return;
       }
-    let et = (n == null ? void 0 : n.type) === "folder";
+    let He = (n == null ? void 0 : n.type) === "folder";
     try {
-      await s.mv(t, f), n || (et = await s.isDir(f)), et && fe(t, g), y === t && x(g), await A(a), F(g), j(g);
+      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);
     } catch {
       if (i)
         try {
-          (n == null ? void 0 : n.type) === "folder" ? await s.rmdir(t, {
+          (n == null ? void 0 : n.type) === "folder" ? await l.rmdir(t, {
             recursive: !0
-          }) : await s.unlink(t);
+          }) : await l.unlink(t);
         } catch {
         }
     } finally {
-      z.current = null, Y(null);
+      ne.current = null, F(null);
     }
-  }, Ie = async (t) => {
-    const r = z.current;
-    if (!s || (r == null ? void 0 : r.tempPath) !== t) {
-      Y((i) => i === t ? null : i);
+  }, et = async (t) => {
+    const r = ne.current;
+    if (!l || (r == null ? void 0 : r.tempPath) !== t) {
+      F((i) => i === t ? null : i);
       return;
     }
     try {
-      r.type === "folder" ? await s.rmdir(t, { recursive: !0 }) : await s.unlink(t);
+      r.type === "folder" ? await l.rmdir(t, { recursive: !0 }) : await l.unlink(t);
     } catch {
     }
-    z.current = null, Y(null);
-    const n = ke(t);
-    await A(n), F(n), j(n);
+    ne.current = null, F(null);
+    const n = je(t);
+    await z(n), $(n), L(n);
   };
-  return /* @__PURE__ */ d.createElement("div", { onKeyDown: Ce, ref: ce }, /* @__PURE__ */ d.createElement(Dt, { className: X.filePickerTree }, B.map((t, r) => /* @__PURE__ */ d.createElement(
+  return /* @__PURE__ */ f.createElement("div", { onKeyDown: We, ref: ee }, /* @__PURE__ */ f.createElement(Dt, { className: X.filePickerTree }, W.map((t, r) => /* @__PURE__ */ f.createElement(
     Rt,
     {
       key: t.name,
       node: t,
       level: 0,
       position: r + 1,
-      setSize: B.length,
-      expandedNodePaths: k,
-      onToggle: ye,
-      selectedNode: y,
-      focusPath: (n) => F(n),
-      focusedNode: M,
-      selectPath: de,
-      generatePath: L,
-      getChildren: be,
-      onContextMenu: qe,
-      renamingPath: Se,
-      onRename: He,
-      onRenameCancel: Ie,
-      dropIndicator: we,
-      onDragStart: nt,
-      onDragEnd: Me,
+      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,
       onDragEnter: at,
-      onDragOver: it,
-      onDragLeave: ze,
-      onDrop: Ue,
-      rootPath: T
-    }
-  ))), u && /* @__PURE__ */ d.createElement(
-    Ft,
+      onDragOver: qe,
+      onDragLeave: Ke,
+      onDrop: Ge,
+      rootPath: P,
+      onDoubleClickFile: C
+    }
+  ))), D && /* @__PURE__ */ f.createElement(
+    jt,
     {
       placement: "bottom-start",
-      onClose: () => $(null),
+      onClose: () => re(null),
       anchor: {
         getBoundingClientRect: () => ({
-          x: u.x,
-          y: u.y,
+          x: D.x,
+          y: D.y,
           width: 0,
           height: 0,
-          top: u.y,
-          left: u.x,
-          right: u.x,
-          bottom: u.y,
+          top: D.y,
+          left: D.x,
+          right: D.x,
+          bottom: D.y,
           toJSON: () => ({})
         }),
         ownerDocument: document
@@ -1437,334 +1479,342 @@ const nr = St(function({
       resize: !1,
       focusOnMount: "firstElement"
     },
-    /* @__PURE__ */ d.createElement(jt, { role: "menu" }, u.type === "folder" && /* @__PURE__ */ d.createElement(
-      rt,
+    /* @__PURE__ */ f.createElement(Ft, { role: "menu" }, D.type === "folder" && /* @__PURE__ */ f.createElement(
+      tt,
       {
         role: "menuitem",
         onClick: async () => {
-          $(null), await xe(
-            u.absPath,
+          re(null), await Oe(
+            D.absPath,
             "file",
             "untitled.php"
           );
         }
       },
       "Create file"
-    ), u.type === "folder" && /* @__PURE__ */ d.createElement(
-      rt,
+    ), D.type === "folder" && /* @__PURE__ */ f.createElement(
+      tt,
       {
         role: "menuitem",
         onClick: async () => {
-          $(null), await xe(
-            u.absPath,
+          re(null), await Oe(
+            D.absPath,
             "folder",
             "New Folder"
           );
         }
       },
       "Create directory"
-    ), /* @__PURE__ */ d.createElement(
-      rt,
+    ), /* @__PURE__ */ f.createElement(
+      tt,
       {
         role: "menuitem",
         onClick: () => {
-          $(null), Y(u.absPath);
+          re(null), F(D.absPath);
         }
       },
       "Rename"
-    ), /* @__PURE__ */ d.createElement(
-      rt,
+    ), /* @__PURE__ */ f.createElement(
+      tt,
       {
         role: "menuitem",
-        onClick: () => Qe(
-          u.absPath,
-          u.type
+        onClick: () => Re(
+          D.absPath,
+          D.type
         )
       },
       "Delete"
     ))
   ));
 }), Rt = ({
-  node: l,
-  level: s,
-  position: C,
-  setSize: h,
-  expandedNodePaths: x,
-  onToggle: P,
-  selectedNode: T,
-  focusPath: H,
-  focusedNode: k,
-  selectPath: O,
-  generatePath: y,
-  getChildren: I,
-  onContextMenu: M,
-  renamingPath: F,
-  onRename: ee,
-  onRenameCancel: q,
+  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: S,
-  onDragStart: R,
-  onDragEnd: se,
+  dropIndicator: j,
+  onDragStart: T,
+  onDragEnd: fe,
   onDragEnter: we,
-  onDragOver: K,
-  onDragLeave: W,
-  onDrop: ie,
-  rootPath: ce
+  onDragOver: ve,
+  onDragLeave: q,
+  onDrop: B,
+  rootPath: Ee,
+  onDoubleClickFile: ee
 }) => {
-  const w = y(l, he), G = x[w], ne = F === w, ue = re(null), [Z, j] = Q(l.name), L = re(!1), be = (S == null ? void 0 : S.path) === w, _e = be && (S == null ? void 0 : S.state) === "valid", ge = be && (S == null ? void 0 : S.state) === "invalid", oe = !ne && w !== ce, ve = {
-    onDragEnter: (u) => we == null ? void 0 : we(u, l, w),
-    onDragOver: (u) => K == null ? void 0 : K(u, l, w),
-    onDragLeave: (u) => W == null ? void 0 : W(u, l, w),
-    onDrop: (u) => ie == null ? void 0 : ie(u, l, w)
-  }, A = I(l, w) ?? [];
-  le(() => {
-    var u;
-    ne ? (j(l.name), L.current = !1, typeof window < "u" && window.requestAnimationFrame ? window.requestAnimationFrame(() => {
-      var $;
-      ($ = ue.current) == null || $.select();
-    }) : (u = ue.current) == null || u.select()) : L.current = !1;
-  }, [ne, l.name]);
-  const ye = () => {
-    l.type === "folder" && P(w, l, !G);
-  }, ae = (u) => {
-    var $, me, Y;
-    if (u.key === "ArrowLeft")
-      G ? ye() : ($ = document.querySelector(
+  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 || $.focus(), u.preventDefault(), u.stopPropagation();
-    else if (u.key === "ArrowRight") {
-      if (G) {
-        if (A != null && A.length) {
-          const z = y(
-            A[0],
-            w
+      )) == null || F.focus(), d.preventDefault(), d.stopPropagation();
+    else if (d.key === "ArrowRight") {
+      if (H) {
+        if (se != null && se.length) {
+          const Ce = _(
+            se[0],
+            m
           );
-          (me = document.querySelector(
-            `[data-path="${z}"]`
-          )) == null || me.focus();
+          (ne = document.querySelector(
+            `[data-path="${Ce}"]`
+          )) == null || ne.focus();
         }
       } else
-        ye();
-      u.preventDefault(), u.stopPropagation();
-    } else if (u.key === " " || u.key === "Space" || u.key === "Spacebar")
-      l.type === "folder" && P(w, l, !G), u.preventDefault();
-    else if (u.key === "Enter") {
-      O(w), H(w);
-      const z = (Y = u.currentTarget) == null ? void 0 : Y.closest("form");
-      z && setTimeout(() => {
-        z.dispatchEvent(new Event("submit", { bubbles: !0 }));
-      });
+        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);
+      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);
+      return;
     }
-  }, fe = (u) => {
-    M == null || M(u, l, w);
-  }, Re = (u) => {
-    u.preventDefault(), L.current = !0, ee == null || ee(w, Z.trim());
-  }, de = (u) => {
-    if (u.key === "Escape") {
-      u.preventDefault(), u.stopPropagation(), L.current = !0, q == null || q(w);
+    const d = G.current !== null;
+    if (d && G.current && clearTimeout(G.current), G.current = null, d) {
+      ee ? ee(m) : I(m, !0);
       return;
     }
-    (u.key === "ArrowLeft" || u.key === "ArrowRight" || u.key === "ArrowUp" || u.key === "ArrowDown") && u.stopPropagation();
-  }, B = () => {
-    L.current || q == null || q(w), L.current = !1;
+    I(m, !1), P(m), I(m, !0), G.current = window.setTimeout(() => {
+      G.current = null;
+    }, 300);
   };
-  return /* @__PURE__ */ d.createElement(d.Fragment, null, /* @__PURE__ */ d.createElement(
+  return ue(() => () => {
+    G.current !== null && typeof window < "u" && clearTimeout(G.current);
+  }, []), /* @__PURE__ */ f.createElement(f.Fragment, null, /* @__PURE__ */ f.createElement(
     At,
     {
-      level: s,
-      positionInSet: C,
-      setSize: h
+      level: l,
+      positionInSet: E,
+      setSize: g
     },
-    /* @__PURE__ */ d.createElement(Vt, null, () => /* @__PURE__ */ d.createElement(d.Fragment, null, ne ? /* @__PURE__ */ d.createElement(
+    /* @__PURE__ */ f.createElement($t, null, () => /* @__PURE__ */ f.createElement(f.Fragment, null, oe ? /* @__PURE__ */ f.createElement(
       "form",
       {
-        onSubmit: Re,
-        className: gt(
+        onSubmit: ge,
+        className: yt(
           X.fileNodeButton,
           X.renaming,
           "file-node-button",
           {
-            [X.selected]: T === w,
-            [X.focused]: k === w,
-            [X.dropTarget]: _e,
-            [X.dropTargetInvalid]: ge
+            [X.selected]: M === m,
+            [X.focused]: S === m,
+            [X.dropTarget]: ke,
+            [X.dropTargetInvalid]: _e
           }
         ),
-        "data-path": w,
-        onContextMenu: fe,
-        ...ve
+        "data-path": m,
+        onContextMenu: me,
+        ...z
       },
-      /* @__PURE__ */ d.createElement(
-        Ct,
+      /* @__PURE__ */ f.createElement(
+        bt,
         {
-          node: l,
-          isOpen: l.type === "folder" && G,
-          level: s,
+          node: s,
+          isOpen: s.type === "folder" && H,
+          level: l,
           hideName: !0
         }
       ),
-      /* @__PURE__ */ d.createElement(
+      /* @__PURE__ */ f.createElement(
         "input",
         {
-          ref: ue,
+          ref: Y,
           className: X.renameInput,
-          value: Z,
-          onChange: (u) => j(u.target.value),
-          onBlur: B,
-          onFocus: () => H(w),
-          onKeyDown: de
+          value: K,
+          onChange: (d) => L(d.target.value),
+          onBlur: D,
+          onFocus: () => P(m),
+          onKeyDown: W
         }
       )
-    ) : /* @__PURE__ */ d.createElement(
-      mt,
+    ) : /* @__PURE__ */ f.createElement(
+      pt,
       {
-        ...ve,
-        draggable: oe,
-        onDragStart: (u) => R == null ? void 0 : R(u, l, w),
-        onDragEnd: (u) => se == null ? void 0 : se(u, l, w),
-        onClick: () => {
-          l.type === "folder" && ye(), O(w), H(w);
-        },
-        onKeyDown: ae,
+        ...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,
         onFocus: () => {
-          H(w);
+          P(m);
         },
-        onContextMenu: fe,
-        className: gt(
+        onContextMenu: me,
+        className: yt(
           X.fileNodeButton,
+          "file-node-button",
           {
-            [X.selected]: T === w,
-            [X.focused]: k === w,
-            [X.dropTarget]: _e,
-            [X.dropTargetInvalid]: ge
+            [X.selected]: M === m,
+            [X.focused]: S === m,
+            [X.dropTarget]: ke,
+            [X.dropTargetInvalid]: _e
           }
         ),
-        "data-path": w,
-        "data-expanded": G ? "true" : "false"
+        "data-path": m,
+        "data-expanded": H ? "true" : "false"
       },
-      /* @__PURE__ */ d.createElement(
-        Ct,
+      /* @__PURE__ */ f.createElement(
+        bt,
         {
-          node: l,
-          isOpen: l.type === "folder" && G,
-          level: s
+          node: s,
+          isOpen: s.type === "folder" && H,
+          level: l
         }
       )
     )))
-  ), G && A && A.map((u, $) => /* @__PURE__ */ d.createElement(
+  ), H && se && se.map((d, F) => /* @__PURE__ */ f.createElement(
     Rt,
     {
-      key: u.name,
-      node: u,
-      level: s + 1,
-      position: $ + 1,
-      setSize: A.length,
-      expandedNodePaths: x,
-      onToggle: P,
-      selectedNode: T,
-      focusPath: H,
-      focusedNode: k,
-      selectPath: O,
-      generatePath: y,
-      getChildren: I,
-      onContextMenu: M,
-      renamingPath: F,
-      onRename: ee,
-      onRenameCancel: q,
-      parentPath: w,
-      dropIndicator: S,
-      onDragStart: R,
-      onDragEnd: se,
+      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: K,
-      onDragLeave: W,
-      onDrop: ie,
-      rootPath: ce
+      onDragOver: ve,
+      onDragLeave: q,
+      onDrop: B,
+      rootPath: Ee,
+      onDoubleClickFile: ee
     }
   )));
-}, Ct = ({ node: l, level: s, isOpen: C, hideName: h = !1 }) => {
-  const x = [];
-  for (let P = 0; P < s; P++)
-    x.push("&nbsp;&nbsp;&nbsp;&nbsp;");
-  return /* @__PURE__ */ d.createElement(d.Fragment, null, /* @__PURE__ */ d.createElement(
+}, 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(
     "span",
     {
       "aria-hidden": "true",
-      dangerouslySetInnerHTML: { __html: x.join("") }
+      dangerouslySetInnerHTML: { __html: k.join("") }
     }
-  ), l.type === "folder" ? /* @__PURE__ */ d.createElement(vt, { width: 16, icon: C ? Yt : zt }) : /* @__PURE__ */ d.createElement("div", { style: { width: 16 } }, " "), /* @__PURE__ */ d.createElement(vt, { width: 16, icon: l.type === "folder" ? Lt : Bt }), !h && /* @__PURE__ */ d.createElement("span", { className: X.fileName }, l.name));
-}, ar = "_control_kp9d9_1", ir = "_browse-label_kp9d9_11", or = "_path-preview_kp9d9_37", lr = "_modal_kp9d9_43", sr = "_modal-footer_kp9d9_48", Ve = {
+  ), 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: lr,
-  modalFooter: sr
+  modal: sr,
+  modalFooter: lr
 };
-function cr({ path: l }) {
-  if (!l)
-    return /* @__PURE__ */ d.createElement("div", { className: Ve.pathPreview }, /* @__PURE__ */ d.createElement("i", null, "Select a path"));
-  const s = l.split("/");
-  let C = (s.length > 2 ? "/" : "") + s.pop();
-  C.length > 10 && (C = C.substring(C.length - 10));
-  const h = l.substring(
+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(
     0,
-    l.length - C.length
+    s.length - E.length
   );
-  return /* @__PURE__ */ d.createElement(
+  return /* @__PURE__ */ f.createElement(
     "div",
     {
-      className: Ve.pathPreview,
-      "data-content-start": h,
-      "data-content-end": C
+      className: Me.pathPreview,
+      "data-content-start": g,
+      "data-content-end": E
     }
   );
 }
-function _r({
-  value: l = "",
-  onChange: s,
-  filesystem: C
+function Cr({
+  value: s = "",
+  onChange: l,
+  filesystem: E
 }) {
-  const [h, x] = Q(!1), P = () => x(!0), T = () => x(!1), [H, k] = Q(
-    l || null
+  const [g, k] = ae(!1), C = () => k(!0), M = () => k(!1), [P, S] = ae(
+    s || null
   );
-  function O(y) {
-    y == null || y.preventDefault(), s(H || ""), T();
+  function I(_) {
+    _ == null || _.preventDefault(), l(P || ""), M();
   }
-  return /* @__PURE__ */ d.createElement(d.Fragment, null, /* @__PURE__ */ d.createElement(
-    mt,
+  return /* @__PURE__ */ f.createElement(f.Fragment, null, /* @__PURE__ */ f.createElement(
+    pt,
     {
       variant: "tertiary",
-      className: Ve.control,
-      onClick: P
+      className: Me.control,
+      onClick: C
     },
-    /* @__PURE__ */ d.createElement("span", { className: Ve.browseLabel }, "Browse"),
-    /* @__PURE__ */ d.createElement(cr, { path: l || "" })
-  ), h && /* @__PURE__ */ d.createElement(
+    /* @__PURE__ */ f.createElement("span", { className: Me.browseLabel }, "Browse"),
+    /* @__PURE__ */ f.createElement(cr, { path: s || "" })
+  ), g && /* @__PURE__ */ f.createElement(
     Nt,
     {
       title: "Select a path ",
-      onRequestClose: T,
-      className: Ve.modal
+      onRequestClose: M,
+      className: Me.modal
     },
-    /* @__PURE__ */ d.createElement("form", { onSubmit: O }, /* @__PURE__ */ d.createElement(
+    /* @__PURE__ */ f.createElement("form", { onSubmit: I }, /* @__PURE__ */ f.createElement(
       nr,
       {
-        filesystem: C,
-        initialSelectedPath: l,
-        onSelect: k
+        filesystem: E,
+        initialSelectedPath: s,
+        onSelect: S
       }
-    ), /* @__PURE__ */ d.createElement("div", { className: Ve.modalFooter }, /* @__PURE__ */ d.createElement(mt, { type: "submit", variant: "primary" }, "Select Path")))
+    ), /* @__PURE__ */ f.createElement("div", { className: Me.modalFooter }, /* @__PURE__ */ f.createElement(pt, { type: "submit", variant: "primary" }, "Select Path")))
   ));
 }
 export {
-  yr as ClockIcon,
-  _r as FilePickerControl,
+  vr as ClockIcon,
+  Cr as FilePickerControl,
   nr as FilePickerTree,
   br as SiteManagerIcon,
-  vr as WordPressIcon,
+  yr as WordPressIcon,
   Bt as file,
-  Lt as folder,
-  Cr as getLogoDataURL,
+  Wt as folder,
+  _r as getLogoDataURL,
   Er as layout,
   wr as playgroundLogo,
   gr as temporaryStorage