@quantajs/react 2.0.0-beta.7 → 2.0.0-beta.9

package/dist/index.js

@@ -20,311 +20,311 @@ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 SOFTWARE.
  */
-import ut, { useRef as fe, useCallback as F, useSyncExternalStore as Te, createContext as xt, useContext as yt, useEffect as _t } from "react";
-import { logger as A, createStore as gt } from "@quantajs/core";
-import { computed as fr, createStore as pr, logger as ur, reactive as xr, watch as yr } from "@quantajs/core";
-const wt = (e, t) => {
+import yt, { useRef as fe, useCallback as I, useSyncExternalStore as Ae, createContext as gt, useContext as _t, useEffect as wt } from "react";
+import { logger as R, createStore as mt } from "@quantajs/core";
+import { computed as wr, createStore as mr, logger as br, reactive as vr, watch as kr } from "@quantajs/core";
+const bt = (e, t) => {
   try {
     return e && typeof e == "object" && "value" in e ? e.value : typeof e == "function" ? e.bind(t) : e;
   } catch {
     return e;
   }
 };
-function Ae(e, t) {
+function Re(e, t) {
   if (!e.subscribe) {
-    const h = new Error(
+    const c = new Error(
       "QuantaJS store missing `subscribe`—ensure core v0.1.0-beta.2+."
     );
-    throw A.error(`useQuantaStore: ${h.message}`), h;
+    throw R.error(`useQuantaStore: ${c.message}`), c;
   }
   if (!t) {
-    const h = fe(null), f = F(() => {
-      if (h.current) return h.current;
-      const o = {};
+    const c = fe(null), p = I(() => {
+      if (c.current) return c.current;
+      const a = {};
       return Object.keys(e.state || {}).forEach((u) => {
-        o[u] = e[u];
+        a[u] = e[u];
       }), Object.keys(e.getters || {}).forEach((u) => {
-        const x = e.getters[u];
-        o[u] = wt(x, e);
+        const f = e.getters[u];
+        a[u] = bt(f, e);
       }), Object.keys(e.actions || {}).forEach((u) => {
-        o[u] = e.actions[u].bind(e);
-      }), o.$reset = e.$reset, o.$persist = e.$persist, o.$destroy = e.$destroy, h.current = o, o;
-    }, [e]), d = F(
-      (o) => {
-        const u = (x) => {
-          h.current = null, o();
+        a[u] = e.actions[u].bind(e);
+      }), a.$reset = e.$reset, a.$persist = e.$persist, a.$destroy = e.$destroy, c.current = a, a;
+    }, [e]), d = I(
+      (a) => {
+        const u = (f) => {
+          c.current = null, a();
         };
         return e.subscribe(u);
       },
       [e]
-    ), p = F(
-      () => f(),
-      [f]
+    ), x = I(
+      () => p(),
+      [p]
     );
-    return Te(d, f, p);
+    return Ae(d, p, x);
   }
-  const r = fe(null), i = F(() => {
-    const h = t(e);
-    return r.current = h, h;
-  }, [e, t]), l = F(
-    (h) => {
-      const f = (d) => {
+  const r = fe(null), i = I(() => {
+    const c = t(e);
+    return r.current = c, c;
+  }, [e, t]), l = I(
+    (c) => {
+      const p = (d) => {
         try {
-          const p = t(e);
-          r.current !== p && (r.current = p, h());
-        } catch (p) {
-          A.warn(
-            `useQuantaStore: Selector update failed: ${String(p)}`
+          const x = t(e);
+          r.current !== x && (r.current = x, c());
+        } catch (x) {
+          R.warn(
+            `useQuantaStore: Selector update failed: ${String(x)}`
           );
         }
       };
-      return e.subscribe(f);
+      return e.subscribe(p);
     },
     [e, t]
-  ), a = F(() => (r.current === null && i(), r.current), [i]), s = F(
+  ), o = I(() => (r.current === null && i(), r.current), [i]), s = I(
     () => i(),
     [i]
   );
-  return Te(l, a, s);
+  return Ae(l, o, s);
 }
-const Je = xt({ stores: {} });
+const Xe = gt({ stores: {} });
 function vt() {
   try {
-    const e = yt(Je);
+    const e = _t(Xe);
     if (!e) {
       const t = "useQuantaContext must be used within a QuantaProvider";
-      throw A.error(`QuantaContext: ${t}`), new Error(t);
+      throw R.error(`QuantaContext: ${t}`), new Error(t);
     }
     return e;
   } catch (e) {
-    throw A.error(
+    throw R.error(
       `QuantaContext: Failed to access context: ${e instanceof Error ? e.message : String(e)}`
     ), e;
   }
 }
-function ar(e, t) {
+function pr(e, t) {
   try {
     const { stores: r } = vt(), i = r[e];
     if (!i) {
       const l = `Store with name "${e}" does not exist in the context.`;
-      throw A.error(`useStore: ${l}`), new Error(l);
+      throw R.error(`useStore: ${l}`), new Error(l);
     }
-    return t ? Ae(i, t) : Ae(i);
+    return t ? Re(i, t) : Re(i);
   } catch (r) {
-    throw A.error(
+    throw R.error(
       `useStore: Failed to access store "${e}": ${r instanceof Error ? r.message : String(r)}`
     ), r;
   }
 }
-function cr(e, t, r, i) {
+function ur(e, t, r, i) {
   try {
     const l = fe(
       void 0
     );
     if (!l.current)
       try {
-        l.current = gt(e, {
+        l.current = mt(e, {
           state: t,
           getters: r,
           actions: i
         });
-      } catch (a) {
-        throw A.error(
-          `useCreateStore: Failed to create store "${e}": ${a instanceof Error ? a.message : String(a)}`
-        ), a;
+      } catch (o) {
+        throw R.error(
+          `useCreateStore: Failed to create store "${e}": ${o instanceof Error ? o.message : String(o)}`
+        ), o;
       }
     return l.current;
   } catch (l) {
-    throw A.error(
+    throw R.error(
       `useCreateStore: Hook execution failed: ${l instanceof Error ? l.message : String(l)}`
     ), l;
   }
 }
 var K = { exports: {} }, q = {};
-var Re;
-function mt() {
-  if (Re) return q;
-  Re = 1;
+var je;
+function kt() {
+  if (je) return q;
+  je = 1;
   var e = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
-  function r(i, l, a) {
+  function r(i, l, o) {
     var s = null;
-    if (a !== void 0 && (s = "" + a), l.key !== void 0 && (s = "" + l.key), "key" in l) {
-      a = {};
-      for (var h in l)
-        h !== "key" && (a[h] = l[h]);
-    } else a = l;
-    return l = a.ref, {
+    if (o !== void 0 && (s = "" + o), l.key !== void 0 && (s = "" + l.key), "key" in l) {
+      o = {};
+      for (var c in l)
+        c !== "key" && (o[c] = l[c]);
+    } else o = l;
+    return l = o.ref, {
       $$typeof: e,
       type: i,
       key: s,
       ref: l !== void 0 ? l : null,
-      props: a
+      props: o
     };
   }
   return q.Fragment = t, q.jsx = r, q.jsxs = r, q;
 }
-var W = {};
-var je;
-function bt() {
-  return je || (je = 1, process.env.NODE_ENV !== "production" && (function() {
-    function e(c) {
-      if (c == null) return null;
-      if (typeof c == "function")
-        return c.$$typeof === T ? null : c.displayName || c.name || null;
-      if (typeof c == "string") return c;
-      switch (c) {
-        case v:
+var Y = {};
+var Pe;
+function Nt() {
+  return Pe || (Pe = 1, process.env.NODE_ENV !== "production" && (function() {
+    function e(h) {
+      if (h == null) return null;
+      if (typeof h == "function")
+        return h.$$typeof === T ? null : h.displayName || h.name || null;
+      if (typeof h == "string") return h;
+      switch (h) {
+        case m:
           return "Fragment";
-        case g:
-          return "Profiler";
         case _:
+          return "Profiler";
+        case g:
           return "StrictMode";
-        case z:
+        case F:
           return "Suspense";
         case X:
           return "SuspenseList";
         case Q:
           return "Activity";
       }
-      if (typeof c == "object")
-        switch (typeof c.tag == "number" && console.error(
+      if (typeof h == "object")
+        switch (typeof h.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), c.$$typeof) {
+        ), h.$$typeof) {
           case C:
             return "Portal";
+          case P:
+            return h.displayName || "Context";
           case j:
-            return c.displayName || "Context";
-          case R:
-            return (c._context.displayName || "Context") + ".Consumer";
+            return (h._context.displayName || "Context") + ".Consumer";
           case U:
-            var y = c.render;
-            return c = c.displayName, c || (c = y.displayName || y.name || "", c = c !== "" ? "ForwardRef(" + c + ")" : "ForwardRef"), c;
+            var y = h.render;
+            return h = h.displayName, h || (h = y.displayName || y.name || "", h = h !== "" ? "ForwardRef(" + h + ")" : "ForwardRef"), h;
           case H:
-            return y = c.displayName || null, y !== null ? y : e(c.type) || "Memo";
-          case P:
-            y = c._payload, c = c._init;
+            return y = h.displayName || null, y !== null ? y : e(h.type) || "Memo";
+          case M:
+            y = h._payload, h = h._init;
             try {
-              return e(c(y));
+              return e(h(y));
             } catch {
             }
         }
       return null;
     }
-    function t(c) {
-      return "" + c;
+    function t(h) {
+      return "" + h;
     }
-    function r(c) {
+    function r(h) {
       try {
-        t(c);
+        t(h);
         var y = !1;
       } catch {
         y = !0;
       }
       if (y) {
         y = console;
-        var m = y.error, S = typeof Symbol == "function" && Symbol.toStringTag && c[Symbol.toStringTag] || c.constructor.name || "Object";
-        return m.call(
+        var b = y.error, S = typeof Symbol == "function" && Symbol.toStringTag && h[Symbol.toStringTag] || h.constructor.name || "Object";
+        return b.call(
           y,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           S
-        ), t(c);
+        ), t(h);
       }
     }
-    function i(c) {
-      if (c === v) return "<>";
-      if (typeof c == "object" && c !== null && c.$$typeof === P)
+    function i(h) {
+      if (h === m) return "<>";
+      if (typeof h == "object" && h !== null && h.$$typeof === M)
         return "<...>";
       try {
-        var y = e(c);
+        var y = e(h);
         return y ? "<" + y + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function l() {
-      var c = O.A;
-      return c === null ? null : c.getOwner();
+      var h = O.A;
+      return h === null ? null : h.getOwner();
     }
-    function a() {
+    function o() {
       return Error("react-stack-top-frame");
     }
-    function s(c) {
-      if (be.call(c, "key")) {
-        var y = Object.getOwnPropertyDescriptor(c, "key").get;
+    function s(h) {
+      if (ke.call(h, "key")) {
+        var y = Object.getOwnPropertyDescriptor(h, "key").get;
         if (y && y.isReactWarning) return !1;
       }
-      return c.key !== void 0;
+      return h.key !== void 0;
     }
-    function h(c, y) {
-      function m() {
-        ke || (ke = !0, console.error(
+    function c(h, y) {
+      function b() {
+        Ne || (Ne = !0, console.error(
           "%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://react.dev/link/special-props)",
           y
         ));
       }
-      m.isReactWarning = !0, Object.defineProperty(c, "key", {
-        get: m,
+      b.isReactWarning = !0, Object.defineProperty(h, "key", {
+        get: b,
         configurable: !0
       });
     }
-    function f() {
-      var c = e(this.type);
-      return Ne[c] || (Ne[c] = !0, console.error(
+    function p() {
+      var h = e(this.type);
+      return Se[h] || (Se[h] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
-      )), c = this.props.ref, c !== void 0 ? c : null;
+      )), h = this.props.ref, h !== void 0 ? h : null;
     }
-    function d(c, y, m, S, Z, se) {
-      var E = m.ref;
-      return c = {
-        $$typeof: b,
-        type: c,
+    function d(h, y, b, S, Z, se) {
+      var E = b.ref;
+      return h = {
+        $$typeof: v,
+        type: h,
         key: y,
-        props: m,
+        props: b,
         _owner: S
-      }, (E !== void 0 ? E : null) !== null ? Object.defineProperty(c, "ref", {
+      }, (E !== void 0 ? E : null) !== null ? Object.defineProperty(h, "ref", {
         enumerable: !1,
-        get: f
-      }) : Object.defineProperty(c, "ref", { enumerable: !1, value: null }), c._store = {}, Object.defineProperty(c._store, "validated", {
+        get: p
+      }) : Object.defineProperty(h, "ref", { enumerable: !1, value: null }), h._store = {}, Object.defineProperty(h._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(c, "_debugInfo", {
+      }), Object.defineProperty(h, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(c, "_debugStack", {
+      }), Object.defineProperty(h, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: Z
-      }), Object.defineProperty(c, "_debugTask", {
+      }), Object.defineProperty(h, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: se
-      }), Object.freeze && (Object.freeze(c.props), Object.freeze(c)), c;
+      }), Object.freeze && (Object.freeze(h.props), Object.freeze(h)), h;
     }
-    function p(c, y, m, S, Z, se) {
+    function x(h, y, b, S, Z, se) {
       var E = y.children;
       if (E !== void 0)
         if (S)
-          if (ft(E)) {
+          if (ut(E)) {
             for (S = 0; S < E.length; S++)
-              o(E[S]);
+              a(E[S]);
             Object.freeze && Object.freeze(E);
           } else
             console.error(
               "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 o(E);
-      if (be.call(y, "key")) {
-        E = e(c);
-        var B = Object.keys(y).filter(function(pt) {
-          return pt !== "key";
+        else a(E);
+      if (ke.call(y, "key")) {
+        E = e(h);
+        var B = Object.keys(y).filter(function(xt) {
+          return xt !== "key";
         });
-        S = 0 < B.length ? "{key: someKey, " + B.join(": ..., ") + ": ...}" : "{key: someKey}", Ce[E + S] || (B = 0 < B.length ? "{" + B.join(": ..., ") + ": ...}" : "{}", console.error(
+        S = 0 < B.length ? "{key: someKey, " + B.join(": ..., ") + ": ...}" : "{key: someKey}", Te[E + S] || (B = 0 < B.length ? "{" + B.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -335,90 +335,90 @@ React keys must be passed directly to JSX without using spread:
           E,
           B,
           E
-        ), Ce[E + S] = !0);
+        ), Te[E + S] = !0);
       }
-      if (E = null, m !== void 0 && (r(m), E = "" + m), s(y) && (r(y.key), E = "" + y.key), "key" in y) {
-        m = {};
+      if (E = null, b !== void 0 && (r(b), E = "" + b), s(y) && (r(y.key), E = "" + y.key), "key" in y) {
+        b = {};
         for (var he in y)
-          he !== "key" && (m[he] = y[he]);
-      } else m = y;
-      return E && h(
-        m,
-        typeof c == "function" ? c.displayName || c.name || "Unknown" : c
+          he !== "key" && (b[he] = y[he]);
+      } else b = y;
+      return E && c(
+        b,
+        typeof h == "function" ? h.displayName || h.name || "Unknown" : h
       ), d(
-        c,
+        h,
         E,
-        m,
+        b,
         l(),
         Z,
         se
       );
     }
-    function o(c) {
-      u(c) ? c._store && (c._store.validated = 1) : typeof c == "object" && c !== null && c.$$typeof === P && (c._payload.status === "fulfilled" ? u(c._payload.value) && c._payload.value._store && (c._payload.value._store.validated = 1) : c._store && (c._store.validated = 1));
+    function a(h) {
+      u(h) ? h._store && (h._store.validated = 1) : typeof h == "object" && h !== null && h.$$typeof === M && (h._payload.status === "fulfilled" ? u(h._payload.value) && h._payload.value._store && (h._payload.value._store.validated = 1) : h._store && (h._store.validated = 1));
     }
-    function u(c) {
-      return typeof c == "object" && c !== null && c.$$typeof === b;
+    function u(h) {
+      return typeof h == "object" && h !== null && h.$$typeof === v;
     }
-    var x = ut, b = Symbol.for("react.transitional.element"), C = Symbol.for("react.portal"), v = Symbol.for("react.fragment"), _ = Symbol.for("react.strict_mode"), g = Symbol.for("react.profiler"), R = Symbol.for("react.consumer"), j = Symbol.for("react.context"), U = Symbol.for("react.forward_ref"), z = Symbol.for("react.suspense"), X = Symbol.for("react.suspense_list"), H = Symbol.for("react.memo"), P = Symbol.for("react.lazy"), Q = Symbol.for("react.activity"), T = Symbol.for("react.client.reference"), O = x.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, be = Object.prototype.hasOwnProperty, ft = Array.isArray, ne = console.createTask ? console.createTask : function() {
+    var f = yt, v = Symbol.for("react.transitional.element"), C = Symbol.for("react.portal"), m = Symbol.for("react.fragment"), g = Symbol.for("react.strict_mode"), _ = Symbol.for("react.profiler"), j = Symbol.for("react.consumer"), P = Symbol.for("react.context"), U = Symbol.for("react.forward_ref"), F = Symbol.for("react.suspense"), X = Symbol.for("react.suspense_list"), H = Symbol.for("react.memo"), M = Symbol.for("react.lazy"), Q = Symbol.for("react.activity"), T = Symbol.for("react.client.reference"), O = f.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, ke = Object.prototype.hasOwnProperty, ut = Array.isArray, ce = console.createTask ? console.createTask : function() {
       return null;
     };
-    x = {
-      react_stack_bottom_frame: function(c) {
-        return c();
+    f = {
+      react_stack_bottom_frame: function(h) {
+        return h();
       }
     };
-    var ke, Ne = {}, Se = x.react_stack_bottom_frame.bind(
-      x,
-      a
-    )(), Ee = ne(i(a)), Ce = {};
-    W.Fragment = v, W.jsx = function(c, y, m) {
+    var Ne, Se = {}, Ee = f.react_stack_bottom_frame.bind(
+      f,
+      o
+    )(), Ce = ce(i(o)), Te = {};
+    Y.Fragment = m, Y.jsx = function(h, y, b) {
       var S = 1e4 > O.recentlyCreatedOwnerStacks++;
-      return p(
-        c,
+      return x(
+        h,
         y,
-        m,
+        b,
         !1,
-        S ? Error("react-stack-top-frame") : Se,
-        S ? ne(i(c)) : Ee
+        S ? Error("react-stack-top-frame") : Ee,
+        S ? ce(i(h)) : Ce
       );
-    }, W.jsxs = function(c, y, m) {
+    }, Y.jsxs = function(h, y, b) {
       var S = 1e4 > O.recentlyCreatedOwnerStacks++;
-      return p(
-        c,
+      return x(
+        h,
         y,
-        m,
+        b,
         !0,
-        S ? Error("react-stack-top-frame") : Se,
-        S ? ne(i(c)) : Ee
+        S ? Error("react-stack-top-frame") : Ee,
+        S ? ce(i(h)) : Ce
       );
     };
-  })()), W;
+  })()), Y;
 }
 var Oe;
-function kt() {
-  return Oe || (Oe = 1, process.env.NODE_ENV === "production" ? K.exports = mt() : K.exports = bt()), K.exports;
+function St() {
+  return Oe || (Oe = 1, process.env.NODE_ENV === "production" ? K.exports = kt() : K.exports = Nt()), K.exports;
 }
-var Nt = kt();
-function nr({ stores: e, children: t }) {
+var Et = St();
+function xr({ stores: e, children: t }) {
   try {
     if (!e || typeof e != "object") {
       const r = "QuantaProvider: Invalid stores prop provided";
-      throw A.error(r), new Error(r);
+      throw R.error(r), new Error(r);
     }
     for (const [r, i] of Object.entries(e))
       if (!i || typeof i != "object") {
         const l = `QuantaProvider: Invalid store "${r}" provided`;
-        throw A.error(l), new Error(l);
+        throw R.error(l), new Error(l);
       }
-    return /* @__PURE__ */ Nt.jsx(Je.Provider, { value: { stores: e }, children: t });
+    return /* @__PURE__ */ Et.jsx(Xe.Provider, { value: { stores: e }, children: t });
   } catch (r) {
-    throw A.error(
+    throw R.error(
       `QuantaProvider: Failed to render provider: ${r instanceof Error ? r.message : String(r)}`
     ), r;
   }
 }
-var ae, w, Ge, I, Pe, Xe, Ze, Ke, ge, pe, ue, V = {}, et = [], St = /acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i, G = Array.isArray;
+var ae, w, Ze, L, ze, Ke, et, tt, _e, pe, ue, V = {}, rt = [], Ct = /acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i, G = Array.isArray;
 function $(e, t) {
   for (var r in t) e[r] = t[r];
   return e;
@@ -427,90 +427,90 @@ function we(e) {
   e && e.parentNode && e.parentNode.removeChild(e);
 }
 function J(e, t, r) {
-  var i, l, a, s = {};
-  for (a in t) a == "key" ? i = t[a] : a == "ref" ? l = t[a] : s[a] = t[a];
-  if (arguments.length > 2 && (s.children = arguments.length > 3 ? ae.call(arguments, 2) : r), typeof e == "function" && e.defaultProps != null) for (a in e.defaultProps) s[a] === void 0 && (s[a] = e.defaultProps[a]);
+  var i, l, o, s = {};
+  for (o in t) o == "key" ? i = t[o] : o == "ref" ? l = t[o] : s[o] = t[o];
+  if (arguments.length > 2 && (s.children = arguments.length > 3 ? ae.call(arguments, 2) : r), typeof e == "function" && e.defaultProps != null) for (o in e.defaultProps) s[o] === void 0 && (s[o] = e.defaultProps[o]);
   return te(e, s, i, l, null);
 }
 function te(e, t, r, i, l) {
-  var a = { type: e, props: t, key: r, ref: i, __k: null, __: null, __b: 0, __e: null, __c: null, constructor: void 0, __v: l ?? ++Ge, __i: -1, __u: 0 };
-  return l == null && w.vnode != null && w.vnode(a), a;
+  var o = { type: e, props: t, key: r, ref: i, __k: null, __: null, __b: 0, __e: null, __c: null, constructor: void 0, __v: l ?? ++Ze, __i: -1, __u: 0 };
+  return l == null && w.vnode != null && w.vnode(o), o;
 }
-function ce(e) {
+function ne(e) {
   return e.children;
 }
 function re(e, t) {
   this.props = e, this.context = t;
 }
-function L(e, t) {
-  if (t == null) return e.__ ? L(e.__, e.__i + 1) : null;
+function W(e, t) {
+  if (t == null) return e.__ ? W(e.__, e.__i + 1) : null;
   for (var r; t < e.__k.length; t++) if ((r = e.__k[t]) != null && r.__e != null) return r.__e;
-  return typeof e.type == "function" ? L(e) : null;
+  return typeof e.type == "function" ? W(e) : null;
 }
-function tt(e) {
+function it(e) {
   var t, r;
   if ((e = e.__) != null && e.__c != null) {
     for (e.__e = e.__c.base = null, t = 0; t < e.__k.length; t++) if ((r = e.__k[t]) != null && r.__e != null) {
       e.__e = e.__c.base = r.__e;
       break;
     }
-    return tt(e);
+    return it(e);
   }
 }
-function $e(e) {
-  (!e.__d && (e.__d = !0) && I.push(e) && !le.__r++ || Pe != w.debounceRendering) && ((Pe = w.debounceRendering) || Xe)(le);
+function Me(e) {
+  (!e.__d && (e.__d = !0) && L.push(e) && !oe.__r++ || ze != w.debounceRendering) && ((ze = w.debounceRendering) || Ke)(oe);
 }
-function le() {
-  for (var e, t, r, i, l, a, s, h = 1; I.length; ) I.length > h && I.sort(Ze), e = I.shift(), h = I.length, e.__d && (r = void 0, i = void 0, l = (i = (t = e).__v).__e, a = [], s = [], t.__P && ((r = $({}, i)).__v = i.__v + 1, w.vnode && w.vnode(r), ve(t.__P, r, i, t.__n, t.__P.namespaceURI, 32 & i.__u ? [l] : null, a, l ?? L(i), !!(32 & i.__u), s), r.__v = i.__v, r.__.__k[r.__i] = r, ot(a, r, s), i.__e = i.__ = null, r.__e != l && tt(r)));
-  le.__r = 0;
+function oe() {
+  for (var e, t, r, i, l, o, s, c = 1; L.length; ) L.length > c && L.sort(et), e = L.shift(), c = L.length, e.__d && (r = void 0, i = void 0, l = (i = (t = e).__v).__e, o = [], s = [], t.__P && ((r = $({}, i)).__v = i.__v + 1, w.vnode && w.vnode(r), me(t.__P, r, i, t.__n, t.__P.namespaceURI, 32 & i.__u ? [l] : null, o, l ?? W(i), !!(32 & i.__u), s), r.__v = i.__v, r.__.__k[r.__i] = r, nt(o, r, s), i.__e = i.__ = null, r.__e != l && it(r)));
+  oe.__r = 0;
 }
-function rt(e, t, r, i, l, a, s, h, f, d, p) {
-  var o, u, x, b, C, v, _, g = i && i.__k || et, R = t.length;
-  for (f = Et(r, t, g, f, R), o = 0; o < R; o++) (x = r.__k[o]) != null && (u = x.__i == -1 ? V : g[x.__i] || V, x.__i = o, v = ve(e, x, u, l, a, s, h, f, d, p), b = x.__e, x.ref && u.ref != x.ref && (u.ref && me(u.ref, null, x), p.push(x.ref, x.__c || b, x)), C == null && b != null && (C = b), (_ = !!(4 & x.__u)) || u.__k === x.__k ? f = it(x, f, e, _) : typeof x.type == "function" && v !== void 0 ? f = v : b && (f = b.nextSibling), x.__u &= -7);
-  return r.__e = C, f;
+function ot(e, t, r, i, l, o, s, c, p, d, x) {
+  var a, u, f, v, C, m, g, _ = i && i.__k || rt, j = t.length;
+  for (p = Tt(r, t, _, p, j), a = 0; a < j; a++) (f = r.__k[a]) != null && (u = f.__i == -1 ? V : _[f.__i] || V, f.__i = a, m = me(e, f, u, l, o, s, c, p, d, x), v = f.__e, f.ref && u.ref != f.ref && (u.ref && be(u.ref, null, f), x.push(f.ref, f.__c || v, f)), C == null && v != null && (C = v), (g = !!(4 & f.__u)) || u.__k === f.__k ? p = lt(f, p, e, g) : typeof f.type == "function" && m !== void 0 ? p = m : v && (p = v.nextSibling), f.__u &= -7);
+  return r.__e = C, p;
 }
-function Et(e, t, r, i, l) {
-  var a, s, h, f, d, p = r.length, o = p, u = 0;
-  for (e.__k = new Array(l), a = 0; a < l; a++) (s = t[a]) != null && typeof s != "boolean" && typeof s != "function" ? (f = a + u, (s = e.__k[a] = typeof s == "string" || typeof s == "number" || typeof s == "bigint" || s.constructor == String ? te(null, s, null, null, null) : G(s) ? te(ce, { children: s }, null, null, null) : s.constructor == null && s.__b > 0 ? te(s.type, s.props, s.key, s.ref ? s.ref : null, s.__v) : s).__ = e, s.__b = e.__b + 1, h = null, (d = s.__i = Ct(s, r, f, o)) != -1 && (o--, (h = r[d]) && (h.__u |= 2)), h == null || h.__v == null ? (d == -1 && (l > p ? u-- : l < p && u++), typeof s.type != "function" && (s.__u |= 4)) : d != f && (d == f - 1 ? u-- : d == f + 1 ? u++ : (d > f ? u-- : u++, s.__u |= 4))) : e.__k[a] = null;
-  if (o) for (a = 0; a < p; a++) (h = r[a]) != null && (2 & h.__u) == 0 && (h.__e == i && (i = L(h)), ct(h, h));
+function Tt(e, t, r, i, l) {
+  var o, s, c, p, d, x = r.length, a = x, u = 0;
+  for (e.__k = new Array(l), o = 0; o < l; o++) (s = t[o]) != null && typeof s != "boolean" && typeof s != "function" ? (p = o + u, (s = e.__k[o] = typeof s == "string" || typeof s == "number" || typeof s == "bigint" || s.constructor == String ? te(null, s, null, null, null) : G(s) ? te(ne, { children: s }, null, null, null) : s.constructor == null && s.__b > 0 ? te(s.type, s.props, s.key, s.ref ? s.ref : null, s.__v) : s).__ = e, s.__b = e.__b + 1, c = null, (d = s.__i = At(s, r, p, a)) != -1 && (a--, (c = r[d]) && (c.__u |= 2)), c == null || c.__v == null ? (d == -1 && (l > x ? u-- : l < x && u++), typeof s.type != "function" && (s.__u |= 4)) : d != p && (d == p - 1 ? u-- : d == p + 1 ? u++ : (d > p ? u-- : u++, s.__u |= 4))) : e.__k[o] = null;
+  if (a) for (o = 0; o < x; o++) (c = r[o]) != null && (2 & c.__u) == 0 && (c.__e == i && (i = W(c)), st(c, c));
   return i;
 }
-function it(e, t, r, i) {
-  var l, a;
+function lt(e, t, r, i) {
+  var l, o;
   if (typeof e.type == "function") {
-    for (l = e.__k, a = 0; l && a < l.length; a++) l[a] && (l[a].__ = e, t = it(l[a], t, r, i));
+    for (l = e.__k, o = 0; l && o < l.length; o++) l[o] && (l[o].__ = e, t = lt(l[o], t, r, i));
     return t;
   }
-  e.__e != t && (i && (t && e.type && !t.parentNode && (t = L(e)), r.insertBefore(e.__e, t || null)), t = e.__e);
+  e.__e != t && (i && (t && e.type && !t.parentNode && (t = W(e)), r.insertBefore(e.__e, t || null)), t = e.__e);
   do
     t = t && t.nextSibling;
   while (t != null && t.nodeType == 8);
   return t;
 }
-function lt(e, t) {
+function at(e, t) {
   return t = t || [], e == null || typeof e == "boolean" || (G(e) ? e.some(function(r) {
-    lt(r, t);
+    at(r, t);
   }) : t.push(e)), t;
 }
-function Ct(e, t, r, i) {
-  var l, a, s, h = e.key, f = e.type, d = t[r], p = d != null && (2 & d.__u) == 0;
-  if (d === null && e.key == null || p && h == d.key && f == d.type) return r;
-  if (i > (p ? 1 : 0)) {
-    for (l = r - 1, a = r + 1; l >= 0 || a < t.length; ) if ((d = t[s = l >= 0 ? l-- : a++]) != null && (2 & d.__u) == 0 && h == d.key && f == d.type) return s;
+function At(e, t, r, i) {
+  var l, o, s, c = e.key, p = e.type, d = t[r], x = d != null && (2 & d.__u) == 0;
+  if (d === null && e.key == null || x && c == d.key && p == d.type) return r;
+  if (i > (x ? 1 : 0)) {
+    for (l = r - 1, o = r + 1; l >= 0 || o < t.length; ) if ((d = t[s = l >= 0 ? l-- : o++]) != null && (2 & d.__u) == 0 && c == d.key && p == d.type) return s;
   }
   return -1;
 }
-function Me(e, t, r) {
-  t[0] == "-" ? e.setProperty(t, r ?? "") : e[t] = r == null ? "" : typeof r != "number" || St.test(t) ? r : r + "px";
+function $e(e, t, r) {
+  t[0] == "-" ? e.setProperty(t, r ?? "") : e[t] = r == null ? "" : typeof r != "number" || Ct.test(t) ? r : r + "px";
 }
 function ee(e, t, r, i, l) {
-  var a, s;
+  var o, s;
   e: if (t == "style") if (typeof r == "string") e.style.cssText = r;
   else {
-    if (typeof i == "string" && (e.style.cssText = i = ""), i) for (t in i) r && t in r || Me(e.style, t, "");
-    if (r) for (t in r) i && r[t] == i[t] || Me(e.style, t, r[t]);
+    if (typeof i == "string" && (e.style.cssText = i = ""), i) for (t in i) r && t in r || $e(e.style, t, "");
+    if (r) for (t in r) i && r[t] == i[t] || $e(e.style, t, r[t]);
   }
-  else if (t[0] == "o" && t[1] == "n") a = t != (t = t.replace(Ke, "$1")), s = t.toLowerCase(), t = s in e || t == "onFocusOut" || t == "onFocusIn" ? s.slice(2) : t.slice(2), e.l || (e.l = {}), e.l[t + a] = r, r ? i ? r.u = i.u : (r.u = ge, e.addEventListener(t, a ? ue : pe, a)) : e.removeEventListener(t, a ? ue : pe, a);
+  else if (t[0] == "o" && t[1] == "n") o = t != (t = t.replace(tt, "$1")), s = t.toLowerCase(), t = s in e || t == "onFocusOut" || t == "onFocusIn" ? s.slice(2) : t.slice(2), e.l || (e.l = {}), e.l[t + o] = r, r ? i ? r.u = i.u : (r.u = _e, e.addEventListener(t, o ? ue : pe, o)) : e.removeEventListener(t, o ? ue : pe, o);
   else {
     if (l == "http://www.w3.org/2000/svg") t = t.replace(/xlink(H|:h)/, "h").replace(/sName$/, "s");
     else if (t != "width" && t != "height" && t != "href" && t != "list" && t != "form" && t != "tabIndex" && t != "download" && t != "rowSpan" && t != "colSpan" && t != "role" && t != "popover" && t in e) try {
@@ -525,99 +525,99 @@ function De(e) {
   return function(t) {
     if (this.l) {
       var r = this.l[t.type + e];
-      if (t.t == null) t.t = ge++;
+      if (t.t == null) t.t = _e++;
       else if (t.t < r.u) return;
       return r(w.event ? w.event(t) : t);
     }
   };
 }
-function ve(e, t, r, i, l, a, s, h, f, d) {
-  var p, o, u, x, b, C, v, _, g, R, j, U, z, X, H, P, Q, T = t.type;
+function me(e, t, r, i, l, o, s, c, p, d) {
+  var x, a, u, f, v, C, m, g, _, j, P, U, F, X, H, M, Q, T = t.type;
   if (t.constructor != null) return null;
-  128 & r.__u && (f = !!(32 & r.__u), a = [h = t.__e = r.__e]), (p = w.__b) && p(t);
+  128 & r.__u && (p = !!(32 & r.__u), o = [c = t.__e = r.__e]), (x = w.__b) && x(t);
   e: if (typeof T == "function") try {
-    if (_ = t.props, g = "prototype" in T && T.prototype.render, R = (p = T.contextType) && i[p.__c], j = p ? R ? R.props.value : p.__ : i, r.__c ? v = (o = t.__c = r.__c).__ = o.__E : (g ? t.__c = o = new T(_, j) : (t.__c = o = new re(_, j), o.constructor = T, o.render = At), R && R.sub(o), o.props = _, o.state || (o.state = {}), o.context = j, o.__n = i, u = o.__d = !0, o.__h = [], o._sb = []), g && o.__s == null && (o.__s = o.state), g && T.getDerivedStateFromProps != null && (o.__s == o.state && (o.__s = $({}, o.__s)), $(o.__s, T.getDerivedStateFromProps(_, o.__s))), x = o.props, b = o.state, o.__v = t, u) g && T.getDerivedStateFromProps == null && o.componentWillMount != null && o.componentWillMount(), g && o.componentDidMount != null && o.__h.push(o.componentDidMount);
+    if (g = t.props, _ = "prototype" in T && T.prototype.render, j = (x = T.contextType) && i[x.__c], P = x ? j ? j.props.value : x.__ : i, r.__c ? m = (a = t.__c = r.__c).__ = a.__E : (_ ? t.__c = a = new T(g, P) : (t.__c = a = new re(g, P), a.constructor = T, a.render = jt), j && j.sub(a), a.props = g, a.state || (a.state = {}), a.context = P, a.__n = i, u = a.__d = !0, a.__h = [], a._sb = []), _ && a.__s == null && (a.__s = a.state), _ && T.getDerivedStateFromProps != null && (a.__s == a.state && (a.__s = $({}, a.__s)), $(a.__s, T.getDerivedStateFromProps(g, a.__s))), f = a.props, v = a.state, a.__v = t, u) _ && T.getDerivedStateFromProps == null && a.componentWillMount != null && a.componentWillMount(), _ && a.componentDidMount != null && a.__h.push(a.componentDidMount);
     else {
-      if (g && T.getDerivedStateFromProps == null && _ !== x && o.componentWillReceiveProps != null && o.componentWillReceiveProps(_, j), !o.__e && o.shouldComponentUpdate != null && o.shouldComponentUpdate(_, o.__s, j) === !1 || t.__v == r.__v) {
-        for (t.__v != r.__v && (o.props = _, o.state = o.__s, o.__d = !1), t.__e = r.__e, t.__k = r.__k, t.__k.some(function(O) {
+      if (_ && T.getDerivedStateFromProps == null && g !== f && a.componentWillReceiveProps != null && a.componentWillReceiveProps(g, P), !a.__e && a.shouldComponentUpdate != null && a.shouldComponentUpdate(g, a.__s, P) === !1 || t.__v == r.__v) {
+        for (t.__v != r.__v && (a.props = g, a.state = a.__s, a.__d = !1), t.__e = r.__e, t.__k = r.__k, t.__k.some(function(O) {
           O && (O.__ = t);
-        }), U = 0; U < o._sb.length; U++) o.__h.push(o._sb[U]);
-        o._sb = [], o.__h.length && s.push(o);
+        }), U = 0; U < a._sb.length; U++) a.__h.push(a._sb[U]);
+        a._sb = [], a.__h.length && s.push(a);
         break e;
       }
-      o.componentWillUpdate != null && o.componentWillUpdate(_, o.__s, j), g && o.componentDidUpdate != null && o.__h.push(function() {
-        o.componentDidUpdate(x, b, C);
+      a.componentWillUpdate != null && a.componentWillUpdate(g, a.__s, P), _ && a.componentDidUpdate != null && a.__h.push(function() {
+        a.componentDidUpdate(f, v, C);
       });
     }
-    if (o.context = j, o.props = _, o.__P = e, o.__e = !1, z = w.__r, X = 0, g) {
-      for (o.state = o.__s, o.__d = !1, z && z(t), p = o.render(o.props, o.state, o.context), H = 0; H < o._sb.length; H++) o.__h.push(o._sb[H]);
-      o._sb = [];
+    if (a.context = P, a.props = g, a.__P = e, a.__e = !1, F = w.__r, X = 0, _) {
+      for (a.state = a.__s, a.__d = !1, F && F(t), x = a.render(a.props, a.state, a.context), H = 0; H < a._sb.length; H++) a.__h.push(a._sb[H]);
+      a._sb = [];
     } else do
-      o.__d = !1, z && z(t), p = o.render(o.props, o.state, o.context), o.state = o.__s;
-    while (o.__d && ++X < 25);
-    o.state = o.__s, o.getChildContext != null && (i = $($({}, i), o.getChildContext())), g && !u && o.getSnapshotBeforeUpdate != null && (C = o.getSnapshotBeforeUpdate(x, b)), P = p, p != null && p.type === ce && p.key == null && (P = at(p.props.children)), h = rt(e, G(P) ? P : [P], t, r, i, l, a, s, h, f, d), o.base = t.__e, t.__u &= -161, o.__h.length && s.push(o), v && (o.__E = o.__ = null);
+      a.__d = !1, F && F(t), x = a.render(a.props, a.state, a.context), a.state = a.__s;
+    while (a.__d && ++X < 25);
+    a.state = a.__s, a.getChildContext != null && (i = $($({}, i), a.getChildContext())), _ && !u && a.getSnapshotBeforeUpdate != null && (C = a.getSnapshotBeforeUpdate(f, v)), M = x, x != null && x.type === ne && x.key == null && (M = ct(x.props.children)), c = ot(e, G(M) ? M : [M], t, r, i, l, o, s, c, p, d), a.base = t.__e, t.__u &= -161, a.__h.length && s.push(a), m && (a.__E = a.__ = null);
   } catch (O) {
-    if (t.__v = null, f || a != null) if (O.then) {
-      for (t.__u |= f ? 160 : 128; h && h.nodeType == 8 && h.nextSibling; ) h = h.nextSibling;
-      a[a.indexOf(h)] = null, t.__e = h;
+    if (t.__v = null, p || o != null) if (O.then) {
+      for (t.__u |= p ? 160 : 128; c && c.nodeType == 8 && c.nextSibling; ) c = c.nextSibling;
+      o[o.indexOf(c)] = null, t.__e = c;
     } else {
-      for (Q = a.length; Q--; ) we(a[Q]);
+      for (Q = o.length; Q--; ) we(o[Q]);
       xe(t);
     }
     else t.__e = r.__e, t.__k = r.__k, O.then || xe(t);
     w.__e(O, t, r);
   }
-  else a == null && t.__v == r.__v ? (t.__k = r.__k, t.__e = r.__e) : h = t.__e = Tt(r.__e, t, r, i, l, a, s, f, d);
-  return (p = w.diffed) && p(t), 128 & t.__u ? void 0 : h;
+  else o == null && t.__v == r.__v ? (t.__k = r.__k, t.__e = r.__e) : c = t.__e = Rt(r.__e, t, r, i, l, o, s, p, d);
+  return (x = w.diffed) && x(t), 128 & t.__u ? void 0 : c;
 }
 function xe(e) {
   e && e.__c && (e.__c.__e = !0), e && e.__k && e.__k.forEach(xe);
 }
-function ot(e, t, r) {
-  for (var i = 0; i < r.length; i++) me(r[i], r[++i], r[++i]);
+function nt(e, t, r) {
+  for (var i = 0; i < r.length; i++) be(r[i], r[++i], r[++i]);
   w.__c && w.__c(t, e), e.some(function(l) {
     try {
-      e = l.__h, l.__h = [], e.some(function(a) {
-        a.call(l);
+      e = l.__h, l.__h = [], e.some(function(o) {
+        o.call(l);
       });
-    } catch (a) {
-      w.__e(a, l.__v);
+    } catch (o) {
+      w.__e(o, l.__v);
     }
   });
 }
-function at(e) {
-  return typeof e != "object" || e == null || e.__b && e.__b > 0 ? e : G(e) ? e.map(at) : $({}, e);
+function ct(e) {
+  return typeof e != "object" || e == null || e.__b && e.__b > 0 ? e : G(e) ? e.map(ct) : $({}, e);
 }
-function Tt(e, t, r, i, l, a, s, h, f) {
-  var d, p, o, u, x, b, C, v = r.props, _ = t.props, g = t.type;
-  if (g == "svg" ? l = "http://www.w3.org/2000/svg" : g == "math" ? l = "http://www.w3.org/1998/Math/MathML" : l || (l = "http://www.w3.org/1999/xhtml"), a != null) {
-    for (d = 0; d < a.length; d++) if ((x = a[d]) && "setAttribute" in x == !!g && (g ? x.localName == g : x.nodeType == 3)) {
-      e = x, a[d] = null;
+function Rt(e, t, r, i, l, o, s, c, p) {
+  var d, x, a, u, f, v, C, m = r.props, g = t.props, _ = t.type;
+  if (_ == "svg" ? l = "http://www.w3.org/2000/svg" : _ == "math" ? l = "http://www.w3.org/1998/Math/MathML" : l || (l = "http://www.w3.org/1999/xhtml"), o != null) {
+    for (d = 0; d < o.length; d++) if ((f = o[d]) && "setAttribute" in f == !!_ && (_ ? f.localName == _ : f.nodeType == 3)) {
+      e = f, o[d] = null;
       break;
     }
   }
   if (e == null) {
-    if (g == null) return document.createTextNode(_);
-    e = document.createElementNS(l, g, _.is && _), h && (w.__m && w.__m(t, a), h = !1), a = null;
+    if (_ == null) return document.createTextNode(g);
+    e = document.createElementNS(l, _, g.is && g), c && (w.__m && w.__m(t, o), c = !1), o = null;
   }
-  if (g == null) v === _ || h && e.data == _ || (e.data = _);
+  if (_ == null) m === g || c && e.data == g || (e.data = g);
   else {
-    if (a = a && ae.call(e.childNodes), v = r.props || V, !h && a != null) for (v = {}, d = 0; d < e.attributes.length; d++) v[(x = e.attributes[d]).name] = x.value;
-    for (d in v) if (x = v[d], d != "children") {
-      if (d == "dangerouslySetInnerHTML") o = x;
-      else if (!(d in _)) {
-        if (d == "value" && "defaultValue" in _ || d == "checked" && "defaultChecked" in _) continue;
-        ee(e, d, null, x, l);
+    if (o = o && ae.call(e.childNodes), m = r.props || V, !c && o != null) for (m = {}, d = 0; d < e.attributes.length; d++) m[(f = e.attributes[d]).name] = f.value;
+    for (d in m) if (f = m[d], d != "children") {
+      if (d == "dangerouslySetInnerHTML") a = f;
+      else if (!(d in g)) {
+        if (d == "value" && "defaultValue" in g || d == "checked" && "defaultChecked" in g) continue;
+        ee(e, d, null, f, l);
       }
     }
-    for (d in _) x = _[d], d == "children" ? u = x : d == "dangerouslySetInnerHTML" ? p = x : d == "value" ? b = x : d == "checked" ? C = x : h && typeof x != "function" || v[d] === x || ee(e, d, x, v[d], l);
-    if (p) h || o && (p.__html == o.__html || p.__html == e.innerHTML) || (e.innerHTML = p.__html), t.__k = [];
-    else if (o && (e.innerHTML = ""), rt(t.type == "template" ? e.content : e, G(u) ? u : [u], t, r, i, g == "foreignObject" ? "http://www.w3.org/1999/xhtml" : l, a, s, a ? a[0] : r.__k && L(r, 0), h, f), a != null) for (d = a.length; d--; ) we(a[d]);
-    h || (d = "value", g == "progress" && b == null ? e.removeAttribute("value") : b != null && (b !== e[d] || g == "progress" && !b || g == "option" && b != v[d]) && ee(e, d, b, v[d], l), d = "checked", C != null && C != e[d] && ee(e, d, C, v[d], l));
+    for (d in g) f = g[d], d == "children" ? u = f : d == "dangerouslySetInnerHTML" ? x = f : d == "value" ? v = f : d == "checked" ? C = f : c && typeof f != "function" || m[d] === f || ee(e, d, f, m[d], l);
+    if (x) c || a && (x.__html == a.__html || x.__html == e.innerHTML) || (e.innerHTML = x.__html), t.__k = [];
+    else if (a && (e.innerHTML = ""), ot(t.type == "template" ? e.content : e, G(u) ? u : [u], t, r, i, _ == "foreignObject" ? "http://www.w3.org/1999/xhtml" : l, o, s, o ? o[0] : r.__k && W(r, 0), c, p), o != null) for (d = o.length; d--; ) we(o[d]);
+    c || (d = "value", _ == "progress" && v == null ? e.removeAttribute("value") : v != null && (v !== e[d] || _ == "progress" && !v || _ == "option" && v != m[d]) && ee(e, d, v, m[d], l), d = "checked", C != null && C != e[d] && ee(e, d, C, m[d], l));
   }
   return e;
 }
-function me(e, t, r) {
+function be(e, t, r) {
   try {
     if (typeof e == "function") {
       var i = typeof e.__u == "function";
@@ -627,125 +627,125 @@ function me(e, t, r) {
     w.__e(l, r);
   }
 }
-function ct(e, t, r) {
+function st(e, t, r) {
   var i, l;
-  if (w.unmount && w.unmount(e), (i = e.ref) && (i.current && i.current != e.__e || me(i, null, t)), (i = e.__c) != null) {
+  if (w.unmount && w.unmount(e), (i = e.ref) && (i.current && i.current != e.__e || be(i, null, t)), (i = e.__c) != null) {
     if (i.componentWillUnmount) try {
       i.componentWillUnmount();
-    } catch (a) {
-      w.__e(a, t);
+    } catch (o) {
+      w.__e(o, t);
     }
     i.base = i.__P = null;
   }
-  if (i = e.__k) for (l = 0; l < i.length; l++) i[l] && ct(i[l], t, r || typeof e.type != "function");
+  if (i = e.__k) for (l = 0; l < i.length; l++) i[l] && st(i[l], t, r || typeof e.type != "function");
   r || we(e.__e), e.__c = e.__ = e.__e = void 0;
 }
-function At(e, t, r) {
+function jt(e, t, r) {
   return this.constructor(e, r);
 }
-function ze(e, t, r) {
-  var i, l, a, s;
-  t == document && (t = document.documentElement), w.__ && w.__(e, t), l = (i = !1) ? null : t.__k, a = [], s = [], ve(t, e = t.__k = J(ce, null, [e]), l || V, V, t.namespaceURI, l ? null : t.firstChild ? ae.call(t.childNodes) : null, a, l ? l.__e : t.firstChild, i, s), ot(a, e, s);
+function Fe(e, t, r) {
+  var i, l, o, s;
+  t == document && (t = document.documentElement), w.__ && w.__(e, t), l = (i = !1) ? null : t.__k, o = [], s = [], me(t, e = t.__k = J(ne, null, [e]), l || V, V, t.namespaceURI, l ? null : t.firstChild ? ae.call(t.childNodes) : null, o, l ? l.__e : t.firstChild, i, s), nt(o, e, s);
 }
-ae = et.slice, w = { __e: function(e, t, r, i) {
-  for (var l, a, s; t = t.__; ) if ((l = t.__c) && !l.__) try {
-    if ((a = l.constructor) && a.getDerivedStateFromError != null && (l.setState(a.getDerivedStateFromError(e)), s = l.__d), l.componentDidCatch != null && (l.componentDidCatch(e, i || {}), s = l.__d), s) return l.__E = l;
-  } catch (h) {
-    e = h;
+ae = rt.slice, w = { __e: function(e, t, r, i) {
+  for (var l, o, s; t = t.__; ) if ((l = t.__c) && !l.__) try {
+    if ((o = l.constructor) && o.getDerivedStateFromError != null && (l.setState(o.getDerivedStateFromError(e)), s = l.__d), l.componentDidCatch != null && (l.componentDidCatch(e, i || {}), s = l.__d), s) return l.__E = l;
+  } catch (c) {
+    e = c;
   }
   throw e;
-} }, Ge = 0, re.prototype.setState = function(e, t) {
+} }, Ze = 0, re.prototype.setState = function(e, t) {
   var r;
-  r = this.__s != null && this.__s != this.state ? this.__s : this.__s = $({}, this.state), typeof e == "function" && (e = e($({}, r), this.props)), e && $(r, e), e != null && this.__v && (t && this._sb.push(t), $e(this));
+  r = this.__s != null && this.__s != this.state ? this.__s : this.__s = $({}, this.state), typeof e == "function" && (e = e($({}, r), this.props)), e && $(r, e), e != null && this.__v && (t && this._sb.push(t), Me(this));
 }, re.prototype.forceUpdate = function(e) {
-  this.__v && (this.__e = !0, e && this.__h.push(e), $e(this));
-}, re.prototype.render = ce, I = [], Xe = typeof Promise == "function" ? Promise.prototype.then.bind(Promise.resolve()) : setTimeout, Ze = function(e, t) {
+  this.__v && (this.__e = !0, e && this.__h.push(e), Me(this));
+}, re.prototype.render = ne, L = [], Ke = typeof Promise == "function" ? Promise.prototype.then.bind(Promise.resolve()) : setTimeout, et = function(e, t) {
   return e.__v.__b - t.__v.__b;
-}, le.__r = 0, Ke = /(PointerCapture)$|Capture$/i, ge = 0, pe = De(!1), ue = De(!0);
-var Rt = 0;
-function n(e, t, r, i, l, a) {
+}, oe.__r = 0, tt = /(PointerCapture)$|Capture$/i, _e = 0, pe = De(!1), ue = De(!0);
+var Pt = 0;
+function n(e, t, r, i, l, o) {
   t || (t = {});
-  var s, h, f = t;
-  if ("ref" in f) for (h in f = {}, t) h == "ref" ? s = t[h] : f[h] = t[h];
-  var d = { type: e, props: f, key: r, ref: s, __k: null, __: null, __b: 0, __e: null, __c: null, constructor: void 0, __v: --Rt, __i: -1, __u: 0, __source: l, __self: a };
-  if (typeof e == "function" && (s = e.defaultProps)) for (h in s) f[h] === void 0 && (f[h] = s[h]);
+  var s, c, p = t;
+  if ("ref" in p) for (c in p = {}, t) c == "ref" ? s = t[c] : p[c] = t[c];
+  var d = { type: e, props: p, key: r, ref: s, __k: null, __: null, __b: 0, __e: null, __c: null, constructor: void 0, __v: --Pt, __i: -1, __u: 0, __source: l, __self: o };
+  if (typeof e == "function" && (s = e.defaultProps)) for (c in s) p[c] === void 0 && (p[c] = s[c]);
   return w.vnode && w.vnode(d), d;
 }
-var oe, k, de, Fe, ye = 0, nt = [], N = w, Ie = N.__b, Ue = N.__r, He = N.diffed, Be = N.__c, Le = N.unmount, Qe = N.__;
-function st(e, t) {
+var le, k, de, Ie, ye = 0, ht = [], N = w, Le = N.__b, Ue = N.__r, He = N.diffed, Be = N.__c, We = N.unmount, Qe = N.__;
+function dt(e, t) {
   N.__h && N.__h(k, e, ye || t), ye = 0;
   var r = k.__H || (k.__H = { __: [], __h: [] });
   return e >= r.__.length && r.__.push({}), r.__[e];
 }
-function Y(e) {
-  return ye = 1, jt(ht, e);
+function D(e) {
+  return ye = 1, Ot(ft, e);
 }
-function jt(e, t, r) {
-  var i = st(oe++, 2);
-  if (i.t = e, !i.__c && (i.__ = [ht(void 0, t), function(h) {
-    var f = i.__N ? i.__N[0] : i.__[0], d = i.t(f, h);
-    f !== d && (i.__N = [d, i.__[1]], i.__c.setState({}));
+function Ot(e, t, r) {
+  var i = dt(le++, 2);
+  if (i.t = e, !i.__c && (i.__ = [ft(void 0, t), function(c) {
+    var p = i.__N ? i.__N[0] : i.__[0], d = i.t(p, c);
+    p !== d && (i.__N = [d, i.__[1]], i.__c.setState({}));
   }], i.__c = k, !k.__f)) {
-    var l = function(h, f, d) {
+    var l = function(c, p, d) {
       if (!i.__c.__H) return !0;
-      var p = i.__c.__H.__.filter(function(u) {
+      var x = i.__c.__H.__.filter(function(u) {
         return !!u.__c;
       });
-      if (p.every(function(u) {
+      if (x.every(function(u) {
         return !u.__N;
-      })) return !a || a.call(this, h, f, d);
-      var o = i.__c.props !== h;
-      return p.forEach(function(u) {
+      })) return !o || o.call(this, c, p, d);
+      var a = i.__c.props !== c;
+      return x.forEach(function(u) {
         if (u.__N) {
-          var x = u.__[0];
-          u.__ = u.__N, u.__N = void 0, x !== u.__[0] && (o = !0);
+          var f = u.__[0];
+          u.__ = u.__N, u.__N = void 0, f !== u.__[0] && (a = !0);
         }
-      }), a && a.call(this, h, f, d) || o;
+      }), o && o.call(this, c, p, d) || a;
     };
     k.__f = !0;
-    var a = k.shouldComponentUpdate, s = k.componentWillUpdate;
-    k.componentWillUpdate = function(h, f, d) {
+    var o = k.shouldComponentUpdate, s = k.componentWillUpdate;
+    k.componentWillUpdate = function(c, p, d) {
       if (this.__e) {
-        var p = a;
-        a = void 0, l(h, f, d), a = p;
+        var x = o;
+        o = void 0, l(c, p, d), o = x;
       }
-      s && s.call(this, h, f, d);
+      s && s.call(this, c, p, d);
     }, k.shouldComponentUpdate = l;
   }
   return i.__N || i.__;
 }
-function Ot(e, t) {
-  var r = st(oe++, 3);
-  !N.__s && Mt(r.__H, t) && (r.__ = e, r.u = t, k.__H.__h.push(r));
+function zt(e, t) {
+  var r = dt(le++, 3);
+  !N.__s && Dt(r.__H, t) && (r.__ = e, r.u = t, k.__H.__h.push(r));
 }
-function Pt() {
-  for (var e; e = nt.shift(); ) if (e.__P && e.__H) try {
-    e.__H.__h.forEach(ie), e.__H.__h.forEach(_e), e.__H.__h = [];
+function Mt() {
+  for (var e; e = ht.shift(); ) if (e.__P && e.__H) try {
+    e.__H.__h.forEach(ie), e.__H.__h.forEach(ge), e.__H.__h = [];
   } catch (t) {
     e.__H.__h = [], N.__e(t, e.__v);
   }
 }
 N.__b = function(e) {
-  k = null, Ie && Ie(e);
+  k = null, Le && Le(e);
 }, N.__ = function(e, t) {
   e && t.__k && t.__k.__m && (e.__m = t.__k.__m), Qe && Qe(e, t);
 }, N.__r = function(e) {
-  Ue && Ue(e), oe = 0;
+  Ue && Ue(e), le = 0;
   var t = (k = e.__c).__H;
   t && (de === k ? (t.__h = [], k.__h = [], t.__.forEach(function(r) {
     r.__N && (r.__ = r.__N), r.u = r.__N = void 0;
-  })) : (t.__h.forEach(ie), t.__h.forEach(_e), t.__h = [], oe = 0)), de = k;
+  })) : (t.__h.forEach(ie), t.__h.forEach(ge), t.__h = [], le = 0)), de = k;
 }, N.diffed = function(e) {
   He && He(e);
   var t = e.__c;
-  t && t.__H && (t.__H.__h.length && (nt.push(t) !== 1 && Fe === N.requestAnimationFrame || ((Fe = N.requestAnimationFrame) || $t)(Pt)), t.__H.__.forEach(function(r) {
+  t && t.__H && (t.__H.__h.length && (ht.push(t) !== 1 && Ie === N.requestAnimationFrame || ((Ie = N.requestAnimationFrame) || $t)(Mt)), t.__H.__.forEach(function(r) {
     r.u && (r.__H = r.u), r.u = void 0;
   })), de = k = null;
 }, N.__c = function(e, t) {
   t.some(function(r) {
     try {
       r.__h.forEach(ie), r.__h = r.__h.filter(function(i) {
-        return !i.__ || _e(i);
+        return !i.__ || ge(i);
       });
     } catch (i) {
       t.some(function(l) {
@@ -754,7 +754,7 @@ N.__b = function(e) {
     }
   }), Be && Be(e, t);
 }, N.unmount = function(e) {
-  Le && Le(e);
+  We && We(e);
   var t, r = e.__c;
   r && r.__H && (r.__H.__.forEach(function(i) {
     try {
@@ -775,44 +775,44 @@ function ie(e) {
   var t = k, r = e.__c;
   typeof r == "function" && (e.__c = void 0, r()), k = t;
 }
-function _e(e) {
+function ge(e) {
   var t = k;
   e.__c = e.__(), k = t;
 }
-function Mt(e, t) {
+function Dt(e, t) {
   return !e || e.length !== t.length || t.some(function(r, i) {
     return r !== e[i];
   });
 }
-function ht(e, t) {
+function ft(e, t) {
   return typeof t == "function" ? t(e) : t;
 }
-const We = "data:image/svg+xml,%3csvg%20width='1820'%20height='1820'%20viewBox='0%200%201820%201820'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='1820'%20height='1820'%20rx='20'%20fill='%23121212'/%3e%3crect%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.6'%20x='124'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='248'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='372'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.3'%20x='496'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='620'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='744'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='868'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='992'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.2'%20x='1116'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.7'%20x='1240'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1364'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1488'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.6'%20x='1612'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1736'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20y='124'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='124'%20y='124'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='248'%20y='124'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='372'%20y='124'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.3'%20x='496'%20y='124'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='620'%20y='124'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='744'%20y='124'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.2'%20x='868'%20y='124'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='992'%20y='124'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1116'%20y='124'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.8'%20x='1240'%20y='124'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1364'%20y='124'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1488'%20y='124'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1612'%20y='124'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.4'%20x='1736'%20y='124'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20y='248'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='124'%20y='248'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.5'%20x='248'%20y='248'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='372'%20y='248'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='496'%20y='248'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='620'%20y='248'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.5'%20x='744'%20y='248'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='868'%20y='248'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='992'%20y='248'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.7'%20x='1116'%20y='248'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1240'%20y='248'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.2'%20x='1364'%20y='248'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1488'%20y='248'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1612'%20y='248'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1736'%20y='248'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.7'%20y='372'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='124'%20y='372'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.7'%20x='248'%20y='372'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='372'%20y='372'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='496'%20y='372'%20width='84'%20height='84'%20rx='42'%20fill='%2338B2AC'/%3e%3crect%20x='620'%20y='372'%20width='84'%20height='84'%20rx='42'%20fill='%2338B2AC'/%3e%3crect%20x='744'%20y='372'%20width='84'%20height='84'%20rx='42'%20fill='%2338B2AC'/%3e%3crect%20x='868'%20y='372'%20width='84'%20height='84'%20rx='42'%20fill='%23848484'/%3e%3crect%20x='992'%20y='372'%20width='84'%20height='84'%20rx='42'%20fill='%23848484'/%3e%3crect%20x='1116'%20y='372'%20width='84'%20height='84'%20rx='42'%20fill='%23848484'/%3e%3crect%20x='1240'%20y='372'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1364'%20y='372'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1488'%20y='372'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1612'%20y='372'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1736'%20y='372'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.6'%20y='496'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.6'%20x='124'%20y='496'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='248'%20y='496'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='372'%20y='496'%20width='84'%20height='84'%20rx='42'%20fill='%2338B2AC'/%3e%3crect%20x='496'%20y='496'%20width='84'%20height='84'%20rx='42'%20fill='%2338B2AC'/%3e%3crect%20x='620'%20y='496'%20width='84'%20height='84'%20rx='42'%20fill='%2338B2AC'/%3e%3crect%20x='744'%20y='496'%20width='84'%20height='84'%20rx='42'%20fill='%2338B2AC'/%3e%3crect%20x='868'%20y='496'%20width='84'%20height='84'%20rx='42'%20fill='%23848484'/%3e%3crect%20x='992'%20y='496'%20width='84'%20height='84'%20rx='42'%20fill='%23848484'/%3e%3crect%20x='1116'%20y='496'%20width='84'%20height='84'%20rx='42'%20fill='%23848484'/%3e%3crect%20x='1240'%20y='496'%20width='84'%20height='84'%20rx='42'%20fill='%23848484'/%3e%3crect%20opacity='0.7'%20x='1364'%20y='496'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.2'%20x='1488'%20y='496'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1612'%20y='496'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.2'%20x='1736'%20y='496'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20y='620'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='124'%20y='620'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='248'%20y='620'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='372'%20y='620'%20width='84'%20height='84'%20rx='42'%20fill='%2338B2AC'/%3e%3crect%20x='496'%20y='620'%20width='84'%20height='84'%20rx='42'%20fill='%2338B2AC'/%3e%3crect%20x='1116'%20y='620'%20width='84'%20height='84'%20rx='42'%20fill='%23848484'/%3e%3crect%20x='1240'%20y='620'%20width='84'%20height='84'%20rx='42'%20fill='%23848484'/%3e%3crect%20opacity='0.99'%20x='1364'%20y='620'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.9'%20x='1488'%20y='620'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.9'%20x='1612'%20y='620'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.9'%20x='1736'%20y='620'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20y='744'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='124'%20y='744'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.4'%20x='248'%20y='744'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='372'%20y='744'%20width='84'%20height='84'%20rx='42'%20fill='%2338B2AC'/%3e%3crect%20x='496'%20y='744'%20width='84'%20height='84'%20rx='42'%20fill='%2338B2AC'/%3e%3crect%20x='1116'%20y='744'%20width='84'%20height='84'%20rx='42'%20fill='%23848484'/%3e%3crect%20x='1240'%20y='744'%20width='84'%20height='84'%20rx='42'%20fill='%23848484'/%3e%3crect%20x='1364'%20y='744'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.3'%20x='1488'%20y='744'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1612'%20y='744'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1736'%20y='744'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.4'%20y='868'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.4'%20x='124'%20y='868'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='248'%20y='868'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='372'%20y='868'%20width='84'%20height='84'%20rx='42'%20fill='%2338B2AC'/%3e%3crect%20x='496'%20y='868'%20width='84'%20height='84'%20rx='42'%20fill='%2338B2AC'/%3e%3crect%20x='1116'%20y='868'%20width='84'%20height='84'%20rx='42'%20fill='white'/%3e%3crect%20x='1240'%20y='868'%20width='84'%20height='84'%20rx='42'%20fill='white'/%3e%3crect%20opacity='0.5'%20x='1364'%20y='868'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1488'%20y='868'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1612'%20y='868'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.3'%20x='1736'%20y='868'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20y='992'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='124'%20y='992'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='248'%20y='992'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='372'%20y='992'%20width='84'%20height='84'%20rx='42'%20fill='%2338B2AC'/%3e%3crect%20x='496'%20y='992'%20width='84'%20height='84'%20rx='42'%20fill='%2338B2AC'/%3e%3crect%20x='992'%20y='992'%20width='84'%20height='84'%20rx='42'%20fill='white'/%3e%3crect%20x='1116'%20y='992'%20width='84'%20height='84'%20rx='42'%20fill='white'/%3e%3crect%20x='1240'%20y='992'%20width='84'%20height='84'%20rx='42'%20fill='white'/%3e%3crect%20x='1364'%20y='992'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.6'%20x='1488'%20y='992'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.6'%20x='1612'%20y='992'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.6'%20x='1736'%20y='992'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.1'%20y='1116'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.6'%20x='124'%20y='1116'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='248'%20y='1116'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='372'%20y='1116'%20width='84'%20height='84'%20rx='42'%20fill='%2338B2AC'/%3e%3crect%20x='496'%20y='1116'%20width='84'%20height='84'%20rx='42'%20fill='%2338B2AC'/%3e%3crect%20x='620'%20y='1116'%20width='84'%20height='84'%20rx='42'%20fill='%2338B2AC'/%3e%3crect%20x='744'%20y='1116'%20width='84'%20height='84'%20rx='42'%20fill='%2338B2AC'/%3e%3crect%20x='868'%20y='1116'%20width='84'%20height='84'%20rx='42'%20fill='white'/%3e%3crect%20x='992'%20y='1116'%20width='84'%20height='84'%20rx='42'%20fill='white'/%3e%3crect%20x='1116'%20y='1116'%20width='84'%20height='84'%20rx='42'%20fill='white'/%3e%3crect%20x='1240'%20y='1116'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1364'%20y='1116'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1488'%20y='1116'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1612'%20y='1116'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1736'%20y='1116'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20y='1240'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='124'%20y='1240'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='248'%20y='1240'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.5'%20x='372'%20y='1240'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='496'%20y='1240'%20width='84'%20height='84'%20rx='42'%20fill='%2338B2AC'/%3e%3crect%20x='620'%20y='1240'%20width='84'%20height='84'%20rx='42'%20fill='%2338B2AC'/%3e%3crect%20x='744'%20y='1240'%20width='84'%20height='84'%20rx='42'%20fill='%2338B2AC'/%3e%3crect%20x='868'%20y='1240'%20width='84'%20height='84'%20rx='42'%20fill='white'/%3e%3crect%20x='992'%20y='1240'%20width='84'%20height='84'%20rx='42'%20fill='white'/%3e%3crect%20x='1116'%20y='1240'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1240'%20y='1240'%20width='84'%20height='84'%20rx='42'%20fill='white'/%3e%3crect%20x='1364'%20y='1240'%20width='84'%20height='84'%20rx='42'%20fill='white'/%3e%3crect%20x='1488'%20y='1240'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.4'%20x='1612'%20y='1240'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1736'%20y='1240'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20y='1364'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='124'%20y='1364'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.3'%20x='248'%20y='1364'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='372'%20y='1364'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='496'%20y='1364'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='620'%20y='1364'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.98'%20x='744'%20y='1364'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='868'%20y='1364'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.5'%20x='992'%20y='1364'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1116'%20y='1364'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1240'%20y='1364'%20width='84'%20height='84'%20rx='42'%20fill='white'/%3e%3crect%20x='1364'%20y='1364'%20width='84'%20height='84'%20rx='42'%20fill='white'/%3e%3crect%20x='1488'%20y='1364'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1612'%20y='1364'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1736'%20y='1364'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.4'%20y='1488'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='124'%20y='1488'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='248'%20y='1488'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='372'%20y='1488'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='496'%20y='1488'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='620'%20y='1488'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.3'%20x='744'%20y='1488'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='868'%20y='1488'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='992'%20y='1488'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1116'%20y='1488'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.5'%20x='1240'%20y='1488'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1364'%20y='1488'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1488'%20y='1488'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.3'%20x='1612'%20y='1488'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1736'%20y='1488'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20y='1612'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='124'%20y='1612'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.4'%20x='248'%20y='1612'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='372'%20y='1612'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='496'%20y='1612'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='620'%20y='1612'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.7'%20x='744'%20y='1612'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='868'%20y='1612'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='992'%20y='1612'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1116'%20y='1612'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.9'%20x='1240'%20y='1612'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1364'%20y='1612'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.7'%20x='1488'%20y='1612'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1612'%20y='1612'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1736'%20y='1612'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20y='1736'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.5'%20x='124'%20y='1736'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='248'%20y='1736'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='372'%20y='1736'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='496'%20y='1736'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='620'%20y='1736'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.9'%20x='744'%20y='1736'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.3'%20x='868'%20y='1736'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='992'%20y='1736'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1116'%20y='1736'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.8'%20x='1240'%20y='1736'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1364'%20y='1736'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1488'%20y='1736'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.32'%20x='1612'%20y='1736'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1736'%20y='1736'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3c/svg%3e";
-function Dt() {
-  const [e, t] = Y({}), [r, i] = Y([]), [l, a] = Y(null);
-  return Ot(() => {
-    let s, h = 0;
-    const f = 10, d = () => {
-      const o = window.__QUANTA_DEVTOOLS__;
-      o ? (console.log("[Quanta DevTools] Connected to bridge"), s = o.subscribe(p)) : h < f ? (h++, setTimeout(d, 500)) : console.warn(
+const Ye = "data:image/svg+xml,%3csvg%20width='1820'%20height='1820'%20viewBox='0%200%201820%201820'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='1820'%20height='1820'%20rx='20'%20fill='%23121212'/%3e%3crect%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.6'%20x='124'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='248'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='372'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.3'%20x='496'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='620'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='744'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='868'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='992'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.2'%20x='1116'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.7'%20x='1240'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1364'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1488'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.6'%20x='1612'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1736'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20y='124'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='124'%20y='124'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='248'%20y='124'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='372'%20y='124'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.3'%20x='496'%20y='124'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='620'%20y='124'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='744'%20y='124'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.2'%20x='868'%20y='124'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='992'%20y='124'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1116'%20y='124'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.8'%20x='1240'%20y='124'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1364'%20y='124'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1488'%20y='124'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1612'%20y='124'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.4'%20x='1736'%20y='124'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20y='248'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='124'%20y='248'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.5'%20x='248'%20y='248'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='372'%20y='248'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='496'%20y='248'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='620'%20y='248'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.5'%20x='744'%20y='248'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='868'%20y='248'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='992'%20y='248'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.7'%20x='1116'%20y='248'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1240'%20y='248'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.2'%20x='1364'%20y='248'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1488'%20y='248'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1612'%20y='248'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1736'%20y='248'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.7'%20y='372'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='124'%20y='372'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.7'%20x='248'%20y='372'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='372'%20y='372'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='496'%20y='372'%20width='84'%20height='84'%20rx='42'%20fill='%2338B2AC'/%3e%3crect%20x='620'%20y='372'%20width='84'%20height='84'%20rx='42'%20fill='%2338B2AC'/%3e%3crect%20x='744'%20y='372'%20width='84'%20height='84'%20rx='42'%20fill='%2338B2AC'/%3e%3crect%20x='868'%20y='372'%20width='84'%20height='84'%20rx='42'%20fill='%23848484'/%3e%3crect%20x='992'%20y='372'%20width='84'%20height='84'%20rx='42'%20fill='%23848484'/%3e%3crect%20x='1116'%20y='372'%20width='84'%20height='84'%20rx='42'%20fill='%23848484'/%3e%3crect%20x='1240'%20y='372'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1364'%20y='372'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1488'%20y='372'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1612'%20y='372'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1736'%20y='372'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.6'%20y='496'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.6'%20x='124'%20y='496'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='248'%20y='496'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='372'%20y='496'%20width='84'%20height='84'%20rx='42'%20fill='%2338B2AC'/%3e%3crect%20x='496'%20y='496'%20width='84'%20height='84'%20rx='42'%20fill='%2338B2AC'/%3e%3crect%20x='620'%20y='496'%20width='84'%20height='84'%20rx='42'%20fill='%2338B2AC'/%3e%3crect%20x='744'%20y='496'%20width='84'%20height='84'%20rx='42'%20fill='%2338B2AC'/%3e%3crect%20x='868'%20y='496'%20width='84'%20height='84'%20rx='42'%20fill='%23848484'/%3e%3crect%20x='992'%20y='496'%20width='84'%20height='84'%20rx='42'%20fill='%23848484'/%3e%3crect%20x='1116'%20y='496'%20width='84'%20height='84'%20rx='42'%20fill='%23848484'/%3e%3crect%20x='1240'%20y='496'%20width='84'%20height='84'%20rx='42'%20fill='%23848484'/%3e%3crect%20opacity='0.7'%20x='1364'%20y='496'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.2'%20x='1488'%20y='496'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1612'%20y='496'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.2'%20x='1736'%20y='496'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20y='620'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='124'%20y='620'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='248'%20y='620'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='372'%20y='620'%20width='84'%20height='84'%20rx='42'%20fill='%2338B2AC'/%3e%3crect%20x='496'%20y='620'%20width='84'%20height='84'%20rx='42'%20fill='%2338B2AC'/%3e%3crect%20x='1116'%20y='620'%20width='84'%20height='84'%20rx='42'%20fill='%23848484'/%3e%3crect%20x='1240'%20y='620'%20width='84'%20height='84'%20rx='42'%20fill='%23848484'/%3e%3crect%20opacity='0.99'%20x='1364'%20y='620'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.9'%20x='1488'%20y='620'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.9'%20x='1612'%20y='620'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.9'%20x='1736'%20y='620'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20y='744'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='124'%20y='744'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.4'%20x='248'%20y='744'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='372'%20y='744'%20width='84'%20height='84'%20rx='42'%20fill='%2338B2AC'/%3e%3crect%20x='496'%20y='744'%20width='84'%20height='84'%20rx='42'%20fill='%2338B2AC'/%3e%3crect%20x='1116'%20y='744'%20width='84'%20height='84'%20rx='42'%20fill='%23848484'/%3e%3crect%20x='1240'%20y='744'%20width='84'%20height='84'%20rx='42'%20fill='%23848484'/%3e%3crect%20x='1364'%20y='744'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.3'%20x='1488'%20y='744'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1612'%20y='744'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1736'%20y='744'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.4'%20y='868'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.4'%20x='124'%20y='868'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='248'%20y='868'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='372'%20y='868'%20width='84'%20height='84'%20rx='42'%20fill='%2338B2AC'/%3e%3crect%20x='496'%20y='868'%20width='84'%20height='84'%20rx='42'%20fill='%2338B2AC'/%3e%3crect%20x='1116'%20y='868'%20width='84'%20height='84'%20rx='42'%20fill='white'/%3e%3crect%20x='1240'%20y='868'%20width='84'%20height='84'%20rx='42'%20fill='white'/%3e%3crect%20opacity='0.5'%20x='1364'%20y='868'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1488'%20y='868'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1612'%20y='868'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.3'%20x='1736'%20y='868'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20y='992'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='124'%20y='992'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='248'%20y='992'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='372'%20y='992'%20width='84'%20height='84'%20rx='42'%20fill='%2338B2AC'/%3e%3crect%20x='496'%20y='992'%20width='84'%20height='84'%20rx='42'%20fill='%2338B2AC'/%3e%3crect%20x='992'%20y='992'%20width='84'%20height='84'%20rx='42'%20fill='white'/%3e%3crect%20x='1116'%20y='992'%20width='84'%20height='84'%20rx='42'%20fill='white'/%3e%3crect%20x='1240'%20y='992'%20width='84'%20height='84'%20rx='42'%20fill='white'/%3e%3crect%20x='1364'%20y='992'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.6'%20x='1488'%20y='992'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.6'%20x='1612'%20y='992'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.6'%20x='1736'%20y='992'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.1'%20y='1116'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.6'%20x='124'%20y='1116'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='248'%20y='1116'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='372'%20y='1116'%20width='84'%20height='84'%20rx='42'%20fill='%2338B2AC'/%3e%3crect%20x='496'%20y='1116'%20width='84'%20height='84'%20rx='42'%20fill='%2338B2AC'/%3e%3crect%20x='620'%20y='1116'%20width='84'%20height='84'%20rx='42'%20fill='%2338B2AC'/%3e%3crect%20x='744'%20y='1116'%20width='84'%20height='84'%20rx='42'%20fill='%2338B2AC'/%3e%3crect%20x='868'%20y='1116'%20width='84'%20height='84'%20rx='42'%20fill='white'/%3e%3crect%20x='992'%20y='1116'%20width='84'%20height='84'%20rx='42'%20fill='white'/%3e%3crect%20x='1116'%20y='1116'%20width='84'%20height='84'%20rx='42'%20fill='white'/%3e%3crect%20x='1240'%20y='1116'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1364'%20y='1116'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1488'%20y='1116'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1612'%20y='1116'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1736'%20y='1116'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20y='1240'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='124'%20y='1240'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='248'%20y='1240'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.5'%20x='372'%20y='1240'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='496'%20y='1240'%20width='84'%20height='84'%20rx='42'%20fill='%2338B2AC'/%3e%3crect%20x='620'%20y='1240'%20width='84'%20height='84'%20rx='42'%20fill='%2338B2AC'/%3e%3crect%20x='744'%20y='1240'%20width='84'%20height='84'%20rx='42'%20fill='%2338B2AC'/%3e%3crect%20x='868'%20y='1240'%20width='84'%20height='84'%20rx='42'%20fill='white'/%3e%3crect%20x='992'%20y='1240'%20width='84'%20height='84'%20rx='42'%20fill='white'/%3e%3crect%20x='1116'%20y='1240'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1240'%20y='1240'%20width='84'%20height='84'%20rx='42'%20fill='white'/%3e%3crect%20x='1364'%20y='1240'%20width='84'%20height='84'%20rx='42'%20fill='white'/%3e%3crect%20x='1488'%20y='1240'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.4'%20x='1612'%20y='1240'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1736'%20y='1240'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20y='1364'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='124'%20y='1364'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.3'%20x='248'%20y='1364'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='372'%20y='1364'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='496'%20y='1364'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='620'%20y='1364'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.98'%20x='744'%20y='1364'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='868'%20y='1364'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.5'%20x='992'%20y='1364'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1116'%20y='1364'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1240'%20y='1364'%20width='84'%20height='84'%20rx='42'%20fill='white'/%3e%3crect%20x='1364'%20y='1364'%20width='84'%20height='84'%20rx='42'%20fill='white'/%3e%3crect%20x='1488'%20y='1364'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1612'%20y='1364'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1736'%20y='1364'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.4'%20y='1488'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='124'%20y='1488'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='248'%20y='1488'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='372'%20y='1488'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='496'%20y='1488'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='620'%20y='1488'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.3'%20x='744'%20y='1488'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='868'%20y='1488'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='992'%20y='1488'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1116'%20y='1488'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.5'%20x='1240'%20y='1488'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1364'%20y='1488'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1488'%20y='1488'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.3'%20x='1612'%20y='1488'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1736'%20y='1488'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20y='1612'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='124'%20y='1612'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.4'%20x='248'%20y='1612'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='372'%20y='1612'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='496'%20y='1612'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='620'%20y='1612'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.7'%20x='744'%20y='1612'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='868'%20y='1612'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='992'%20y='1612'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1116'%20y='1612'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.9'%20x='1240'%20y='1612'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1364'%20y='1612'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.7'%20x='1488'%20y='1612'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1612'%20y='1612'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1736'%20y='1612'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20y='1736'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.5'%20x='124'%20y='1736'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='248'%20y='1736'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='372'%20y='1736'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='496'%20y='1736'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='620'%20y='1736'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.9'%20x='744'%20y='1736'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.3'%20x='868'%20y='1736'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='992'%20y='1736'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1116'%20y='1736'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.8'%20x='1240'%20y='1736'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1364'%20y='1736'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1488'%20y='1736'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.32'%20x='1612'%20y='1736'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1736'%20y='1736'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3c/svg%3e";
+function Ft() {
+  const [e, t] = D({}), [r, i] = D([]), [l, o] = D(null);
+  return zt(() => {
+    let s, c = 0;
+    const p = 10, d = () => {
+      const a = window.__QUANTA_DEVTOOLS__;
+      a ? (console.log("[Quanta DevTools] Connected to bridge"), s = a.subscribe(x)) : c < p ? (c++, setTimeout(d, 500)) : console.warn(
         "[Quanta DevTools] Failed to connect to bridge after retries"
       );
-    }, p = (o) => {
-      o.type === "STORE_INIT" ? t((u) => {
-        const x = {
+    }, x = (a) => {
+      a.type === "STORE_INIT" ? t((u) => {
+        const f = {
           ...u,
-          [o.payload.name]: o.payload.store
+          [a.payload.name]: a.payload.store
         };
-        return l || a(o.payload.name), x;
-      }) : o.type === "STATE_CHANGE" ? t((u) => {
-        const x = o.payload.storeName;
-        return u[x] ? { ...u } : u;
-      }) : o.type === "ACTION_CALL" && i((u) => [
+        return l || o(a.payload.name), f;
+      }) : a.type === "STATE_CHANGE" ? t((u) => {
+        const f = a.payload.storeName;
+        return u[f] ? { ...u } : u;
+      }) : a.type === "ACTION_CALL" && i((u) => [
         {
           id: Math.random().toString(36).substr(2, 9),
-          storeName: o.payload.storeName,
-          actionName: o.payload.actionName,
-          args: o.payload.args,
+          storeName: a.payload.storeName,
+          actionName: a.payload.actionName,
+          args: a.payload.args,
           timestamp: Date.now()
         },
         ...u.slice(0, 49)
@@ -822,16 +822,16 @@ function Dt() {
     return d(), () => {
       s && s();
     };
-  }, [l]), { stores: e, actions: r, selectedStore: l, setSelectedStore: a };
+  }, [l]), { stores: e, actions: r, selectedStore: l, setSelectedStore: o };
 }
-const Ye = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), zt = (e) => e.replace(
+const Ve = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), It = (e) => e.replace(
   /^([A-Z])|[\s-_]+(\w)/g,
   (t, r, i) => i ? i.toUpperCase() : r.toLowerCase()
-), Ve = (e) => {
-  const t = zt(e);
+), Je = (e) => {
+  const t = It(e);
   return t.charAt(0).toUpperCase() + t.slice(1);
-}, Ft = (...e) => e.filter((t, r, i) => !!t && t.trim() !== "" && i.indexOf(t) === r).join(" ").trim();
-var It = {
+}, Lt = (...e) => e.filter((t, r, i) => !!t && t.trim() !== "" && i.indexOf(t) === r).join(" ").trim();
+var Ut = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
   height: 24,
@@ -842,54 +842,61 @@ var It = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-const Ut = ({
+const Ht = ({
   color: e = "currentColor",
   size: t = 24,
   strokeWidth: r = 2,
   absoluteStrokeWidth: i,
   children: l,
-  iconNode: a,
+  iconNode: o,
   class: s = "",
-  ...h
+  ...c
 }) => J(
   "svg",
   {
-    ...It,
+    ...Ut,
     width: String(t),
     height: t,
     stroke: e,
     "stroke-width": i ? Number(r) * 24 / Number(t) : r,
     class: ["lucide", s].join(" "),
-    ...h
+    ...c
   },
-  [...a.map(([f, d]) => J(f, d)), ...lt(l)]
-), D = (e, t) => {
-  const r = ({ class: i = "", className: l = "", children: a, ...s }) => J(
-    Ut,
+  [...o.map(([p, d]) => J(p, d)), ...at(l)]
+), A = (e, t) => {
+  const r = ({ class: i = "", className: l = "", children: o, ...s }) => J(
+    Ht,
     {
       ...s,
       iconNode: t,
-      class: Ft(
-        `lucide-${Ye(Ve(e))}`,
-        `lucide-${Ye(e)}`,
+      class: Lt(
+        `lucide-${Ve(Je(e))}`,
+        `lucide-${Ve(e)}`,
         i,
         l
       )
     },
-    a
+    o
   );
-  return r.displayName = Ve(e), r;
-}, Ht = D("chevron-right", [
+  return r.displayName = Je(e), r;
+}, Bt = A("check", [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]]), Wt = A("chevron-down", [
+  ["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]
+]), Qt = A("chevron-right", [
   ["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]
-]), Bt = D("circle-x", [
+]), qt = A("chevron-up", [
+  ["path", { d: "m18 15-6-6-6 6", key: "153udz" }]
+]), Yt = A("circle-x", [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "m15 9-6 6", key: "1uzhvr" }],
   ["path", { d: "m9 9 6 6", key: "z0biqf" }]
-]), Lt = D("database", [
+]), Vt = A("copy", [
+  ["rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2", key: "17jyea" }],
+  ["path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2", key: "zix9uf" }]
+]), Jt = A("database", [
   ["ellipse", { cx: "12", cy: "5", rx: "9", ry: "3", key: "msslwz" }],
   ["path", { d: "M3 5V19A9 3 0 0 0 21 19V5", key: "1wlel7" }],
   ["path", { d: "M3 12A9 3 0 0 0 21 12", key: "mv7ke4" }]
-]), Qt = D("play", [
+]), Gt = A("play", [
   [
     "path",
     {
@@ -897,47 +904,94 @@ const Ut = ({
       key: "10ikf1"
     }
   ]
-]), qt = D("rotate-ccw", [
+]), Xt = A("rotate-ccw", [
   ["path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8", key: "1357e3" }],
   ["path", { d: "M3 3v5h5", key: "1xhq8a" }]
-]), Wt = D("search", [
+]), Zt = A("search", [
   ["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
   ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]
-]), Yt = D("trash-2", [
+]), Kt = A("trash-2", [
   ["path", { d: "M10 11v6", key: "nco0om" }],
   ["path", { d: "M14 11v6", key: "outv1u" }],
   ["path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6", key: "miytrc" }],
   ["path", { d: "M3 6h18", key: "d0wm0j" }],
   ["path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2", key: "e791ji" }]
-]), Vt = D("x", [
+]), er = A("x", [
   ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
   ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
-]), Jt = {
-  x: Vt,
-  play: Qt,
-  database: Lt,
-  "chevron-right": Ht,
-  "rotate-ccw": qt,
-  trash: Yt,
-  search: Wt,
-  "circle-x": Bt
+]), tr = {
+  x: er,
+  play: Gt,
+  database: Jt,
+  "chevron-right": Qt,
+  "chevron-up": qt,
+  "chevron-down": Wt,
+  "rotate-ccw": Xt,
+  trash: Kt,
+  search: Zt,
+  "circle-x": Yt,
+  check: Bt,
+  copy: Vt
 };
-function M({ name: e, size: t = 16, color: r, className: i }) {
-  const l = Jt[e];
+function z({ name: e, size: t = 16, color: r, className: i }) {
+  const l = tr[e];
   return l ? /* @__PURE__ */ n(l, { size: t, color: r, className: i }) : null;
 }
-const dt = ({ data: e, level: t = 0 }) => typeof e != "object" || e === null ? /* @__PURE__ */ n("span", { className: "text-green-600 dark:text-green-400", children: JSON.stringify(e) }) : /* @__PURE__ */ n("div", { style: { paddingLeft: t * 12 }, children: Object.entries(e).map(([r, i]) => /* @__PURE__ */ n("div", { className: "font-mono text-xs py-0.5", children: [
+function ve(e) {
+  const t = /* @__PURE__ */ new WeakSet();
+  function r(i, l) {
+    if (l > 10) return "[...]";
+    if (i === null) return null;
+    if (i === void 0) return;
+    const o = typeof i;
+    if (o === "string" || o === "number" || o === "boolean")
+      return i;
+    if (o === "function") return "[Function]";
+    if (typeof Window < "u" && i instanceof Window)
+      return "[Window]";
+    if (typeof Node < "u" && i instanceof Node)
+      return "[Element]";
+    if (i instanceof Date) return i.toISOString();
+    if (i instanceof RegExp) return i.toString();
+    if (Array.isArray(i)) {
+      if (t.has(i)) return "[Circular]";
+      t.add(i);
+      const s = i.map((c) => r(c, l + 1));
+      return t.delete(i), s;
+    }
+    if (o === "object") {
+      if (t.has(i)) return "[Circular]";
+      t.add(i);
+      const s = {};
+      for (const c in i)
+        Object.prototype.hasOwnProperty.call(i, c) && (s[c] = r(i[c], l + 1));
+      return t.delete(i), s;
+    }
+    return String(i);
+  }
+  try {
+    return JSON.stringify(r(e, 0));
+  } catch {
+    return "[Error]";
+  }
+}
+const pt = ({ data: e, level: t = 0 }) => typeof e != "object" || e === null ? /* @__PURE__ */ n("span", { className: "text-green-600 dark:text-green-400", children: ve(e) }) : /* @__PURE__ */ n("div", { style: { paddingLeft: t * 12 }, children: Object.entries(e).map(([r, i]) => /* @__PURE__ */ n("div", { className: "font-mono text-xs py-0.5", children: [
   /* @__PURE__ */ n("span", { className: "text-purple-400", children: [
     r,
     ": "
   ] }),
-  /* @__PURE__ */ n(dt, { data: i, level: t + 1 })
-] }, r)) }), Gt = ({
+  /* @__PURE__ */ n(pt, { data: i, level: t + 1 })
+] }, r)) }), rr = ({
   stores: e,
   selectedStore: t
 }) => /* @__PURE__ */ n("div", { className: "flex h-full", children: /* @__PURE__ */ n("div", { className: "flex-1 overflow-y-auto p-4 bg-slate-950", children: t && e[t] ? /* @__PURE__ */ n("div", { className: "space-y-4", children: [
   /* @__PURE__ */ n("div", { className: "bg-slate-900/50 rounded-lg border border-slate-800 p-4", children: [
-    /* @__PURE__ */ n("h3", { className: "text-xs font-bold text-slate-500 uppercase tracking-wider mb-3 border-b border-slate-800 pb-2", children: "Store Management" }),
+    /* @__PURE__ */ n("h3", { className: "text-xs font-bold text-slate-500 tracking-wider mb-3 border-b border-slate-800 pb-2", children: [
+      /* @__PURE__ */ n("span", { className: "uppercase", children: "Store Management" }),
+      " (",
+      t,
+      ")"
+    ] }),
     /* @__PURE__ */ n("div", { className: "flex flex-col gap-3", children: [
       /* @__PURE__ */ n("div", { className: "flex items-center justify-between", children: [
         /* @__PURE__ */ n("div", { className: "flex items-center gap-2 text-xs", children: [
@@ -970,7 +1024,7 @@ const dt = ({ data: e, level: t = 0 }) => typeof e != "object" || e === null ? /
             className: "flex items-center gap-1.5 px-2 py-1 bg-slate-800 hover:bg-red-500/20 text-slate-400 hover:text-red-400 rounded text-[10px] font-medium transition-colors border border-slate-700 hover:border-red-500/30",
             title: "Clear persisted data from storage",
             children: [
-              /* @__PURE__ */ n(M, { name: "trash", size: 12 }),
+              /* @__PURE__ */ n(z, { name: "trash", size: 12 }),
               "Clear Storage"
             ]
           }
@@ -988,7 +1042,7 @@ const dt = ({ data: e, level: t = 0 }) => typeof e != "object" || e === null ? /
             },
             className: "flex items-center gap-2 px-3 py-1.5 bg-slate-800 hover:bg-slate-700 text-slate-300 hover:text-white rounded text-xs font-medium transition-colors border border-slate-700",
             children: [
-              /* @__PURE__ */ n(M, { name: "rotate-ccw", size: 12 }),
+              /* @__PURE__ */ n(z, { name: "rotate-ccw", size: 12 }),
               "Reset State"
             ]
           }
@@ -998,7 +1052,7 @@ const dt = ({ data: e, level: t = 0 }) => typeof e != "object" || e === null ? /
   ] }),
   /* @__PURE__ */ n("div", { className: "bg-slate-900/50 rounded-lg border border-slate-800 p-4", children: [
     /* @__PURE__ */ n("h3", { className: "text-xs font-bold text-slate-500 uppercase tracking-wider mb-3 border-b border-slate-800 pb-2", children: "State" }),
-    /* @__PURE__ */ n(dt, { data: e[t].state })
+    /* @__PURE__ */ n(pt, { data: e[t].state })
   ] }),
   /* @__PURE__ */ n("div", { className: "bg-slate-900/50 rounded-lg border border-slate-800 p-4", children: [
     /* @__PURE__ */ n("h3", { className: "text-xs font-bold text-slate-500 uppercase tracking-wider mb-3 border-b border-slate-800 pb-2", children: "Getters" }),
@@ -1013,7 +1067,9 @@ const dt = ({ data: e, level: t = 0 }) => typeof e != "object" || e === null ? /
             r,
             ":"
           ] }),
-          /* @__PURE__ */ n("span", { className: "text-yellow-400 break-all", children: JSON.stringify(i.value) })
+          /* @__PURE__ */ n("span", { className: "text-yellow-400 break-all", children: ve(
+            i.value
+          ) })
         ]
       },
       r
@@ -1047,7 +1103,7 @@ const dt = ({ data: e, level: t = 0 }) => typeof e != "object" || e === null ? /
               className: "p-1 text-slate-600 hover:text-cyan-400 opacity-0 group-hover:opacity-100 transition-all",
               title: "Trigger Action",
               children: /* @__PURE__ */ n(
-                M,
+                z,
                 {
                   name: "play",
                   size: 12
@@ -1062,7 +1118,7 @@ const dt = ({ data: e, level: t = 0 }) => typeof e != "object" || e === null ? /
   ] })
 ] }) : /* @__PURE__ */ n("div", { className: "h-full flex items-center justify-center text-slate-600 flex-col gap-2", children: [
   /* @__PURE__ */ n(
-    M,
+    z,
     {
       name: "database",
       size: 32,
@@ -1070,8 +1126,45 @@ const dt = ({ data: e, level: t = 0 }) => typeof e != "object" || e === null ? /
     }
   ),
   /* @__PURE__ */ n("p", { children: "Select a store to inspect" })
-] }) }) }), Xt = ({ actions: e }) => e.length === 0 ? /* @__PURE__ */ n("div", { className: "h-full flex flex-col items-center justify-center text-slate-600", children: [
-  /* @__PURE__ */ n(M, { size: 32, name: "play", className: "mb-2 opacity-20" }),
+] }) }) }), Ge = 100, ir = ({ args: e }) => {
+  const [t, r] = D(!1), [i, l] = D(!1), o = ve(e), s = o.length > Ge, c = s ? o.slice(0, Ge) + "..." : o;
+  return /* @__PURE__ */ n("td", { className: "px-4 py-3 text-xs text-slate-400 font-mono", children: /* @__PURE__ */ n("div", { className: "flex items-start gap-2", children: [
+    /* @__PURE__ */ n("div", { className: "flex-1 min-w-0", children: t ? /* @__PURE__ */ n("div", { className: "whitespace-pre-wrap break-all bg-slate-900/50 p-2 rounded border border-slate-800 max-h-48 overflow-y-auto", children: o }) : /* @__PURE__ */ n("div", { className: "truncate max-w-[200px]", title: c, children: c }) }),
+    /* @__PURE__ */ n("div", { className: "flex items-center gap-1 flex-shrink-0", children: [
+      s && /* @__PURE__ */ n(
+        "button",
+        {
+          onClick: () => r(!t),
+          className: "p-1 bg-transparent hover:bg-slate-800 rounded transition-colors text-cyan-400 hover:text-cyan-300",
+          title: t ? "Collapse" : "Expand",
+          children: /* @__PURE__ */ n(
+            z,
+            {
+              name: t ? "chevron-up" : "chevron-down",
+              size: 14
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ n(
+        "button",
+        {
+          onClick: async () => {
+            try {
+              await navigator.clipboard.writeText(o), l(!0), setTimeout(() => l(!1), 2e3);
+            } catch (p) {
+              console.error("Failed to copy:", p);
+            }
+          },
+          className: `p-1 bg-transparent hover:bg-slate-800 rounded transition-colors ${i ? "text-green-400" : "text-slate-500 hover:text-slate-300"}`,
+          title: i ? "Copied!" : "Copy payload",
+          children: /* @__PURE__ */ n(z, { name: i ? "check" : "copy", size: 14 })
+        }
+      )
+    ] })
+  ] }) });
+}, or = ({ actions: e }) => e.length === 0 ? /* @__PURE__ */ n("div", { className: "h-full flex flex-col items-center justify-center text-slate-600", children: [
+  /* @__PURE__ */ n(z, { size: 32, name: "play", className: "mb-2 opacity-20" }),
   /* @__PURE__ */ n("p", { children: "No actions recorded yet" })
 ] }) : /* @__PURE__ */ n("div", { className: "h-full overflow-y-auto", children: /* @__PURE__ */ n("table", { className: "w-full text-left border-collapse", children: [
   /* @__PURE__ */ n("thead", { className: "bg-slate-900 sticky top-0 z-10", children: /* @__PURE__ */ n("tr", { children: [
@@ -1090,27 +1183,29 @@ const dt = ({ data: e, level: t = 0 }) => typeof e != "object" || e === null ? /
         ).toLocaleTimeString() }),
         /* @__PURE__ */ n("td", { className: "px-4 py-3 text-sm font-medium text-slate-200", children: t.storeName }),
         /* @__PURE__ */ n("td", { className: "px-4 py-3 text-sm text-cyan-400 font-mono", children: t.actionName }),
-        /* @__PURE__ */ n("td", { className: "px-4 py-3 text-xs text-slate-400 font-mono truncate max-w-[200px]", children: JSON.stringify(t.args) })
+        /* @__PURE__ */ n(ir, { args: t.args })
       ]
     },
     t.id
   )) })
-] }) }), Zt = "2.0.0-beta.6", Kt = {
-  version: Zt
+] }) }), lr = "2.0.0-beta.9", ar = {
+  version: lr
 };
-function er() {
-  const [e, t] = Y(!1), [r, i] = Y(
+function nr() {
+  const [e, t] = D(!1), [r, i] = D(""), [l, o] = D(
     "inspector"
-  ), { stores: l, actions: a, selectedStore: s, setSelectedStore: h } = Dt(), f = a.length, d = Kt.version;
-  return e ? /* @__PURE__ */ n("div", { className: "fixed bottom-6 right-6 w-[92vw] max-w-[980px] h-[80vh] md:h-[600px] bg-gradient-to-b from-[#071123] to-[#0b1220] shadow-2xl border border-slate-800 rounded-xl flex flex-col z-[9999] overflow-hidden", children: [
+  ), { stores: s, actions: c, selectedStore: p, setSelectedStore: d } = Ft(), x = Object.keys(s).filter(
+    (f) => f.toLowerCase().includes(r.toLowerCase())
+  ), a = c.length, u = ar.version;
+  return e ? /* @__PURE__ */ n("div", { className: "fixed bottom-6 right-6 w-[92vw] max-w-[980px] h-[80vh] md:h-[600px] bg-[#0f172a] shadow-2xl border border-slate-800 rounded-xl flex flex-col z-[9999] overflow-hidden", children: [
     /* @__PURE__ */ n("header", { className: "flex items-center justify-between px-4 py-3 border-b border-slate-800 bg-[rgba(255,255,255,0.02)]", children: [
       /* @__PURE__ */ n("div", { className: "flex items-center gap-3", children: [
         /* @__PURE__ */ n(
           "img",
           {
-            src: We,
+            src: Ye,
             alt: "Quanta DevTools",
-            className: "w-6 h-6 rounded-full"
+            className: "w-10 h-10 rounded-full"
           }
         ),
         /* @__PURE__ */ n("div", { children: [
@@ -1123,19 +1218,19 @@ function er() {
           /* @__PURE__ */ n(
             "button",
             {
-              className: `px-3 py-1 text-xs uppercase tracking-wider rounded ${r === "inspector" ? "text-[rgba(56,178,172,1)] bg-slate-800/40" : "text-slate-400 hover:text-slate-200 bg-transparent"}`,
-              onClick: () => i("inspector"),
+              className: `px-3 py-1 text-xs uppercase tracking-wider rounded ${l === "inspector" ? "text-[rgba(56,178,172,1)] bg-slate-800/40 border border-slate-400" : "text-slate-400 hover:text-slate-200 bg-transparent"}`,
+              onClick: () => o("inspector"),
               children: "Inspector"
             }
           ),
           /* @__PURE__ */ n(
             "button",
             {
-              className: `px-3 py-1 text-xs uppercase tracking-wider rounded ${r === "actions" ? "text-[rgba(56,178,172,1)] bg-slate-800/40" : "text-slate-400 hover:text-slate-200 bg-transparent"}`,
-              onClick: () => i("actions"),
+              className: `px-3 py-1 text-xs uppercase tracking-wider rounded ${l === "actions" ? "text-[rgba(56,178,172,1)] bg-slate-800/40 border border-slate-400" : "text-slate-400 hover:text-slate-200 bg-transparent"}`,
+              onClick: () => o("actions"),
               children: [
                 "Actions (",
-                f,
+                a,
                 ")"
               ]
             }
@@ -1147,125 +1242,178 @@ function er() {
             onClick: () => t(!1),
             className: "p-1 bg-transparent rounded-full transition text-red-500 hover:text-red-600",
             title: "Close",
-            children: /* @__PURE__ */ n(M, { name: "circle-x", size: 24 })
+            children: /* @__PURE__ */ n(z, { name: "circle-x", size: 24 })
           }
         )
       ] })
     ] }),
     /* @__PURE__ */ n("div", { className: "flex flex-1 overflow-hidden", children: [
-      /* @__PURE__ */ n("aside", { className: "w-56 bg-[rgba(255,255,255,0.02)] border-r border-slate-800 p-3 flex flex-col gap-3", children: [
+      /* @__PURE__ */ n("aside", { className: "w-56 border-r border-slate-800 p-3 flex flex-col gap-3", children: [
         /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ n(
-            M,
+            z,
             {
               name: "search",
-              size: 14,
-              className: "text-slate-400"
+              size: 18,
+              className: "text-slate-400 flex-shrink-0"
             }
           ),
           /* @__PURE__ */ n(
             "input",
             {
-              placeholder: "Filter stor    es...",
+              placeholder: "Filter stores...",
               className: "p-1 flex-1 bg-transparent rounded-md outline-none text-sm text-slate-200 placeholder:text-slate-500",
-              onInput: (p) => h(p.target.value),
-              value: s ?? ""
+              onInput: (f) => i(f.target.value),
+              type: "search",
+              value: r
             }
           )
         ] }),
-        /* @__PURE__ */ n("div", { className: "flex-1 overflow-auto", children: Object.keys(l).length === 0 ? /* @__PURE__ */ n("div", { className: "text-xs text-slate-500", children: "No stores detected" }) : Object.keys(l).map((p) => /* @__PURE__ */ n(
+        /* @__PURE__ */ n("div", { className: "flex-1 overflow-auto", children: Object.keys(s).length === 0 ? /* @__PURE__ */ n("div", { className: "text-xs text-slate-500", children: "No stores detected" }) : x.length === 0 ? /* @__PURE__ */ n("div", { className: "text-xs text-slate-500", children: [
+          'No stores match "',
+          r,
+          '"'
+        ] }) : x.map((f) => /* @__PURE__ */ n(
           "button",
           {
-            onClick: () => h(p),
-            className: `w-full mb-1 text-left px-3 py-2 rounded-md flex items-center gap-2 transition ${s === p ? "text-[rgba(56,178,172,1)] hover:text-slate-100 bg-[rgba(255,255,255,0.02)]" : "text-slate-400 hover:text-slate-200 bg-transparent"}`,
+            onClick: () => d(f),
+            className: `w-full mb-1 text-left px-3 py-2 rounded-md flex items-center gap-2 transition ${p === f ? "text-[rgba(56,178,172,1)] hover:text-slate-100 bg-[rgba(255,255,255,0.02)]" : "text-slate-400 hover:text-slate-200 bg-transparent"}`,
+            title: f,
             children: [
-              /* @__PURE__ */ n("span", { className: "font-mono text-xs text-slate-400", children: /* @__PURE__ */ n(
-                M,
+              /* @__PURE__ */ n(
+                z,
                 {
                   name: "database",
-                  size: 14,
-                  className: "text-slate-400"
+                  size: 16,
+                  className: "text-slate-400 flex-shrink-0"
                 }
-              ) }),
-              /* @__PURE__ */ n("div", { className: "flex-1 text-sm truncate", children: p })
+              ),
+              /* @__PURE__ */ n("div", { className: "flex-1 text-sm truncate", children: f })
             ]
           },
-          p
+          f
         )) }),
         /* @__PURE__ */ n("div", { className: "flex items-center gap-2 text-xs text-slate-500", children: [
           /* @__PURE__ */ n("div", { className: "flex-1", children: [
-            Object.keys(l).length,
-            " stores"
+            x.length,
+            r ? `/${Object.keys(s).length}` : "",
+            " ",
+            x.length === 1 ? "store" : "stores"
           ] }),
           /* @__PURE__ */ n("div", { className: "text-right", children: [
             "v",
-            d
+            u
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ n("main", { className: "flex-1 overflow-auto p-4 space-y-4", children: r === "inspector" ? /* @__PURE__ */ n(
-        Gt,
+      /* @__PURE__ */ n("main", { className: "flex-1 overflow-auto space-y-4", children: l === "inspector" ? /* @__PURE__ */ n(
+        rr,
         {
-          stores: l,
-          selectedStore: s,
+          stores: s,
+          selectedStore: p,
           onClose: () => t(!1)
         }
-      ) : /* @__PURE__ */ n(Xt, { actions: a }) })
+      ) : /* @__PURE__ */ n(or, { actions: c }) })
     ] })
   ] }) : /* @__PURE__ */ n(
     "button",
     {
       onClick: () => t(!0),
-      className: "fixed bottom-6 right-6 flex items-center bg-black text-white shadow-xl border border-slate-700 rounded-full overflow-hidden transition-all duration-300 ease-out group z-[9999] w-12 hover:w-46 h-12",
+      style: {
+        position: "fixed",
+        bottom: "24px",
+        right: "24px",
+        display: "flex",
+        alignItems: "center",
+        background: "#000",
+        color: "#fff",
+        boxShadow: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
+        border: "1px solid rgb(51 65 85)",
+        borderRadius: "9999px",
+        overflow: "hidden",
+        transition: "all 300ms ease-out",
+        zIndex: "9999",
+        width: "48px",
+        height: "48px",
+        cursor: "pointer",
+        padding: "0",
+        paddingLeft: "4px"
+      },
+      onMouseEnter: (f) => {
+        f.currentTarget.style.width = "200px";
+      },
+      onMouseLeave: (f) => {
+        f.currentTarget.style.width = "48px";
+      },
       title: "Open Quanta DevTools",
       children: [
-        /* @__PURE__ */ n("div", { className: "w-10 h-10 flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ n(
+        /* @__PURE__ */ n("div", { style: {
+          width: "40px",
+          height: "40px",
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          textAlign: "center",
+          flexShrink: "0"
+        }, children: /* @__PURE__ */ n(
           "img",
           {
-            src: We,
+            src: Ye,
             alt: "Quanta DevTools",
-            className: "w-10 h-10 rounded-full object-cover"
+            style: {
+              width: "40px",
+              height: "40px",
+              borderRadius: "9999px",
+              objectFit: "cover"
+            }
           }
         ) }),
-        /* @__PURE__ */ n("span", { className: "opacity-0 group-hover:opacity-100 whitespace-nowrap text-sm font-medium text-[rgba(56,178,172,1)] transition-opacity duration-300", children: "QuantaJS DevTools" })
+        /* @__PURE__ */ n("span", { style: {
+          whiteSpace: "nowrap",
+          fontSize: "14px",
+          fontWeight: "500",
+          color: "rgba(56,178,172,1)",
+          marginLeft: "8px"
+        }, children: "QuantaJS DevTools" })
       ]
     }
   );
 }
-const tr = '@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial;--tw-ease:initial}}}:root,:host{--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-yellow-400:oklch(85.2% .199 91.936);--color-green-400:oklch(79.2% .209 151.711);--color-green-600:oklch(62.7% .194 149.214);--color-cyan-400:oklch(78.9% .154 211.53);--color-blue-400:oklch(70.7% .165 254.624);--color-purple-400:oklch(71.4% .203 305.504);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-slate-950:oklch(12.9% .042 264.695);--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wider:.05em;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--ease-out:cubic-bezier(0,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1)}.visible{visibility:visible}.fixed{position:fixed}.sticky{position:sticky}.top-0{top:calc(var(--spacing)*0)}.right-6{right:calc(var(--spacing)*6)}.bottom-6{bottom:calc(var(--spacing)*6)}.z-10{z-index:10}.z-\\[9999\\]{z-index:9999}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.flex{display:flex}.h-1\\.5{height:calc(var(--spacing)*1.5)}.h-6{height:calc(var(--spacing)*6)}.h-10{height:calc(var(--spacing)*10)}.h-12{height:calc(var(--spacing)*12)}.h-\\[80vh\\]{height:80vh}.h-full{height:100%}.w-1\\.5{width:calc(var(--spacing)*1.5)}.w-6{width:calc(var(--spacing)*6)}.w-10{width:calc(var(--spacing)*10)}.w-12{width:calc(var(--spacing)*12)}.w-56{width:calc(var(--spacing)*56)}.w-\\[92vw\\]{width:92vw}.w-full{width:100%}.max-w-\\[200px\\]{max-width:200px}.max-w-\\[980px\\]{max-width:980px}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1\\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-slate-800\\/50>:not(:last-child)){border-color:#1d293d80}@supports (color:color-mix(in lab,red,red)){:where(.divide-slate-800\\/50>:not(:last-child)){border-color:color-mix(in oklab,var(--color-slate-800)50%,transparent)}}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-green-400\\/20{border-color:#05df7233}@supports (color:color-mix(in lab,red,red)){.border-green-400\\/20{border-color:color-mix(in oklab,var(--color-green-400)20%,transparent)}}.border-slate-700{border-color:var(--color-slate-700)}.border-slate-800{border-color:var(--color-slate-800)}.border-slate-800\\/50{border-color:#1d293d80}@supports (color:color-mix(in lab,red,red)){.border-slate-800\\/50{border-color:color-mix(in oklab,var(--color-slate-800)50%,transparent)}}.bg-\\[rgba\\(255\\,255\\,255\\,0\\.02\\)\\]{background-color:#ffffff05}.bg-black{background-color:var(--color-black)}.bg-green-400{background-color:var(--color-green-400)}.bg-green-400\\/10{background-color:#05df721a}@supports (color:color-mix(in lab,red,red)){.bg-green-400\\/10{background-color:color-mix(in oklab,var(--color-green-400)10%,transparent)}}.bg-slate-500{background-color:var(--color-slate-500)}.bg-slate-800{background-color:var(--color-slate-800)}.bg-slate-800\\/40{background-color:#1d293d66}@supports (color:color-mix(in lab,red,red)){.bg-slate-800\\/40{background-color:color-mix(in oklab,var(--color-slate-800)40%,transparent)}}.bg-slate-900{background-color:var(--color-slate-900)}.bg-slate-900\\/30{background-color:#0f172b4d}@supports (color:color-mix(in lab,red,red)){.bg-slate-900\\/30{background-color:color-mix(in oklab,var(--color-slate-900)30%,transparent)}}.bg-slate-900\\/50{background-color:#0f172b80}@supports (color:color-mix(in lab,red,red)){.bg-slate-900\\/50{background-color:color-mix(in oklab,var(--color-slate-900)50%,transparent)}}.bg-slate-950{background-color:var(--color-slate-950)}.bg-transparent{background-color:#0000}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-\\[\\#071123\\]{--tw-gradient-from:#071123;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-\\[\\#0b1220\\]{--tw-gradient-to:#0b1220;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.object-cover{object-fit:cover}.p-1{padding:calc(var(--spacing)*1)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.py-0\\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.pt-2{padding-top:calc(var(--spacing)*2)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\\[10px\\]{font-size:10px}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.text-\\[rgba\\(56\\,178\\,172\\,1\\)\\]{color:#38b2ac}.text-blue-400{color:var(--color-blue-400)}.text-cyan-400{color:var(--color-cyan-400)}.text-green-400{color:var(--color-green-400)}.text-green-600{color:var(--color-green-600)}.text-purple-400{color:var(--color-purple-400)}.text-red-500{color:var(--color-red-500)}.text-slate-200{color:var(--color-slate-200)}.text-slate-300{color:var(--color-slate-300)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-white{color:var(--color-white)}.text-yellow-400{color:var(--color-yellow-400)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.opacity-0{opacity:0}.opacity-20{opacity:.2}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\\[0_0_6px_rgba\\(74\\,222\\,128\\,0\\.5\\)\\]{--tw-shadow:0 0 6px var(--tw-shadow-color,#4ade8080);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}@media(hover:hover){.group-hover\\:opacity-100:is(:where(.group):hover *){opacity:1}}.placeholder\\:text-slate-500::placeholder{color:var(--color-slate-500)}@media(hover:hover){.hover\\:w-46:hover{width:calc(var(--spacing)*46)}.hover\\:border-red-500\\/30:hover{border-color:#fb2c364d}@supports (color:color-mix(in lab,red,red)){.hover\\:border-red-500\\/30:hover{border-color:color-mix(in oklab,var(--color-red-500)30%,transparent)}}.hover\\:bg-red-500\\/20:hover{background-color:#fb2c3633}@supports (color:color-mix(in lab,red,red)){.hover\\:bg-red-500\\/20:hover{background-color:color-mix(in oklab,var(--color-red-500)20%,transparent)}}.hover\\:bg-slate-700:hover{background-color:var(--color-slate-700)}.hover\\:bg-slate-900\\/50:hover{background-color:#0f172b80}@supports (color:color-mix(in lab,red,red)){.hover\\:bg-slate-900\\/50:hover{background-color:color-mix(in oklab,var(--color-slate-900)50%,transparent)}}.hover\\:text-cyan-400:hover{color:var(--color-cyan-400)}.hover\\:text-red-400:hover{color:var(--color-red-400)}.hover\\:text-red-600:hover{color:var(--color-red-600)}.hover\\:text-slate-100:hover{color:var(--color-slate-100)}.hover\\:text-slate-200:hover{color:var(--color-slate-200)}.hover\\:text-white:hover{color:var(--color-white)}}@media(min-width:48rem){.md\\:h-\\[600px\\]{height:600px}}@media(prefers-color-scheme:dark){.dark\\:text-green-400{color:var(--color-green-400)}}.quanta-devtools-root{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.quanta-devtools-root ::-webkit-scrollbar{width:6px;height:6px}.quanta-devtools-root ::-webkit-scrollbar-track{background:#0f172a80}.quanta-devtools-root ::-webkit-scrollbar-thumb{background:#38b2ac;border-radius:3px}.quanta-devtools-root ::-webkit-scrollbar-thumb:hover{background:#2c7a7b}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}';
-function rr() {
+const cr = '@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-yellow-400:oklch(85.2% .199 91.936);--color-green-400:oklch(79.2% .209 151.711);--color-green-600:oklch(62.7% .194 149.214);--color-cyan-300:oklch(86.5% .127 207.078);--color-cyan-400:oklch(78.9% .154 211.53);--color-blue-400:oklch(70.7% .165 254.624);--color-purple-400:oklch(71.4% .203 305.504);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-slate-950:oklch(12.9% .042 264.695);--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wider:.05em;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--ease-out:cubic-bezier(0,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-font-feature-settings:var(--font-sans--font-feature-settings);--default-font-variation-settings:var(--font-sans--font-variation-settings);--default-mono-font-family:var(--font-mono);--default-mono-font-feature-settings:var(--font-mono--font-feature-settings);--default-mono-font-variation-settings:var(--font-mono--font-variation-settings)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1;color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentColor 50%,transparent)}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.sticky{position:sticky}.top-0{top:calc(var(--spacing)*0)}.right-6{right:calc(var(--spacing)*6)}.bottom-6{bottom:calc(var(--spacing)*6)}.z-10{z-index:10}.z-\\[9999\\]{z-index:9999}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.flex{display:flex}.hidden{display:none}.h-1\\.5{height:calc(var(--spacing)*1.5)}.h-10{height:calc(var(--spacing)*10)}.h-\\[80vh\\]{height:80vh}.h-full{height:100%}.max-h-48{max-height:calc(var(--spacing)*48)}.w-1\\.5{width:calc(var(--spacing)*1.5)}.w-10{width:calc(var(--spacing)*10)}.w-56{width:calc(var(--spacing)*56)}.w-\\[92vw\\]{width:92vw}.w-full{width:100%}.max-w-\\[200px\\]{max-width:200px}.max-w-\\[980px\\]{max-width:980px}.min-w-0{min-width:calc(var(--spacing)*0)}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-slate-800\\/50>:not(:last-child)){border-color:#1d293d80}@supports (color:color-mix(in lab,red,red)){:where(.divide-slate-800\\/50>:not(:last-child)){border-color:color-mix(in oklab,var(--color-slate-800)50%,transparent)}}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-green-400\\/20{border-color:#05df7233}@supports (color:color-mix(in lab,red,red)){.border-green-400\\/20{border-color:color-mix(in oklab,var(--color-green-400)20%,transparent)}}.border-slate-400{border-color:var(--color-slate-400)}.border-slate-700{border-color:var(--color-slate-700)}.border-slate-800{border-color:var(--color-slate-800)}.border-slate-800\\/50{border-color:#1d293d80}@supports (color:color-mix(in lab,red,red)){.border-slate-800\\/50{border-color:color-mix(in oklab,var(--color-slate-800)50%,transparent)}}.bg-\\[\\#0f172a\\]{background-color:#0f172a}.bg-\\[rgba\\(255\\,255\\,255\\,0\\.02\\)\\]{background-color:#ffffff05}.bg-green-400{background-color:var(--color-green-400)}.bg-green-400\\/10{background-color:#05df721a}@supports (color:color-mix(in lab,red,red)){.bg-green-400\\/10{background-color:color-mix(in oklab,var(--color-green-400)10%,transparent)}}.bg-slate-500{background-color:var(--color-slate-500)}.bg-slate-800{background-color:var(--color-slate-800)}.bg-slate-800\\/40{background-color:#1d293d66}@supports (color:color-mix(in lab,red,red)){.bg-slate-800\\/40{background-color:color-mix(in oklab,var(--color-slate-800)40%,transparent)}}.bg-slate-900{background-color:var(--color-slate-900)}.bg-slate-900\\/30{background-color:#0f172b4d}@supports (color:color-mix(in lab,red,red)){.bg-slate-900\\/30{background-color:color-mix(in oklab,var(--color-slate-900)30%,transparent)}}.bg-slate-900\\/50{background-color:#0f172b80}@supports (color:color-mix(in lab,red,red)){.bg-slate-900\\/50{background-color:color-mix(in oklab,var(--color-slate-900)50%,transparent)}}.bg-slate-950{background-color:var(--color-slate-950)}.bg-transparent{background-color:#0000}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.py-0\\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.pt-2{padding-top:calc(var(--spacing)*2)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\\[10px\\]{font-size:10px}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-\\[rgba\\(56\\,178\\,172\\,1\\)\\]{color:#38b2ac}.text-blue-400{color:var(--color-blue-400)}.text-cyan-400{color:var(--color-cyan-400)}.text-green-400{color:var(--color-green-400)}.text-green-600{color:var(--color-green-600)}.text-purple-400{color:var(--color-purple-400)}.text-red-500{color:var(--color-red-500)}.text-slate-200{color:var(--color-slate-200)}.text-slate-300{color:var(--color-slate-300)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-yellow-400{color:var(--color-yellow-400)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.opacity-0{opacity:0}.opacity-20{opacity:.2}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\\[0_0_6px_rgba\\(74\\,222\\,128\\,0\\.5\\)\\]{--tw-shadow:0 0 6px var(--tw-shadow-color,#4ade8080);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}@media(hover:hover){.group-hover\\:opacity-100:is(:where(.group):hover *){opacity:1}}.placeholder\\:text-slate-500::placeholder{color:var(--color-slate-500)}@media(hover:hover){.hover\\:border-red-500\\/30:hover{border-color:#fb2c364d}@supports (color:color-mix(in lab,red,red)){.hover\\:border-red-500\\/30:hover{border-color:color-mix(in oklab,var(--color-red-500)30%,transparent)}}.hover\\:bg-red-500\\/20:hover{background-color:#fb2c3633}@supports (color:color-mix(in lab,red,red)){.hover\\:bg-red-500\\/20:hover{background-color:color-mix(in oklab,var(--color-red-500)20%,transparent)}}.hover\\:bg-slate-700:hover{background-color:var(--color-slate-700)}.hover\\:bg-slate-800:hover{background-color:var(--color-slate-800)}.hover\\:bg-slate-900\\/50:hover{background-color:#0f172b80}@supports (color:color-mix(in lab,red,red)){.hover\\:bg-slate-900\\/50:hover{background-color:color-mix(in oklab,var(--color-slate-900)50%,transparent)}}.hover\\:text-cyan-300:hover{color:var(--color-cyan-300)}.hover\\:text-cyan-400:hover{color:var(--color-cyan-400)}.hover\\:text-red-400:hover{color:var(--color-red-400)}.hover\\:text-red-600:hover{color:var(--color-red-600)}.hover\\:text-slate-100:hover{color:var(--color-slate-100)}.hover\\:text-slate-200:hover{color:var(--color-slate-200)}.hover\\:text-slate-300:hover{color:var(--color-slate-300)}.hover\\:text-white:hover{color:var(--color-white)}}@media(min-width:48rem){.md\\:h-\\[600px\\]{height:600px}}@media(prefers-color-scheme:dark){.dark\\:text-green-400{color:var(--color-green-400)}}}:host{all:initial;color:#e2e8f0;background:#0f172a;font-family:ui-monospace,SF Mono,Cascadia Code,Source Code Pro,Menlo,Consolas,DejaVu Sans Mono,monospace;display:block}*{box-sizing:border-box}.quanta-devtools-root ::-webkit-scrollbar{width:6px;height:6px}.quanta-devtools-root ::-webkit-scrollbar-track{background:#0f172a80}.quanta-devtools-root ::-webkit-scrollbar-thumb{background:#38b2acb3;border-radius:3px}.quanta-devtools-root ::-webkit-scrollbar-thumb:hover{background:#2c7a7b}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ease{syntax:"*";inherits:false}';
+function sr() {
   return !!(typeof process < "u" && process.env && process.env.NODE_ENV === "development");
 }
-function ir(e = {}) {
+function hr(e = {}) {
   const { target: t = "body", visible: r } = e;
-  if (!(r !== void 0 ? r : rr()))
+  if (!(r !== void 0 ? r : sr()))
     return () => {
     };
-  if (console.log("[Quanta DevTools] Mounting..."), !document.getElementById("quanta-devtools-styles")) {
-    const a = document.createElement("style");
-    a.id = "quanta-devtools-styles", a.innerHTML = tr, document.head.appendChild(a);
-  }
+  console.log("[Quanta DevTools] Mounting...");
   let i;
   if (typeof t == "string" ? i = document.querySelector(t) : i = t, !i)
     return console.error("[Quanta DevTools] Target element not found"), () => {
     };
   const l = document.createElement("div");
-  return l.id = "quanta-devtools-root", i.appendChild(l), ze(J(er, {}), l), () => {
-    ze(null, l), l.remove();
+  l.id = "quanta-devtools-shadow-host";
+  const o = l.attachShadow({ mode: "open" }), s = document.createElement("style");
+  s.textContent = cr, o.appendChild(s);
+  const c = document.createElement("div");
+  return c.className = "quanta-devtools-root", o.appendChild(c), i.appendChild(l), Fe(J(nr, {}), c), () => {
+    Fe(null, c), l.remove();
   };
 }
-const sr = ({ visible: e }) => (_t(() => ir({ visible: e }), [e]), null);
+const yr = ({ visible: e }) => (wt(() => hr({ visible: e }), [e]), null);
 export {
-  Je as QuantaContext,
-  sr as QuantaDevTools,
-  nr as QuantaProvider,
-  fr as computed,
-  pr as createStore,
-  ur as logger,
-  xr as reactive,
-  cr as useCreateStore,
+  Xe as QuantaContext,
+  yr as QuantaDevTools,
+  xr as QuantaProvider,
+  wr as computed,
+  mr as createStore,
+  br as logger,
+  vr as reactive,
+  ur as useCreateStore,
   vt as useQuantaContext,
-  Ae as useQuantaStore,
-  ar as useStore,
-  yr as watch
+  Re as useQuantaStore,
+  pr as useStore,
+  kr as watch
 };