@dao42/d42paas-front 0.7.41 → 0.7.45

package/dist/DaoPaaS.es.js

@@ -146,7 +146,7 @@ var objectAssign = shouldUseNative() ? Object.assign : function(target, source2)
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var l$c = objectAssign, n$g = 60103, p$a = 60106;
+var l$c = objectAssign, n$f = 60103, p$a = 60106;
 react_production_min.Fragment = 60107;
 react_production_min.StrictMode = 60108;
 react_production_min.Profiler = 60114;
@@ -155,7 +155,7 @@ react_production_min.Suspense = 60113;
 var u$9 = 60115, v$8 = 60116;
 if (typeof Symbol === "function" && Symbol.for) {
   var w$8 = Symbol.for;
-  n$g = w$8("react.element");
+  n$f = w$8("react.element");
   p$a = w$8("react.portal");
   react_production_min.Fragment = w$8("react.fragment");
   react_production_min.StrictMode = w$8("react.strict_mode");
@@ -230,13 +230,13 @@ function J$1(a, b2, c2) {
   if (a && a.defaultProps)
     for (e2 in g2 = a.defaultProps, g2)
       d2[e2] === void 0 && (d2[e2] = g2[e2]);
-  return { $$typeof: n$g, type: a, key: k, ref: h2, props: d2, _owner: G$3.current };
+  return { $$typeof: n$f, type: a, key: k, ref: h2, props: d2, _owner: G$3.current };
 }
 function K$1(a, b2) {
-  return { $$typeof: n$g, type: a.type, key: b2, ref: a.ref, props: a.props, _owner: a._owner };
+  return { $$typeof: n$f, type: a.type, key: b2, ref: a.ref, props: a.props, _owner: a._owner };
 }
 function L$3(a) {
-  return typeof a === "object" && a !== null && a.$$typeof === n$g;
+  return typeof a === "object" && a !== null && a.$$typeof === n$f;
 }
 function escape$3(a) {
   var b2 = { "=": "=0", ":": "=2" };
@@ -263,7 +263,7 @@ function O$2(a, b2, c2, e2, d2) {
         break;
       case "object":
         switch (a.$$typeof) {
-          case n$g:
+          case n$f:
           case p$a:
             h2 = true;
         }
@@ -364,7 +364,7 @@ react_production_min.cloneElement = function(a, b2, c2) {
     e2.children = g2;
   }
   return {
-    $$typeof: n$g,
+    $$typeof: n$f,
     type: a.type,
     key: d2,
     ref: k,
@@ -23350,14 +23350,14 @@ if (typeof Symbol === "function" && Symbol.for) {
   g$8 = h$c("react.element");
   reactJsxRuntime_production_min.Fragment = h$c("react.fragment");
 }
-var m$9 = f$9.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, n$f = Object.prototype.hasOwnProperty, p$9 = { key: true, ref: true, __self: true, __source: true };
+var m$9 = f$9.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, n$e = Object.prototype.hasOwnProperty, p$9 = { key: true, ref: true, __self: true, __source: true };
 function q$5(c2, a, k) {
   var b2, d2 = {}, e2 = null, l2 = null;
   k !== void 0 && (e2 = "" + k);
   a.key !== void 0 && (e2 = "" + a.key);
   a.ref !== void 0 && (l2 = a.ref);
   for (b2 in a)
-    n$f.call(a, b2) && !p$9.hasOwnProperty(b2) && (d2[b2] = a[b2]);
+    n$e.call(a, b2) && !p$9.hasOwnProperty(b2) && (d2[b2] = a[b2]);
   if (c2 && c2.defaultProps)
     for (b2 in a = c2.defaultProps, a)
       d2[b2] === void 0 && (d2[b2] = a[b2]);
@@ -27160,7 +27160,7 @@ var DropdownMenu$1 = /* @__PURE__ */ React.forwardRef(function(props2, ref) {
   if (sidenav !== null && sidenav !== void 0 && sidenav.expanded) {
     return /* @__PURE__ */ jsx(SidenavDropdownMenu$1, __spreadValues({}, omit_1(props2, "classPrefix")));
   }
-  var _omit = omit_1(rest2, ["trigger"]), icon = _omit.icon, className = _omit.className, disabled = _omit.disabled, menuProps = _objectWithoutPropertiesLoose$4(_omit, ["icon", "className", "disabled"]);
+  var _omit2 = omit_1(rest2, ["trigger"]), icon = _omit2.icon, className = _omit2.className, disabled = _omit2.disabled, menuProps = _objectWithoutPropertiesLoose$4(_omit2, ["icon", "className", "disabled"]);
   var Icon3 = rtl ? AngleLeftIcon : AngleRightIcon;
   return /* @__PURE__ */ jsx(Menu$3, {
     openMenuOn: ["mouseover", "click"],
@@ -28393,7 +28393,7 @@ var reactIs_production_min$2 = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var b$7 = 60103, c$a = 60106, d$8 = 60107, e$f = 60108, f$8 = 60114, g$7 = 60109, h$b = 60110, k$7 = 60112, l$b = 60113, m$8 = 60120, n$e = 60115, p$8 = 60116, q$4 = 60121, r$d = 60122, u$8 = 60117, v$7 = 60129, w$7 = 60131;
+var b$7 = 60103, c$a = 60106, d$8 = 60107, e$f = 60108, f$8 = 60114, g$7 = 60109, h$b = 60110, k$7 = 60112, l$b = 60113, m$8 = 60120, n$d = 60115, p$8 = 60116, q$4 = 60121, r$d = 60122, u$8 = 60117, v$7 = 60129, w$7 = 60131;
 if (typeof Symbol === "function" && Symbol.for) {
   var x$6 = Symbol.for;
   b$7 = x$6("react.element");
@@ -28406,7 +28406,7 @@ if (typeof Symbol === "function" && Symbol.for) {
   k$7 = x$6("react.forward_ref");
   l$b = x$6("react.suspense");
   m$8 = x$6("react.suspense_list");
-  n$e = x$6("react.memo");
+  n$d = x$6("react.memo");
   p$8 = x$6("react.lazy");
   q$4 = x$6("react.block");
   r$d = x$6("react.server.block");
@@ -28431,7 +28431,7 @@ function y$6(a) {
               case h$b:
               case k$7:
               case p$8:
-              case n$e:
+              case n$d:
               case g$7:
                 return a;
               default:
@@ -28443,7 +28443,7 @@ function y$6(a) {
     }
   }
 }
-var z$4 = g$7, A$5 = b$7, B$2 = k$7, C$2 = d$8, D$2 = p$8, E$3 = n$e, F$1 = c$a, G$1 = f$8, H$3 = e$f, I$3 = l$b;
+var z$4 = g$7, A$5 = b$7, B$2 = k$7, C$2 = d$8, D$2 = p$8, E$3 = n$d, F$1 = c$a, G$1 = f$8, H$3 = e$f, I$3 = l$b;
 reactIs_production_min$2.ContextConsumer = h$b;
 reactIs_production_min$2.ContextProvider = z$4;
 reactIs_production_min$2.Element = A$5;
@@ -28480,7 +28480,7 @@ reactIs_production_min$2.isLazy = function(a) {
   return y$6(a) === p$8;
 };
 reactIs_production_min$2.isMemo = function(a) {
-  return y$6(a) === n$e;
+  return y$6(a) === n$d;
 };
 reactIs_production_min$2.isPortal = function(a) {
   return y$6(a) === c$a;
@@ -28495,7 +28495,7 @@ reactIs_production_min$2.isSuspense = function(a) {
   return y$6(a) === l$b;
 };
 reactIs_production_min$2.isValidElementType = function(a) {
-  return typeof a === "string" || typeof a === "function" || a === d$8 || a === f$8 || a === v$7 || a === e$f || a === l$b || a === m$8 || a === w$7 || typeof a === "object" && a !== null && (a.$$typeof === p$8 || a.$$typeof === n$e || a.$$typeof === g$7 || a.$$typeof === h$b || a.$$typeof === k$7 || a.$$typeof === u$8 || a.$$typeof === q$4 || a[0] === r$d) ? true : false;
+  return typeof a === "string" || typeof a === "function" || a === d$8 || a === f$8 || a === v$7 || a === e$f || a === l$b || a === m$8 || a === w$7 || typeof a === "object" && a !== null && (a.$$typeof === p$8 || a.$$typeof === n$d || a.$$typeof === g$7 || a.$$typeof === h$b || a.$$typeof === k$7 || a.$$typeof === u$8 || a.$$typeof === q$4 || a[0] === r$d) ? true : false;
 };
 reactIs_production_min$2.typeOf = y$6;
 {
@@ -28760,6 +28760,15 @@ const PlaygroundInit = (arg) => {
     io.on("connect_timeout", (timeout2) => {
       io.connect();
     });
+    io.on("alreadyLogin", () => {
+      setTimeout(() => {
+        Toast.message({
+          type: "error",
+          content: "\u8BE5\u8D26\u53F7\u5DF2\u7ECF\u767B\u5F55",
+          placement: "topCenter"
+        });
+      }, 2e3);
+    });
     io.on("error", (error2) => {
       setTimeout(() => {
         Toast.message({
@@ -28791,7 +28800,7 @@ var reactIs_production_min$1 = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var b$6 = typeof Symbol === "function" && Symbol.for, c$9 = b$6 ? Symbol.for("react.element") : 60103, d$7 = b$6 ? Symbol.for("react.portal") : 60106, e$e = b$6 ? Symbol.for("react.fragment") : 60107, f$7 = b$6 ? Symbol.for("react.strict_mode") : 60108, g$6 = b$6 ? Symbol.for("react.profiler") : 60114, h$a = b$6 ? Symbol.for("react.provider") : 60109, k$6 = b$6 ? Symbol.for("react.context") : 60110, l$a = b$6 ? Symbol.for("react.async_mode") : 60111, m$7 = b$6 ? Symbol.for("react.concurrent_mode") : 60111, n$d = b$6 ? Symbol.for("react.forward_ref") : 60112, p$7 = b$6 ? Symbol.for("react.suspense") : 60113, q$3 = b$6 ? Symbol.for("react.suspense_list") : 60120, r$c = b$6 ? Symbol.for("react.memo") : 60115, t$a = b$6 ? Symbol.for("react.lazy") : 60116, v$6 = b$6 ? Symbol.for("react.block") : 60121, w$6 = b$6 ? Symbol.for("react.fundamental") : 60117, x$5 = b$6 ? Symbol.for("react.responder") : 60118, y$5 = b$6 ? Symbol.for("react.scope") : 60119;
+var b$6 = typeof Symbol === "function" && Symbol.for, c$9 = b$6 ? Symbol.for("react.element") : 60103, d$7 = b$6 ? Symbol.for("react.portal") : 60106, e$e = b$6 ? Symbol.for("react.fragment") : 60107, f$7 = b$6 ? Symbol.for("react.strict_mode") : 60108, g$6 = b$6 ? Symbol.for("react.profiler") : 60114, h$a = b$6 ? Symbol.for("react.provider") : 60109, k$6 = b$6 ? Symbol.for("react.context") : 60110, l$a = b$6 ? Symbol.for("react.async_mode") : 60111, m$7 = b$6 ? Symbol.for("react.concurrent_mode") : 60111, n$c = b$6 ? Symbol.for("react.forward_ref") : 60112, p$7 = b$6 ? Symbol.for("react.suspense") : 60113, q$3 = b$6 ? Symbol.for("react.suspense_list") : 60120, r$c = b$6 ? Symbol.for("react.memo") : 60115, t$a = b$6 ? Symbol.for("react.lazy") : 60116, v$6 = b$6 ? Symbol.for("react.block") : 60121, w$6 = b$6 ? Symbol.for("react.fundamental") : 60117, x$5 = b$6 ? Symbol.for("react.responder") : 60118, y$5 = b$6 ? Symbol.for("react.scope") : 60119;
 function z$3(a) {
   if (typeof a === "object" && a !== null) {
     var u2 = a.$$typeof;
@@ -28808,7 +28817,7 @@ function z$3(a) {
           default:
             switch (a = a && a.$$typeof, a) {
               case k$6:
-              case n$d:
+              case n$c:
               case t$a:
               case r$c:
               case h$a:
@@ -28830,7 +28839,7 @@ reactIs_production_min$1.ConcurrentMode = m$7;
 reactIs_production_min$1.ContextConsumer = k$6;
 reactIs_production_min$1.ContextProvider = h$a;
 reactIs_production_min$1.Element = c$9;
-reactIs_production_min$1.ForwardRef = n$d;
+reactIs_production_min$1.ForwardRef = n$c;
 reactIs_production_min$1.Fragment = e$e;
 reactIs_production_min$1.Lazy = t$a;
 reactIs_production_min$1.Memo = r$c;
@@ -28852,7 +28861,7 @@ reactIs_production_min$1.isElement = function(a) {
   return typeof a === "object" && a !== null && a.$$typeof === c$9;
 };
 reactIs_production_min$1.isForwardRef = function(a) {
-  return z$3(a) === n$d;
+  return z$3(a) === n$c;
 };
 reactIs_production_min$1.isFragment = function(a) {
   return z$3(a) === e$e;
@@ -28876,7 +28885,7 @@ reactIs_production_min$1.isSuspense = function(a) {
   return z$3(a) === p$7;
 };
 reactIs_production_min$1.isValidElementType = function(a) {
-  return typeof a === "string" || typeof a === "function" || a === e$e || a === m$7 || a === g$6 || a === f$7 || a === p$7 || a === q$3 || typeof a === "object" && a !== null && (a.$$typeof === t$a || a.$$typeof === r$c || a.$$typeof === h$a || a.$$typeof === k$6 || a.$$typeof === n$d || a.$$typeof === w$6 || a.$$typeof === x$5 || a.$$typeof === y$5 || a.$$typeof === v$6);
+  return typeof a === "string" || typeof a === "function" || a === e$e || a === m$7 || a === g$6 || a === f$7 || a === p$7 || a === q$3 || typeof a === "object" && a !== null && (a.$$typeof === t$a || a.$$typeof === r$c || a.$$typeof === h$a || a.$$typeof === k$6 || a.$$typeof === n$c || a.$$typeof === w$6 || a.$$typeof === x$5 || a.$$typeof === y$5 || a.$$typeof === v$6);
 };
 reactIs_production_min$1.typeOf = z$3;
 {
@@ -28892,7 +28901,7 @@ var reactIs_production_min = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var b$5 = typeof Symbol === "function" && Symbol.for, c$8 = b$5 ? Symbol.for("react.element") : 60103, d$6 = b$5 ? Symbol.for("react.portal") : 60106, e$d = b$5 ? Symbol.for("react.fragment") : 60107, f$6 = b$5 ? Symbol.for("react.strict_mode") : 60108, g$5 = b$5 ? Symbol.for("react.profiler") : 60114, h$9 = b$5 ? Symbol.for("react.provider") : 60109, k$5 = b$5 ? Symbol.for("react.context") : 60110, l$9 = b$5 ? Symbol.for("react.async_mode") : 60111, m$6 = b$5 ? Symbol.for("react.concurrent_mode") : 60111, n$c = b$5 ? Symbol.for("react.forward_ref") : 60112, p$6 = b$5 ? Symbol.for("react.suspense") : 60113, q$2 = b$5 ? Symbol.for("react.suspense_list") : 60120, r$b = b$5 ? Symbol.for("react.memo") : 60115, t$9 = b$5 ? Symbol.for("react.lazy") : 60116, v$5 = b$5 ? Symbol.for("react.block") : 60121, w$5 = b$5 ? Symbol.for("react.fundamental") : 60117, x$4 = b$5 ? Symbol.for("react.responder") : 60118, y$4 = b$5 ? Symbol.for("react.scope") : 60119;
+var b$5 = typeof Symbol === "function" && Symbol.for, c$8 = b$5 ? Symbol.for("react.element") : 60103, d$6 = b$5 ? Symbol.for("react.portal") : 60106, e$d = b$5 ? Symbol.for("react.fragment") : 60107, f$6 = b$5 ? Symbol.for("react.strict_mode") : 60108, g$5 = b$5 ? Symbol.for("react.profiler") : 60114, h$9 = b$5 ? Symbol.for("react.provider") : 60109, k$5 = b$5 ? Symbol.for("react.context") : 60110, l$9 = b$5 ? Symbol.for("react.async_mode") : 60111, m$6 = b$5 ? Symbol.for("react.concurrent_mode") : 60111, n$b = b$5 ? Symbol.for("react.forward_ref") : 60112, p$6 = b$5 ? Symbol.for("react.suspense") : 60113, q$2 = b$5 ? Symbol.for("react.suspense_list") : 60120, r$b = b$5 ? Symbol.for("react.memo") : 60115, t$9 = b$5 ? Symbol.for("react.lazy") : 60116, v$5 = b$5 ? Symbol.for("react.block") : 60121, w$5 = b$5 ? Symbol.for("react.fundamental") : 60117, x$4 = b$5 ? Symbol.for("react.responder") : 60118, y$4 = b$5 ? Symbol.for("react.scope") : 60119;
 function z$2(a) {
   if (typeof a === "object" && a !== null) {
     var u2 = a.$$typeof;
@@ -28909,7 +28918,7 @@ function z$2(a) {
           default:
             switch (a = a && a.$$typeof, a) {
               case k$5:
-              case n$c:
+              case n$b:
               case t$9:
               case r$b:
               case h$9:
@@ -28931,7 +28940,7 @@ reactIs_production_min.ConcurrentMode = m$6;
 reactIs_production_min.ContextConsumer = k$5;
 reactIs_production_min.ContextProvider = h$9;
 reactIs_production_min.Element = c$8;
-reactIs_production_min.ForwardRef = n$c;
+reactIs_production_min.ForwardRef = n$b;
 reactIs_production_min.Fragment = e$d;
 reactIs_production_min.Lazy = t$9;
 reactIs_production_min.Memo = r$b;
@@ -28953,7 +28962,7 @@ reactIs_production_min.isElement = function(a) {
   return typeof a === "object" && a !== null && a.$$typeof === c$8;
 };
 reactIs_production_min.isForwardRef = function(a) {
-  return z$2(a) === n$c;
+  return z$2(a) === n$b;
 };
 reactIs_production_min.isFragment = function(a) {
   return z$2(a) === e$d;
@@ -28977,7 +28986,7 @@ reactIs_production_min.isSuspense = function(a) {
   return z$2(a) === p$6;
 };
 reactIs_production_min.isValidElementType = function(a) {
-  return typeof a === "string" || typeof a === "function" || a === e$d || a === m$6 || a === g$5 || a === f$6 || a === p$6 || a === q$2 || typeof a === "object" && a !== null && (a.$$typeof === t$9 || a.$$typeof === r$b || a.$$typeof === h$9 || a.$$typeof === k$5 || a.$$typeof === n$c || a.$$typeof === w$5 || a.$$typeof === x$4 || a.$$typeof === y$4 || a.$$typeof === v$5);
+  return typeof a === "string" || typeof a === "function" || a === e$d || a === m$6 || a === g$5 || a === f$6 || a === p$6 || a === q$2 || typeof a === "object" && a !== null && (a.$$typeof === t$9 || a.$$typeof === r$b || a.$$typeof === h$9 || a.$$typeof === k$5 || a.$$typeof === n$b || a.$$typeof === w$5 || a.$$typeof === x$4 || a.$$typeof === y$4 || a.$$typeof === v$5);
 };
 reactIs_production_min.typeOf = z$2;
 {
@@ -33056,14 +33065,14 @@ function useComposedRefs(...e2) {
 }
 const Slot = /* @__PURE__ */ react.exports.forwardRef((e2, o2) => {
   const _a2 = e2, { children: a } = _a2, s2 = __objRest(_a2, ["children"]);
-  return react.exports.Children.toArray(a).some(l$8) ? /* @__PURE__ */ react.exports.createElement(react.exports.Fragment, null, react.exports.Children.map(a, (e3) => l$8(e3) ? /* @__PURE__ */ react.exports.createElement(n$b, _extends$1({}, s2, { ref: o2 }), e3.props.children) : e3)) : /* @__PURE__ */ react.exports.createElement(n$b, _extends$1({}, s2, { ref: o2 }), a);
+  return react.exports.Children.toArray(a).some(l$8) ? /* @__PURE__ */ react.exports.createElement(react.exports.Fragment, null, react.exports.Children.map(a, (e3) => l$8(e3) ? /* @__PURE__ */ react.exports.createElement(n$a, _extends$1({}, s2, { ref: o2 }), e3.props.children) : e3)) : /* @__PURE__ */ react.exports.createElement(n$a, _extends$1({}, s2, { ref: o2 }), a);
 });
 Slot.displayName = "Slot";
-const n$b = /* @__PURE__ */ react.exports.forwardRef((r2, n2) => {
+const n$a = /* @__PURE__ */ react.exports.forwardRef((r2, n2) => {
   const _a2 = r2, { children: l2 } = _a2, a = __objRest(_a2, ["children"]);
   return react.exports.isValidElement(l2) ? /* @__PURE__ */ react.exports.cloneElement(l2, __spreadProps(__spreadValues({}, o$c(a, l2.props)), { ref: composeRefs(n2, l2.ref) })) : react.exports.Children.count(l2) > 1 ? react.exports.Children.only(null) : null;
 });
-n$b.displayName = "SlotClone";
+n$a.displayName = "SlotClone";
 const Slottable = ({ children: e2 }) => /* @__PURE__ */ react.exports.createElement(react.exports.Fragment, null, e2);
 function l$8(e2) {
   return react.exports.isValidElement(e2) && e2.type === Slottable;
@@ -33708,7 +33717,7 @@ function testSchema(schema3) {
     }
   };
 }
-var e$c = "colors", t$8 = "sizes", r$a = "space", n$a = { gap: r$a, gridGap: r$a, columnGap: r$a, gridColumnGap: r$a, rowGap: r$a, gridRowGap: r$a, inset: r$a, insetBlock: r$a, insetBlockEnd: r$a, insetBlockStart: r$a, insetInline: r$a, insetInlineEnd: r$a, insetInlineStart: r$a, margin: r$a, marginTop: r$a, marginRight: r$a, marginBottom: r$a, marginLeft: r$a, marginBlock: r$a, marginBlockEnd: r$a, marginBlockStart: r$a, marginInline: r$a, marginInlineEnd: r$a, marginInlineStart: r$a, padding: r$a, paddingTop: r$a, paddingRight: r$a, paddingBottom: r$a, paddingLeft: r$a, paddingBlock: r$a, paddingBlockEnd: r$a, paddingBlockStart: r$a, paddingInline: r$a, paddingInlineEnd: r$a, paddingInlineStart: r$a, top: r$a, right: r$a, bottom: r$a, left: r$a, scrollMargin: r$a, scrollMarginTop: r$a, scrollMarginRight: r$a, scrollMarginBottom: r$a, scrollMarginLeft: r$a, scrollMarginX: r$a, scrollMarginY: r$a, scrollMarginBlock: r$a, scrollMarginBlockEnd: r$a, scrollMarginBlockStart: r$a, scrollMarginInline: r$a, scrollMarginInlineEnd: r$a, scrollMarginInlineStart: r$a, scrollPadding: r$a, scrollPaddingTop: r$a, scrollPaddingRight: r$a, scrollPaddingBottom: r$a, scrollPaddingLeft: r$a, scrollPaddingX: r$a, scrollPaddingY: r$a, scrollPaddingBlock: r$a, scrollPaddingBlockEnd: r$a, scrollPaddingBlockStart: r$a, scrollPaddingInline: r$a, scrollPaddingInlineEnd: r$a, scrollPaddingInlineStart: r$a, fontSize: "fontSizes", background: e$c, backgroundColor: e$c, backgroundImage: e$c, borderImage: e$c, border: e$c, borderBlock: e$c, borderBlockEnd: e$c, borderBlockStart: e$c, borderBottom: e$c, borderBottomColor: e$c, borderColor: e$c, borderInline: e$c, borderInlineEnd: e$c, borderInlineStart: e$c, borderLeft: e$c, borderLeftColor: e$c, borderRight: e$c, borderRightColor: e$c, borderTop: e$c, borderTopColor: e$c, caretColor: e$c, color: e$c, columnRuleColor: e$c, fill: e$c, outline: e$c, outlineColor: e$c, stroke: e$c, textDecorationColor: e$c, fontFamily: "fonts", fontWeight: "fontWeights", lineHeight: "lineHeights", letterSpacing: "letterSpacings", blockSize: t$8, minBlockSize: t$8, maxBlockSize: t$8, inlineSize: t$8, minInlineSize: t$8, maxInlineSize: t$8, width: t$8, minWidth: t$8, maxWidth: t$8, height: t$8, minHeight: t$8, maxHeight: t$8, flexBasis: t$8, gridTemplateColumns: t$8, gridTemplateRows: t$8, borderWidth: "borderWidths", borderTopWidth: "borderWidths", borderRightWidth: "borderWidths", borderBottomWidth: "borderWidths", borderLeftWidth: "borderWidths", borderStyle: "borderStyles", borderTopStyle: "borderStyles", borderRightStyle: "borderStyles", borderBottomStyle: "borderStyles", borderLeftStyle: "borderStyles", borderRadius: "radii", borderTopLeftRadius: "radii", borderTopRightRadius: "radii", borderBottomRightRadius: "radii", borderBottomLeftRadius: "radii", boxShadow: "shadows", textShadow: "shadows", transition: "transitions", zIndex: "zIndices" }, i$a = (e2, t2) => typeof t2 == "function" ? { "()": Function.prototype.toString.call(t2) } : t2, o$a = () => {
+var e$c = "colors", t$8 = "sizes", r$a = "space", n$9 = { gap: r$a, gridGap: r$a, columnGap: r$a, gridColumnGap: r$a, rowGap: r$a, gridRowGap: r$a, inset: r$a, insetBlock: r$a, insetBlockEnd: r$a, insetBlockStart: r$a, insetInline: r$a, insetInlineEnd: r$a, insetInlineStart: r$a, margin: r$a, marginTop: r$a, marginRight: r$a, marginBottom: r$a, marginLeft: r$a, marginBlock: r$a, marginBlockEnd: r$a, marginBlockStart: r$a, marginInline: r$a, marginInlineEnd: r$a, marginInlineStart: r$a, padding: r$a, paddingTop: r$a, paddingRight: r$a, paddingBottom: r$a, paddingLeft: r$a, paddingBlock: r$a, paddingBlockEnd: r$a, paddingBlockStart: r$a, paddingInline: r$a, paddingInlineEnd: r$a, paddingInlineStart: r$a, top: r$a, right: r$a, bottom: r$a, left: r$a, scrollMargin: r$a, scrollMarginTop: r$a, scrollMarginRight: r$a, scrollMarginBottom: r$a, scrollMarginLeft: r$a, scrollMarginX: r$a, scrollMarginY: r$a, scrollMarginBlock: r$a, scrollMarginBlockEnd: r$a, scrollMarginBlockStart: r$a, scrollMarginInline: r$a, scrollMarginInlineEnd: r$a, scrollMarginInlineStart: r$a, scrollPadding: r$a, scrollPaddingTop: r$a, scrollPaddingRight: r$a, scrollPaddingBottom: r$a, scrollPaddingLeft: r$a, scrollPaddingX: r$a, scrollPaddingY: r$a, scrollPaddingBlock: r$a, scrollPaddingBlockEnd: r$a, scrollPaddingBlockStart: r$a, scrollPaddingInline: r$a, scrollPaddingInlineEnd: r$a, scrollPaddingInlineStart: r$a, fontSize: "fontSizes", background: e$c, backgroundColor: e$c, backgroundImage: e$c, borderImage: e$c, border: e$c, borderBlock: e$c, borderBlockEnd: e$c, borderBlockStart: e$c, borderBottom: e$c, borderBottomColor: e$c, borderColor: e$c, borderInline: e$c, borderInlineEnd: e$c, borderInlineStart: e$c, borderLeft: e$c, borderLeftColor: e$c, borderRight: e$c, borderRightColor: e$c, borderTop: e$c, borderTopColor: e$c, caretColor: e$c, color: e$c, columnRuleColor: e$c, fill: e$c, outline: e$c, outlineColor: e$c, stroke: e$c, textDecorationColor: e$c, fontFamily: "fonts", fontWeight: "fontWeights", lineHeight: "lineHeights", letterSpacing: "letterSpacings", blockSize: t$8, minBlockSize: t$8, maxBlockSize: t$8, inlineSize: t$8, minInlineSize: t$8, maxInlineSize: t$8, width: t$8, minWidth: t$8, maxWidth: t$8, height: t$8, minHeight: t$8, maxHeight: t$8, flexBasis: t$8, gridTemplateColumns: t$8, gridTemplateRows: t$8, borderWidth: "borderWidths", borderTopWidth: "borderWidths", borderRightWidth: "borderWidths", borderBottomWidth: "borderWidths", borderLeftWidth: "borderWidths", borderStyle: "borderStyles", borderTopStyle: "borderStyles", borderRightStyle: "borderStyles", borderBottomStyle: "borderStyles", borderLeftStyle: "borderStyles", borderRadius: "radii", borderTopLeftRadius: "radii", borderTopRightRadius: "radii", borderBottomRightRadius: "radii", borderBottomLeftRadius: "radii", boxShadow: "shadows", textShadow: "shadows", transition: "transitions", zIndex: "zIndices" }, i$a = (e2, t2) => typeof t2 == "function" ? { "()": Function.prototype.toString.call(t2) } : t2, o$a = () => {
   const e2 = Object.create(null);
   return (t2, r2, ...n2) => {
     const o2 = ((e3) => JSON.stringify(e3, i$a))(t2);
@@ -34063,7 +34072,7 @@ var Y = o$a(), q$1 = (e2) => {
     let t3 = false;
     const r2 = U$1(e3, (e4) => {
       t3 = true;
-      const r3 = "prefix" in (e4 = typeof e4 == "object" && e4 || {}) ? String(e4.prefix) : "", i = typeof e4.media == "object" && e4.media || {}, o2 = typeof e4.root == "object" ? e4.root || null : globalThis.document || null, l2 = typeof e4.theme == "object" && e4.theme || {}, s2 = { prefix: r3, media: i, theme: l2, themeMap: typeof e4.themeMap == "object" && e4.themeMap || __spreadValues({}, n$a), utils: typeof e4.utils == "object" && e4.utils || {} }, a = E$2(o2), c2 = { css: M$2(s2, a), globalCss: D$1(s2, a), keyframes: V$3(s2, a), createTheme: J(s2, a), reset() {
+      const r3 = "prefix" in (e4 = typeof e4 == "object" && e4 || {}) ? String(e4.prefix) : "", i = typeof e4.media == "object" && e4.media || {}, o2 = typeof e4.root == "object" ? e4.root || null : globalThis.document || null, l2 = typeof e4.theme == "object" && e4.theme || {}, s2 = { prefix: r3, media: i, theme: l2, themeMap: typeof e4.themeMap == "object" && e4.themeMap || __spreadValues({}, n$9), utils: typeof e4.utils == "object" && e4.utils || {} }, a = E$2(o2), c2 = { css: M$2(s2, a), globalCss: D$1(s2, a), keyframes: V$3(s2, a), createTheme: J(s2, a), reset() {
         a.reset(), c2.theme.toString();
       }, theme: {}, sheet: a, config: s2, prefix: r3, getCssText: a.toString, toString: a.toString };
       return String(c2.theme = c2.createTheme(l2)), c2;
@@ -35407,14 +35416,14 @@ function t$6(...t2) {
 }
 function getPlacementData({ anchorRect: p2, popperSize: c2, arrowSize: f2, arrowOffset: l2 = 0, side: d2, sideOffset: h2 = 0, align: x2, alignOffset: g2 = 0, shouldAvoidCollisions: u2 = true, collisionBoundariesRect: w2, collisionTolerance: m2 = 0 }) {
   if (!p2 || !c2 || !w2)
-    return { popperStyles: o$9, arrowStyles: n$9 };
+    return { popperStyles: o$9, arrowStyles: n$8 };
   const y2 = function(e2, r2, o2 = 0, n2 = 0, i) {
     const p3 = i ? i.height : 0, a = t$5(r2, e2, "x"), s2 = t$5(r2, e2, "y"), c3 = s2.before - o2 - p3, f3 = s2.after + o2 + p3, l3 = a.before - o2 - p3, d3 = a.after + o2 + p3;
     return { top: { start: { x: a.start + n2, y: c3 }, center: { x: a.center, y: c3 }, end: { x: a.end - n2, y: c3 } }, right: { start: { x: d3, y: s2.start + n2 }, center: { x: d3, y: s2.center }, end: { x: d3, y: s2.end - n2 } }, bottom: { start: { x: a.start + n2, y: f3 }, center: { x: a.center, y: f3 }, end: { x: a.end - n2, y: f3 } }, left: { start: { x: l3, y: s2.start + n2 }, center: { x: l3, y: s2.center }, end: { x: l3, y: s2.end - n2 } } };
   }(c2, p2, h2, g2, f2), b2 = y2[d2][x2];
   if (u2 === false) {
     const t2 = e$a(b2);
-    let o2 = n$9;
+    let o2 = n$8;
     f2 && (o2 = i$8({ popperSize: c2, arrowSize: f2, arrowOffset: l2, side: d2, align: x2 }));
     return { popperStyles: __spreadProps(__spreadValues({}, t2), { "--radix-popper-transform-origin": r$8(c2, d2, x2, l2, f2) }), arrowStyles: o2, placedSide: d2, placedAlign: x2 };
   }
@@ -35431,7 +35440,7 @@ function getPlacementData({ anchorRect: p2, popperSize: c2, arrowSize: f2, arrow
       return "start";
     return o2;
   }(c2, p2, d2, x2, R2), I2 = e$a(y2[D2][A2]);
-  let C2 = n$9;
+  let C2 = n$8;
   f2 && (C2 = i$8({ popperSize: c2, arrowSize: f2, arrowOffset: l2, side: D2, align: A2 }));
   return { popperStyles: __spreadProps(__spreadValues({}, I2), { "--radix-popper-transform-origin": r$8(c2, D2, A2, l2, f2) }), arrowStyles: C2, placedSide: D2, placedAlign: A2 };
 }
@@ -35447,7 +35456,7 @@ function r$8(t2, e2, r2, o2, n2) {
   let c2 = "", f2 = "";
   return i ? (c2 = { start: `${s2}px`, center: "center", end: t2.width - s2 + "px" }[r2], f2 = e2 === "top" ? `${t2.height + a}px` : -a + "px") : (c2 = e2 === "left" ? `${t2.width + a}px` : -a + "px", f2 = { start: `${s2}px`, center: "center", end: t2.height - s2 + "px" }[r2]), `${c2} ${f2}`;
 }
-const o$9 = { position: "fixed", top: 0, left: 0, opacity: 0, transform: "translate3d(0, -200%, 0)" }, n$9 = { position: "absolute", opacity: 0 };
+const o$9 = { position: "fixed", top: 0, left: 0, opacity: 0, transform: "translate3d(0, -200%, 0)" }, n$8 = { position: "absolute", opacity: 0 };
 function i$8({ popperSize: t2, arrowSize: e2, arrowOffset: r2, side: o2, align: n2 }) {
   const i = (t2.width - e2.width) / 2, a = (t2.height - e2.width) / 2, s2 = { top: 0, right: 90, bottom: 180, left: -90 }[o2], c2 = Math.max(e2.width, e2.height), f2 = { width: `${c2}px`, height: `${c2}px`, transform: `rotate(${s2}deg)`, willChange: "transform", position: "absolute", [o2]: "100%", direction: p$4(o2, n2) };
   return o2 !== "top" && o2 !== "bottom" || (n2 === "start" && (f2.left = `${r2}px`), n2 === "center" && (f2.left = `${i}px`), n2 === "end" && (f2.right = `${r2}px`)), o2 !== "left" && o2 !== "right" || (n2 === "start" && (f2.top = `${r2}px`), n2 === "center" && (f2.top = `${a}px`), n2 === "end" && (f2.bottom = `${r2}px`)), f2;
@@ -37702,7 +37711,7 @@ function getVectorPlugin(defaultKeys) {
 }
 var r$6 = { grad: 0.9, turn: 360, rad: 360 / (2 * Math.PI) }, t$4 = function(r2) {
   return typeof r2 == "string" ? r2.length > 0 : typeof r2 == "number";
-}, n$8 = function(r2, t2, n2) {
+}, n$7 = function(r2, t2, n2) {
   return t2 === void 0 && (t2 = 0), n2 === void 0 && (n2 = Math.pow(10, t2)), Math.round(n2 * r2) / n2 + 0;
 }, e$9 = function(r2, t2, n2) {
   return t2 === void 0 && (t2 = 0), n2 === void 0 && (n2 = 1), r2 > n2 ? n2 : r2 > t2 ? r2 : t2;
@@ -37711,7 +37720,7 @@ var r$6 = { grad: 0.9, turn: 360, rad: 360 / (2 * Math.PI) }, t$4 = function(r2)
 }, a$4 = function(r2) {
   return { r: e$9(r2.r, 0, 255), g: e$9(r2.g, 0, 255), b: e$9(r2.b, 0, 255), a: e$9(r2.a) };
 }, o$8 = function(r2) {
-  return { r: n$8(r2.r), g: n$8(r2.g), b: n$8(r2.b), a: n$8(r2.a, 3) };
+  return { r: n$7(r2.r), g: n$7(r2.g), b: n$7(r2.b), a: n$7(r2.a, 3) };
 }, i$7 = /^#([0-9a-f]{3,8})$/i, s$7 = function(r2) {
   var t2 = r2.toString(16);
   return t2.length < 2 ? "0" + t2 : t2;
@@ -37726,7 +37735,7 @@ var r$6 = { grad: 0.9, turn: 360, rad: 360 / (2 * Math.PI) }, t$4 = function(r2)
 }, g$2 = function(r2) {
   return { h: u$5(r2.h), s: e$9(r2.s, 0, 100), l: e$9(r2.l, 0, 100), a: e$9(r2.a) };
 }, d$3 = function(r2) {
-  return { h: n$8(r2.h), s: n$8(r2.s), l: n$8(r2.l), a: n$8(r2.a, 3) };
+  return { h: n$7(r2.h), s: n$7(r2.s), l: n$7(r2.l), a: n$7(r2.a, 3) };
 }, f$3 = function(r2) {
   return b$2((n2 = (t2 = r2).s, { h: t2.h, s: (n2 *= ((e2 = t2.l) < 50 ? e2 : 100 - e2) / 100) > 0 ? 2 * n2 / (e2 + n2) * 100 : 0, v: e2 + n2, a: t2.a }));
   var t2, n2, e2;
@@ -37735,7 +37744,7 @@ var r$6 = { grad: 0.9, turn: 360, rad: 360 / (2 * Math.PI) }, t$4 = function(r2)
   var t2, n2, e2, u2;
 }, l$5 = /^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s*,\s*([+-]?\d*\.?\d+)%\s*,\s*([+-]?\d*\.?\d+)%\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i, p$3 = /^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s+([+-]?\d*\.?\d+)%\s+([+-]?\d*\.?\d+)%\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i, v$2 = /^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i, m$3 = /^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i, y$1 = { string: [[function(r2) {
   var t2 = i$7.exec(r2);
-  return t2 ? (r2 = t2[1]).length <= 4 ? { r: parseInt(r2[0] + r2[0], 16), g: parseInt(r2[1] + r2[1], 16), b: parseInt(r2[2] + r2[2], 16), a: r2.length === 4 ? n$8(parseInt(r2[3] + r2[3], 16) / 255, 2) : 1 } : r2.length === 6 || r2.length === 8 ? { r: parseInt(r2.substr(0, 2), 16), g: parseInt(r2.substr(2, 2), 16), b: parseInt(r2.substr(4, 2), 16), a: r2.length === 8 ? n$8(parseInt(r2.substr(6, 2), 16) / 255, 2) : 1 } : null : null;
+  return t2 ? (r2 = t2[1]).length <= 4 ? { r: parseInt(r2[0] + r2[0], 16), g: parseInt(r2[1] + r2[1], 16), b: parseInt(r2[2] + r2[2], 16), a: r2.length === 4 ? n$7(parseInt(r2[3] + r2[3], 16) / 255, 2) : 1 } : r2.length === 6 || r2.length === 8 ? { r: parseInt(r2.substr(0, 2), 16), g: parseInt(r2.substr(2, 2), 16), b: parseInt(r2.substr(4, 2), 16), a: r2.length === 8 ? n$7(parseInt(r2.substr(6, 2), 16) / 255, 2) : 1 } : null : null;
 }, "hex"], [function(r2) {
   var t2 = v$2.exec(r2) || m$3.exec(r2);
   return t2 ? t2[2] !== t2[4] || t2[4] !== t2[6] ? null : a$4({ r: Number(t2[1]) / (t2[2] ? 100 / 255 : 1), g: Number(t2[3]) / (t2[4] ? 100 / 255 : 1), b: Number(t2[5]) / (t2[6] ? 100 / 255 : 1), a: t2[7] === void 0 ? 1 : Number(t2[7]) / (t2[8] ? 100 : 1) }) : null;
@@ -37788,13 +37797,13 @@ var r$6 = { grad: 0.9, turn: 360, rad: 360 / (2 * Math.PI) }, t$4 = function(r2)
   return r2.prototype.isValid = function() {
     return this.parsed !== null;
   }, r2.prototype.brightness = function() {
-    return n$8(H$1(this.rgba), 2);
+    return n$7(H$1(this.rgba), 2);
   }, r2.prototype.isDark = function() {
     return H$1(this.rgba) < 0.5;
   }, r2.prototype.isLight = function() {
     return H$1(this.rgba) >= 0.5;
   }, r2.prototype.toHex = function() {
-    return r3 = o$8(this.rgba), t2 = r3.r, e2 = r3.g, u2 = r3.b, i = (a = r3.a) < 1 ? s$7(n$8(255 * a)) : "", "#" + s$7(t2) + s$7(e2) + s$7(u2) + i;
+    return r3 = o$8(this.rgba), t2 = r3.r, e2 = r3.g, u2 = r3.b, i = (a = r3.a) < 1 ? s$7(n$7(255 * a)) : "", "#" + s$7(t2) + s$7(e2) + s$7(u2) + i;
     var r3, t2, e2, u2, a, i;
   }, r2.prototype.toRgb = function() {
     return o$8(this.rgba);
@@ -37807,7 +37816,7 @@ var r$6 = { grad: 0.9, turn: 360, rad: 360 / (2 * Math.PI) }, t$4 = function(r2)
     return r3 = d$3(c$4(this.rgba)), t2 = r3.h, n2 = r3.s, e2 = r3.l, (u2 = r3.a) < 1 ? "hsla(" + t2 + ", " + n2 + "%, " + e2 + "%, " + u2 + ")" : "hsl(" + t2 + ", " + n2 + "%, " + e2 + "%)";
     var r3, t2, n2, e2, u2;
   }, r2.prototype.toHsv = function() {
-    return r3 = h$6(this.rgba), { h: n$8(r3.h), s: n$8(r3.s), v: n$8(r3.v), a: n$8(r3.a, 3) };
+    return r3 = h$6(this.rgba), { h: n$7(r3.h), s: n$7(r3.s), v: n$7(r3.v), a: n$7(r3.a, 3) };
     var r3;
   }, r2.prototype.invert = function() {
     return w$2({ r: 255 - (r3 = this.rgba).r, g: 255 - r3.g, b: 255 - r3.b, a: r3.a });
@@ -37825,11 +37834,11 @@ var r$6 = { grad: 0.9, turn: 360, rad: 360 / (2 * Math.PI) }, t$4 = function(r2)
   }, r2.prototype.rotate = function(r3) {
     return r3 === void 0 && (r3 = 15), this.hue(this.hue() + r3);
   }, r2.prototype.alpha = function(r3) {
-    return typeof r3 == "number" ? w$2({ r: (t2 = this.rgba).r, g: t2.g, b: t2.b, a: r3 }) : n$8(this.rgba.a, 3);
+    return typeof r3 == "number" ? w$2({ r: (t2 = this.rgba).r, g: t2.g, b: t2.b, a: r3 }) : n$7(this.rgba.a, 3);
     var t2;
   }, r2.prototype.hue = function(r3) {
     var t2 = c$4(this.rgba);
-    return typeof r3 == "number" ? w$2({ h: r3, s: t2.s, l: t2.l, a: t2.a }) : n$8(t2.h);
+    return typeof r3 == "number" ? w$2({ h: r3, s: t2.s, l: t2.l, a: t2.a }) : n$7(t2.h);
   }, r2.prototype.isEqual = function(r3) {
     return this.toHex() === w$2(r3).toHex();
   }, r2;
@@ -42126,7 +42135,7 @@ const DrawerComponent = ({
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const t$3 = window.ShadowRoot && (window.ShadyCSS === void 0 || window.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, e$8 = Symbol(), n$7 = new Map();
+const t$3 = window.ShadowRoot && (window.ShadyCSS === void 0 || window.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, e$8 = Symbol(), n$6 = new Map();
 class s$5 {
   constructor(t2, n2) {
     if (this._$cssResult$ = true, n2 !== e$8)
@@ -42134,8 +42143,8 @@ class s$5 {
     this.cssText = t2;
   }
   get styleSheet() {
-    let e2 = n$7.get(this.cssText);
-    return t$3 && e2 === void 0 && (n$7.set(this.cssText, e2 = new CSSStyleSheet()), e2.replaceSync(this.cssText)), e2;
+    let e2 = n$6.get(this.cssText);
+    return t$3 && e2 === void 0 && (n$6.set(this.cssText, e2 = new CSSStyleSheet()), e2.replaceSync(this.cssText)), e2;
   }
   toString() {
     return this.cssText;
@@ -42195,7 +42204,7 @@ const e$7 = window.trustedTypes, r$4 = e$7 ? e$7.emptyScript : "", h$4 = window.
       }
   }
   return s2;
-} }, n$6 = (t2, i) => i !== t2 && (i == i || t2 == t2), l$4 = { attribute: true, type: String, converter: o$6, reflect: false, hasChanged: n$6 };
+} }, n$5 = (t2, i) => i !== t2 && (i == i || t2 == t2), l$4 = { attribute: true, type: String, converter: o$6, reflect: false, hasChanged: n$5 };
 class a$3 extends HTMLElement {
   constructor() {
     super(), this._$Et = new Map(), this.isUpdatePending = false, this.hasUpdated = false, this._$Ei = null, this.o();
@@ -42314,9 +42323,9 @@ class a$3 extends HTMLElement {
   }
   requestUpdate(t2, i, s2) {
     let e2 = true;
-    t2 !== void 0 && (((s2 = s2 || this.constructor.getPropertyOptions(t2)).hasChanged || n$6)(this[t2], i) ? (this._$AL.has(t2) || this._$AL.set(t2, i), s2.reflect === true && this._$Ei !== t2 && (this._$EC === void 0 && (this._$EC = new Map()), this._$EC.set(t2, s2))) : e2 = false), !this.isUpdatePending && e2 && (this._$Ep = this._$E_());
+    t2 !== void 0 && (((s2 = s2 || this.constructor.getPropertyOptions(t2)).hasChanged || n$5)(this[t2], i) ? (this._$AL.has(t2) || this._$AL.set(t2, i), s2.reflect === true && this._$Ei !== t2 && (this._$E_ === void 0 && (this._$E_ = new Map()), this._$E_.set(t2, s2))) : e2 = false), !this.isUpdatePending && e2 && (this._$Ep = this._$EC());
   }
-  async _$E_() {
+  async _$EC() {
     this.isUpdatePending = true;
     try {
       await this._$Ep;
@@ -42368,24 +42377,24 @@ class a$3 extends HTMLElement {
     return true;
   }
   update(t2) {
-    this._$EC !== void 0 && (this._$EC.forEach((t3, i) => this._$ES(i, this[i], t3)), this._$EC = void 0), this._$EU();
+    this._$E_ !== void 0 && (this._$E_.forEach((t3, i) => this._$ES(i, this[i], t3)), this._$E_ = void 0), this._$EU();
   }
   updated(t2) {
   }
   firstUpdated(t2) {
   }
 }
-a$3.finalized = true, a$3.elementProperties = new Map(), a$3.elementStyles = [], a$3.shadowRootOptions = { mode: "open" }, h$4 == null || h$4({ ReactiveElement: a$3 }), ((s$4 = globalThis.reactiveElementVersions) !== null && s$4 !== void 0 ? s$4 : globalThis.reactiveElementVersions = []).push("1.3.0");
+a$3.finalized = true, a$3.elementProperties = new Map(), a$3.elementStyles = [], a$3.shadowRootOptions = { mode: "open" }, h$4 == null || h$4({ ReactiveElement: a$3 }), ((s$4 = globalThis.reactiveElementVersions) !== null && s$4 !== void 0 ? s$4 : globalThis.reactiveElementVersions = []).push("1.1.1");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
 var t$2;
-const i$4 = globalThis.trustedTypes, s$3 = i$4 ? i$4.createPolicy("lit-html", { createHTML: (t2) => t2 }) : void 0, e$6 = `lit$${(Math.random() + "").slice(9)}$`, o$5 = "?" + e$6, n$5 = `<${o$5}>`, l$3 = document, h$3 = (t2 = "") => l$3.createComment(t2), r$3 = (t2) => t2 === null || typeof t2 != "object" && typeof t2 != "function", d$1 = Array.isArray, u$3 = (t2) => {
+const i$4 = globalThis.trustedTypes, s$3 = i$4 ? i$4.createPolicy("lit-html", { createHTML: (t2) => t2 }) : void 0, e$6 = `lit$${(Math.random() + "").slice(9)}$`, o$5 = "?" + e$6, n$4 = `<${o$5}>`, l$3 = document, h$3 = (t2 = "") => l$3.createComment(t2), r$3 = (t2) => t2 === null || typeof t2 != "object" && typeof t2 != "function", d$1 = Array.isArray, u$3 = (t2) => {
   var i;
   return d$1(t2) || typeof ((i = t2) === null || i === void 0 ? void 0 : i[Symbol.iterator]) == "function";
-}, c$2 = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, v = /-->/g, a$2 = />/g, f$1 = />|[ 	\n\r](?:([^\s"'>=/]+)([ 	\n\r]*=[ 	\n\r]*(?:[^ 	\n\r"'`<>=]|("|')|))|$)/g, _ = /'/g, m$1 = /"/g, g = /^(?:script|style|textarea|title)$/i, p$1 = (t2) => (i, ...s2) => ({ _$litType$: t2, strings: i, values: s2 }), $$k = p$1(1), b = Symbol.for("lit-noChange"), w = Symbol.for("lit-nothing"), T$1 = new WeakMap(), x = (t2, i, s2) => {
+}, c$2 = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, v = /-->/g, a$2 = />/g, f$1 = />|[ 	\n\r](?:([^\s"'>=/]+)([ 	\n\r]*=[ 	\n\r]*(?:[^ 	\n\r"'`<>=]|("|')|))|$)/g, _ = /'/g, m$1 = /"/g, g = /^(?:script|style|textarea)$/i, p$1 = (t2) => (i, ...s2) => ({ _$litType$: t2, strings: i, values: s2 }), $$k = p$1(1), b = Symbol.for("lit-noChange"), w = Symbol.for("lit-nothing"), T$1 = new WeakMap(), x = (t2, i, s2) => {
   var e2, o2;
   const n2 = (e2 = s2 == null ? void 0 : s2.renderBefore) !== null && e2 !== void 0 ? e2 : i;
   let l2 = n2._$litPart$;
@@ -42403,7 +42412,7 @@ const i$4 = globalThis.trustedTypes, s$3 = i$4 ? i$4.createPolicy("lit-html", {
     for (; $2 < s2.length && (d2.lastIndex = $2, u3 = d2.exec(s2), u3 !== null); )
       $2 = d2.lastIndex, d2 === c$2 ? u3[1] === "!--" ? d2 = v : u3[1] !== void 0 ? d2 = a$2 : u3[2] !== void 0 ? (g.test(u3[2]) && (h2 = RegExp("</" + u3[2], "g")), d2 = f$1) : u3[3] !== void 0 && (d2 = f$1) : d2 === f$1 ? u3[0] === ">" ? (d2 = h2 != null ? h2 : c$2, p2 = -1) : u3[1] === void 0 ? p2 = -2 : (p2 = d2.lastIndex - u3[2].length, o3 = u3[1], d2 = u3[3] === void 0 ? f$1 : u3[3] === '"' ? m$1 : _) : d2 === m$1 || d2 === _ ? d2 = f$1 : d2 === v || d2 === a$2 ? d2 = c$2 : (d2 = f$1, h2 = void 0);
     const y2 = d2 === f$1 && t2[i2 + 1].startsWith("/>") ? " " : "";
-    r2 += d2 === c$2 ? s2 + n$5 : p2 >= 0 ? (l2.push(o3), s2.slice(0, p2) + "$lit$" + s2.slice(p2) + e$6 + y2) : s2 + e$6 + (p2 === -2 ? (l2.push(void 0), i2) : y2);
+    r2 += d2 === c$2 ? s2 + n$4 : p2 >= 0 ? (l2.push(o3), s2.slice(0, p2) + "$lit$" + s2.slice(p2) + e$6 + y2) : s2 + e$6 + (p2 === -2 ? (l2.push(void 0), i2) : y2);
   }
   const u2 = r2 + (t2[o2] || "<?>") + (i === 2 ? "</svg>" : "");
   if (!Array.isArray(t2) || !t2.hasOwnProperty("raw"))
@@ -42520,16 +42529,16 @@ class N {
     return this._$AB;
   }
   _$AI(t2, i = this) {
-    t2 = P(this, t2, i), r$3(t2) ? t2 === w || t2 == null || t2 === "" ? (this._$AH !== w && this._$AR(), this._$AH = w) : t2 !== this._$AH && t2 !== b && this.$(t2) : t2._$litType$ !== void 0 ? this.T(t2) : t2.nodeType !== void 0 ? this.k(t2) : u$3(t2) ? this.S(t2) : this.$(t2);
+    t2 = P(this, t2, i), r$3(t2) ? t2 === w || t2 == null || t2 === "" ? (this._$AH !== w && this._$AR(), this._$AH = w) : t2 !== this._$AH && t2 !== b && this.$(t2) : t2._$litType$ !== void 0 ? this.T(t2) : t2.nodeType !== void 0 ? this.S(t2) : u$3(t2) ? this.A(t2) : this.$(t2);
   }
-  A(t2, i = this._$AB) {
+  M(t2, i = this._$AB) {
     return this._$AA.parentNode.insertBefore(t2, i);
   }
-  k(t2) {
-    this._$AH !== t2 && (this._$AR(), this._$AH = this.A(t2));
+  S(t2) {
+    this._$AH !== t2 && (this._$AR(), this._$AH = this.M(t2));
   }
   $(t2) {
-    this._$AH !== w && r$3(this._$AH) ? this._$AA.nextSibling.data = t2 : this.k(l$3.createTextNode(t2)), this._$AH = t2;
+    this._$AH !== w && r$3(this._$AH) ? this._$AA.nextSibling.data = t2 : this.S(l$3.createTextNode(t2)), this._$AH = t2;
   }
   T(t2) {
     var i;
@@ -42538,19 +42547,19 @@ class N {
       this._$AH.m(s2);
     else {
       const t3 = new V(o2, this), i2 = t3.p(this.options);
-      t3.m(s2), this.k(i2), this._$AH = t3;
+      t3.m(s2), this.S(i2), this._$AH = t3;
     }
   }
   _$AC(t2) {
     let i = T$1.get(t2.strings);
     return i === void 0 && T$1.set(t2.strings, i = new E(t2)), i;
   }
-  S(t2) {
+  A(t2) {
     d$1(this._$AH) || (this._$AH = [], this._$AR());
     const i = this._$AH;
     let s2, e2 = 0;
     for (const o2 of t2)
-      e2 === i.length ? i.push(s2 = new N(this.A(h$3()), this.A(h$3()), this, this.options)) : s2 = i[e2], s2._$AI(o2), e2++;
+      e2 === i.length ? i.push(s2 = new N(this.M(h$3()), this.M(h$3()), this, this.options)) : s2 = i[e2], s2._$AI(o2), e2++;
     e2 < i.length && (this._$AR(s2 && s2._$AB.nextSibling, e2), i.length = e2);
   }
   _$AR(t2 = this._$AA.nextSibling, i) {
@@ -42586,9 +42595,9 @@ class S$1 {
       for (t2 = o2[0], l2 = 0; l2 < o2.length - 1; l2++)
         h2 = P(this, e3[s2 + l2], i, l2), h2 === b && (h2 = this._$AH[l2]), n2 || (n2 = !r$3(h2) || h2 !== this._$AH[l2]), h2 === w ? t2 = w : t2 !== w && (t2 += (h2 != null ? h2 : "") + o2[l2 + 1]), this._$AH[l2] = h2;
     }
-    n2 && !e2 && this.C(t2);
+    n2 && !e2 && this.k(t2);
   }
-  C(t2) {
+  k(t2) {
     t2 === w ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t2 != null ? t2 : "");
   }
 }
@@ -42596,7 +42605,7 @@ class M extends S$1 {
   constructor() {
     super(...arguments), this.type = 3;
   }
-  C(t2) {
+  k(t2) {
     this.element[this.name] = t2 === w ? void 0 : t2;
   }
 }
@@ -42605,7 +42614,7 @@ class H extends S$1 {
   constructor() {
     super(...arguments), this.type = 4;
   }
-  C(t2) {
+  k(t2) {
     t2 && t2 !== w ? this.element.setAttribute(this.name, k$1) : this.element.removeAttribute(this.name);
   }
 }
@@ -42636,8 +42645,8 @@ class L {
     P(this, t2);
   }
 }
-const R = { P: "$lit$", L: e$6, V: o$5, I: 1, N: C, R: V, D: u$3, j: P, H: N, O: S$1, F: H, B: I, W: M, Z: L }, z = window.litHtmlPolyfillSupport;
-z == null || z(E, N), ((t$2 = globalThis.litHtmlVersions) !== null && t$2 !== void 0 ? t$2 : globalThis.litHtmlVersions = []).push("2.2.0");
+const R = { P: "$lit$", V: e$6, L: o$5, I: 1, N: C, R: V, D: u$3, j: P, H: N, O: S$1, F: H, B: I, W: M, Z: L }, z = window.litHtmlPolyfillSupport;
+z == null || z(E, N), ((t$2 = globalThis.litHtmlVersions) !== null && t$2 !== void 0 ? t$2 : globalThis.litHtmlVersions = []).push("2.1.1");
 /**
  * @license
  * Copyright 2017 Google LLC
@@ -42670,15 +42679,15 @@ class s$2 extends a$3 {
   }
 }
 s$2.finalized = true, s$2._$litElement$ = true, (l$2 = globalThis.litElementHydrateSupport) === null || l$2 === void 0 || l$2.call(globalThis, { LitElement: s$2 });
-const n$4 = globalThis.litElementPolyfillSupport;
-n$4 == null || n$4({ LitElement: s$2 });
-((o$4 = globalThis.litElementVersions) !== null && o$4 !== void 0 ? o$4 : globalThis.litElementVersions = []).push("3.2.0");
+const n$3 = globalThis.litElementPolyfillSupport;
+n$3 == null || n$3({ LitElement: s$2 });
+((o$4 = globalThis.litElementVersions) !== null && o$4 !== void 0 ? o$4 : globalThis.litElementVersions = []).push("3.1.1");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const n$3 = (n2) => (e2) => typeof e2 == "function" ? ((n3, e3) => (window.customElements.define(n3, e3), e3))(n2, e2) : ((n3, e3) => {
+const n$2 = (n2) => (e2) => typeof e2 == "function" ? ((n3, e3) => (window.customElements.define(n3, e3), e3))(n2, e2) : ((n3, e3) => {
   const { kind: t2, elements: i } = e3;
   return { kind: t2, elements: i, finisher(e4) {
     window.customElements.define(n3, e4);
@@ -42709,13 +42718,6 @@ function e$5(e2) {
 function t$1(t2) {
   return e$5(__spreadProps(__spreadValues({}, t2), { state: true }));
 }
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-var n$2;
-((n$2 = window.HTMLSlotElement) === null || n$2 === void 0 ? void 0 : n$2.prototype.assignedElements) != null ? (o2, n2) => o2.assignedElements(n2) : (o2, n2) => o2.assignedNodes(n2).filter((o3) => o3.nodeType === Node.ELEMENT_NODE);
 /**
  * @license
  * Copyright 2017 Google LLC
@@ -42805,8 +42807,8 @@ const u$1 = (e2, s2, t2) => {
     var d2;
     const a = a$1(s2), { values: p2, keys: v2 } = this.dt(t2, r2, c2);
     if (!Array.isArray(a))
-      return this.ut = v2, p2;
-    const h2 = (d2 = this.ut) !== null && d2 !== void 0 ? d2 : this.ut = [], m$12 = [];
+      return this.at = v2, p2;
+    const h2 = (d2 = this.at) !== null && d2 !== void 0 ? d2 : this.at = [], m$12 = [];
     let y2, x2, j2 = 0, k = a.length - 1, w2 = 0, A2 = p2.length - 1;
     for (; j2 <= k && w2 <= A2; )
       if (a[j2] === null)
@@ -42842,7 +42844,7 @@ const u$1 = (e2, s2, t2) => {
       const e2 = a[j2++];
       e2 !== null && m(e2);
     }
-    return this.ut = v2, s$1(s2, m$12), b;
+    return this.at = v2, s$1(s2, m$12), b;
   }
 });
 /**
@@ -42995,19 +42997,19 @@ const o$1 = e$4(class extends i$2 {
   }
   update(i, [s2]) {
     var r2, o2;
-    if (this.et === void 0) {
-      this.et = new Set(), i.strings !== void 0 && (this.st = new Set(i.strings.join(" ").split(/\s/).filter((t2) => t2 !== "")));
+    if (this.st === void 0) {
+      this.st = new Set(), i.strings !== void 0 && (this.et = new Set(i.strings.join(" ").split(/\s/).filter((t2) => t2 !== "")));
       for (const t2 in s2)
-        s2[t2] && !((r2 = this.st) === null || r2 === void 0 ? void 0 : r2.has(t2)) && this.et.add(t2);
+        s2[t2] && !((r2 = this.et) === null || r2 === void 0 ? void 0 : r2.has(t2)) && this.st.add(t2);
       return this.render(s2);
     }
     const e2 = i.element.classList;
-    this.et.forEach((t2) => {
-      t2 in s2 || (e2.remove(t2), this.et.delete(t2));
+    this.st.forEach((t2) => {
+      t2 in s2 || (e2.remove(t2), this.st.delete(t2));
     });
     for (const t2 in s2) {
       const i2 = !!s2[t2];
-      i2 === this.et.has(t2) || ((o2 = this.st) === null || o2 === void 0 ? void 0 : o2.has(t2)) || (i2 ? (e2.add(t2), this.et.add(t2)) : (e2.remove(t2), this.et.delete(t2)));
+      i2 === this.st.has(t2) || ((o2 = this.et) === null || o2 === void 0 ? void 0 : o2.has(t2)) || (i2 ? (e2.add(t2), this.st.add(t2)) : (e2.remove(t2), this.st.delete(t2)));
     }
     return b;
   }
@@ -43601,7 +43603,7 @@ __decorate$1B([
   e$5({ type: Array })
 ], NinjaHeader.prototype, "breadcrumbs", void 0);
 NinjaHeader = __decorate$1B([
-  n$3("ninja-header")
+  n$2("ninja-header")
 ], NinjaHeader);
 /**
  * @license
@@ -43615,16 +43617,16 @@ class e extends i$2 {
   }
   render(r2) {
     if (r2 === w || r2 == null)
-      return this.ft = void 0, this.it = r2;
+      return this.vt = void 0, this.it = r2;
     if (r2 === b)
       return r2;
     if (typeof r2 != "string")
       throw Error(this.constructor.directiveName + "() called with a non-string value");
     if (r2 === this.it)
-      return this.ft;
+      return this.vt;
     this.it = r2;
     const s2 = [r2];
-    return s2.raw = s2, this.ft = { _$litType$: this.constructor.resultType, strings: s2, values: [] };
+    return s2.raw = s2, this.vt = { _$litType$: this.constructor.resultType, strings: s2, values: [] };
   }
 }
 e.directiveName = "unsafeHTML", e.resultType = 1;
@@ -43647,7 +43649,7 @@ let Icon = class Icon2 extends s$2 {
 };
 Icon.styles = [styles$1];
 Icon = __decorate$1C([
-  n$3("mwc-icon")
+  n$2("mwc-icon")
 ], Icon);
 var __decorate$1A = globalThis && globalThis.__decorate || function(decorators, target, key, desc) {
   var c2 = arguments.length, r2 = c2 < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d2;
@@ -43781,7 +43783,7 @@ __decorate$1A([
   e$5({ type: Boolean })
 ], NinjaAction.prototype, "hotKeysJoinedView", void 0);
 NinjaAction = __decorate$1A([
-  n$3("ninja-action")
+  n$2("ninja-action")
 ], NinjaAction);
 const footerHtml = $$k` <div class="modal-footer" slot="footer">
   <span class="help">
@@ -43907,7 +43909,6 @@ const baseStyles = r$5`
     background: var(--ninja-overflow-background);
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
-    -webkit-backdrop-filter: var(--ninja-backdrop-filter);
     backdrop-filter: var(--ninja-backdrop-filter);
     text-align: left;
     color: var(--ninja-text-color);
@@ -44384,7 +44385,7 @@ __decorate$1z([
   t$1()
 ], NinjaKeys.prototype, "_selected", void 0);
 NinjaKeys = __decorate$1z([
-  n$3("ninja-keys")
+  n$2("ninja-keys")
 ], NinjaKeys);
 const CmdKey = () => {
   const ninjaKeys = react.exports.useRef(null);
@@ -44772,7 +44773,6 @@ class DaoPaaS {
       this.on(data, _d2);
       return;
     }
-    console.log(data);
     this.on(data);
   }
   clearIDB(callback) {
@@ -44849,48 +44849,44 @@ class DaoPaaS {
     }
   }
   mapRender(components) {
-    components == null ? void 0 : components.forEach(({
-      container,
-      props: props2,
-      item
-    }, _index) => {
-      switch (item) {
+    components == null ? void 0 : components.forEach((arg, _index) => {
+      switch (arg.item) {
         case "Page":
           this.Page({
-            container,
-            props: props2
+            container: arg.container,
+            props: arg.props || _omit()
           });
           break;
         case "Tree":
           this.Tree({
-            container,
-            props: props2
+            container: arg.container,
+            props: arg.props
           });
           break;
         case "Editor":
           this.Editor({
-            container,
-            props: __spreadProps(__spreadValues({}, props2), {
+            container: arg.container,
+            props: __spreadProps(__spreadValues({}, arg.props), {
               serviceWorkerOrigin: this.serviceWorkerOrigin
             })
           });
           break;
         case "Console":
           this.Console({
-            container,
-            props: props2
+            container: arg.container,
+            props: arg.props || _omit()
           });
           break;
         case "Browser":
           this.Browser({
-            container,
-            props: props2
+            container: arg.container,
+            props: arg.props || _omit()
           });
           break;
         case "Shell":
           this.Shell({
-            container,
-            props: props2
+            container: arg.container,
+            props: arg.props || _omit()
           });
           break;
       }
@@ -44900,13 +44896,12 @@ class DaoPaaS {
     container,
     props: props2
   }) {
-    this.storeProps = props2;
     this.pageDOM = container ? isHTMLElement$1(container) : this.pageDOM;
     reactDom.exports.render(/* @__PURE__ */ jsx(react.exports.Suspense, {
       fallback: /* @__PURE__ */ jsx(Loading, {}),
-      children: /* @__PURE__ */ jsx(LazyPageComponent, {
+      children: /* @__PURE__ */ jsx(LazyPageComponent, __spreadProps(__spreadValues({}, props2), {
         serviceWorkerOrigin: this.serviceWorkerOrigin
-      })
+      }))
     }), this.pageDOM);
   }
   Editor({
@@ -44914,7 +44909,6 @@ class DaoPaaS {
     props: props2
   }) {
     this.editorDOM = container ? isHTMLElement$1(container) : this.editorDOM;
-    console.log(props2, 374);
     reactDom.exports.render(/* @__PURE__ */ jsx(react.exports.Suspense, {
       fallback: /* @__PURE__ */ jsx(Loading, {}),
       children: /* @__PURE__ */ jsx(LazyEditorComponent$1, __spreadProps(__spreadValues({}, props2), {
@@ -44937,6 +44931,7 @@ class DaoPaaS {
     props: props2
   }) {
     this.editorDOM = container ? isHTMLElement$1(container) : this.editorDOM;
+    console.log(props2, 374);
     reactDom.exports.render(/* @__PURE__ */ jsx(react.exports.Suspense, {
       fallback: /* @__PURE__ */ jsx(Loading, {}),
       children: /* @__PURE__ */ jsx(LazyTreeComponent, __spreadValues({}, props2))
@@ -44966,6 +44961,9 @@ class DaoPaaS {
 function isHTMLElement$1(arg) {
   return !/HTMLDivElement|HTMLElement/.test(Object.prototype.toString.call(arg)) ? document.querySelector(arg) : arg;
 }
+function _omit(arg, arg1) {
+  throw new Error("Function not implemented.");
+}
 var __assign$a = globalThis && globalThis.__assign || function() {
   __assign$a = Object.assign || function(t2) {
     for (var s2, i = 1, n2 = arguments.length; i < n2; i++) {
@@ -47035,7 +47033,7 @@ function _render(props2, slot, tag, name) {
   if (slot === void 0) {
     slot = {};
   }
-  var _omit = omit(props2, ["unmount", "static"]), _omit$as = _omit.as, Component = _omit$as === void 0 ? tag : _omit$as, children = _omit.children, _omit$refName = _omit.refName, refName = _omit$refName === void 0 ? "ref" : _omit$refName, passThroughProps = _objectWithoutPropertiesLoose(_omit, ["as", "children", "refName"]);
+  var _omit2 = omit(props2, ["unmount", "static"]), _omit$as = _omit2.as, Component = _omit$as === void 0 ? tag : _omit$as, children = _omit2.children, _omit$refName = _omit2.refName, refName = _omit$refName === void 0 ? "ref" : _omit$refName, passThroughProps = _objectWithoutPropertiesLoose(_omit2, ["as", "children", "refName"]);
   var refRelatedProps = props2.ref !== void 0 ? (_ref2 = {}, _ref2[refName] = props2.ref, _ref2) : {};
   var resolvedChildren = typeof children === "function" ? children(slot) : children;
   if (passThroughProps.className && typeof passThroughProps.className === "function") {
@@ -229439,7 +229437,11 @@ const Index = (props2) => {
         className: "flex flex-1 mt-2.5 flex-row",
         children: [/* @__PURE__ */ jsx("section", {
           className: "flex flex-row tree w-52",
-          children: /* @__PURE__ */ jsx(TreeComponent, {})
+          children: /* @__PURE__ */ jsx(TreeComponent, {
+            onClick: (d2) => {
+              console.log(d2);
+            }
+          })
         }), /* @__PURE__ */ jsx("section", {
           className: "bg-codezone-black rounded-sm mx-3.5 w-7/12 flex-1 flex flex-col editor",
           children: dockerInfo2.dockerId ? /* @__PURE__ */ jsx(react.exports.Suspense, {
@@ -229559,7 +229561,7 @@ const HeaderComponent = () => {
     })]
   }) : null;
 };
-const TreeComponent = () => {
+const TreeComponent = (props2) => {
   const isFolded = useIndexState.getState().isFolded;
   return /* @__PURE__ */ jsxs("section", {
     className: `bg-codezone-black rounded-sm ml-2.5 transition-all flex-shrink-0 w-full`,
@@ -229578,7 +229580,9 @@ const TreeComponent = () => {
         fallback: /* @__PURE__ */ jsx(Skeleton, {
           count: 5
         }),
-        children: /* @__PURE__ */ jsx(FileTree, {})
+        children: /* @__PURE__ */ jsx(FileTree, {
+          onClick: props2.onClick
+        })
       })
     })]
   });