@wp-playground/components 3.0.6 → 3.0.8

package/index.js

@@ -1,5 +1,10 @@
-import e from "react";
-const l = (t) => /* @__PURE__ */ e.createElement(
+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(
   "svg",
   {
     width: "32",
@@ -7,9 +12,9 @@ const l = (t) => /* @__PURE__ */ e.createElement(
     viewBox: "0 0 32 32",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    ...t
+    ...l
   },
-  /* @__PURE__ */ e.createElement(
+  /* @__PURE__ */ d.createElement(
     "rect",
     {
       width: "10.4176",
@@ -20,7 +25,7 @@ const l = (t) => /* @__PURE__ */ e.createElement(
       strokeWidth: "0.965644"
     }
   ),
-  /* @__PURE__ */ e.createElement(
+  /* @__PURE__ */ d.createElement(
     "rect",
     {
       width: "13.2346",
@@ -31,7 +36,7 @@ const l = (t) => /* @__PURE__ */ e.createElement(
       strokeWidth: "1.44847"
     }
   ),
-  /* @__PURE__ */ e.createElement(
+  /* @__PURE__ */ d.createElement(
     "rect",
     {
       width: "17.451",
@@ -42,7 +47,7 @@ const l = (t) => /* @__PURE__ */ e.createElement(
       strokeWidth: "1.93129"
     }
   )
-), n = (t) => /* @__PURE__ */ e.createElement(
+), gr = (l) => /* @__PURE__ */ d.createElement(
   "svg",
   {
     width: "16",
@@ -50,9 +55,9 @@ const l = (t) => /* @__PURE__ */ e.createElement(
     viewBox: "0 0 16 17",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    ...t
+    ...l
   },
-  /* @__PURE__ */ e.createElement(
+  /* @__PURE__ */ d.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -61,7 +66,7 @@ const l = (t) => /* @__PURE__ */ e.createElement(
       fill: "#949494"
     }
   )
-), r = (t) => /* @__PURE__ */ e.createElement(
+), vr = (l) => /* @__PURE__ */ d.createElement(
   "svg",
   {
     width: "20",
@@ -69,16 +74,16 @@ const l = (t) => /* @__PURE__ */ e.createElement(
     viewBox: "0 0 20 21",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    ...t
+    ...l
   },
-  /* @__PURE__ */ e.createElement(
+  /* @__PURE__ */ d.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"
     }
   )
-), i = /* @__PURE__ */ e.createElement(
+), Lt = /* @__PURE__ */ d.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -87,7 +92,7 @@ const l = (t) => /* @__PURE__ */ e.createElement(
     viewBox: "0 0 15 14",
     fill: "none"
   },
-  /* @__PURE__ */ e.createElement(
+  /* @__PURE__ */ d.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -95,7 +100,7 @@ const l = (t) => /* @__PURE__ */ e.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"
     }
   )
-), o = /* @__PURE__ */ e.createElement(
+), Bt = /* @__PURE__ */ d.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -105,8 +110,8 @@ const l = (t) => /* @__PURE__ */ e.createElement(
     className: "bi bi-file-earmark",
     viewBox: "0 0 16 16"
   },
-  /* @__PURE__ */ e.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" })
-), h = (t) => /* @__PURE__ */ e.createElement(
+  /* @__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(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -114,9 +119,9 @@ const l = (t) => /* @__PURE__ */ e.createElement(
     height: "18",
     viewBox: "0 0 14 14",
     fill: "none",
-    ...t
+    ...l
   },
-  /* @__PURE__ */ e.createElement(
+  /* @__PURE__ */ d.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -125,7 +130,7 @@ const l = (t) => /* @__PURE__ */ e.createElement(
       fill: "#949494"
     }
   )
-), a = /* @__PURE__ */ e.createElement(
+), Er = /* @__PURE__ */ d.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -134,7 +139,7 @@ const l = (t) => /* @__PURE__ */ e.createElement(
     viewBox: "0 0 14 14",
     fill: "none"
   },
-  /* @__PURE__ */ e.createElement(
+  /* @__PURE__ */ d.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -144,11 +149,11 @@ const l = (t) => /* @__PURE__ */ e.createElement(
     }
   )
 );
-function w(t) {
-  return `data:${t.mime};base64,${t.data}`;
+function Cr(l) {
+  return `data:${l.mime};base64,${l.data}`;
 }
-function d() {
-  return /* @__PURE__ */ e.createElement(
+function br() {
+  return /* @__PURE__ */ d.createElement(
     "svg",
     {
       width: "14",
@@ -157,7 +162,7 @@ function d() {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg"
     },
-    /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ d.createElement(
       "path",
       {
         fillRule: "evenodd",
@@ -168,15 +173,1600 @@ function d() {
     )
   );
 }
+const vt = bt(({
+  icon: l,
+  size: s = 24,
+  ...C
+}, h) => $t(l, {
+  width: s,
+  height: s,
+  ...C,
+  ref: h
+}));
+var pt = { exports: {} }, Le = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * 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 };
+  }
+  return Le.Fragment = C, Le.jsx = T, Le.jsxs = T, Le;
+}
+var Be = {};
+/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * 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";
+    function he(e) {
+      if (e === null || typeof e != "object")
+        return null;
+      var o = ee && e[ee] || e[q];
+      return typeof o == "function" ? o : null;
+    }
+    var S = l.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function R(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);
+      }
+    }
+    function se(e, o, c) {
+      {
+        var p = S.ReactDebugCurrentFrame, b = p.getStackAddendum();
+        b !== "" && (o += "%s", c = c.concat([b]));
+        var _ = c.map(function(E) {
+          return String(E);
+        });
+        _.unshift("Warning: " + o), Function.prototype.apply.call(console[e], console, _);
+      }
+    }
+    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
+      // 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));
+    }
+    function ne(e, o, c) {
+      var p = e.displayName;
+      if (p)
+        return p;
+      var b = o.displayName || o.name || "";
+      return b !== "" ? c + "(" + b + ")" : c;
+    }
+    function ue(e) {
+      return e.displayName || "Context";
+    }
+    function Z(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")
+        return e.displayName || e.name || null;
+      if (typeof e == "string")
+        return e;
+      switch (e) {
+        case h:
+          return "Fragment";
+        case C:
+          return "Portal";
+        case P:
+          return "Profiler";
+        case x:
+          return "StrictMode";
+        case O:
+          return "Suspense";
+        case y:
+          return "SuspenseList";
+      }
+      if (typeof e == "object")
+        switch (e.$$typeof) {
+          case H:
+            var o = e;
+            return ue(o) + ".Consumer";
+          case T:
+            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;
+            try {
+              return Z(E(_));
+            } catch {
+              return null;
+            }
+          }
+        }
+      return null;
+    }
+    var j = Object.assign, L = 0, be, _e, ge, oe, ve, A, ye;
+    function ae() {
+    }
+    ae.__reactDisabledLog = !0;
+    function fe() {
+      {
+        if (L === 0) {
+          be = console.log, _e = console.info, ge = console.warn, oe = console.error, ve = console.group, A = console.groupCollapsed, ye = console.groupEnd;
+          var e = {
+            configurable: !0,
+            enumerable: !0,
+            value: ae,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            info: e,
+            log: e,
+            warn: e,
+            error: e,
+            group: e,
+            groupCollapsed: e,
+            groupEnd: e
+          });
+        }
+        L++;
+      }
+    }
+    function Re() {
+      {
+        if (L--, L === 0) {
+          var e = {
+            configurable: !0,
+            enumerable: !0,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            log: j({}, e, {
+              value: be
+            }),
+            info: j({}, e, {
+              value: _e
+            }),
+            warn: j({}, e, {
+              value: ge
+            }),
+            error: j({}, e, {
+              value: oe
+            }),
+            group: j({}, e, {
+              value: ve
+            }),
+            groupCollapsed: j({}, e, {
+              value: A
+            }),
+            groupEnd: j({}, e, {
+              value: ye
+            })
+          });
+        }
+        L < 0 && R("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+      }
+    }
+    var de = S.ReactCurrentDispatcher, B;
+    function u(e, o, c) {
+      {
+        if (B === void 0)
+          try {
+            throw Error();
+          } catch (b) {
+            var p = b.stack.trim().match(/\n( *(at )?)/);
+            B = p && p[1] || "";
+          }
+        return `
+` + B + e;
+      }
+    }
+    var $ = !1, me;
+    {
+      var Y = typeof WeakMap == "function" ? WeakMap : Map;
+      me = new Y();
+    }
+    function z(e, o) {
+      if (!e || $)
+        return "";
+      {
+        var c = me.get(e);
+        if (c !== void 0)
+          return c;
+      }
+      var p;
+      $ = !0;
+      var b = Error.prepareStackTrace;
+      Error.prepareStackTrace = void 0;
+      var _;
+      _ = de.current, de.current = null, fe();
+      try {
+        if (o) {
+          var E = function() {
+            throw Error();
+          };
+          if (Object.defineProperty(E.prototype, "props", {
+            set: function() {
+              throw Error();
+            }
+          }), typeof Reflect == "object" && Reflect.construct) {
+            try {
+              Reflect.construct(E, []);
+            } catch (J) {
+              p = J;
+            }
+            Reflect.construct(e, [], E);
+          } else {
+            try {
+              E.call();
+            } catch (J) {
+              p = J;
+            }
+            e.call(E.prototype);
+          }
+        } else {
+          try {
+            throw Error();
+          } catch (J) {
+            p = 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)
+                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;
+                  }
+                while (D >= 1 && V >= 0);
+              break;
+            }
+        }
+      } finally {
+        $ = !1, de.current = _, Re(), Error.prepareStackTrace = b;
+      }
+      var je = e ? e.displayName || e.name : "", Pe = je ? u(je) : "";
+      return typeof e == "function" && me.set(e, Pe), Pe;
+    }
+    function Se(e, o, c) {
+      return z(e, !1);
+    }
+    function Ze(e) {
+      var o = e.prototype;
+      return !!(o && o.isReactComponent);
+    }
+    function pe(e, o, c) {
+      if (e == null)
+        return "";
+      if (typeof e == "function")
+        return z(e, Ze(e));
+      if (typeof e == "string")
+        return u(e);
+      switch (e) {
+        case O:
+          return u("Suspense");
+        case y:
+          return u("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;
+            try {
+              return pe(_(b), o, c);
+            } catch {
+            }
+          }
+        }
+      return "";
+    }
+    var Ee = Object.prototype.hasOwnProperty, Ye = {}, Oe = S.ReactDebugCurrentFrame;
+    function De(e) {
+      if (e) {
+        var o = e._owner, c = pe(e.type, e._source, o ? o.type : null);
+        Oe.setExtraStackFrame(c);
+      } else
+        Oe.setExtraStackFrame(null);
+    }
+    function Ne(e, o, c, p, b) {
+      {
+        var _ = Function.call.bind(Ee);
+        for (var E in e)
+          if (_(e, E)) {
+            var v = 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`.");
+                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;
+            }
+            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));
+          }
+      }
+    }
+    var nt = Array.isArray;
+    function Me(e) {
+      return nt(e);
+    }
+    function at(e) {
+      {
+        var o = typeof Symbol == "function" && Symbol.toStringTag, c = o && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return c;
+      }
+    }
+    function it(e) {
+      try {
+        return ze(e), !1;
+      } catch {
+        return !0;
+      }
+    }
+    function ze(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);
+    }
+    var qe = S.ReactCurrentOwner, Fe = {
+      key: !0,
+      ref: !0,
+      __self: !0,
+      __source: !0
+    }, xe, Ke;
+    function ot(e) {
+      if (Ee.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")) {
+        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 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));
+        };
+        c.isReactWarning = !0, Object.defineProperty(e, "key", {
+          get: c,
+          configurable: !0
+        });
+      }
+    }
+    function Ge(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));
+        };
+        c.isReactWarning = !0, Object.defineProperty(e, "ref", {
+          get: c,
+          configurable: !0
+        });
+      }
+    }
+    var Je = function(e, o, c, p, b, _, E) {
+      var v = {
+        // This tag allows us to uniquely identify this as a React Element
+        $$typeof: s,
+        // Built-in properties that belong on the element
+        type: e,
+        key: o,
+        ref: c,
+        props: E,
+        // Record the component responsible for creating this element.
+        _owner: _
+      };
+      return v._store = {}, Object.defineProperty(v._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: !1
+      }), Object.defineProperty(v, "_self", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: p
+      }), Object.defineProperty(v, "_source", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: b
+      }), Object.freeze && (Object.freeze(v.props), Object.freeze(v)), v;
+    };
+    function Xe(e, o, c, p, 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[_]);
+        if (e && e.defaultProps) {
+          var D = e.defaultProps;
+          for (_ in D)
+            E[_] === void 0 && (E[_] = D[_]);
+        }
+        if (v || U) {
+          var V = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          v && ct(E, V), U && Ge(E, V);
+        }
+        return Je(e, v, U, b, p, qe.current, E);
+      }
+    }
+    var $e = S.ReactCurrentOwner, Qe = S.ReactDebugCurrentFrame;
+    function Ce(e) {
+      if (e) {
+        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;
+    }
+    function t() {
+      {
+        if ($e.current) {
+          var e = Z($e.current.type);
+          if (e)
+            return `
+
+Check the render method of \`` + e + "`.";
+        }
+        return "";
+      }
+    }
+    function r(e) {
+      return "";
+    }
+    var n = {};
+    function i(e) {
+      {
+        var o = t();
+        if (!o) {
+          var c = typeof e == "string" ? e : e.displayName || e.name;
+          c && (o = `
+
+Check the top-level render call using <` + c + ">.");
+        }
+        return o;
+      }
+    }
+    function a(e, o) {
+      {
+        if (!e._store || e._store.validated || e.key != null)
+          return;
+        e._store.validated = !0;
+        var c = i(o);
+        if (n[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);
+      }
+    }
+    function m(e, o) {
+      {
+        if (typeof e != "object")
+          return;
+        if (Me(e))
+          for (var c = 0; c < e.length; c++) {
+            var p = e[c];
+            Ie(p) && a(p, o);
+          }
+        else if (Ie(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);
+        }
+      }
+    }
+    function f(e) {
+      {
+        var o = e.type;
+        if (o == null || typeof o == "string")
+          return;
+        var c;
+        if (typeof o == "function")
+          c = o.propTypes;
+        else if (typeof o == "object" && (o.$$typeof === k || // Note: Memo only checks outer props here.
+        // Inner props are checked in the reconciler.
+        o.$$typeof === I))
+          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");
+        }
+        typeof o.getDefaultProps == "function" && !o.getDefaultProps.isReactClassApproved && R("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+      }
+    }
+    function g(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);
+            break;
+          }
+        }
+        e.ref !== null && (Ce(e), R("Invalid attribute `ref` supplied to `React.Fragment`."), Ce(null));
+      }
+    }
+    var N = {};
+    function Te(e, o, c, p, b, _) {
+      {
+        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 = 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);
+              } 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.");
+            else
+              m(te, 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:
+  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;
+          }
+        }
+        return e === h ? g(V) : f(V), V;
+      }
+    }
+    function et(e, o, c) {
+      return Te(e, o, c, !0);
+    }
+    function tt(e, o, c) {
+      return Te(e, o, c, !1);
+    }
+    var xt = tt, Tt = et;
+    Be.Fragment = h, Be.jsx = xt, Be.jsxs = Tt;
+  }()), Be;
+}
+process.env.NODE_ENV === "production" ? pt.exports = Wt() : pt.exports = Zt();
+var We = pt.exports;
+const _t = (l) => Ht("path", l), ht = bt(
+  /**
+   * @param {SVGProps}                                    props isPressed indicates whether the SVG should appear as pressed.
+   *                                                            Other props will be passed through to svg component.
+   * @param {import('react').ForwardedRef<SVGSVGElement>} ref   The forwarded ref to the SVG element.
+   *
+   * @return {JSX.Element} Stop component
+   */
+  ({
+    className: l,
+    isPressed: s,
+    ...C
+  }, h) => {
+    const x = {
+      ...C,
+      className: It(l, {
+        "is-pressed": s
+      }) || void 0,
+      "aria-hidden": !0,
+      focusable: !1
+    };
+    return /* @__PURE__ */ We.jsx("svg", {
+      ...x,
+      ref: h
+    });
+  }
+);
+ht.displayName = "SVG";
+const Yt = /* @__PURE__ */ We.jsx(ht, {
+  viewBox: "0 0 24 24",
+  xmlns: "http://www.w3.org/2000/svg",
+  children: /* @__PURE__ */ We.jsx(_t, {
+    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, {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24",
+  children: /* @__PURE__ */ We.jsx(_t, {
+    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,
+  fileNodeButton: qt,
+  selected: Kt,
+  focused: Gt,
+  dropTarget: Jt,
+  dropTargetInvalid: Xt,
+  renaming: Qt,
+  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 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 dt(l, s, C) {
+  return l && (l === s ? C : l.startsWith(s === "/" ? "/" : `${s}/`) ? C + l.slice(s.length) : l);
+}
+const nr = St(function({
+  filesystem: s,
+  root: C = "/wordpress",
+  initialSelectedPath: h,
+  onSelect: x = () => {
+  }
+}, P) {
+  const T = wt(() => {
+    let t = (C || "/").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)
+      return {};
+    const t = {};
+    for (const r of ft(h))
+      t[r] = !0;
+    return t;
+  }), [y, I] = Q(
+    () => h ?? null
+  ), [M, F] = Q(
+    () => h ?? null
+  ), [ee, q] = Q({}), [he, S] = Q(
+    {}
+  ), [R, se] = Q(null), [we, K] = Q(
+    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]);
+  };
+  le(() => {
+    G.current = he;
+  }, [he]), le(() => {
+    ne.current = ee;
+  }, [ee]);
+  const j = (t) => {
+    var n;
+    const r = (n = ce.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) => {
+    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) => {
+    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,
+          [t]: a ?? []
+        })), i(a ?? []);
+      }).catch(() => {
+        i([]);
+      }).finally(() => {
+        S((a) => {
+          const m = { ...a };
+          return delete m[t], m;
+        });
+      });
+    }));
+  }, 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];
+    }, 600)));
+  }, A = (t) => (S((r) => ({ ...r, [t]: !0 })), new Promise((r) => {
+    ge(t).then((n) => {
+      q((i) => ({
+        ...i,
+        [t]: n ?? []
+      })), r(n ?? []);
+    }).catch(() => {
+      r([]);
+    }).finally(() => {
+      S((n) => {
+        const i = { ...n };
+        return delete i[t], i;
+      });
+    });
+  })), ye = (t, r, n) => {
+    O((i) => ({
+      ...i,
+      [t]: n
+    })), n ? oe(t, r) : q((i) => {
+      if (i[t] === void 0)
+        return i;
+      const a = { ...i };
+      return delete a[t], a;
+    });
+  }, ae = async (t) => {
+    if (!t) return;
+    const r = ft(t);
+    if (r.length === 0) return;
+    O((a) => {
+      const m = { ...a };
+      for (const f of r)
+        m[f] = !0;
+      return m;
+    });
+    let n = [
+      { name: T, 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") {
+        i = a, n = [];
+        continue;
+      }
+      n = await oe(a, m) ?? ne.current[a], i = a;
+    }
+  }, fe = (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);
+      }
+      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 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;
+  Ot(
+    P,
+    () => ({
+      focusPath: (t, r = {}) => {
+        if (!t) return;
+        const {
+          select: n = !0,
+          domFocus: i = !0,
+          notify: a = !1
+        } = r;
+        n && de(t, a), F(t), i && j(t);
+      },
+      selectPath: (t) => {
+        t && (de(t), F(t), j(t));
+      },
+      getSelectedPath: () => y,
+      expandToPath: async (t) => await ae(t),
+      refresh: async (t) => await A(t),
+      remapPath: fe,
+      createFile: async (t) => {
+        await xe(t, "file", "untitled.php");
+      },
+      createFolder: async (t) => {
+        await xe(t, "folder", "New Folder");
+      }
+    }),
+    [y, A, fe, ae]
+  );
+  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)
+      return;
+    Ze.current = !0;
+    const t = ft(h);
+    O((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 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);
+      }
+      return;
+    }
+    Se && Se === M || j(M);
+  }, [
+    B,
+    M,
+    L,
+    Se,
+    j
+  ]), le(() => {
+    if (B.length === 0)
+      return;
+    const t = B[0];
+    if ((t == null ? void 0 : t.type) !== "folder" || ie.current)
+      return;
+    const r = t.name;
+    ie.current = !0, O(
+      (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) => {
+    if (t.type === "folder")
+      return r;
+    const n = ke(r);
+    return n && n || "/";
+  }, Ne = (t, r, n) => {
+    const i = De(t, r);
+    if (!i)
+      return { allowed: !1, state: "invalid", destination: null };
+    if (n) {
+      if (i === n)
+        return { allowed: !1, state: "invalid", destination: null };
+      if (rr(n, i))
+        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(
+      "application/x-wp-playground-path",
+      n
+    ), t.dataTransfer.setData("text/plain", n)));
+  }, Me = () => {
+    Re();
+  }, 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 = 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);
+    if (!a.allowed || !a.destination) {
+      Re();
+      return;
+    }
+    t.preventDefault(), t.stopPropagation(), Z(n), K(null);
+    try {
+      i ? await lt(i, a.destination) : await $e(t, a.destination);
+    } finally {
+      Re();
+    }
+  }, qe = (t, r, n) => {
+    t.preventDefault(), t.stopPropagation(), Y(null), $({
+      absPath: n,
+      type: r.type,
+      x: t.clientX,
+      y: t.clientY
+    });
+  }, Fe = 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}`)); ) {
+      i += 1;
+      const { stem: f, ext: g } = a(r);
+      n = `${f} (${i})${g}`;
+    }
+    return n;
+  }, xe = async (t, r, n) => {
+    if (!s) return;
+    let i = t || y || T;
+    try {
+      await s.isDir(i) || (i = ke(i));
+    } catch {
+      i = ke(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);
+    }, 0);
+  }, Ke = async (t) => {
+    if (!s) return !1;
+    try {
+      if (await s.fileExists(t))
+        return !0;
+    } catch {
+    }
+    try {
+      if (await s.isDir(t))
+        return !0;
+    } catch {
+    }
+    return !1;
+  }, ot = async (t) => {
+    if (s)
+      try {
+        await s.mkdir(t);
+      } catch (r) {
+        if (!await s.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))
+      return;
+    const a = ke(t);
+    try {
+      await s.mv(t, i), fe(t, i);
+      const m = dt(
+        y,
+        t,
+        i
+      );
+      y && (y === t || y.startsWith(`${t}/`)) && x(m), F(
+        (f) => dt(f, t, i)
+      ), O((f) => ({
+        ...f,
+        [r]: !0
+      })), await Promise.all([
+        A(a),
+        A(r)
+      ]), I(
+        (f) => dt(f, t, i)
+      ), j(i);
+    } catch {
+    }
+  }, st = (t) => {
+    const r = t;
+    return r.webkitGetAsEntry ? r.webkitGetAsEntry() : null;
+  }, ct = (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);
+  }, Xe = async (t, r) => {
+    const n = await Fe(
+      r,
+      t.name || "New Folder"
+    ), i = Ae(r, n);
+    await ot(i);
+    const a = t.createReader(), m = () => new Promise((f, g) => {
+      a.readEntries(
+        (N) => f(Array.from(N)),
+        g
+      );
+    });
+    for (; ; ) {
+      const f = await m();
+      if (!f.length)
+        break;
+      for (const g of f)
+        g.isFile ? await Je(
+          g,
+          i
+        ) : g.isDirectory && await Xe(
+          g,
+          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);
+    if (i.length > 0)
+      for (const f of i)
+        f.isFile ? await Je(
+          f,
+          r
+        ) : f.isDirectory && await Xe(
+          f,
+          r
+        );
+    else {
+      const f = (m = t.dataTransfer) != null && m.files ? Array.from(t.dataTransfer.files) : [];
+      for (const g of f)
+        await Ge(g, r);
+    }
+    await A(r), O((f) => ({
+      ...f,
+      [r]: !0
+    }));
+  }, Qe = async (t, r) => {
+    if (!s) return;
+    const n = t;
+    $(null);
+    try {
+      r === "folder" ? await s.rmdir(n, { recursive: !0 }) : await s.unlink(n);
+    } catch {
+    } finally {
+      Y(null);
+      const i = ke(n);
+      await A(i), y && (y === n || y.startsWith(`${n}/`)) && x(null);
+    }
+  }, Ce = (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;
+        }
+      }
+    } 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)) {
+      if (i) {
+        try {
+          n.type === "folder" ? await s.rmdir(t, {
+            recursive: !0
+          }) : await s.unlink(t);
+        } catch {
+        }
+        z.current = null;
+      }
+      Y(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);
+      }, 0);
+      return;
+    }
+    const N = await s.fileExists(g), Te = await s.isDir(g);
+    if ((N || Te) && g !== t)
+      if (i)
+        try {
+          const tt = await Fe(
+            a === "/" ? "/" : a,
+            m
+          );
+          f = Ae(a, tt), g = f;
+        } catch {
+        }
+      else {
+        Y(t);
+        return;
+      }
+    let et = (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);
+    } catch {
+      if (i)
+        try {
+          (n == null ? void 0 : n.type) === "folder" ? await s.rmdir(t, {
+            recursive: !0
+          }) : await s.unlink(t);
+        } catch {
+        }
+    } finally {
+      z.current = null, Y(null);
+    }
+  }, Ie = async (t) => {
+    const r = z.current;
+    if (!s || (r == null ? void 0 : r.tempPath) !== t) {
+      Y((i) => i === t ? null : i);
+      return;
+    }
+    try {
+      r.type === "folder" ? await s.rmdir(t, { recursive: !0 }) : await s.unlink(t);
+    } catch {
+    }
+    z.current = null, Y(null);
+    const n = ke(t);
+    await A(n), F(n), j(n);
+  };
+  return /* @__PURE__ */ d.createElement("div", { onKeyDown: Ce, ref: ce }, /* @__PURE__ */ d.createElement(Dt, { className: X.filePickerTree }, B.map((t, r) => /* @__PURE__ */ d.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,
+      onDragEnter: at,
+      onDragOver: it,
+      onDragLeave: ze,
+      onDrop: Ue,
+      rootPath: T
+    }
+  ))), u && /* @__PURE__ */ d.createElement(
+    Ft,
+    {
+      placement: "bottom-start",
+      onClose: () => $(null),
+      anchor: {
+        getBoundingClientRect: () => ({
+          x: u.x,
+          y: u.y,
+          width: 0,
+          height: 0,
+          top: u.y,
+          left: u.x,
+          right: u.x,
+          bottom: u.y,
+          toJSON: () => ({})
+        }),
+        ownerDocument: document
+      },
+      noArrow: !0,
+      resize: !1,
+      focusOnMount: "firstElement"
+    },
+    /* @__PURE__ */ d.createElement(jt, { role: "menu" }, u.type === "folder" && /* @__PURE__ */ d.createElement(
+      rt,
+      {
+        role: "menuitem",
+        onClick: async () => {
+          $(null), await xe(
+            u.absPath,
+            "file",
+            "untitled.php"
+          );
+        }
+      },
+      "Create file"
+    ), u.type === "folder" && /* @__PURE__ */ d.createElement(
+      rt,
+      {
+        role: "menuitem",
+        onClick: async () => {
+          $(null), await xe(
+            u.absPath,
+            "folder",
+            "New Folder"
+          );
+        }
+      },
+      "Create directory"
+    ), /* @__PURE__ */ d.createElement(
+      rt,
+      {
+        role: "menuitem",
+        onClick: () => {
+          $(null), Y(u.absPath);
+        }
+      },
+      "Rename"
+    ), /* @__PURE__ */ d.createElement(
+      rt,
+      {
+        role: "menuitem",
+        onClick: () => Qe(
+          u.absPath,
+          u.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,
+  parentPath: he = "",
+  dropIndicator: S,
+  onDragStart: R,
+  onDragEnd: se,
+  onDragEnter: we,
+  onDragOver: K,
+  onDragLeave: W,
+  onDrop: ie,
+  rootPath: ce
+}) => {
+  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(
+        `[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
+          );
+          (me = document.querySelector(
+            `[data-path="${z}"]`
+          )) == null || me.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 }));
+      });
+    }
+  }, 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);
+      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;
+  };
+  return /* @__PURE__ */ d.createElement(d.Fragment, null, /* @__PURE__ */ d.createElement(
+    At,
+    {
+      level: s,
+      positionInSet: C,
+      setSize: h
+    },
+    /* @__PURE__ */ d.createElement(Vt, null, () => /* @__PURE__ */ d.createElement(d.Fragment, null, ne ? /* @__PURE__ */ d.createElement(
+      "form",
+      {
+        onSubmit: Re,
+        className: gt(
+          X.fileNodeButton,
+          X.renaming,
+          "file-node-button",
+          {
+            [X.selected]: T === w,
+            [X.focused]: k === w,
+            [X.dropTarget]: _e,
+            [X.dropTargetInvalid]: ge
+          }
+        ),
+        "data-path": w,
+        onContextMenu: fe,
+        ...ve
+      },
+      /* @__PURE__ */ d.createElement(
+        Ct,
+        {
+          node: l,
+          isOpen: l.type === "folder" && G,
+          level: s,
+          hideName: !0
+        }
+      ),
+      /* @__PURE__ */ d.createElement(
+        "input",
+        {
+          ref: ue,
+          className: X.renameInput,
+          value: Z,
+          onChange: (u) => j(u.target.value),
+          onBlur: B,
+          onFocus: () => H(w),
+          onKeyDown: de
+        }
+      )
+    ) : /* @__PURE__ */ d.createElement(
+      mt,
+      {
+        ...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,
+        onFocus: () => {
+          H(w);
+        },
+        onContextMenu: fe,
+        className: gt(
+          X.fileNodeButton,
+          {
+            [X.selected]: T === w,
+            [X.focused]: k === w,
+            [X.dropTarget]: _e,
+            [X.dropTargetInvalid]: ge
+          }
+        ),
+        "data-path": w,
+        "data-expanded": G ? "true" : "false"
+      },
+      /* @__PURE__ */ d.createElement(
+        Ct,
+        {
+          node: l,
+          isOpen: l.type === "folder" && G,
+          level: s
+        }
+      )
+    )))
+  ), G && A && A.map((u, $) => /* @__PURE__ */ d.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,
+      onDragEnter: we,
+      onDragOver: K,
+      onDragLeave: W,
+      onDrop: ie,
+      rootPath: ce
+    }
+  )));
+}, 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(
+    "span",
+    {
+      "aria-hidden": "true",
+      dangerouslySetInnerHTML: { __html: x.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 = {
+  control: ar,
+  browseLabel: ir,
+  pathPreview: or,
+  modal: lr,
+  modalFooter: sr
+};
+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(
+    0,
+    l.length - C.length
+  );
+  return /* @__PURE__ */ d.createElement(
+    "div",
+    {
+      className: Ve.pathPreview,
+      "data-content-start": h,
+      "data-content-end": C
+    }
+  );
+}
+function _r({
+  value: l = "",
+  onChange: s,
+  filesystem: C
+}) {
+  const [h, x] = Q(!1), P = () => x(!0), T = () => x(!1), [H, k] = Q(
+    l || null
+  );
+  function O(y) {
+    y == null || y.preventDefault(), s(H || ""), T();
+  }
+  return /* @__PURE__ */ d.createElement(d.Fragment, null, /* @__PURE__ */ d.createElement(
+    mt,
+    {
+      variant: "tertiary",
+      className: Ve.control,
+      onClick: P
+    },
+    /* @__PURE__ */ d.createElement("span", { className: Ve.browseLabel }, "Browse"),
+    /* @__PURE__ */ d.createElement(cr, { path: l || "" })
+  ), h && /* @__PURE__ */ d.createElement(
+    Nt,
+    {
+      title: "Select a path ",
+      onRequestClose: T,
+      className: Ve.modal
+    },
+    /* @__PURE__ */ d.createElement("form", { onSubmit: O }, /* @__PURE__ */ d.createElement(
+      nr,
+      {
+        filesystem: C,
+        initialSelectedPath: l,
+        onSelect: k
+      }
+    ), /* @__PURE__ */ d.createElement("div", { className: Ve.modalFooter }, /* @__PURE__ */ d.createElement(mt, { type: "submit", variant: "primary" }, "Select Path")))
+  ));
+}
 export {
-  h as ClockIcon,
-  d as SiteManagerIcon,
-  r as WordPressIcon,
-  o as file,
-  i as folder,
-  w as getLogoDataURL,
-  a as layout,
-  l as playgroundLogo,
-  n as temporaryStorage
+  yr as ClockIcon,
+  _r as FilePickerControl,
+  nr as FilePickerTree,
+  br as SiteManagerIcon,
+  vr as WordPressIcon,
+  Bt as file,
+  Lt as folder,
+  Cr as getLogoDataURL,
+  Er as layout,
+  wr as playgroundLogo,
+  gr as temporaryStorage
 };
 //# sourceMappingURL=index.js.map