@quantajs/react 2.0.0-beta.1 → 2.0.0-beta.10

package/dist/index.js

@@ -1,693 +1,1311 @@
-/*! MIT License
-
-Copyright (c) 2025 QuantaJS
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-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.
+/*! MIT License
+
+Copyright (c) 2025 QuantaJS
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+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 Pe, { useSyncExternalStore as vr, createContext as dr, useContext as pr, useRef as gr } from "react";
-import { createStore as Er } from "@quantajs/core";
-import { computed as xr, createStore as jr, reactive as kr, watch as Dr } from "@quantajs/core";
-function Te(l, c) {
-  return vr(
-    l.subscribe,
-    () => c ? c(l) : l,
-    () => c ? c(l) : l
+import _e, { useRef as ht, useCallback as D, useSyncExternalStore as Et, createContext as xe, useContext as ye, useEffect as Vt } from "react";
+import { logger as P, createStore as ge } from "@quantajs/core";
+import { computed as l2, createStore as o2, logger as n2, reactive as c2, watch as a2 } from "@quantajs/core";
+const Ct = /* @__PURE__ */ Symbol("unset");
+function Tt(e, t) {
+  if (!e.subscribe) {
+    const a = new Error(
+      "QuantaJS store missing `subscribe`—ensure core v0.1.0-beta.2+."
+    );
+    throw P.error(`useQuantaStore: ${a.message}`), a;
+  }
+  if (!t) {
+    const a = ht(0), p = D(
+      (_) => {
+        const c = () => {
+          a.current++, _();
+        };
+        return e.subscribe(c);
+      },
+      [e]
+    ), h = D(() => a.current, []);
+    return Et(p, h, h), e;
+  }
+  const r = ht(Ct), i = D(() => {
+    const a = t(e);
+    return r.current = a, a;
+  }, [e, t]), o = D(
+    (a) => {
+      const p = () => {
+        try {
+          const h = t(e);
+          Object.is(r.current, h) || (r.current = h, a());
+        } catch (h) {
+          P.warn(
+            `useQuantaStore: Selector update failed: ${String(h)}`
+          );
+        }
+      };
+      return e.subscribe(p);
+    },
+    [e, t]
+  ), l = D(() => (r.current === Ct && i(), r.current), [i]), s = D(
+    () => i(),
+    [i]
   );
+  return Et(o, l, s);
 }
