@warkypublic/zustandsyncstore 0.0.2 → 0.0.4

package/dist/lib.es.js

@@ -1,6 +1,6 @@
-import P, { createContext as Re, useContext as re, useRef as te, useLayoutEffect as ne } from "react";
+import P, { createContext as Re, useContext as re, useRef as te, useMemo as Te, useLayoutEffect as ne } from "react";
 import { createStore as oe } from "zustand";
-function Te(r) {
+function ge(r) {
   return r && r.__esModule && Object.prototype.hasOwnProperty.call(r, "default") ? r.default : r;
 }
 var D = { exports: {} }, C = {};
@@ -14,26 +14,26 @@ var D = { exports: {} }, C = {};
  * LICENSE file in the root directory of this source tree.
  */
 var ue;
-function ge() {
+function we() {
   if (ue) return C;
   ue = 1;
-  var r = Symbol.for("react.transitional.element"), i = Symbol.for("react.fragment");
-  function s(a, t, o) {
-    var v = null;
-    if (o !== void 0 && (v = "" + o), t.key !== void 0 && (v = "" + t.key), "key" in t) {
-      o = {};
-      for (var d in t)
-        d !== "key" && (o[d] = t[d]);
-    } else o = t;
-    return t = o.ref, {
+  var r = Symbol.for("react.transitional.element"), s = Symbol.for("react.fragment");
+  function l(i, a, u) {
+    var E = null;
+    if (u !== void 0 && (E = "" + u), a.key !== void 0 && (E = "" + a.key), "key" in a) {
+      u = {};
+      for (var v in a)
+        v !== "key" && (u[v] = a[v]);
+    } else u = a;
+    return a = u.ref, {
       $$typeof: r,
-      type: a,
-      key: v,
-      ref: t !== void 0 ? t : null,
-      props: o
+      type: i,
+      key: E,
+      ref: a !== void 0 ? a : null,
+      props: u
     };
   }
-  return C.Fragment = i, C.jsx = s, C.jsxs = s, C;
+  return C.Fragment = s, C.jsx = l, C.jsxs = l, C;
 }
 var N = {};
 /**
@@ -46,7 +46,7 @@ var N = {};
  * LICENSE file in the root directory of this source tree.
  */
 var ae;
-function we() {
+function je() {
   return ae || (ae = 1, process.env.NODE_ENV !== "production" && (function() {
     function r(e) {
       if (e == null) return null;
@@ -54,7 +54,7 @@ function we() {
         return e.$$typeof === ye ? null : e.displayName || e.name || null;
       if (typeof e == "string") return e;
       switch (e) {
-        case n:
+        case t:
           return "Fragment";
         case b:
           return "Profiler";
@@ -71,76 +71,76 @@ function we() {
         switch (typeof e.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), e.$$typeof) {
-          case f:
+          case c:
             return "Portal";
           case h:
             return (e.displayName || "Context") + ".Provider";
           case O:
             return (e._context.displayName || "Context") + ".Consumer";
           case w:
-            var m = e.render;
-            return e = e.displayName, e || (e = m.displayName || m.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
+            var d = e.render;
+            return e = e.displayName, e || (e = d.displayName || d.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
           case j:
-            return m = e.displayName || null, m !== null ? m : r(e.type) || "Memo";
+            return d = e.displayName || null, d !== null ? d : r(e.type) || "Memo";
           case L:
-            m = e._payload, e = e._init;
+            d = e._payload, e = e._init;
             try {
-              return r(e(m));
+              return r(e(d));
             } catch {
             }
         }
       return null;
     }
-    function i(e) {
+    function s(e) {
       return "" + e;
     }
-    function s(e) {
+    function l(e) {
       try {
-        i(e);
-        var m = !1;
+        s(e);
+        var d = !1;
       } catch {
-        m = !0;
+        d = !0;
       }
-      if (m) {
-        m = console;
-        var y = m.error, T = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+      if (d) {
+        d = console;
+        var y = d.error, T = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
         return y.call(
-          m,
+          d,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           T
-        ), i(e);
+        ), s(e);
       }
     }
-    function a(e) {
-      if (e === n) return "<>";
+    function i(e) {
+      if (e === t) return "<>";
       if (typeof e == "object" && e !== null && e.$$typeof === L)
         return "<...>";
       try {
-        var m = r(e);
-        return m ? "<" + m + ">" : "<...>";
+        var d = r(e);
+        return d ? "<" + d + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function t() {
+    function a() {
       var e = $.A;
       return e === null ? null : e.getOwner();
     }
-    function o() {
+    function u() {
       return Error("react-stack-top-frame");
     }
-    function v(e) {
+    function E(e) {
       if (K.call(e, "key")) {
-        var m = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (m && m.isReactWarning) return !1;
+        var d = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (d && d.isReactWarning) return !1;
       }
       return e.key !== void 0;
     }
-    function d(e, m) {
+    function v(e, d) {
       function y() {
         B || (B = !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)",
-          m
+          d
         ));
       }
       y.isReactWarning = !0, Object.defineProperty(e, "key", {
@@ -154,11 +154,11 @@ function we() {
         "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."
       )), e = this.props.ref, e !== void 0 ? e : null;
     }
-    function l(e, m, y, T, x, A, G, H) {
+    function f(e, d, y, T, x, A, G, H) {
       return y = A.ref, e = {
-        $$typeof: u,
+        $$typeof: n,
         type: e,
-        key: m,
+        key: d,
         props: A,
         _owner: x
       }, (y !== void 0 ? y : null) !== null ? Object.defineProperty(e, "ref", {
@@ -186,22 +186,22 @@ function we() {
         value: H
       }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
     }
-    function E(e, m, y, T, x, A, G, H) {
-      var g = m.children;
+    function m(e, d, y, T, x, A, G, H) {
+      var g = d.children;
       if (g !== void 0)
         if (T)
           if (be(g)) {
             for (T = 0; T < g.length; T++)
-              c(g[T]);
+              _(g[T]);
             Object.freeze && Object.freeze(g);
           } 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(g);
-      if (K.call(m, "key")) {
+        else _(g);
+      if (K.call(d, "key")) {
         g = r(e);
-        var I = Object.keys(m).filter(function(he) {
+        var I = Object.keys(d).filter(function(he) {
           return he !== "key";
         });
         T = 0 < I.length ? "{key: someKey, " + I.join(": ..., ") + ": ...}" : "{key: someKey}", ee[g + T] || (I = 0 < I.length ? "{" + I.join(": ..., ") + ": ...}" : "{}", console.error(
@@ -217,175 +217,161 @@ React keys must be passed directly to JSX without using spread:
           g
         ), ee[g + T] = !0);
       }
-      if (g = null, y !== void 0 && (s(y), g = "" + y), v(m) && (s(m.key), g = "" + m.key), "key" in m) {
+      if (g = null, y !== void 0 && (l(y), g = "" + y), E(d) && (l(d.key), g = "" + d.key), "key" in d) {
         y = {};
-        for (var Y in m)
-          Y !== "key" && (y[Y] = m[Y]);
-      } else y = m;
-      return g && d(
+        for (var Y in d)
+          Y !== "key" && (y[Y] = d[Y]);
+      } else y = d;
+      return g && v(
         y,
         typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), l(
+      ), f(
         e,
         g,
         A,
         x,
-        t(),
+        a(),
         y,
         G,
         H
       );
     }
-    function c(e) {
-      typeof e == "object" && e !== null && e.$$typeof === u && e._store && (e._store.validated = 1);
+    function _(e) {
+      typeof e == "object" && e !== null && e.$$typeof === n && e._store && (e._store.validated = 1);
     }
-    var _ = P, u = Symbol.for("react.transitional.element"), f = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), p = Symbol.for("react.strict_mode"), b = Symbol.for("react.profiler"), O = Symbol.for("react.consumer"), h = Symbol.for("react.context"), w = Symbol.for("react.forward_ref"), k = Symbol.for("react.suspense"), R = Symbol.for("react.suspense_list"), j = Symbol.for("react.memo"), L = Symbol.for("react.lazy"), Oe = Symbol.for("react.activity"), ye = Symbol.for("react.client.reference"), $ = _.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, K = Object.prototype.hasOwnProperty, be = Array.isArray, W = console.createTask ? console.createTask : function() {
+    var o = P, n = Symbol.for("react.transitional.element"), c = Symbol.for("react.portal"), t = Symbol.for("react.fragment"), p = Symbol.for("react.strict_mode"), b = Symbol.for("react.profiler"), O = Symbol.for("react.consumer"), h = Symbol.for("react.context"), w = Symbol.for("react.forward_ref"), k = Symbol.for("react.suspense"), R = Symbol.for("react.suspense_list"), j = Symbol.for("react.memo"), L = Symbol.for("react.lazy"), Oe = Symbol.for("react.activity"), ye = Symbol.for("react.client.reference"), $ = o.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, K = Object.prototype.hasOwnProperty, be = Array.isArray, W = console.createTask ? console.createTask : function() {
       return null;
     };
-    _ = {
+    o = {
       react_stack_bottom_frame: function(e) {
         return e();
       }
     };
-    var B, X = {}, Z = _.react_stack_bottom_frame.bind(
-      _,
-      o
-    )(), Q = W(a(o)), ee = {};
-    N.Fragment = n, N.jsx = function(e, m, y, T, x) {
+    var B, X = {}, Z = o.react_stack_bottom_frame.bind(
+      o,
+      u
+    )(), Q = W(i(u)), ee = {};
+    N.Fragment = t, N.jsx = function(e, d, y, T, x) {
       var A = 1e4 > $.recentlyCreatedOwnerStacks++;
-      return E(
+      return m(
         e,
-        m,
+        d,
         y,
         !1,
         T,
         x,
         A ? Error("react-stack-top-frame") : Z,
-        A ? W(a(e)) : Q
+        A ? W(i(e)) : Q
       );
-    }, N.jsxs = function(e, m, y, T, x) {
+    }, N.jsxs = function(e, d, y, T, x) {
       var A = 1e4 > $.recentlyCreatedOwnerStacks++;
-      return E(
+      return m(
         e,
-        m,
+        d,
         y,
         !0,
         T,
         x,
         A ? Error("react-stack-top-frame") : Z,
-        A ? W(a(e)) : Q
+        A ? W(i(e)) : Q
       );
     };
   })()), N;
 }
 var se;
-function je() {
-  return se || (se = 1, process.env.NODE_ENV === "production" ? D.exports = ge() : D.exports = we()), D.exports;
-}
-var ie = je();
-function Ae(r, i) {
-  const s = /* @__PURE__ */ new WeakMap();
-  return (function a(t, o) {
-    let v, d;
-    return typeof t == "object" && t !== null && !(t instanceof Boolean) && !(t instanceof Date) && !(t instanceof Number) && !(t instanceof RegExp) && !(t instanceof String) ? (v = s.get(t), v !== void 0 ? { $ref: v } : (s.set(t, o), Array.isArray(t) ? (d = [], t.forEach(function(S, l) {
-      d[l] = a(S, o + "[" + l + "]");
-    })) : (d = {}, Object.keys(t).forEach(function(S) {
-      d[S] = a(
-        t[S],
-        o + "[" + JSON.stringify(S) + "]"
-      );
-    })), d)) : t;
-  })(r, "$");
+function Ae() {
+  return se || (se = 1, process.env.NODE_ENV === "production" ? D.exports = we() : D.exports = je()), D.exports;
 }
-function ke(r, i) {
-  let s;
+var ie = Ae();
+function ke(r, s) {
+  let l;
   try {
-    s = r();
+    l = r();
   } catch {
     return;
   }
   return {
-    getItem: (t) => {
-      var o;
-      const v = (S) => S === null ? null : JSON.parse(S, void 0), d = (o = s.getItem(t)) != null ? o : null;
-      return d instanceof Promise ? d.then(v) : v(d);
+    getItem: (a) => {
+      var u;
+      const E = (S) => S === null ? null : JSON.parse(S, void 0), v = (u = l.getItem(a)) != null ? u : null;
+      return v instanceof Promise ? v.then(E) : E(v);
     },
-    setItem: (t, o) => s.setItem(t, JSON.stringify(o, void 0)),
-    removeItem: (t) => s.removeItem(t)
+    setItem: (a, u) => l.setItem(a, JSON.stringify(u, void 0)),
+    removeItem: (a) => l.removeItem(a)
   };
 }
-const J = (r) => (i) => {
+const J = (r) => (s) => {
   try {
-    const s = r(i);
-    return s instanceof Promise ? s : {
-      then(a) {
-        return J(a)(s);
+    const l = r(s);
+    return l instanceof Promise ? l : {
+      then(i) {
+        return J(i)(l);
       },
-      catch(a) {
+      catch(i) {
         return this;
       }
     };
-  } catch (s) {
+  } catch (l) {
     return {
-      then(a) {
+      then(i) {
         return this;
       },
-      catch(a) {
-        return J(a)(s);
+      catch(i) {
+        return J(i)(l);
       }
     };
   }
-}, Le = (r, i) => (s, a, t) => {
-  let o = {
+}, Le = (r, s) => (l, i, a) => {
+  let u = {
     storage: ke(() => localStorage),
-    partialize: (n) => n,
+    partialize: (t) => t,
     version: 0,
-    merge: (n, p) => ({
+    merge: (t, p) => ({
       ...p,
-      ...n
+      ...t
     }),
-    ...i
-  }, v = !1;
-  const d = /* @__PURE__ */ new Set(), S = /* @__PURE__ */ new Set();
-  let l = o.storage;
-  if (!l)
+    ...s
+  }, E = !1;
+  const v = /* @__PURE__ */ new Set(), S = /* @__PURE__ */ new Set();
+  let f = u.storage;
+  if (!f)
     return r(
-      (...n) => {
+      (...t) => {
         console.warn(
-          `[zustand persist middleware] Unable to update item '${o.name}', the given storage is currently unavailable.`
-        ), s(...n);
+          `[zustand persist middleware] Unable to update item '${u.name}', the given storage is currently unavailable.`
+        ), l(...t);
       },
-      a,
-      t
+      i,
+      a
     );
-  const E = () => {
-    const n = o.partialize({ ...a() });
-    return l.setItem(o.name, {
-      state: n,
-      version: o.version
+  const m = () => {
+    const t = u.partialize({ ...i() });
+    return f.setItem(u.name, {
+      state: t,
+      version: u.version
     });
-  }, c = t.setState;
-  t.setState = (n, p) => (c(n, p), E());
-  const _ = r(
-    (...n) => (s(...n), E()),
-    a,
-    t
+  }, _ = a.setState;
+  a.setState = (t, p) => (_(t, p), m());
+  const o = r(
+    (...t) => (l(...t), m()),
+    i,
+    a
   );
-  t.getInitialState = () => _;
-  let u;
-  const f = () => {
-    var n, p;
-    if (!l) return;
-    v = !1, d.forEach((O) => {
+  a.getInitialState = () => o;
+  let n;
+  const c = () => {
+    var t, p;
+    if (!f) return;
+    E = !1, v.forEach((O) => {
       var h;
-      return O((h = a()) != null ? h : _);
+      return O((h = i()) != null ? h : o);
     });
-    const b = ((p = o.onRehydrateStorage) == null ? void 0 : p.call(o, (n = a()) != null ? n : _)) || void 0;
-    return J(l.getItem.bind(l))(o.name).then((O) => {
+    const b = ((p = u.onRehydrateStorage) == null ? void 0 : p.call(u, (t = i()) != null ? t : o)) || void 0;
+    return J(f.getItem.bind(f))(u.name).then((O) => {
       if (O)
-        if (typeof O.version == "number" && O.version !== o.version) {
-          if (o.migrate) {
-            const h = o.migrate(
+        if (typeof O.version == "number" && O.version !== u.version) {
+          if (u.migrate) {
+            const h = u.migrate(
               O.state,
               O.version
             );
@@ -400,69 +386,69 @@ const J = (r) => (i) => {
     }).then((O) => {
       var h;
       const [w, k] = O;
-      if (u = o.merge(
+      if (n = u.merge(
         k,
-        (h = a()) != null ? h : _
-      ), s(u, !0), w)
-        return E();
+        (h = i()) != null ? h : o
+      ), l(n, !0), w)
+        return m();
     }).then(() => {
-      b?.(u, void 0), u = a(), v = !0, S.forEach((O) => O(u));
+      b?.(n, void 0), n = i(), E = !0, S.forEach((O) => O(n));
     }).catch((O) => {
       b?.(void 0, O);
     });
   };
-  return t.persist = {
-    setOptions: (n) => {
-      o = {
-        ...o,
-        ...n
-      }, n.storage && (l = n.storage);
+  return a.persist = {
+    setOptions: (t) => {
+      u = {
+        ...u,
+        ...t
+      }, t.storage && (f = t.storage);
     },
     clearStorage: () => {
-      l?.removeItem(o.name);
+      f?.removeItem(u.name);
     },
-    getOptions: () => o,
-    rehydrate: () => f(),
-    hasHydrated: () => v,
-    onHydrate: (n) => (d.add(n), () => {
-      d.delete(n);
+    getOptions: () => u,
+    rehydrate: () => c(),
+    hasHydrated: () => E,
+    onHydrate: (t) => (v.add(t), () => {
+      v.delete(t);
     }),
-    onFinishHydration: (n) => (S.add(n), () => {
-      S.delete(n);
+    onFinishHydration: (t) => (S.add(t), () => {
+      S.delete(t);
     })
-  }, o.skipHydration || f(), u || _;
+  }, u.skipHydration || c(), n || o;
 }, xe = Le, ce = (r) => Symbol.iterator in r, le = (r) => (
   // HACK: avoid checking entries type
   "entries" in r
-), fe = (r, i) => {
-  const s = r instanceof Map ? r : new Map(r.entries()), a = i instanceof Map ? i : new Map(i.entries());
-  if (s.size !== a.size)
+), fe = (r, s) => {
+  const l = r instanceof Map ? r : new Map(r.entries()), i = s instanceof Map ? s : new Map(s.entries());
+  if (l.size !== i.size)
     return !1;
-  for (const [t, o] of s)
-    if (!a.has(t) || !Object.is(o, a.get(t)))
+  for (const [a, u] of l)
+    if (!i.has(a) || !Object.is(u, i.get(a)))
       return !1;
   return !0;
-}, Pe = (r, i) => {
-  const s = r[Symbol.iterator](), a = i[Symbol.iterator]();
-  let t = s.next(), o = a.next();
-  for (; !t.done && !o.done; ) {
-    if (!Object.is(t.value, o.value))
+}, Pe = (r, s) => {
+  const l = r[Symbol.iterator](), i = s[Symbol.iterator]();
+  let a = l.next(), u = i.next();
+  for (; !a.done && !u.done; ) {
+    if (!Object.is(a.value, u.value))
       return !1;
-    t = s.next(), o = a.next();
+    a = l.next(), u = i.next();
   }
-  return !!t.done && !!o.done;
+  return !!a.done && !!u.done;
 };
-function Ie(r, i) {
-  return Object.is(r, i) ? !0 : typeof r != "object" || r === null || typeof i != "object" || i === null || Object.getPrototypeOf(r) !== Object.getPrototypeOf(i) ? !1 : ce(r) && ce(i) ? le(r) && le(i) ? fe(r, i) : Pe(r, i) : fe(
+function Ie(r, s) {
+  return Object.is(r, s) ? !0 : typeof r != "object" || r === null || typeof s != "object" || s === null || Object.getPrototypeOf(r) !== Object.getPrototypeOf(s) ? !1 : ce(r) && ce(s) ? le(r) && le(s) ? fe(r, s) : Pe(r, s) : fe(
     { entries: () => Object.entries(r) },
-    { entries: () => Object.entries(i) }
+    { entries: () => Object.entries(s) }
   );
 }
 function Ce(r) {
-  const i = P.useRef(void 0);
-  return (s) => {
-    const a = r(s);
-    return Ie(i.current, a) ? i.current : i.current = a;
+  const s = P.useRef(void 0);
+  return (l) => {
+    const i = r(l);
+    return Ie(s.current, i) ? s.current : s.current = i;
   };
 }
 var M = { exports: {} }, F = {}, V = { exports: {} }, U = {};
@@ -480,41 +466,41 @@ function Ne() {
   if (de) return U;
   de = 1;
   var r = P;
-  function i(c, _) {
-    return c === _ && (c !== 0 || 1 / c === 1 / _) || c !== c && _ !== _;
+  function s(_, o) {
+    return _ === o && (_ !== 0 || 1 / _ === 1 / o) || _ !== _ && o !== o;
   }
-  var s = typeof Object.is == "function" ? Object.is : i, a = r.useState, t = r.useEffect, o = r.useLayoutEffect, v = r.useDebugValue;
-  function d(c, _) {
-    var u = _(), f = a({ inst: { value: u, getSnapshot: _ } }), n = f[0].inst, p = f[1];
-    return o(
+  var l = typeof Object.is == "function" ? Object.is : s, i = r.useState, a = r.useEffect, u = r.useLayoutEffect, E = r.useDebugValue;
+  function v(_, o) {
+    var n = o(), c = i({ inst: { value: n, getSnapshot: o } }), t = c[0].inst, p = c[1];
+    return u(
       function() {
-        n.value = u, n.getSnapshot = _, S(n) && p({ inst: n });
+        t.value = n, t.getSnapshot = o, S(t) && p({ inst: t });
       },
-      [c, u, _]
-    ), t(
+      [_, n, o]
+    ), a(
       function() {
-        return S(n) && p({ inst: n }), c(function() {
-          S(n) && p({ inst: n });
+        return S(t) && p({ inst: t }), _(function() {
+          S(t) && p({ inst: t });
         });
       },
-      [c]
-    ), v(u), u;
+      [_]
+    ), E(n), n;
   }
-  function S(c) {
-    var _ = c.getSnapshot;
-    c = c.value;
+  function S(_) {
+    var o = _.getSnapshot;
+    _ = _.value;
     try {
-      var u = _();
-      return !s(c, u);
+      var n = o();
+      return !l(_, n);
     } catch {
       return !0;
     }
   }
-  function l(c, _) {
-    return _();
+  function f(_, o) {
+    return o();
   }
-  var E = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? l : d;
-  return U.useSyncExternalStore = r.useSyncExternalStore !== void 0 ? r.useSyncExternalStore : E, U;
+  var m = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? f : v;
+  return U.useSyncExternalStore = r.useSyncExternalStore !== void 0 ? r.useSyncExternalStore : m, U;
 }
 var q = {};
 /**
@@ -529,58 +515,58 @@ var q = {};
 var _e;
 function De() {
   return _e || (_e = 1, process.env.NODE_ENV !== "production" && (function() {
-    function r(u, f) {
-      return u === f && (u !== 0 || 1 / u === 1 / f) || u !== u && f !== f;
+    function r(n, c) {
+      return n === c && (n !== 0 || 1 / n === 1 / c) || n !== n && c !== c;
     }
-    function i(u, f) {
-      E || t.startTransition === void 0 || (E = !0, console.error(
+    function s(n, c) {
+      m || a.startTransition === void 0 || (m = !0, console.error(
         "You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."
       ));
-      var n = f();
-      if (!c) {
-        var p = f();
-        o(n, p) || (console.error(
+      var t = c();
+      if (!_) {
+        var p = c();
+        u(t, p) || (console.error(
           "The result of getSnapshot should be cached to avoid an infinite loop"
-        ), c = !0);
+        ), _ = !0);
       }
-      p = v({
-        inst: { value: n, getSnapshot: f }
+      p = E({
+        inst: { value: t, getSnapshot: c }
       });
       var b = p[0].inst, O = p[1];
       return S(
         function() {
-          b.value = n, b.getSnapshot = f, s(b) && O({ inst: b });
+          b.value = t, b.getSnapshot = c, l(b) && O({ inst: b });
         },
-        [u, n, f]
-      ), d(
+        [n, t, c]
+      ), v(
         function() {
-          return s(b) && O({ inst: b }), u(function() {
-            s(b) && O({ inst: b });
+          return l(b) && O({ inst: b }), n(function() {
+            l(b) && O({ inst: b });
           });
         },
-        [u]
-      ), l(n), n;
+        [n]
+      ), f(t), t;
     }
-    function s(u) {
-      var f = u.getSnapshot;
-      u = u.value;
+    function l(n) {
+      var c = n.getSnapshot;
+      n = n.value;
       try {
-        var n = f();
-        return !o(u, n);
+        var t = c();
+        return !u(n, t);
       } catch {
         return !0;
       }
     }
-    function a(u, f) {
-      return f();
+    function i(n, c) {
+      return c();
     }
     typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-    var t = P, o = typeof Object.is == "function" ? Object.is : r, v = t.useState, d = t.useEffect, S = t.useLayoutEffect, l = t.useDebugValue, E = !1, c = !1, _ = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? a : i;
-    q.useSyncExternalStore = t.useSyncExternalStore !== void 0 ? t.useSyncExternalStore : _, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
+    var a = P, u = typeof Object.is == "function" ? Object.is : r, E = a.useState, v = a.useEffect, S = a.useLayoutEffect, f = a.useDebugValue, m = !1, _ = !1, o = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? i : s;
+    q.useSyncExternalStore = a.useSyncExternalStore !== void 0 ? a.useSyncExternalStore : o, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
   })()), q;
 }
 var me;
-function pe() {
+function Se() {
   return me || (me = 1, process.env.NODE_ENV === "production" ? V.exports = Ne() : V.exports = De()), V.exports;
 }
 /**
@@ -596,48 +582,48 @@ var ve;
 function Me() {
   if (ve) return F;
   ve = 1;
-  var r = P, i = pe();
-  function s(l, E) {
-    return l === E && (l !== 0 || 1 / l === 1 / E) || l !== l && E !== E;
+  var r = P, s = Se();
+  function l(f, m) {
+    return f === m && (f !== 0 || 1 / f === 1 / m) || f !== f && m !== m;
   }
-  var a = typeof Object.is == "function" ? Object.is : s, t = i.useSyncExternalStore, o = r.useRef, v = r.useEffect, d = r.useMemo, S = r.useDebugValue;
-  return F.useSyncExternalStoreWithSelector = function(l, E, c, _, u) {
-    var f = o(null);
-    if (f.current === null) {
-      var n = { hasValue: !1, value: null };
-      f.current = n;
-    } else n = f.current;
-    f = d(
+  var i = typeof Object.is == "function" ? Object.is : l, a = s.useSyncExternalStore, u = r.useRef, E = r.useEffect, v = r.useMemo, S = r.useDebugValue;
+  return F.useSyncExternalStoreWithSelector = function(f, m, _, o, n) {
+    var c = u(null);
+    if (c.current === null) {
+      var t = { hasValue: !1, value: null };
+      c.current = t;
+    } else t = c.current;
+    c = v(
       function() {
         function b(R) {
           if (!O) {
-            if (O = !0, h = R, R = _(R), u !== void 0 && n.hasValue) {
-              var j = n.value;
-              if (u(j, R))
+            if (O = !0, h = R, R = o(R), n !== void 0 && t.hasValue) {
+              var j = t.value;
+              if (n(j, R))
                 return w = j;
             }
             return w = R;
           }
-          if (j = w, a(h, R)) return j;
-          var L = _(R);
-          return u !== void 0 && u(j, L) ? (h = R, j) : (h = R, w = L);
+          if (j = w, i(h, R)) return j;
+          var L = o(R);
+          return n !== void 0 && n(j, L) ? (h = R, j) : (h = R, w = L);
         }
-        var O = !1, h, w, k = c === void 0 ? null : c;
+        var O = !1, h, w, k = _ === void 0 ? null : _;
         return [
           function() {
-            return b(E());
+            return b(m());
           },
           k === null ? void 0 : function() {
             return b(k());
           }
         ];
       },
-      [E, c, _, u]
+      [m, _, o, n]
     );
-    var p = t(l, f[0], f[1]);
-    return v(
+    var p = a(f, c[0], c[1]);
+    return E(
       function() {
-        n.hasValue = !0, n.value = p;
+        t.hasValue = !0, t.value = p;
       },
       [p]
     ), S(p), p;
@@ -656,134 +642,143 @@ var z = {};
 var Ee;
 function Ve() {
   return Ee || (Ee = 1, process.env.NODE_ENV !== "production" && (function() {
-    function r(l, E) {
-      return l === E && (l !== 0 || 1 / l === 1 / E) || l !== l && E !== E;
+    function r(f, m) {
+      return f === m && (f !== 0 || 1 / f === 1 / m) || f !== f && m !== m;
     }
     typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-    var i = P, s = pe(), a = typeof Object.is == "function" ? Object.is : r, t = s.useSyncExternalStore, o = i.useRef, v = i.useEffect, d = i.useMemo, S = i.useDebugValue;
-    z.useSyncExternalStoreWithSelector = function(l, E, c, _, u) {
-      var f = o(null);
-      if (f.current === null) {
-        var n = { hasValue: !1, value: null };
-        f.current = n;
-      } else n = f.current;
-      f = d(
+    var s = P, l = Se(), i = typeof Object.is == "function" ? Object.is : r, a = l.useSyncExternalStore, u = s.useRef, E = s.useEffect, v = s.useMemo, S = s.useDebugValue;
+    z.useSyncExternalStoreWithSelector = function(f, m, _, o, n) {
+      var c = u(null);
+      if (c.current === null) {
+        var t = { hasValue: !1, value: null };
+        c.current = t;
+      } else t = c.current;
+      c = v(
         function() {
           function b(R) {
             if (!O) {
-              if (O = !0, h = R, R = _(R), u !== void 0 && n.hasValue) {
-                var j = n.value;
-                if (u(j, R))
+              if (O = !0, h = R, R = o(R), n !== void 0 && t.hasValue) {
+                var j = t.value;
+                if (n(j, R))
                   return w = j;
               }
               return w = R;
             }
-            if (j = w, a(h, R))
+            if (j = w, i(h, R))
               return j;
-            var L = _(R);
-            return u !== void 0 && u(j, L) ? (h = R, j) : (h = R, w = L);
+            var L = o(R);
+            return n !== void 0 && n(j, L) ? (h = R, j) : (h = R, w = L);
           }
-          var O = !1, h, w, k = c === void 0 ? null : c;
+          var O = !1, h, w, k = _ === void 0 ? null : _;
           return [
             function() {
-              return b(E());
+              return b(m());
             },
             k === null ? void 0 : function() {
               return b(k());
             }
           ];
         },
-        [E, c, _, u]
+        [m, _, o, n]
       );
-      var p = t(l, f[0], f[1]);
-      return v(
+      var p = a(f, c[0], c[1]);
+      return E(
         function() {
-          n.hasValue = !0, n.value = p;
+          t.hasValue = !0, t.value = p;
         },
         [p]
       ), S(p), p;
     }, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
   })()), z;
 }
-var Se;
+var pe;
 function $e() {
-  return Se || (Se = 1, process.env.NODE_ENV === "production" ? M.exports = Me() : M.exports = Ve()), M.exports;
+  return pe || (pe = 1, process.env.NODE_ENV === "production" ? M.exports = Me() : M.exports = Ve()), M.exports;
 }
 var We = $e();
-const Ge = /* @__PURE__ */ Te(We), { useSyncExternalStoreWithSelector: He } = Ge, Ye = (r) => r;
-function Fe(r, i = Ye, s) {
-  const a = He(
+const Ge = /* @__PURE__ */ ge(We), { useSyncExternalStoreWithSelector: He } = Ge, Ye = (r) => r;
+function Fe(r, s = Ye, l) {
+  const i = He(
     r.subscribe,
     r.getState,
     r.getInitialState,
-    i,
-    s
+    s,
+    l
   );
-  return P.useDebugValue(a), a;
+  return P.useDebugValue(i), i;
 }
-function ze(r, i) {
-  const s = Re(null);
-  function a(v, d) {
-    const S = re(s);
+function ze(r, s) {
+  const l = Re(null);
+  function i(E, v) {
+    const S = re(l);
     if (!S)
       throw new Error("Missing StoreProvider");
     return Fe(
       S,
-      v ? Ce(v) : (l) => l,
-      d
+      E ? Ce(E) : (f) => f,
+      v
     );
   }
-  const t = ({
-    firstSyncProps: v,
-    ...d
+  const a = ({
+    firstSyncProps: E,
+    ...v
   }) => {
-    const S = te(!1), { $sync: l } = a((c) => ({ $sync: c.$sync })), E = re(s);
-    if (v)
-      for (const c of v)
-        S.current && delete d[c];
-    if (ne(
-      () => {
-        l?.(d), l && (S.current = !0);
-      },
-      [JSON.stringify(Ae(d ?? {}))]
-    ), i) {
-      const c = i({
-        ...d,
-        useStore: a,
-        useStoreApi: E
+    const S = te(!1), { $sync: f } = i((o) => ({ $sync: o.$sync })), m = re(
+      l
+    );
+    if (E)
+      for (const o of E)
+        S.current && delete v[o];
+    const _ = Te(() => {
+      const o = [];
+      for (const [n] of Object.entries(v ?? {}))
+        if (P.isValidElement(n)) {
+          let c = "unknown";
+          typeof n.type == "function" && "name" in n.type ? c = n.type.name || "unknown" : typeof n.type == "string" && (c = n.type), o.push(`${c}-${n.key || "no-key"}`);
+        } else
+          o.push(n);
+      return o;
+    }, [v]);
+    if (ne(() => {
+      f?.(v), f && (S.current = !0);
+    }, [_]), s) {
+      const o = s({
+        ...v,
+        useStore: i,
+        useStoreApi: m
       });
       ne(() => {
-        c && typeof c == "object" && l?.(c);
-      }, [c]);
+        o && typeof o == "object" && f?.(o);
+      }, [o]);
     }
     return null;
   };
   return r = r || (() => ({})), {
-    Provider: (v) => {
-      const d = te(null), { children: S, ...l } = v;
-      return d.current || (v?.persist ? d.current = oe(
+    Provider: (E) => {
+      const v = te(null), { children: S, ...f } = E;
+      return v.current || (E?.persist ? v.current = oe(
         //@ts-ignore
         xe(
           //@ts-ignore
-          (E, c, _) => ({
+          (m, _, o) => ({
             //@ts-ignore
-            ...r?.(E, c, _),
-            $sync: (u) => E((f) => ({ ...f, ...u }))
+            ...r?.(m, _, o),
+            $sync: (n) => m((c) => ({ ...c, ...n }))
           }),
-          { ...v?.persist }
+          { ...E?.persist }
         )
-      ) : d.current = oe(
+      ) : v.current = oe(
         // @ts-ignore
-        (E, c, _) => ({
-          ...r?.(E, c, _),
-          $sync: (u) => E((f) => ({ ...f, ...u }))
+        (m, _, o) => ({
+          ...r?.(m, _, o),
+          $sync: (n) => m((c) => ({ ...c, ...n }))
         })
-      )), /* @__PURE__ */ ie.jsxs(s.Provider, { value: d.current, children: [
-        /* @__PURE__ */ ie.jsx(t, { ...l, firstSyncProps: v.firstSyncProps }),
+      )), /* @__PURE__ */ ie.jsxs(l.Provider, { value: v.current, children: [
+        /* @__PURE__ */ ie.jsx(a, { ...f, firstSyncProps: E.firstSyncProps }),
         S
       ] });
     },
-    useStore: a
+    useStore: i
   };
 }
 export {