-const we = dr(null);
-function br() {
-  const l = pr(we);
-  if (!l)
-    throw new Error(
-      "useQuantaContext must be used within a QuantaProvider"
-    );
-  return l;
-}
-function Sr(l) {
-  const { store: c } = br();
-  return l ? Te(c, l) : Te(c);
-}
-function Cr(l, c, j, R) {
-  const y = gr();
-  return y.current || (y.current = Er(l, { state: c, getters: j, actions: R })), y.current;
-}
-var U = { exports: {} }, A = {};
-/**
- * @license React
- * react-jsx-runtime.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var Se;
-function hr() {
-  if (Se) return A;
-  Se = 1;
-  var l = Pe, c = Symbol.for("react.element"), j = Symbol.for("react.fragment"), R = Object.prototype.hasOwnProperty, y = l.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, $ = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function k(m, v, O) {
-    var E, h = {}, T = null, W = null;
-    O !== void 0 && (T = "" + O), v.key !== void 0 && (T = "" + v.key), v.ref !== void 0 && (W = v.ref);
-    for (E in v) R.call(v, E) && !$.hasOwnProperty(E) && (h[E] = v[E]);
-    if (m && m.defaultProps) for (E in v = m.defaultProps, v) h[E] === void 0 && (h[E] = v[E]);
-    return { $$typeof: c, type: m, key: T, ref: W, props: h, _owner: y.current };
+const Jt = xe(null);
+function ve() {
+  const e = ye(Jt);
+  if (e === null) {
+    const t = "useQuantaContext must be used within a QuantaProvider. Wrap your component tree with <QuantaProvider stores={...}>.";
+    throw P.error(`QuantaContext: ${t}`), new Error(t);
   }
-  return A.Fragment = j, A.jsx = k, A.jsxs = k, A;
-}
-var I = {};
-/**
- * @license React
- * react-jsx-runtime.development.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var Ce;
-function Rr() {
-  return Ce || (Ce = 1, process.env.NODE_ENV !== "production" && function() {
-    var l = Pe, c = Symbol.for("react.element"), j = Symbol.for("react.portal"), R = Symbol.for("react.fragment"), y = Symbol.for("react.strict_mode"), $ = Symbol.for("react.profiler"), k = Symbol.for("react.provider"), m = Symbol.for("react.context"), v = Symbol.for("react.forward_ref"), O = Symbol.for("react.suspense"), E = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), T = Symbol.for("react.lazy"), W = Symbol.for("react.offscreen"), X = Symbol.iterator, xe = "@@iterator";
-    function je(e) {
-      if (e === null || typeof e != "object")
-        return null;
-      var r = X && e[X] || e[xe];
-      return typeof r == "function" ? r : null;
-    }
-    var P = l.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function d(e) {
-      {
-        for (var r = arguments.length, t = new Array(r > 1 ? r - 1 : 0), n = 1; n < r; n++)
-          t[n - 1] = arguments[n];
-        ke("error", e, t);
-      }
-    }
-    function ke(e, r, t) {
-      {
-        var n = P.ReactDebugCurrentFrame, i = n.getStackAddendum();
-        i !== "" && (r += "%s", t = t.concat([i]));
-        var u = t.map(function(o) {
-          return String(o);
-        });
-        u.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, u);
-      }
-    }
-    var De = !1, Fe = !1, Ae = !1, Ie = !1, $e = !1, H;
-    H = Symbol.for("react.module.reference");
-    function We(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === R || e === $ || $e || e === y || e === O || e === E || Ie || e === W || De || Fe || Ae || typeof e == "object" && e !== null && (e.$$typeof === T || e.$$typeof === h || e.$$typeof === k || e.$$typeof === m || e.$$typeof === v || // This needs to include all possible module reference object
-      // types supported by any Flight configuration anywhere since
-      // we don't know which Flight build this will end up being used
-      // with.
-      e.$$typeof === H || e.getModuleId !== void 0));
-    }
-    function Ye(e, r, t) {
-      var n = e.displayName;
-      if (n)
-        return n;
-      var i = r.displayName || r.name || "";
-      return i !== "" ? t + "(" + i + ")" : t;
+  return e;
+}
+function Ze(e, t) {
+  try {
+    const { stores: r } = ve(), i = r[e];
+    if (!i) {
+      const o = `Store with name "${e}" does not exist in the context.`;
+      throw P.error(`useStore: ${o}`), new Error(o);
     }
-    function Z(e) {
-      return e.displayName || "Context";
+    return t ? Tt(i, t) : Tt(i);
+  } catch (r) {
+    throw P.error(
+      `useStore: Failed to access store "${e}": ${r instanceof Error ? r.message : String(r)}`
+    ), r;
+  }
+}
+function Ke(e, t, r, i) {
+  const o = ht(void 0);
+  if (!o.current)
+    try {
+      o.current = ge(e, {
+        state: t,
+        getters: r,
+        actions: i
+      });
+    } catch (l) {
+      throw P.error(
+        `useCreateStore: Failed to create store "${e}": ${l instanceof Error ? l.message : String(l)}`
+      ), l;
     }
-    function _(e) {
-      if (e == null)
-        return null;
-      if (typeof e.tag == "number" && d("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
-        return e.displayName || e.name || null;
-      if (typeof e == "string")
-        return e;
-      switch (e) {
-        case R:
+  return Vt(() => () => {
+    o.current?.$destroy?.();
+  }, []), o.current;
+}
+var V = { exports: {} }, U = {};
+var At;
+function be() {
+  if (At) return U;
+  At = 1;
+  var e = /* @__PURE__ */ Symbol.for("react.transitional.element"), t = /* @__PURE__ */ Symbol.for("react.fragment");
+  function r(i, o, l) {
+    var s = null;
+    if (l !== void 0 && (s = "" + l), o.key !== void 0 && (s = "" + o.key), "key" in o) {
+      l = {};
+      for (var a in o)
+        a !== "key" && (l[a] = o[a]);
+    } else l = o;
+    return o = l.ref, {
+      $$typeof: e,
+      type: i,
+      key: s,
+      ref: o !== void 0 ? o : null,
+      props: l
+    };
+  }
+  return U.Fragment = t, U.jsx = r, U.jsxs = r, U;
+}
+var L = {};
+var Rt;
+function we() {
+  return Rt || (Rt = 1, process.env.NODE_ENV !== "production" && (function() {
+    function e(d) {
+      if (d == null) return null;
+      if (typeof d == "function")
+        return d.$$typeof === fe ? null : d.displayName || d.name || null;
+      if (typeof d == "string") return d;
+      switch (d) {
+        case m:
           return "Fragment";
-        case j:
-          return "Portal";
-        case $:
-          return "Profiler";
         case y:
+          return "Profiler";
+        case g:
           return "StrictMode";
-        case O:
+        case Y:
           return "Suspense";
-        case E:
+        case F:
           return "SuspenseList";
+        case z:
+          return "Activity";
       }
-      if (typeof e == "object")
-        switch (e.$$typeof) {
-          case m:
-            var r = e;
-            return Z(r) + ".Consumer";
-          case k:
-            var t = e;
-            return Z(t._context) + ".Provider";
-          case v:
-            return Ye(e, e.render, "ForwardRef");
-          case h:
-            var n = e.displayName || null;
-            return n !== null ? n : _(e.type) || "Memo";
-          case T: {
-            var i = e, u = i._payload, o = i._init;
+      if (typeof d == "object")
+        switch (typeof d.tag == "number" && console.error(
+          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
+        ), d.$$typeof) {
+          case C:
+            return "Portal";
+          case R:
+            return d.displayName || "Context";
+          case A:
+            return (d._context.displayName || "Context") + ".Consumer";
+          case $:
+            var x = d.render;
+            return d = d.displayName, d || (d = x.displayName || x.name || "", d = d !== "" ? "ForwardRef(" + d + ")" : "ForwardRef"), d;
+          case H:
+            return x = d.displayName || null, x !== null ? x : e(d.type) || "Memo";
+          case E:
+            x = d._payload, d = d._init;
             try {
-              return _(o(u));
+              return e(d(x));
             } catch {
-              return null;
             }
-          }
         }
       return null;
     }
-    var S = Object.assign, D = 0, ee, re, te, ne, ae, oe, ie;
-    function ue() {
-    }
-    ue.__reactDisabledLog = !0;
-    function Le() {
-      {
-        if (D === 0) {
-          ee = console.log, re = console.info, te = console.warn, ne = console.error, ae = console.group, oe = console.groupCollapsed, ie = console.groupEnd;
-          var e = {
-            configurable: !0,
-            enumerable: !0,
-            value: ue,
-            writable: !0
-          };
-          Object.defineProperties(console, {
-            info: e,
-            log: e,
-            warn: e,
-            error: e,
-            group: e,
-            groupCollapsed: e,
-            groupEnd: e
-          });
-        }
-        D++;
-      }
+    function t(d) {
+      return "" + d;
     }
-    function Ve() {
-      {
-        if (D--, D === 0) {
-          var e = {
-            configurable: !0,
-            enumerable: !0,
-            writable: !0
-          };
-          Object.defineProperties(console, {
-            log: S({}, e, {
-              value: ee
-            }),
-            info: S({}, e, {
-              value: re
-            }),
-            warn: S({}, e, {
-              value: te
-            }),
-            error: S({}, e, {
-              value: ne
-            }),
-            group: S({}, e, {
-              value: ae
-            }),
-            groupCollapsed: S({}, e, {
-              value: oe
-            }),
-            groupEnd: S({}, e, {
-              value: ie
-            })
-          });
-        }
-        D < 0 && d("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+    function r(d) {
+      try {
+        t(d);
+        var x = !1;
+      } catch {
+        x = !0;
       }
-    }
-    var N = P.ReactCurrentDispatcher, J;
-    function Y(e, r, t) {
-      {
-        if (J === void 0)
-          try {
-            throw Error();
-          } catch (i) {
-            var n = i.stack.trim().match(/\n( *(at )?)/);
-            J = n && n[1] || "";
-          }
-        return `
-` + J + e;
+      if (x) {
+        x = console;
+        var w = x.error, S = typeof Symbol == "function" && Symbol.toStringTag && d[Symbol.toStringTag] || d.constructor.name || "Object";
+        return w.call(
+          x,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          S
+        ), t(d);
       }
     }
-    var q = !1, L;
-    {
-      var Me = typeof WeakMap == "function" ? WeakMap : Map;
-      L = new Me();
-    }
-    function se(e, r) {
-      if (!e || q)
-        return "";
-      {
-        var t = L.get(e);
-        if (t !== void 0)
-          return t;
-      }
-      var n;
-      q = !0;
-      var i = Error.prepareStackTrace;
-      Error.prepareStackTrace = void 0;
-      var u;
-      u = N.current, N.current = null, Le();
+    function i(d) {
+      if (d === m) return "<>";
+      if (typeof d == "object" && d !== null && d.$$typeof === E)
+        return "<...>";
       try {
-        if (r) {
-          var o = function() {
-            throw Error();
-          };
-          if (Object.defineProperty(o.prototype, "props", {
-            set: function() {
-              throw Error();
-            }
-          }), typeof Reflect == "object" && Reflect.construct) {
-            try {
-              Reflect.construct(o, []);
-            } catch (g) {
-              n = g;
-            }
-            Reflect.construct(e, [], o);
-          } else {
-            try {
-              o.call();
-            } catch (g) {
-              n = g;
-            }
-            e.call(o.prototype);
-          }
-        } else {
-          try {
-            throw Error();
-          } catch (g) {
-            n = g;
-          }
-          e();
-        }
-      } catch (g) {
-        if (g && n && typeof g.stack == "string") {
-          for (var a = g.stack.split(`
-`), p = n.stack.split(`
-`), s = a.length - 1, f = p.length - 1; s >= 1 && f >= 0 && a[s] !== p[f]; )
-            f--;
-          for (; s >= 1 && f >= 0; s--, f--)
-            if (a[s] !== p[f]) {
-              if (s !== 1 || f !== 1)
-                do
-                  if (s--, f--, f < 0 || a[s] !== p[f]) {
-                    var b = `
-` + a[s].replace(" at new ", " at ");
-                    return e.displayName && b.includes("<anonymous>") && (b = b.replace("<anonymous>", e.displayName)), typeof e == "function" && L.set(e, b), b;
-                  }
-                while (s >= 1 && f >= 0);
-              break;
-            }
-        }
-      } finally {
-        q = !1, N.current = u, Ve(), Error.prepareStackTrace = i;
+        var x = e(d);
+        return x ? "<" + x + ">" : "<...>";
+      } catch {
+        return "<...>";
       }
-      var x = e ? e.displayName || e.name : "", C = x ? Y(x) : "";
-      return typeof e == "function" && L.set(e, C), C;
     }
-    function Ue(e, r, t) {
-      return se(e, !1);
+    function o() {
+      var d = nt.A;
+      return d === null ? null : d.getOwner();
     }
-    function Ne(e) {
-      var r = e.prototype;
-      return !!(r && r.isReactComponent);
+    function l() {
+      return Error("react-stack-top-frame");
     }
-    function V(e, r, t) {
-      if (e == null)
-        return "";
-      if (typeof e == "function")
-        return se(e, Ne(e));
-      if (typeof e == "string")
-        return Y(e);
-      switch (e) {
-        case O:
-          return Y("Suspense");
-        case E:
-          return Y("SuspenseList");
+    function s(d) {
+      if (wt.call(d, "key")) {
+        var x = Object.getOwnPropertyDescriptor(d, "key").get;
+        if (x && x.isReactWarning) return !1;
       }
-      if (typeof e == "object")
-        switch (e.$$typeof) {
-          case v:
-            return Ue(e.render);
-          case h:
-            return V(e.type, r, t);
-          case T: {
-            var n = e, i = n._payload, u = n._init;
-            try {
-              return V(u(i), r, t);
-            } catch {
-            }
-          }
-        }
-      return "";
+      return d.key !== void 0;
     }
-    var F = Object.prototype.hasOwnProperty, fe = {}, le = P.ReactDebugCurrentFrame;
-    function M(e) {
-      if (e) {
-        var r = e._owner, t = V(e.type, e._source, r ? r.type : null);
-        le.setExtraStackFrame(t);
-      } else
-        le.setExtraStackFrame(null);
-    }
-    function Je(e, r, t, n, i) {
-      {
-        var u = Function.call.bind(F);
-        for (var o in e)
-          if (u(e, o)) {
-            var a = void 0;
-            try {
-              if (typeof e[o] != "function") {
-                var p = Error((n || "React class") + ": " + t + " type `" + o + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[o] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw p.name = "Invariant Violation", p;
-              }
-              a = e[o](r, o, n, t, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (s) {
-              a = s;
-            }
-            a && !(a instanceof Error) && (M(i), d("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", n || "React class", t, o, typeof a), M(null)), a instanceof Error && !(a.message in fe) && (fe[a.message] = !0, M(i), d("Failed %s type: %s", t, a.message), M(null));
-          }
+    function a(d, x) {
+      function w() {
+        mt || (mt = !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)",
+          x
+        ));
       }
+      w.isReactWarning = !0, Object.defineProperty(d, "key", {
+        get: w,
+        configurable: !0
+      });
     }
-    var qe = Array.isArray;
-    function B(e) {
-      return qe(e);
+    function p() {
+      var d = e(this.type);
+      return qt[d] || (qt[d] = !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."
+      )), d = this.props.ref, d !== void 0 ? d : null;
     }
-    function Be(e) {
-      {
-        var r = typeof Symbol == "function" && Symbol.toStringTag, t = r && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return t;
-      }
+    function h(d, x, w, S, Q, at) {
+      var j = w.ref;
+      return d = {
+        $$typeof: b,
+        type: d,
+        key: x,
+        props: w,
+        _owner: S
+      }, (j !== void 0 ? j : null) !== null ? Object.defineProperty(d, "ref", {
+        enumerable: !1,
+        get: p
+      }) : Object.defineProperty(d, "ref", { enumerable: !1, value: null }), d._store = {}, Object.defineProperty(d._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: 0
+      }), Object.defineProperty(d, "_debugInfo", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: null
+      }), Object.defineProperty(d, "_debugStack", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: Q
+      }), Object.defineProperty(d, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: at
+      }), Object.freeze && (Object.freeze(d.props), Object.freeze(d)), d;
     }
-    function Ke(e) {
-      try {
-        return ce(e), !1;
-      } catch {
-        return !0;
+    function _(d, x, w, S, Q, at) {
+      var j = x.children;
+      if (j !== void 0)
+        if (S)
+          if (pe(j)) {
+            for (S = 0; S < j.length; S++)
+              c(j[S]);
+            Object.freeze && Object.freeze(j);
+          } 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 c(j);
+      if (wt.call(x, "key")) {
+        j = e(d);
+        var I = Object.keys(x).filter(function(ue) {
+          return ue !== "key";
+        });
+        S = 0 < I.length ? "{key: someKey, " + I.join(": ..., ") + ": ...}" : "{key: someKey}", jt[j + S] || (I = 0 < I.length ? "{" + I.join(": ..., ") + ": ...}" : "{}", console.error(
+          `A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`,
+          S,
+          j,
+          I,
+          j
+        ), jt[j + S] = !0);
       }
+      if (j = null, w !== void 0 && (r(w), j = "" + w), s(x) && (r(x.key), j = "" + x.key), "key" in x) {
+        w = {};
+        for (var st in x)
+          st !== "key" && (w[st] = x[st]);
+      } else w = x;
+      return j && a(
+        w,
+        typeof d == "function" ? d.displayName || d.name || "Unknown" : d
+      ), h(
+        d,
+        j,
+        w,
+        o(),
+        Q,
+        at
+      );
     }
-    function ce(e) {
-      return "" + e;
+    function c(d) {
+      u(d) ? d._store && (d._store.validated = 1) : typeof d == "object" && d !== null && d.$$typeof === E && (d._payload.status === "fulfilled" ? u(d._payload.value) && d._payload.value._store && (d._payload.value._store.validated = 1) : d._store && (d._store.validated = 1));
     }
-    function ve(e) {
-      if (Ke(e))
-        return d("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Be(e)), ce(e);
+    function u(d) {
+      return typeof d == "object" && d !== null && d.$$typeof === b;
     }
-    var de = P.ReactCurrentOwner, Ge = {
-      key: !0,
-      ref: !0,
-      __self: !0,
-      __source: !0
-    }, pe, ge;
-    function Qe(e) {
-      if (F.call(e, "ref")) {
-        var r = Object.getOwnPropertyDescriptor(e, "ref").get;
-        if (r && r.isReactWarning)
-          return !1;
+    var f = _e, b = /* @__PURE__ */ Symbol.for("react.transitional.element"), C = /* @__PURE__ */ Symbol.for("react.portal"), m = /* @__PURE__ */ Symbol.for("react.fragment"), g = /* @__PURE__ */ Symbol.for("react.strict_mode"), y = /* @__PURE__ */ Symbol.for("react.profiler"), A = /* @__PURE__ */ Symbol.for("react.consumer"), R = /* @__PURE__ */ Symbol.for("react.context"), $ = /* @__PURE__ */ Symbol.for("react.forward_ref"), Y = /* @__PURE__ */ Symbol.for("react.suspense"), F = /* @__PURE__ */ Symbol.for("react.suspense_list"), H = /* @__PURE__ */ Symbol.for("react.memo"), E = /* @__PURE__ */ Symbol.for("react.lazy"), z = /* @__PURE__ */ Symbol.for("react.activity"), fe = /* @__PURE__ */ Symbol.for("react.client.reference"), nt = f.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, wt = Object.prototype.hasOwnProperty, pe = Array.isArray, ct = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    f = {
+      react_stack_bottom_frame: function(d) {
+        return d();
       }
-      return e.ref !== void 0;
+    };
+    var mt, qt = {}, kt = f.react_stack_bottom_frame.bind(
+      f,
+      l
+    )(), St = ct(i(l)), jt = {};
+    L.Fragment = m, L.jsx = function(d, x, w) {
+      var S = 1e4 > nt.recentlyCreatedOwnerStacks++;
+      return _(
+        d,
+        x,
+        w,
+        !1,
+        S ? Error("react-stack-top-frame") : kt,
+        S ? ct(i(d)) : St
+      );
+    }, L.jsxs = function(d, x, w) {
+      var S = 1e4 > nt.recentlyCreatedOwnerStacks++;
+      return _(
+        d,
+        x,
+        w,
+        !0,
+        S ? Error("react-stack-top-frame") : kt,
+        S ? ct(i(d)) : St
+      );
+    };
+  })()), L;
+}
+var Nt;
+function me() {
+  return Nt || (Nt = 1, process.env.NODE_ENV === "production" ? V.exports = be() : V.exports = we()), V.exports;
+}
+var qe = me();
+function t2({ stores: e, children: t }) {
+  try {
+    if (!e || typeof e != "object") {
+      const r = "QuantaProvider: Invalid stores prop provided";
+      throw P.error(r), new Error(r);
     }
-    function ze(e) {
-      if (F.call(e, "key")) {
-        var r = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (r && r.isReactWarning)
-          return !1;
+    for (const [r, i] of Object.entries(e))
+      if (!i || typeof i != "object") {
+        const o = `QuantaProvider: Invalid store "${r}" provided`;
+        throw P.error(o), new Error(o);
       }
-      return e.key !== void 0;
+    return /* @__PURE__ */ qe.jsx(Jt.Provider, { value: { stores: e }, children: t });
+  } catch (r) {
+    throw P.error(
+      `QuantaProvider: Failed to render provider: ${r instanceof Error ? r.message : String(r)}`
+    ), r;
+  }
+}
+var it, v, Gt, M, Pt, Xt, Zt, Kt, xt, ft, pt, K = {}, tt = [], ke = /acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i, lt = Array.isArray;
+function N(e, t) {
+  for (var r in t) e[r] = t[r];
+  return e;
+}
+function yt(e) {
+  e && e.parentNode && e.parentNode.removeChild(e);
+}
+function te(e, t, r) {
+  var i, o, l, s = {};
+  for (l in t) l == "key" ? i = t[l] : l == "ref" ? o = t[l] : s[l] = t[l];
+  if (arguments.length > 2 && (s.children = arguments.length > 3 ? it.call(arguments, 2) : r), typeof e == "function" && e.defaultProps != null) for (l in e.defaultProps) s[l] === void 0 && (s[l] = e.defaultProps[l]);
+  return G(e, s, i, o, null);
+}
+function G(e, t, r, i, o) {
+  var l = { type: e, props: t, key: r, ref: i, __k: null, __: null, __b: 0, __e: null, __c: null, constructor: void 0, __v: o ?? ++Gt, __i: -1, __u: 0 };
+  return o == null && v.vnode != null && v.vnode(l), l;
+}
+function ot(e) {
+  return e.children;
+}
+function X(e, t) {
+  this.props = e, this.context = t;
+}
+function B(e, t) {
+  if (t == null) return e.__ ? B(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" ? B(e) : null;
+}
+function Se(e) {
+  if (e.__P && e.__d) {
+    var t = e.__v, r = t.__e, i = [], o = [], l = N({}, t);
+    l.__v = t.__v + 1, v.vnode && v.vnode(l), gt(e.__P, l, t, e.__n, e.__P.namespaceURI, 32 & t.__u ? [r] : null, i, r ?? B(t), !!(32 & t.__u), o), l.__v = t.__v, l.__.__k[l.__i] = l, le(i, l, o), t.__e = t.__ = null, l.__e != r && ee(l);
+  }
+}
+function ee(e) {
+  if ((e = e.__) != null && e.__c != null) return e.__e = e.__c.base = null, e.__k.some(function(t) {
+    if (t != null && t.__e != null) return e.__e = e.__c.base = t.__e;
+  }), ee(e);
+}
+function Ot(e) {
+  (!e.__d && (e.__d = !0) && M.push(e) && !et.__r++ || Pt != v.debounceRendering) && ((Pt = v.debounceRendering) || Xt)(et);
+}
+function et() {
+  for (var e, t = 1; M.length; ) M.length > t && M.sort(Zt), e = M.shift(), t = M.length, Se(e);
+  et.__r = 0;
+}
+function re(e, t, r, i, o, l, s, a, p, h, _) {
+  var c, u, f, b, C, m, g, y = i && i.__k || tt, A = t.length;
+  for (p = je(r, t, y, p, A), c = 0; c < A; c++) (f = r.__k[c]) != null && (u = f.__i != -1 && y[f.__i] || K, f.__i = c, m = gt(e, f, u, o, l, s, a, p, h, _), b = f.__e, f.ref && u.ref != f.ref && (u.ref && vt(u.ref, null, f), _.push(f.ref, f.__c || b, f)), C == null && b != null && (C = b), (g = !!(4 & f.__u)) || u.__k === f.__k ? p = ie(f, p, e, g) : typeof f.type == "function" && m !== void 0 ? p = m : b && (p = b.nextSibling), f.__u &= -7);
+  return r.__e = C, p;
+}
+function je(e, t, r, i, o) {
+  var l, s, a, p, h, _ = r.length, c = _, u = 0;
+  for (e.__k = new Array(o), l = 0; l < o; l++) (s = t[l]) != null && typeof s != "boolean" && typeof s != "function" ? (typeof s == "string" || typeof s == "number" || typeof s == "bigint" || s.constructor == String ? s = e.__k[l] = G(null, s, null, null, null) : lt(s) ? s = e.__k[l] = G(ot, { children: s }, null, null, null) : s.constructor === void 0 && s.__b > 0 ? s = e.__k[l] = G(s.type, s.props, s.key, s.ref ? s.ref : null, s.__v) : e.__k[l] = s, p = l + u, s.__ = e, s.__b = e.__b + 1, a = null, (h = s.__i = Ee(s, r, p, c)) != -1 && (c--, (a = r[h]) && (a.__u |= 2)), a == null || a.__v == null ? (h == -1 && (o > _ ? u-- : o < _ && u++), typeof s.type != "function" && (s.__u |= 4)) : h != p && (h == p - 1 ? u-- : h == p + 1 ? u++ : (h > p ? u-- : u++, s.__u |= 4))) : e.__k[l] = null;
+  if (c) for (l = 0; l < _; l++) (a = r[l]) != null && (2 & a.__u) == 0 && (a.__e == i && (i = B(a)), ne(a, a));
+  return i;
+}
+function ie(e, t, r, i) {
+  var o, l;
+  if (typeof e.type == "function") {
+    for (o = e.__k, l = 0; o && l < o.length; l++) o[l] && (o[l].__ = e, t = ie(o[l], t, r, i));
+    return t;
+  }
+  e.__e != t && (i && (t && e.type && !t.parentNode && (t = B(e)), r.insertBefore(e.__e, t || null)), t = e.__e);
+  do
+    t = t && t.nextSibling;
+  while (t != null && t.nodeType == 8);
+  return t;
+}
+function Ee(e, t, r, i) {
+  var o, l, s, a = e.key, p = e.type, h = t[r], _ = h != null && (2 & h.__u) == 0;
+  if (h === null && a == null || _ && a == h.key && p == h.type) return r;
+  if (i > (_ ? 1 : 0)) {
+    for (o = r - 1, l = r + 1; o >= 0 || l < t.length; ) if ((h = t[s = o >= 0 ? o-- : l++]) != null && (2 & h.__u) == 0 && a == h.key && p == h.type) return s;
+  }
+  return -1;
+}
+function zt(e, t, r) {
+  t[0] == "-" ? e.setProperty(t, r ?? "") : e[t] = r == null ? "" : typeof r != "number" || ke.test(t) ? r : r + "px";
+}
+function J(e, t, r, i, o) {
+  var l, s;
+  t: 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 || zt(e.style, t, "");
+    if (r) for (t in r) i && r[t] == i[t] || zt(e.style, t, r[t]);
+  }
+  else if (t[0] == "o" && t[1] == "n") l = t != (t = t.replace(Kt, "$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 + l] = r, r ? i ? r.u = i.u : (r.u = xt, e.addEventListener(t, l ? pt : ft, l)) : e.removeEventListener(t, l ? pt : ft, l);
+  else {
+    if (o == "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 {
+      e[t] = r ?? "";
+      break t;
+    } catch {
     }
-    function Xe(e, r) {
-      typeof e.ref == "string" && de.current;
+    typeof r == "function" || (r == null || r === !1 && t[4] != "-" ? e.removeAttribute(t) : e.setAttribute(t, t == "popover" && r == 1 ? "" : r));
+  }
+}
+function $t(e) {
+  return function(t) {
+    if (this.l) {
+      var r = this.l[t.type + e];
+      if (t.t == null) t.t = xt++;
+      else if (t.t < r.u) return;
+      return r(v.event ? v.event(t) : t);
     }
-    function He(e, r) {
-      {
-        var t = function() {
-          pe || (pe = !0, d("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
-        };
-        t.isReactWarning = !0, Object.defineProperty(e, "key", {
-          get: t,
-          configurable: !0
-        });
+  };
+}
+function gt(e, t, r, i, o, l, s, a, p, h) {
+  var _, c, u, f, b, C, m, g, y, A, R, $, Y, F, H, E = t.type;
+  if (t.constructor !== void 0) return null;
+  128 & r.__u && (p = !!(32 & r.__u), l = [a = t.__e = r.__e]), (_ = v.__b) && _(t);
+  t: if (typeof E == "function") try {
+    if (g = t.props, y = "prototype" in E && E.prototype.render, A = (_ = E.contextType) && i[_.__c], R = _ ? A ? A.props.value : _.__ : i, r.__c ? m = (c = t.__c = r.__c).__ = c.__E : (y ? t.__c = c = new E(g, R) : (t.__c = c = new X(g, R), c.constructor = E, c.render = Te), A && A.sub(c), c.state || (c.state = {}), c.__n = i, u = c.__d = !0, c.__h = [], c._sb = []), y && c.__s == null && (c.__s = c.state), y && E.getDerivedStateFromProps != null && (c.__s == c.state && (c.__s = N({}, c.__s)), N(c.__s, E.getDerivedStateFromProps(g, c.__s))), f = c.props, b = c.state, c.__v = t, u) y && E.getDerivedStateFromProps == null && c.componentWillMount != null && c.componentWillMount(), y && c.componentDidMount != null && c.__h.push(c.componentDidMount);
+    else {
+      if (y && E.getDerivedStateFromProps == null && g !== f && c.componentWillReceiveProps != null && c.componentWillReceiveProps(g, R), t.__v == r.__v || !c.__e && c.shouldComponentUpdate != null && c.shouldComponentUpdate(g, c.__s, R) === !1) {
+        t.__v != r.__v && (c.props = g, c.state = c.__s, c.__d = !1), t.__e = r.__e, t.__k = r.__k, t.__k.some(function(z) {
+          z && (z.__ = t);
+        }), tt.push.apply(c.__h, c._sb), c._sb = [], c.__h.length && s.push(c);
+        break t;
       }
+      c.componentWillUpdate != null && c.componentWillUpdate(g, c.__s, R), y && c.componentDidUpdate != null && c.__h.push(function() {
+        c.componentDidUpdate(f, b, C);
+      });
     }
-    function Ze(e, r) {
-      {
-        var t = function() {
-          ge || (ge = !0, d("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
-        };
-        t.isReactWarning = !0, Object.defineProperty(e, "ref", {
-          get: t,
-          configurable: !0
-        });
-      }
+    if (c.context = R, c.props = g, c.__P = e, c.__e = !1, $ = v.__r, Y = 0, y) c.state = c.__s, c.__d = !1, $ && $(t), _ = c.render(c.props, c.state, c.context), tt.push.apply(c.__h, c._sb), c._sb = [];
+    else do
+      c.__d = !1, $ && $(t), _ = c.render(c.props, c.state, c.context), c.state = c.__s;
+    while (c.__d && ++Y < 25);
+    c.state = c.__s, c.getChildContext != null && (i = N(N({}, i), c.getChildContext())), y && !u && c.getSnapshotBeforeUpdate != null && (C = c.getSnapshotBeforeUpdate(f, b)), F = _ != null && _.type === ot && _.key == null ? oe(_.props.children) : _, a = re(e, lt(F) ? F : [F], t, r, i, o, l, s, a, p, h), c.base = t.__e, t.__u &= -161, c.__h.length && s.push(c), m && (c.__E = c.__ = null);
+  } catch (z) {
+    if (t.__v = null, p || l != null) if (z.then) {
+      for (t.__u |= p ? 160 : 128; a && a.nodeType == 8 && a.nextSibling; ) a = a.nextSibling;
+      l[l.indexOf(a)] = null, t.__e = a;
+    } else {
+      for (H = l.length; H--; ) yt(l[H]);
+      ut(t);
     }
-    var er = function(e, r, t, n, i, u, o) {
-      var a = {
-        // This tag allows us to uniquely identify this as a React Element
-        $$typeof: c,
-        // Built-in properties that belong on the element
-        type: e,
-        key: r,
-        ref: t,
-        props: o,
-        // Record the component responsible for creating this element.
-        _owner: u
-      };
-      return a._store = {}, Object.defineProperty(a._store, "validated", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: !1
-      }), Object.defineProperty(a, "_self", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !1,
-        value: n
-      }), Object.defineProperty(a, "_source", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !1,
-        value: i
-      }), Object.freeze && (Object.freeze(a.props), Object.freeze(a)), a;
-    };
-    function rr(e, r, t, n, i) {
-      {
-        var u, o = {}, a = null, p = null;
-        t !== void 0 && (ve(t), a = "" + t), ze(r) && (ve(r.key), a = "" + r.key), Qe(r) && (p = r.ref, Xe(r, i));
-        for (u in r)
-          F.call(r, u) && !Ge.hasOwnProperty(u) && (o[u] = r[u]);
-        if (e && e.defaultProps) {
-          var s = e.defaultProps;
-          for (u in s)
-            o[u] === void 0 && (o[u] = s[u]);
-        }
-        if (a || p) {
-          var f = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          a && He(o, f), p && Ze(o, f);
-        }
-        return er(e, a, p, i, n, de.current, o);
-      }
+    else t.__e = r.__e, t.__k = r.__k, z.then || ut(t);
+    v.__e(z, t, r);
+  }
+  else l == null && t.__v == r.__v ? (t.__k = r.__k, t.__e = r.__e) : a = t.__e = Ce(r.__e, t, r, i, o, l, s, p, h);
+  return (_ = v.diffed) && _(t), 128 & t.__u ? void 0 : a;
+}
+function ut(e) {
+  e && (e.__c && (e.__c.__e = !0), e.__k && e.__k.some(ut));
+}
+function le(e, t, r) {
+  for (var i = 0; i < r.length; i++) vt(r[i], r[++i], r[++i]);
+  v.__c && v.__c(t, e), e.some(function(o) {
+    try {
+      e = o.__h, o.__h = [], e.some(function(l) {
+        l.call(o);
+      });
+    } catch (l) {
+      v.__e(l, o.__v);
     }
-    var K = P.ReactCurrentOwner, Ee = P.ReactDebugCurrentFrame;
-    function w(e) {
-      if (e) {
-        var r = e._owner, t = V(e.type, e._source, r ? r.type : null);
-        Ee.setExtraStackFrame(t);
-      } else
-        Ee.setExtraStackFrame(null);
+  });
+}
+function oe(e) {
+  return typeof e != "object" || e == null || e.__b > 0 ? e : lt(e) ? e.map(oe) : N({}, e);
+}
+function Ce(e, t, r, i, o, l, s, a, p) {
+  var h, _, c, u, f, b, C, m = r.props || K, g = t.props, y = t.type;
+  if (y == "svg" ? o = "http://www.w3.org/2000/svg" : y == "math" ? o = "http://www.w3.org/1998/Math/MathML" : o || (o = "http://www.w3.org/1999/xhtml"), l != null) {
+    for (h = 0; h < l.length; h++) if ((f = l[h]) && "setAttribute" in f == !!y && (y ? f.localName == y : f.nodeType == 3)) {
+      e = f, l[h] = null;
+      break;
     }
-    var G;
-    G = !1;
-    function Q(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === c;
+  }
+  if (e == null) {
+    if (y == null) return document.createTextNode(g);
+    e = document.createElementNS(o, y, g.is && g), a && (v.__m && v.__m(t, l), a = !1), l = null;
+  }
+  if (y == null) m === g || a && e.data == g || (e.data = g);
+  else {
+    if (l = l && it.call(e.childNodes), !a && l != null) for (m = {}, h = 0; h < e.attributes.length; h++) m[(f = e.attributes[h]).name] = f.value;
+    for (h in m) f = m[h], h == "dangerouslySetInnerHTML" ? c = f : h == "children" || h in g || h == "value" && "defaultValue" in g || h == "checked" && "defaultChecked" in g || J(e, h, null, f, o);
+    for (h in g) f = g[h], h == "children" ? u = f : h == "dangerouslySetInnerHTML" ? _ = f : h == "value" ? b = f : h == "checked" ? C = f : a && typeof f != "function" || m[h] === f || J(e, h, f, m[h], o);
+    if (_) a || c && (_.__html == c.__html || _.__html == e.innerHTML) || (e.innerHTML = _.__html), t.__k = [];
+    else if (c && (e.innerHTML = ""), re(t.type == "template" ? e.content : e, lt(u) ? u : [u], t, r, i, y == "foreignObject" ? "http://www.w3.org/1999/xhtml" : o, l, s, l ? l[0] : r.__k && B(r, 0), a, p), l != null) for (h = l.length; h--; ) yt(l[h]);
+    a || (h = "value", y == "progress" && b == null ? e.removeAttribute("value") : b != null && (b !== e[h] || y == "progress" && !b || y == "option" && b != m[h]) && J(e, h, b, m[h], o), h = "checked", C != null && C != e[h] && J(e, h, C, m[h], o));
+  }
+  return e;
+}
+function vt(e, t, r) {
+  try {
+    if (typeof e == "function") {
+      var i = typeof e.__u == "function";
+      i && e.__u(), i && t == null || (e.__u = e(t));
+    } else e.current = t;
+  } catch (o) {
+    v.__e(o, r);
+  }
+}
+function ne(e, t, r) {
+  var i, o;
+  if (v.unmount && v.unmount(e), (i = e.ref) && (i.current && i.current != e.__e || vt(i, null, t)), (i = e.__c) != null) {
+    if (i.componentWillUnmount) try {
+      i.componentWillUnmount();
+    } catch (l) {
+      v.__e(l, t);
     }
-    function be() {
-      {
-        if (K.current) {
-          var e = _(K.current.type);
-          if (e)
-            return `
-
-Check the render method of \`` + e + "`.";
+    i.base = i.__P = null;
+  }
+  if (i = e.__k) for (o = 0; o < i.length; o++) i[o] && ne(i[o], t, r || typeof e.type != "function");
+  r || yt(e.__e), e.__c = e.__ = e.__e = void 0;
+}
+function Te(e, t, r) {
+  return this.constructor(e, r);
+}
+function Mt(e, t, r) {
+  var i, o, l, s;
+  t == document && (t = document.documentElement), v.__ && v.__(e, t), o = (i = !1) ? null : t.__k, l = [], s = [], gt(t, e = t.__k = te(ot, null, [e]), o || K, K, t.namespaceURI, o ? null : t.firstChild ? it.call(t.childNodes) : null, l, o ? o.__e : t.firstChild, i, s), le(l, e, s);
+}
+it = tt.slice, v = { __e: function(e, t, r, i) {
+  for (var o, l, s; t = t.__; ) if ((o = t.__c) && !o.__) try {
+    if ((l = o.constructor) && l.getDerivedStateFromError != null && (o.setState(l.getDerivedStateFromError(e)), s = o.__d), o.componentDidCatch != null && (o.componentDidCatch(e, i || {}), s = o.__d), s) return o.__E = o;
+  } catch (a) {
+    e = a;
+  }
+  throw e;
+} }, Gt = 0, X.prototype.setState = function(e, t) {
+  var r;
+  r = this.__s != null && this.__s != this.state ? this.__s : this.__s = N({}, this.state), typeof e == "function" && (e = e(N({}, r), this.props)), e && N(r, e), e != null && this.__v && (t && this._sb.push(t), Ot(this));
+}, X.prototype.forceUpdate = function(e) {
+  this.__v && (this.__e = !0, e && this.__h.push(e), Ot(this));
+}, X.prototype.render = ot, M = [], Xt = typeof Promise == "function" ? Promise.prototype.then.bind(Promise.resolve()) : setTimeout, Zt = function(e, t) {
+  return e.__v.__b - t.__v.__b;
+}, et.__r = 0, Kt = /(PointerCapture)$|Capture$/i, xt = 0, ft = $t(!1), pt = $t(!0);
+var Ae = 0;
+function n(e, t, r, i, o, l) {
+  t || (t = {});
+  var s, a, p = t;
+  if ("ref" in p) for (a in p = {}, t) a == "ref" ? s = t[a] : p[a] = t[a];
+  var h = { type: e, props: p, key: r, ref: s, __k: null, __: null, __b: 0, __e: null, __c: null, constructor: void 0, __v: --Ae, __i: -1, __u: 0, __source: o, __self: l };
+  if (typeof e == "function" && (s = e.defaultProps)) for (a in s) p[a] === void 0 && (p[a] = s[a]);
+  return v.vnode && v.vnode(h), h;
+}
+var W, q, dt, Ft, rt = 0, ce = [], k = v, It = k.__b, Dt = k.__r, Bt = k.diffed, Ht = k.__c, Ut = k.unmount, Lt = k.__;
+function bt(e, t) {
+  k.__h && k.__h(q, e, rt || t), rt = 0;
+  var r = q.__H || (q.__H = { __: [], __h: [] });
+  return e >= r.__.length && r.__.push({}), r.__[e];
+}
+function O(e) {
+  return rt = 1, Re(se, e);
+}
+function Re(e, t, r) {
+  var i = bt(W++, 2);
+  if (i.t = e, !i.__c && (i.__ = [se(void 0, t), function(a) {
+    var p = i.__N ? i.__N[0] : i.__[0], h = i.t(p, a);
+    p !== h && (i.__N = [h, i.__[1]], i.__c.setState({}));
+  }], i.__c = q, !q.__f)) {
+    var o = function(a, p, h) {
+      if (!i.__c.__H) return !0;
+      var _ = i.__c.__H.__.filter(function(u) {
+        return u.__c;
+      });
+      if (_.every(function(u) {
+        return !u.__N;
+      })) return !l || l.call(this, a, p, h);
+      var c = i.__c.props !== a;
+      return _.some(function(u) {
+        if (u.__N) {
+          var f = u.__[0];
+          u.__ = u.__N, u.__N = void 0, f !== u.__[0] && (c = !0);
         }
-        return "";
+      }), l && l.call(this, a, p, h) || c;
+    };
+    q.__f = !0;
+    var l = q.shouldComponentUpdate, s = q.componentWillUpdate;
+    q.componentWillUpdate = function(a, p, h) {
+      if (this.__e) {
+        var _ = l;
+        l = void 0, o(a, p, h), l = _;
       }
+      s && s.call(this, a, p, h);
+    }, q.shouldComponentUpdate = o;
+  }
+  return i.__N || i.__;
+}
+function Ne(e, t) {
+  var r = bt(W++, 3);
+  !k.__s && ae(r.__H, t) && (r.__ = e, r.u = t, q.__H.__h.push(r));
+}
+function Pe(e) {
+  return rt = 5, Oe(function() {
+    return { current: e };
+  }, []);
+}
+function Oe(e, t) {
+  var r = bt(W++, 7);
+  return ae(r.__H, t) && (r.__ = e(), r.__H = t, r.__h = e), r.__;
+}
+function ze() {
+  for (var e; e = ce.shift(); ) {
+    var t = e.__H;
+    if (e.__P && t) try {
+      t.__h.some(Z), t.__h.some(_t), t.__h = [];
+    } catch (r) {
+      t.__h = [], k.__e(r, e.__v);
     }
-    function tr(e) {
-      return "";
+  }
+}
+k.__b = function(e) {
+  q = null, It && It(e);
+}, k.__ = function(e, t) {
+  e && t.__k && t.__k.__m && (e.__m = t.__k.__m), Lt && Lt(e, t);
+}, k.__r = function(e) {
+  Dt && Dt(e), W = 0;
+  var t = (q = e.__c).__H;
+  t && (dt === q ? (t.__h = [], q.__h = [], t.__.some(function(r) {
+    r.__N && (r.__ = r.__N), r.u = r.__N = void 0;
+  })) : (t.__h.some(Z), t.__h.some(_t), t.__h = [], W = 0)), dt = q;
+}, k.diffed = function(e) {
+  Bt && Bt(e);
+  var t = e.__c;
+  t && t.__H && (t.__H.__h.length && (ce.push(t) !== 1 && Ft === k.requestAnimationFrame || ((Ft = k.requestAnimationFrame) || $e)(ze)), t.__H.__.some(function(r) {
+    r.u && (r.__H = r.u), r.u = void 0;
+  })), dt = q = null;
+}, k.__c = function(e, t) {
+  t.some(function(r) {
+    try {
+      r.__h.some(Z), r.__h = r.__h.filter(function(i) {
+        return !i.__ || _t(i);
+      });
+    } catch (i) {
+      t.some(function(o) {
+        o.__h && (o.__h = []);
+      }), t = [], k.__e(i, r.__v);
     }
-    var he = {};
-    function nr(e) {
-      {
-        var r = be();
-        if (!r) {
-          var t = typeof e == "string" ? e : e.displayName || e.name;
-          t && (r = `
-
-Check the top-level render call using <` + t + ">.");
-        }
-        return r;
-      }
+  }), Ht && Ht(e, t);
+}, k.unmount = function(e) {
+  Ut && Ut(e);
+  var t, r = e.__c;
+  r && r.__H && (r.__H.__.some(function(i) {
+    try {
+      Z(i);
+    } catch (o) {
+      t = o;
     }
-    function Re(e, r) {
-      {
-        if (!e._store || e._store.validated || e.key != null)
-          return;
-        e._store.validated = !0;
-        var t = nr(r);
-        if (he[t])
-          return;
-        he[t] = !0;
-        var n = "";
-        e && e._owner && e._owner !== K.current && (n = " It was passed a child from " + _(e._owner.type) + "."), w(e), d('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', t, n), w(null);
-      }
+  }), r.__H = void 0, t && k.__e(t, r.__v));
+};
+var Wt = typeof requestAnimationFrame == "function";
+function $e(e) {
+  var t, r = function() {
+    clearTimeout(i), Wt && cancelAnimationFrame(t), setTimeout(e);
+  }, i = setTimeout(r, 35);
+  Wt && (t = requestAnimationFrame(r));
+}
+function Z(e) {
+  var t = q, r = e.__c;
+  typeof r == "function" && (e.__c = void 0, r()), q = t;
+}
+function _t(e) {
+  var t = q;
+  e.__c = e.__(), q = t;
+}
+function ae(e, t) {
+  return !e || e.length !== t.length || t.some(function(r, i) {
+    return r !== e[i];
+  });
+}
+function se(e, t) {
+  return typeof t == "function" ? t(e) : t;
+}
+const Yt = "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 Me() {
+  const [e, t] = O({}), [r, i] = O([]), [o, l] = O(null), s = Pe(o);
+  return s.current = o, Ne(() => {
+    let a, p = 0;
+    const h = 10, _ = (u) => {
+      u.type === "STORE_INIT" ? t((f) => {
+        const b = {
+          ...f,
+          [u.payload.name]: u.payload.store
+        };
+        return s.current || l(u.payload.name), b;
+      }) : u.type === "STATE_CHANGE" ? t((f) => {
+        const b = u.payload.storeName;
+        return f[b] ? { ...f } : f;
+      }) : u.type === "ACTION_CALL" && i((f) => [
+        {
+          id: Math.random().toString(36).substr(2, 9),
+          storeName: u.payload.storeName,
+          actionName: u.payload.actionName,
+          args: u.payload.args,
+          timestamp: Date.now()
+        },
+        ...f.slice(0, 99)
+        // Keep last 100 actions
+      ]);
+    }, c = () => {
+      const u = window.__QUANTA_DEVTOOLS__;
+      u ? a = u.subscribe(_) : p < h && (p++, setTimeout(c, 500));
+    };
+    return c(), () => {
+      a && a();
+    };
+  }, []), { stores: e, actions: r, selectedStore: o, setSelectedStore: l };
+}
+const Fe = (e, t, r) => {
+  const { size: i = 16, color: o = "currentColor", className: l = "" } = t;
+  return /* @__PURE__ */ n(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: i,
+      height: i,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: o,
+      "stroke-width": "2",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      class: l,
+      dangerouslySetInnerHTML: { __html: e + "" }
     }
-    function ye(e, r) {
-      {
-        if (typeof e != "object")
-          return;
-        if (B(e))
-          for (var t = 0; t < e.length; t++) {
-            var n = e[t];
-            Q(n) && Re(n, r);
-          }
-        else if (Q(e))
-          e._store && (e._store.validated = !0);
-        else if (e) {
-          var i = je(e);
-          if (typeof i == "function" && i !== e.entries)
-            for (var u = i.call(e), o; !(o = u.next()).done; )
-              Q(o.value) && Re(o.value, r);
-        }
-      }
+  );
+}, Ie = {
+  x: '<line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/>',
+  play: '<polygon points="6 3 20 12 6 21 6 3"/>',
+  database: '<ellipse cx="12" cy="5" rx="9" ry="3"/><path d="M3 5V19c0 1.66 4 3 9 3s9-1.34 9-3V5"/><path d="M3 12c0 1.66 4 3 9 3s9-1.34 9-3"/>',
+  "chevron-right": '<polyline points="9 18 15 12 9 6"/>',
+  "chevron-up": '<polyline points="18 15 12 9 6 15"/>',
+  "chevron-down": '<polyline points="6 9 12 15 18 9"/>',
+  "rotate-ccw": '<polyline points="1 4 1 10 7 10"/><path d="M3.51 15a9 9 0 1 0 2.13-9.36L1 10"/>',
+  trash: '<polyline points="3 6 5 6 21 6"/><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"/><line x1="10" y1="11" x2="10" y2="17"/><line x1="14" y1="11" x2="14" y2="17"/>',
+  search: '<circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/>',
+  "circle-x": '<circle cx="12" cy="12" r="10"/><line x1="15" y1="9" x2="9" y2="15"/><line x1="9" y1="9" x2="15" y2="15"/>',
+  check: '<polyline points="20 6 9 17 4 12"/>',
+  copy: '<rect x="9" y="9" width="13" height="13" rx="2" ry="2"/><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/>',
+  zap: '<polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"/>',
+  activity: '<polyline points="22 12 18 12 15 21 9 3 6 12 2 12"/>',
+  clock: '<circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/>',
+  filter: '<polygon points="22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3"/>',
+  clear: '<path d="M21 4H8l-7 8 7 8h13a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2z"/><line x1="18" y1="9" x2="12" y2="15"/><line x1="12" y1="9" x2="18" y2="15"/>'
+};
+function T(e) {
+  const { name: t, ...r } = e, i = Ie[t];
+  return i ? Fe(i, r) : null;
+}
+function de(e) {
+  const t = /* @__PURE__ */ new WeakSet();
+  function r(i, o) {
+    if (o > 10) return "[...]";
+    if (i === null) return null;
+    if (i === void 0) return;
+    const l = typeof i;
+    if (l === "string" || l === "number" || l === "boolean")
+      return i;
+    if (l === "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((a) => r(a, o + 1));
+      return t.delete(i), s;
     }
-    function ar(e) {
-      {
-        var r = e.type;
-        if (r == null || typeof r == "string")
-          return;
-        var t;
-        if (typeof r == "function")
-          t = r.propTypes;
-        else if (typeof r == "object" && (r.$$typeof === v || // Note: Memo only checks outer props here.
-        // Inner props are checked in the reconciler.
-        r.$$typeof === h))
-          t = r.propTypes;
-        else
-          return;
-        if (t) {
-          var n = _(r);
-          Je(t, e.props, "prop", n, e);
-        } else if (r.PropTypes !== void 0 && !G) {
-          G = !0;
-          var i = _(r);
-          d("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", i || "Unknown");
-        }
-        typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && d("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
-      }
+    if (l === "object") {
+      if (t.has(i)) return "[Circular]";
+      t.add(i);
+      const s = {};
+      for (const a in i)
+        Object.prototype.hasOwnProperty.call(i, a) && (s[a] = r(i[a], o + 1));
+      return t.delete(i), s;
     }
-    function or(e) {
+    return String(i);
+  }
+  try {
+    return JSON.stringify(r(e, 0));
+  } catch {
+    return "[Error]";
+  }
+}
+const he = ({ value: e, depth: t = 0 }) => {
+  if (e === null) return /* @__PURE__ */ n("span", { class: "qdt-json-null", children: "null" });
+  if (e === void 0)
+    return /* @__PURE__ */ n("span", { class: "qdt-json-null", children: "undefined" });
+  const r = typeof e;
+  return r === "string" ? /* @__PURE__ */ n("span", { class: "qdt-json-string", children: [
+    '"',
+    e,
+    '"'
+  ] }) : r === "number" ? /* @__PURE__ */ n("span", { class: "qdt-json-number", children: String(e) }) : r === "boolean" ? /* @__PURE__ */ n("span", { class: "qdt-json-boolean", children: e ? "true" : "false" }) : r === "function" ? /* @__PURE__ */ n("span", { class: "qdt-json-fn", children: [
+    "ƒ ",
+    e.name || "anonymous",
+    "()"
+  ] }) : r === "object" ? /* @__PURE__ */ n(De, { data: e, depth: t }) : /* @__PURE__ */ n("span", { class: "qdt-json-string", children: String(e) });
+}, De = ({ data: e, depth: t = 0 }) => {
+  const [r, i] = O(t < 2), o = Array.isArray(e), l = Object.entries(e), s = o ? ["[", "]"] : ["{", "}"];
+  return l.length === 0 ? /* @__PURE__ */ n("span", { class: "qdt-json-bracket", children: [
+    s[0],
+    s[1]
+  ] }) : /* @__PURE__ */ n("span", { children: [
+    /* @__PURE__ */ n(
+      "span",
       {
-        for (var r = Object.keys(e.props), t = 0; t < r.length; t++) {
-          var n = r[t];
-          if (n !== "children" && n !== "key") {
-            w(e), d("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", n), w(null);
-            break;
+        class: "qdt-json-toggle",
+        "data-open": r,
+        onClick: () => i(!r),
+        children: /* @__PURE__ */ n(T, { name: "chevron-right", size: 10 })
+      }
+    ),
+    /* @__PURE__ */ n("span", { class: "qdt-json-bracket", children: s[0] }),
+    !r && /* @__PURE__ */ n("span", { class: "qdt-json-summary", children: [
+      " ",
+      l.length,
+      " ",
+      o ? "items" : "keys",
+      " "
+    ] }),
+    !r && /* @__PURE__ */ n("span", { class: "qdt-json-bracket", children: s[1] }),
+    r && /* @__PURE__ */ n("div", { class: "qdt-json-children", children: l.map(([a, p]) => /* @__PURE__ */ n("div", { class: "qdt-json-row", children: [
+      /* @__PURE__ */ n("span", { class: "qdt-json-key", children: o ? a : `"${a}"` }),
+      /* @__PURE__ */ n("span", { class: "qdt-json-colon", children: ": " }),
+      /* @__PURE__ */ n(he, { value: p, depth: t + 1 })
+    ] }, a)) }),
+    r && /* @__PURE__ */ n("span", { class: "qdt-json-bracket", children: s[1] })
+  ] });
+};
+function Be({ stores: e, selectedStore: t }) {
+  if (!t || !e[t])
+    return /* @__PURE__ */ n("div", { class: "qdt-empty", children: [
+      /* @__PURE__ */ n(T, { name: "database", size: 28 }),
+      /* @__PURE__ */ n("span", { children: "Select a store to inspect" })
+    ] });
+  const r = e[t];
+  return /* @__PURE__ */ n("div", { children: [
+    /* @__PURE__ */ n("div", { class: "qdt-card", children: [
+      /* @__PURE__ */ n("div", { class: "qdt-card-title", children: [
+        "Store Management — ",
+        t
+      ] }),
+      /* @__PURE__ */ n("div", { class: "qdt-row", children: [
+        /* @__PURE__ */ n(
+          "div",
+          {
+            style: {
+              display: "flex",
+              alignItems: "center",
+              gap: "8px",
+              fontSize: "11px"
+            },
+            children: [
+              /* @__PURE__ */ n("span", { style: { color: "var(--text-muted)" }, children: "Persistence:" }),
+              r.$persist ? /* @__PURE__ */ n("span", { class: "qdt-badge qdt-badge-on", children: [
+                /* @__PURE__ */ n("span", { class: "qdt-badge-dot" }),
+                "Enabled"
+              ] }) : /* @__PURE__ */ n("span", { class: "qdt-badge qdt-badge-off", children: [
+                /* @__PURE__ */ n("span", { class: "qdt-badge-dot" }),
+                "Disabled"
+              ] })
+            ]
+          }
+        ),
+        r.$persist && /* @__PURE__ */ n(
+          "button",
+          {
+            class: "qdt-btn qdt-btn-danger",
+            onClick: async () => {
+              if (confirm(
+                "Clear persisted data for this store?"
+              ))
+                try {
+                  await r.$persist.clear(), alert("Storage cleared.");
+                } catch (i) {
+                  console.error(i), alert("Failed to clear storage.");
+                }
+            },
+            title: "Clear persisted data",
+            children: [
+              /* @__PURE__ */ n(T, { name: "trash", size: 12 }),
+              "Clear Storage"
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ n("div", { class: "qdt-row", children: [
+        /* @__PURE__ */ n(
+          "span",
+          {
+            style: {
+              fontSize: "11px",
+              color: "var(--text-muted)"
+            },
+            children: "Reset in-memory state to initial values."
           }
+        ),
+        /* @__PURE__ */ n(
+          "button",
+          {
+            class: "qdt-btn",
+            onClick: () => {
+              confirm(
+                "Reset state? This will revert all changes."
+              ) && r.$reset();
+            },
+            children: [
+              /* @__PURE__ */ n(T, { name: "rotate-ccw", size: 12 }),
+              "Reset State"
+            ]
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ n("div", { class: "qdt-card", children: [
+      /* @__PURE__ */ n("div", { class: "qdt-card-title", children: "State" }),
+      /* @__PURE__ */ n("div", { class: "qdt-json", children: /* @__PURE__ */ n(he, { value: r.state, depth: 0 }) })
+    ] }),
+    /* @__PURE__ */ n("div", { class: "qdt-card", children: [
+      /* @__PURE__ */ n("div", { class: "qdt-card-title", children: "Getters" }),
+      r.getters && Object.keys(r.getters).length > 0 ? /* @__PURE__ */ n("div", { class: "qdt-json", children: Object.entries(r.getters).map(
+        ([i, o]) => /* @__PURE__ */ n("div", { class: "qdt-json-row", children: [
+          /* @__PURE__ */ n("span", { class: "qdt-json-key", children: i }),
+          /* @__PURE__ */ n("span", { class: "qdt-json-colon", children: ": " }),
+          /* @__PURE__ */ n("span", { class: "qdt-json-number", children: de(o.value) })
+        ] }, i)
+      ) }) : /* @__PURE__ */ n(
+        "div",
+        {
+          style: {
+            fontSize: "11px",
+            color: "var(--text-muted)",
+            fontStyle: "italic"
+          },
+          children: "No getters defined"
         }
-        e.ref !== null && (w(e), d("Invalid attribute `ref` supplied to `React.Fragment`."), w(null));
-      }
+      )
+    ] }),
+    r.actions && Object.keys(r.actions).length > 0 && /* @__PURE__ */ n("div", { class: "qdt-card", children: [
+      /* @__PURE__ */ n("div", { class: "qdt-card-title", children: "Actions" }),
+      Object.keys(r.actions).map((i) => /* @__PURE__ */ n("div", { class: "qdt-action-item", children: [
+        /* @__PURE__ */ n("span", { class: "qdt-action-fn", children: [
+          i,
+          "()"
+        ] }),
+        /* @__PURE__ */ n(
+          "button",
+          {
+            class: "qdt-btn-ghost",
+            onClick: () => {
+              try {
+                r.actions[i]();
+              } catch (o) {
+                console.error(o), alert(`Action failed: ${o}`);
+              }
+            },
+            title: "Trigger Action",
+            children: /* @__PURE__ */ n(T, { name: "play", size: 12 })
+          }
+        )
+      ] }, i))
+    ] })
+  ] });
+}
+const Qt = 100;
+function He({ args: e }) {
+  const [t, r] = O(!1), [i, o] = O(!1), l = de(e), s = l.length > Qt, a = s ? l.slice(0, Qt) + "…" : l;
+  return /* @__PURE__ */ n("td", { class: "qdt-actions-payload", children: /* @__PURE__ */ n(
+    "div",
+    {
+      style: {
+        display: "flex",
+        alignItems: "flex-start",
+        gap: "6px"
+      },
+      children: [
+        /* @__PURE__ */ n("div", { style: { flex: 1, minWidth: 0 }, children: t ? /* @__PURE__ */ n("div", { class: "qdt-actions-payload-expanded", children: l }) : /* @__PURE__ */ n("div", { class: "qdt-actions-payload-text", title: a, children: a }) }),
+        /* @__PURE__ */ n(
+          "div",
+          {
+            style: {
+              display: "flex",
+              alignItems: "center",
+              gap: "2px",
+              flexShrink: 0
+            },
+            children: [
+              s && /* @__PURE__ */ n(
+                "button",
+                {
+                  class: "qdt-btn-ghost",
+                  onClick: () => r(!t),
+                  title: t ? "Collapse" : "Expand",
+                  style: { opacity: 1 },
+                  children: /* @__PURE__ */ n(
+                    T,
+                    {
+                      name: t ? "chevron-up" : "chevron-down",
+                      size: 14
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ n(
+                "button",
+                {
+                  class: "qdt-btn-ghost",
+                  onClick: async () => {
+                    try {
+                      await navigator.clipboard.writeText(l), o(!0), setTimeout(() => o(!1), 2e3);
+                    } catch (p) {
+                      console.error("Failed to copy:", p);
+                    }
+                  },
+                  title: i ? "Copied!" : "Copy payload",
+                  style: {
+                    opacity: 1,
+                    color: i ? "var(--json-string)" : void 0
+                  },
+                  children: /* @__PURE__ */ n(T, { name: i ? "check" : "copy", size: 14 })
+                }
+              )
+            ]
+          }
+        )
+      ]
     }
-    var _e = {};
-    function me(e, r, t, n, i, u) {
-      {
-        var o = We(e);
-        if (!o) {
-          var a = "";
-          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (a += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var p = tr();
-          p ? a += p : a += be();
-          var s;
-          e === null ? s = "null" : B(e) ? s = "array" : e !== void 0 && e.$$typeof === c ? (s = "<" + (_(e.type) || "Unknown") + " />", a = " Did you accidentally export a JSX literal instead of a component?") : s = typeof e, d("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", s, a);
-        }
-        var f = rr(e, r, t, i, u);
-        if (f == null)
-          return f;
-        if (o) {
-          var b = r.children;
-          if (b !== void 0)
-            if (n)
-              if (B(b)) {
-                for (var x = 0; x < b.length; x++)
-                  ye(b[x], e);
-                Object.freeze && Object.freeze(b);
-              } else
-                d("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
-              ye(b, e);
-        }
-        if (F.call(r, "key")) {
-          var C = _(e), g = Object.keys(r).filter(function(cr) {
-            return cr !== "key";
-          }), z = g.length > 0 ? "{key: someKey, " + g.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!_e[C + z]) {
-            var lr = g.length > 0 ? "{" + g.join(": ..., ") + ": ...}" : "{}";
-            d(`A props object containing a "key" prop is being spread into JSX:
-  let props = %s;
-  <%s {...props} />
-React keys must be passed directly to JSX without using spread:
-  let props = %s;
-  <%s key={someKey} {...props} />`, z, C, lr, C), _e[C + z] = !0;
+  ) });
+}
+function Ue({ actions: e }) {
+  return e.length === 0 ? /* @__PURE__ */ n("div", { class: "qdt-empty", children: [
+    /* @__PURE__ */ n(T, { name: "activity", size: 28 }),
+    /* @__PURE__ */ n("span", { children: "No actions recorded yet" })
+  ] }) : /* @__PURE__ */ n("div", { style: { height: "100%", overflowY: "auto" }, children: /* @__PURE__ */ n("table", { class: "qdt-actions-table", children: [
+    /* @__PURE__ */ n("thead", { children: /* @__PURE__ */ n("tr", { children: [
+      /* @__PURE__ */ n("th", { children: "Time" }),
+      /* @__PURE__ */ n("th", { children: "Store" }),
+      /* @__PURE__ */ n("th", { children: "Action" }),
+      /* @__PURE__ */ n("th", { children: "Payload" })
+    ] }) }),
+    /* @__PURE__ */ n("tbody", { children: e.map((t) => /* @__PURE__ */ n("tr", { children: [
+      /* @__PURE__ */ n("td", { class: "qdt-actions-time", children: new Date(
+        t.timestamp
+      ).toLocaleTimeString() }),
+      /* @__PURE__ */ n("td", { class: "qdt-actions-store", children: t.storeName }),
+      /* @__PURE__ */ n("td", { class: "qdt-actions-name", children: t.actionName }),
+      /* @__PURE__ */ n(He, { args: t.args })
+    ] }, t.id)) })
+  ] }) });
+}
+const Le = "2.0.0-beta.10", We = {
+  version: Le
+};
+function Ye() {
+  const [e, t] = O(!1), [r, i] = O(""), [o, l] = O(
+    "inspector"
+  ), { stores: s, actions: a, selectedStore: p, setSelectedStore: h } = Me(), _ = Object.keys(s).filter(
+    (f) => f.toLowerCase().includes(r.toLowerCase())
+  ), c = a.length, u = We.version;
+  return e ? /* @__PURE__ */ n("div", { class: "qdt-panel", children: [
+    /* @__PURE__ */ n("header", { class: "qdt-header", children: [
+      /* @__PURE__ */ n("div", { class: "qdt-header-left", children: [
+        /* @__PURE__ */ n("img", { src: Yt, alt: "", class: "qdt-header-logo" }),
+        /* @__PURE__ */ n("div", { children: [
+          /* @__PURE__ */ n("div", { class: "qdt-header-title", children: "QuantaJS DevTools" }),
+          /* @__PURE__ */ n("div", { class: "qdt-header-subtitle", children: "Inspect stores & replay actions" })
+        ] })
+      ] }),
+      /* @__PURE__ */ n("div", { class: "qdt-header-right", children: [
+        /* @__PURE__ */ n("div", { class: "qdt-tabs", children: [
+          /* @__PURE__ */ n(
+            "button",
+            {
+              class: "qdt-tab",
+              "data-active": o === "inspector",
+              onClick: () => l("inspector"),
+              children: "Inspector"
+            }
+          ),
+          /* @__PURE__ */ n(
+            "button",
+            {
+              class: "qdt-tab",
+              "data-active": o === "actions",
+              onClick: () => l("actions"),
+              children: [
+                "Actions",
+                c > 0 && /* @__PURE__ */ n("span", { class: "qdt-tab-badge", children: c })
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ n(
+          "button",
+          {
+            class: "qdt-close",
+            onClick: () => t(!1),
+            title: "Close",
+            children: /* @__PURE__ */ n(T, { name: "circle-x", size: 18 })
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ n("div", { class: "qdt-body", children: [
+      /* @__PURE__ */ n("aside", { class: "qdt-sidebar", children: [
+        /* @__PURE__ */ n("div", { class: "qdt-search", children: [
+          /* @__PURE__ */ n(T, { name: "search", size: 14 }),
+          /* @__PURE__ */ n(
+            "input",
+            {
+              type: "search",
+              placeholder: "Filter stores...",
+              value: r,
+              onInput: (f) => i(f.target.value)
+            }
+          )
+        ] }),
+        /* @__PURE__ */ n("div", { class: "qdt-store-list", children: Object.keys(s).length === 0 ? /* @__PURE__ */ n(
+          "div",
+          {
+            class: "qdt-empty",
+            style: { height: "auto", padding: "20px 10px" },
+            children: [
+              /* @__PURE__ */ n(T, { name: "database", size: 20 }),
+              /* @__PURE__ */ n("span", { children: "No stores detected" })
+            ]
+          }
+        ) : _.length === 0 ? /* @__PURE__ */ n(
+          "div",
+          {
+            class: "qdt-empty",
+            style: { height: "auto", padding: "20px 10px" },
+            children: /* @__PURE__ */ n("span", { children: [
+              'No match for "',
+              r,
+              '"'
+            ] })
           }
+        ) : _.map((f) => /* @__PURE__ */ n(
+          "button",
+          {
+            class: "qdt-store-item",
+            "data-active": p === f,
+            onClick: () => h(f),
+            title: f,
+            children: [
+              /* @__PURE__ */ n(T, { name: "database", size: 14 }),
+              /* @__PURE__ */ n("span", { class: "qdt-store-name", children: f })
+            ]
+          },
+          f
+        )) }),
+        /* @__PURE__ */ n("div", { class: "qdt-sidebar-footer", children: [
+          /* @__PURE__ */ n("span", { children: [
+            _.length,
+            r ? `/${Object.keys(s).length}` : "",
+            " ",
+            _.length === 1 ? "store" : "stores"
+          ] }),
+          /* @__PURE__ */ n("span", { children: [
+            "v",
+            u
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ n("main", { class: "qdt-main", children: o === "inspector" ? /* @__PURE__ */ n(
+        Be,
+        {
+          stores: s,
+          selectedStore: p
         }
-        return e === R ? or(f) : ar(f), f;
-      }
-    }
-    function ir(e, r, t) {
-      return me(e, r, t, !0);
-    }
-    function ur(e, r, t) {
-      return me(e, r, t, !1);
+      ) : /* @__PURE__ */ n(Ue, { actions: a }) })
+    ] })
+  ] }) : /* @__PURE__ */ n(
+    "button",
+    {
+      class: "qdt-fab",
+      onClick: () => t(!0),
+      title: "Open QuantaJS DevTools",
+      children: [
+        /* @__PURE__ */ n("img", { src: Yt, alt: "", class: "qdt-fab-logo" }),
+        /* @__PURE__ */ n("span", { class: "qdt-fab-label", children: "QuantaJS" })
+      ]
     }
-    var sr = ur, fr = ir;
-    I.Fragment = R, I.jsx = sr, I.jsxs = fr;
-  }()), I;
+  );
 }
-var Oe;
-function yr() {
-  return Oe || (Oe = 1, process.env.NODE_ENV === "production" ? U.exports = hr() : U.exports = Rr()), U.exports;
+const Qe = ':host{all:initial;display:block;color-scheme:dark}.qdt{--bg-base: #0b1120;--bg-surface: #111827;--bg-elevated: #1a2332;--bg-hover: rgba(56, 178, 172, .06);--bg-active: rgba(56, 178, 172, .12);--border: rgba(148, 163, 184, .1);--border-accent: rgba(56, 178, 172, .3);--text-primary: #e2e8f0;--text-secondary: #94a3b8;--text-muted: #64748b;--text-accent: #38b2ac;--text-accent-bright: #5eead4;--json-string: #a5d6a7;--json-number: #80deea;--json-boolean: #ffd54f;--json-null: #ef9a9a;--json-key: #ce93d8;--json-fn: #90a4ae;--accent: #38b2ac;--accent-glow: rgba(56, 178, 172, .4);--danger: #f87171;--danger-hover: rgba(248, 113, 113, .15);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-full: 9999px;--shadow-panel: 0 25px 50px -12px rgba(0, 0, 0, .6), 0 0 0 1px rgba(148, 163, 184, .08);--shadow-fab: 0 8px 32px rgba(56, 178, 172, .25), 0 0 0 1px rgba(56, 178, 172, .2);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "SF Mono", ui-monospace, monospace;--transition: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);font-family:var(--font-sans);font-size:13px;line-height:1.5;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.qdt *,.qdt *:before,.qdt *:after{margin:0;padding:0;box-sizing:border-box}.qdt button{cursor:pointer;font:inherit;background:none;border:none;color:inherit}.qdt input{font:inherit;color:inherit}.qdt img{display:block;max-width:100%}.qdt ::-webkit-scrollbar{width:5px;height:5px}.qdt ::-webkit-scrollbar-track{background:transparent}.qdt ::-webkit-scrollbar-thumb{background:#38b2ac4d;border-radius:4px}.qdt ::-webkit-scrollbar-thumb:hover{background:#38b2ac80}.qdt-fab{position:fixed;bottom:20px;right:20px;z-index:99999;display:flex;align-items:center;gap:8px;height:44px;padding:0 4px;background:var(--bg-base);border:1px solid var(--border-accent);border-radius:var(--radius-full);box-shadow:var(--shadow-fab);overflow:hidden;width:44px;transition:width var(--transition-slow),box-shadow var(--transition);cursor:pointer}.qdt-fab:hover{width:190px;box-shadow:0 8px 40px #38b2ac59,0 0 0 1px #38b2ac59}.qdt-fab-logo{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0}.qdt-fab-label{white-space:nowrap;font-size:13px;font-weight:600;color:var(--text-accent);letter-spacing:-.01em}.qdt-fab:before{content:"";position:absolute;inset:-3px;border-radius:inherit;border:2px solid var(--accent);opacity:0;animation:qdt-pulse 2.5s ease-out infinite;pointer-events:none}@keyframes qdt-pulse{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.15)}}.qdt-panel{position:fixed;bottom:20px;right:20px;width:min(92vw,960px);height:min(80vh,580px);z-index:99999;display:flex;flex-direction:column;background:var(--bg-base);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-panel);overflow:hidden;animation:qdt-panel-in var(--transition-slow) both}@keyframes qdt-panel-in{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.qdt-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,rgba(56,178,172,.04) 0%,transparent 100%)}.qdt-header-left{display:flex;align-items:center;gap:10px}.qdt-header-logo{width:32px;height:32px;border-radius:50%}.qdt-header-title{font-size:13px;font-weight:700;color:var(--text-accent);letter-spacing:-.02em}.qdt-header-subtitle{font-size:11px;color:var(--text-muted);margin-top:1px}.qdt-header-right{display:flex;align-items:center;gap:6px}.qdt-tabs{display:flex;gap:2px;background:var(--bg-surface);border-radius:var(--radius-sm);padding:2px}.qdt-tab{padding:5px 12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-radius:4px;transition:all var(--transition)}.qdt-tab:hover{color:var(--text-secondary)}.qdt-tab[data-active=true]{color:var(--text-accent);background:var(--bg-active)}.qdt-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;margin-left:4px;font-size:10px;font-weight:700;background:var(--accent);color:var(--bg-base);border-radius:var(--radius-full)}.qdt-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);color:var(--text-muted);transition:all var(--transition)}.qdt-close:hover{color:var(--danger);background:var(--danger-hover)}.qdt-body{display:flex;flex:1;overflow:hidden}.qdt-sidebar{width:200px;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid var(--border);background:#11182766}.qdt-search{display:flex;align-items:center;gap:6px;padding:8px 10px;border-bottom:1px solid var(--border)}.qdt-search svg{flex-shrink:0;color:var(--text-muted)}.qdt-search input{flex:1;background:none;border:none;outline:none;font-size:12px;color:var(--text-primary)}.qdt-search input::placeholder{color:var(--text-muted)}.qdt-store-list{flex:1;overflow-y:auto;padding:4px}.qdt-store-item{display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px;border-radius:var(--radius-sm);font-size:12px;color:var(--text-secondary);transition:all var(--transition);text-align:left}.qdt-store-item:hover{background:var(--bg-hover);color:var(--text-primary)}.qdt-store-item[data-active=true]{background:var(--bg-active);color:var(--text-accent)}.qdt-store-item svg{flex-shrink:0;opacity:.5}.qdt-store-item[data-active=true] svg{opacity:1;color:var(--text-accent)}.qdt-store-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.qdt-sidebar-footer{padding:8px 12px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--text-muted);border-top:1px solid var(--border)}.qdt-main{flex:1;overflow-y:auto;background:var(--bg-base)}.qdt-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:8px;color:var(--text-muted);font-size:13px}.qdt-empty svg{opacity:.15}.qdt-card{margin:12px;padding:14px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md)}.qdt-card+.qdt-card{margin-top:0}.qdt-card-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid var(--border)}.qdt-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;font-size:11px;font-weight:600;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-secondary);transition:all var(--transition)}.qdt-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-accent)}.qdt-btn-danger:hover{color:var(--danger);background:var(--danger-hover);border-color:#f871714d}.qdt-btn-ghost{background:none;border:none;padding:4px;color:var(--text-muted)}.qdt-btn-ghost:hover{color:var(--text-accent)}.qdt-badge{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;font-size:10px;font-weight:600;border-radius:var(--radius-full);border:1px solid}.qdt-badge-on{color:#34d399;background:#34d3991a;border-color:#34d39933}.qdt-badge-off{color:var(--text-muted);background:var(--bg-elevated);border-color:var(--border)}.qdt-badge-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.qdt-badge-on .qdt-badge-dot{box-shadow:0 0 6px #34d39999}.qdt-json{font-family:var(--font-mono);font-size:11.5px;line-height:1.65}.qdt-json-row{display:flex;align-items:baseline;gap:4px;padding:1px 0;border-radius:3px}.qdt-json-row:hover{background:#94a3b80a}.qdt-json-toggle{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;flex-shrink:0;cursor:pointer;color:var(--text-muted);transition:transform var(--transition)}.qdt-json-toggle[data-open=true]{transform:rotate(90deg)}.qdt-json-key{color:var(--json-key)}.qdt-json-colon{color:var(--text-muted)}.qdt-json-string{color:var(--json-string)}.qdt-json-number{color:var(--json-number)}.qdt-json-boolean{color:var(--json-boolean)}.qdt-json-null{color:var(--json-null);font-style:italic}.qdt-json-fn{color:var(--json-fn);font-style:italic}.qdt-json-bracket{color:var(--text-muted)}.qdt-json-children{padding-left:16px;border-left:1px solid var(--border);margin-left:6px}.qdt-json-summary{color:var(--text-muted);font-style:italic;font-size:10px}.qdt-actions-table{width:100%;text-align:left;border-collapse:collapse}.qdt-actions-table thead{position:sticky;top:0;z-index:2;background:var(--bg-surface)}.qdt-actions-table th{padding:8px 14px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border)}.qdt-actions-table td{padding:8px 14px;font-size:12px;border-bottom:1px solid rgba(148,163,184,.05);vertical-align:top}.qdt-actions-table tr{transition:background var(--transition)}.qdt-actions-table tbody tr:hover{background:var(--bg-hover)}.qdt-actions-time{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);white-space:nowrap}.qdt-actions-store{font-weight:600;color:var(--text-primary)}.qdt-actions-name{font-family:var(--font-mono);color:var(--text-accent)}.qdt-actions-payload{font-family:var(--font-mono);font-size:11px;color:var(--text-secondary);max-width:260px}.qdt-actions-payload-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qdt-actions-payload-expanded{white-space:pre-wrap;word-break:break-all;background:var(--bg-elevated);padding:6px 8px;border-radius:var(--radius-sm);border:1px solid var(--border);max-height:180px;overflow-y:auto}.qdt-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.qdt-row+.qdt-row{margin-top:8px;padding-top:8px;border-top:1px solid var(--border)}.qdt-action-item{display:flex;align-items:center;justify-content:space-between;padding:3px 0}.qdt-action-item .qdt-btn-ghost{opacity:0;transition:opacity var(--transition)}.qdt-action-item:hover .qdt-btn-ghost{opacity:1}.qdt-action-fn{font-family:var(--font-mono);font-size:12px;color:var(--text-accent-bright)}';
+function Ve() {
+  return !!(typeof process < "u" && process.env && process.env.NODE_ENV === "development");
 }
-var _r = yr();
-function Or({ store: l, children: c }) {
-  return /* @__PURE__ */ _r.jsx(we.Provider, { value: { store: l }, children: c });
+function Je(e = {}) {
+  const { target: t = "body", visible: r } = e;
+  if (!(r !== void 0 ? r : Ve()))
+    return () => {
+    };
+  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 o = document.createElement("div");
+  o.id = "quanta-devtools-shadow-host";
+  const l = o.attachShadow({ mode: "open" }), s = document.createElement("style");
+  s.textContent = Qe, l.appendChild(s);
+  const a = document.createElement("div");
+  return a.className = "qdt", l.appendChild(a), i.appendChild(o), Mt(te(Ye, {}), a), () => {
+    Mt(null, a), o.remove();
+  };
 }
+const e2 = ({ visible: e }) => (Vt(() => Je({ visible: e }), [e]), null);
 export {
-  we as QuantaContext,
-  Or as QuantaProvider,
-  xr as computed,
-  jr as createStore,
-  kr as reactive,
-  Cr as useCreateStore,
-  br as useQuantaContext,
-  Te as useQuantaStore,
-  Sr as useStore,
-  Dr as watch
+  Jt as QuantaContext,
+  e2 as QuantaDevTools,
+  t2 as QuantaProvider,
+  l2 as computed,
+  o2 as createStore,
+  n2 as logger,
+  c2 as reactive,
+  Ke as useCreateStore,
+  ve as useQuantaContext,
+  Tt as useQuantaStore,
+  Ze as useStore,
+  a2 as watch
 };