@yoltra/react 0.1.0 → 0.3.0

package/dist/index.mjs

@@ -1,620 +1,650 @@
 /*!
- * @yoltra/react v0.1.0
+ * @yoltra/react v0.3.0
  * (c) 2026 Manu Ramirez <@pixerael>
  * License: MIT
  * Homepage: https://yoltra.dev
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree
  */
-var de = Object.defineProperty;
-var me = (t, r, n) => r in t ? de(t, r, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[r] = n;
-var te = (t, r, n) => me(t, typeof r != "symbol" ? r + "" : r, n);
-import be, { createContext as ye, useRef as N, useEffect as ce, useMemo as y, useSyncExternalStore as x, useContext as ue } from "react";
-const ae = ye(null);
-var W = { exports: {} }, D = {};
-var ne;
-function ve() {
-  if (ne) return D;
-  ne = 1;
-  var t = /* @__PURE__ */ Symbol.for("react.transitional.element"), r = /* @__PURE__ */ Symbol.for("react.fragment");
-  function n(c, o, s) {
+var Re = Object.defineProperty;
+var Ae = (t, e, n) => e in t ? Re(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
+var ce = (t, e, n) => Ae(t, typeof e != "symbol" ? e + "" : e, n);
+import Pe, { createContext as fe, useRef as v, useMemo as h, useCallback as Z, useEffect as pe, useSyncExternalStore as N, useContext as de } from "react";
+import { createStore as ge } from "@yoltra/core";
+const me = fe(null);
+var G = { exports: {} }, W = {};
+var ue;
+function _e() {
+  if (ue) return W;
+  ue = 1;
+  var t = /* @__PURE__ */ Symbol.for("react.transitional.element"), e = /* @__PURE__ */ Symbol.for("react.fragment");
+  function n(o, s, c) {
     var p = null;
-    if (s !== void 0 && (p = "" + s), o.key !== void 0 && (p = "" + o.key), "key" in o) {
-      s = {};
-      for (var u in o)
-        u !== "key" && (s[u] = o[u]);
-    } else s = o;
-    return o = s.ref, {
+    if (c !== void 0 && (p = "" + c), s.key !== void 0 && (p = "" + s.key), "key" in s) {
+      c = {};
+      for (var m in s)
+        m !== "key" && (c[m] = s[m]);
+    } else c = s;
+    return s = c.ref, {
       $$typeof: t,
-      type: c,
+      type: o,
       key: p,
-      ref: o !== void 0 ? o : null,
-      props: s
+      ref: s !== void 0 ? s : null,
+      props: c
     };
   }
-  return D.Fragment = r, D.jsx = n, D.jsxs = n, D;
-}
-var M = {};
-var oe;
-function Se() {
-  return oe || (oe = 1, process.env.NODE_ENV !== "production" && (function() {
-    function t(e) {
-      if (e == null) return null;
-      if (typeof e == "function")
-        return e.$$typeof === le ? null : e.displayName || e.name || null;
-      if (typeof e == "string") return e;
-      switch (e) {
-        case A:
+  return W.Fragment = e, W.jsx = n, W.jsxs = n, W;
+}
+var z = {};
+var ae;
+function ke() {
+  return ae || (ae = 1, process.env.NODE_ENV !== "production" && (function() {
+    function t(r) {
+      if (r == null) return null;
+      if (typeof r == "function")
+        return r.$$typeof === K ? null : r.displayName || r.name || null;
+      if (typeof r == "string") return r;
+      switch (r) {
+        case E:
           return "Fragment";
-        case T:
+        case g:
           return "Profiler";
-        case P:
+        case S:
           return "StrictMode";
-        case $:
+        case C:
           return "Suspense";
-        case k:
+        case _:
           return "SuspenseList";
-        case ie:
+        case j:
           return "Activity";
       }
-      if (typeof e == "object")
-        switch (typeof e.tag == "number" && console.error(
+      if (typeof r == "object")
+        switch (typeof r.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), e.$$typeof) {
-          case S:
+        ), r.$$typeof) {
+          case b:
             return "Portal";
-          case _:
-            return (e.displayName || "Context") + ".Provider";
-          case j:
-            return (e._context.displayName || "Context") + ".Consumer";
-          case g:
-            var i = e.render;
-            return e = e.displayName, e || (e = i.displayName || i.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
-          case H:
-            return i = e.displayName || null, i !== null ? i : t(e.type) || "Memo";
-          case F:
-            i = e._payload, e = e._init;
+          case Y:
+            return (r.displayName || "Context") + ".Provider";
+          case w:
+            return (r._context.displayName || "Context") + ".Consumer";
+          case D:
+            var a = r.render;
+            return r = r.displayName, r || (r = a.displayName || a.name || "", r = r !== "" ? "ForwardRef(" + r + ")" : "ForwardRef"), r;
+          case x:
+            return a = r.displayName || null, a !== null ? a : t(r.type) || "Memo";
+          case V:
+            a = r._payload, r = r._init;
             try {
-              return t(e(i));
+              return t(r(a));
             } catch {
             }
         }
       return null;
     }
-    function r(e) {
-      return "" + e;
+    function e(r) {
+      return "" + r;
     }
-    function n(e) {
+    function n(r) {
       try {
-        r(e);
-        var i = !1;
+        e(r);
+        var a = !1;
       } catch {
-        i = !0;
+        a = !0;
       }
-      if (i) {
-        i = console;
-        var v = i.error, E = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return v.call(
-          i,
+      if (a) {
+        a = console;
+        var y = a.error, R = typeof Symbol == "function" && Symbol.toStringTag && r[Symbol.toStringTag] || r.constructor.name || "Object";
+        return y.call(
+          a,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          E
-        ), r(e);
+          R
+        ), e(r);
       }
     }
-    function c(e) {
-      if (e === A) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === F)
+    function o(r) {
+      if (r === E) return "<>";
+      if (typeof r == "object" && r !== null && r.$$typeof === V)
         return "<...>";
       try {
-        var i = t(e);
-        return i ? "<" + i + ">" : "<...>";
+        var a = t(r);
+        return a ? "<" + a + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function o() {
-      var e = L.A;
-      return e === null ? null : e.getOwner();
-    }
     function s() {
+      var r = M.A;
+      return r === null ? null : r.getOwner();
+    }
+    function c() {
       return Error("react-stack-top-frame");
     }
-    function p(e) {
-      if (q.call(e, "key")) {
-        var i = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (i && i.isReactWarning) return !1;
+    function p(r) {
+      if (ee.call(r, "key")) {
+        var a = Object.getOwnPropertyDescriptor(r, "key").get;
+        if (a && a.isReactWarning) return !1;
       }
-      return e.key !== void 0;
+      return r.key !== void 0;
     }
-    function u(e, i) {
-      function v() {
-        Z || (Z = !0, console.error(
+    function m(r, a) {
+      function y() {
+        re || (re = !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)",
-          i
+          a
         ));
       }
-      v.isReactWarning = !0, Object.defineProperty(e, "key", {
-        get: v,
+      y.isReactWarning = !0, Object.defineProperty(r, "key", {
+        get: y,
         configurable: !0
       });
     }
-    function d() {
-      var e = t(this.type);
-      return Q[e] || (Q[e] = !0, console.error(
+    function P() {
+      var r = t(this.type);
+      return te[r] || (te[r] = !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."
-      )), e = this.props.ref, e !== void 0 ? e : null;
+      )), r = this.props.ref, r !== void 0 ? r : null;
     }
-    function l(e, i, v, E, w, O, U, V) {
-      return v = O.ref, e = {
-        $$typeof: b,
-        type: e,
-        key: i,
-        props: O,
-        _owner: w
-      }, (v !== void 0 ? v : null) !== null ? Object.defineProperty(e, "ref", {
+    function u(r, a, y, R, O, T, X, B) {
+      return y = T.ref, r = {
+        $$typeof: f,
+        type: r,
+        key: a,
+        props: T,
+        _owner: O
+      }, (y !== void 0 ? y : null) !== null ? Object.defineProperty(r, "ref", {
         enumerable: !1,
-        get: d
-      }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
+        get: P
+      }) : Object.defineProperty(r, "ref", { enumerable: !1, value: null }), r._store = {}, Object.defineProperty(r._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(e, "_debugInfo", {
+      }), Object.defineProperty(r, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(e, "_debugStack", {
+      }), Object.defineProperty(r, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: U
-      }), Object.defineProperty(e, "_debugTask", {
+        value: X
+      }), Object.defineProperty(r, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: V
-      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
+        value: B
+      }), Object.freeze && (Object.freeze(r.props), Object.freeze(r)), r;
     }
-    function a(e, i, v, E, w, O, U, V) {
-      var R = i.children;
-      if (R !== void 0)
-        if (E)
-          if (fe(R)) {
-            for (E = 0; E < R.length; E++)
-              f(R[E]);
-            Object.freeze && Object.freeze(R);
+    function i(r, a, y, R, O, T, X, B) {
+      var A = a.children;
+      if (A !== void 0)
+        if (R)
+          if (Se(A)) {
+            for (R = 0; R < A.length; R++)
+              d(A[R]);
+            Object.freeze && Object.freeze(A);
           } 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 f(R);
-      if (q.call(i, "key")) {
-        R = t(e);
-        var Y = Object.keys(i).filter(function(pe) {
-          return pe !== "key";
+        else d(A);
+      if (ee.call(a, "key")) {
+        A = t(r);
+        var F = Object.keys(a).filter(function(Ee) {
+          return Ee !== "key";
         });
-        E = 0 < Y.length ? "{key: someKey, " + Y.join(": ..., ") + ": ...}" : "{key: someKey}", re[R + E] || (Y = 0 < Y.length ? "{" + Y.join(": ..., ") + ": ...}" : "{}", console.error(
+        R = 0 < F.length ? "{key: someKey, " + F.join(": ..., ") + ": ...}" : "{key: someKey}", se[A + R] || (F = 0 < F.length ? "{" + F.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} />`,
-          E,
           R,
-          Y,
-          R
-        ), re[R + E] = !0);
+          A,
+          F,
+          A
+        ), se[A + R] = !0);
       }
-      if (R = null, v !== void 0 && (n(v), R = "" + v), p(i) && (n(i.key), R = "" + i.key), "key" in i) {
-        v = {};
-        for (var X in i)
-          X !== "key" && (v[X] = i[X]);
-      } else v = i;
-      return R && u(
-        v,
-        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), l(
-        e,
-        R,
+      if (A = null, y !== void 0 && (n(y), A = "" + y), p(a) && (n(a.key), A = "" + a.key), "key" in a) {
+        y = {};
+        for (var H in a)
+          H !== "key" && (y[H] = a[H]);
+      } else y = a;
+      return A && m(
+        y,
+        typeof r == "function" ? r.displayName || r.name || "Unknown" : r
+      ), u(
+        r,
+        A,
+        T,
         O,
-        w,
-        o(),
-        v,
-        U,
-        V
+        s(),
+        y,
+        X,
+        B
       );
     }
-    function f(e) {
-      typeof e == "object" && e !== null && e.$$typeof === b && e._store && (e._store.validated = 1);
+    function d(r) {
+      typeof r == "object" && r !== null && r.$$typeof === f && r._store && (r._store.validated = 1);
     }
-    var m = be, b = /* @__PURE__ */ Symbol.for("react.transitional.element"), S = /* @__PURE__ */ Symbol.for("react.portal"), A = /* @__PURE__ */ Symbol.for("react.fragment"), P = /* @__PURE__ */ Symbol.for("react.strict_mode"), T = /* @__PURE__ */ Symbol.for("react.profiler"), j = /* @__PURE__ */ Symbol.for("react.consumer"), _ = /* @__PURE__ */ Symbol.for("react.context"), g = /* @__PURE__ */ Symbol.for("react.forward_ref"), $ = /* @__PURE__ */ Symbol.for("react.suspense"), k = /* @__PURE__ */ Symbol.for("react.suspense_list"), H = /* @__PURE__ */ Symbol.for("react.memo"), F = /* @__PURE__ */ Symbol.for("react.lazy"), ie = /* @__PURE__ */ Symbol.for("react.activity"), le = /* @__PURE__ */ Symbol.for("react.client.reference"), L = m.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, q = Object.prototype.hasOwnProperty, fe = Array.isArray, G = console.createTask ? console.createTask : function() {
+    var l = Pe, f = /* @__PURE__ */ Symbol.for("react.transitional.element"), b = /* @__PURE__ */ Symbol.for("react.portal"), E = /* @__PURE__ */ Symbol.for("react.fragment"), S = /* @__PURE__ */ Symbol.for("react.strict_mode"), g = /* @__PURE__ */ Symbol.for("react.profiler"), w = /* @__PURE__ */ Symbol.for("react.consumer"), Y = /* @__PURE__ */ Symbol.for("react.context"), D = /* @__PURE__ */ Symbol.for("react.forward_ref"), C = /* @__PURE__ */ Symbol.for("react.suspense"), _ = /* @__PURE__ */ Symbol.for("react.suspense_list"), x = /* @__PURE__ */ Symbol.for("react.memo"), V = /* @__PURE__ */ Symbol.for("react.lazy"), j = /* @__PURE__ */ Symbol.for("react.activity"), K = /* @__PURE__ */ Symbol.for("react.client.reference"), M = l.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, ee = Object.prototype.hasOwnProperty, Se = Array.isArray, q = console.createTask ? console.createTask : function() {
       return null;
     };
-    m = {
-      react_stack_bottom_frame: function(e) {
-        return e();
+    l = {
+      react_stack_bottom_frame: function(r) {
+        return r();
       }
     };
-    var Z, Q = {}, K = m.react_stack_bottom_frame.bind(
-      m,
-      s
-    )(), ee = G(c(s)), re = {};
-    M.Fragment = A, M.jsx = function(e, i, v, E, w) {
-      var O = 1e4 > L.recentlyCreatedOwnerStacks++;
-      return a(
-        e,
-        i,
-        v,
+    var re, te = {}, ne = l.react_stack_bottom_frame.bind(
+      l,
+      c
+    )(), oe = q(o(c)), se = {};
+    z.Fragment = E, z.jsx = function(r, a, y, R, O) {
+      var T = 1e4 > M.recentlyCreatedOwnerStacks++;
+      return i(
+        r,
+        a,
+        y,
         !1,
-        E,
-        w,
-        O ? Error("react-stack-top-frame") : K,
-        O ? G(c(e)) : ee
+        R,
+        O,
+        T ? Error("react-stack-top-frame") : ne,
+        T ? q(o(r)) : oe
       );
-    }, M.jsxs = function(e, i, v, E, w) {
-      var O = 1e4 > L.recentlyCreatedOwnerStacks++;
-      return a(
-        e,
-        i,
-        v,
+    }, z.jsxs = function(r, a, y, R, O) {
+      var T = 1e4 > M.recentlyCreatedOwnerStacks++;
+      return i(
+        r,
+        a,
+        y,
         !0,
-        E,
-        w,
-        O ? Error("react-stack-top-frame") : K,
-        O ? G(c(e)) : ee
+        R,
+        O,
+        T ? Error("react-stack-top-frame") : ne,
+        T ? q(o(r)) : oe
       );
     };
-  })()), M;
+  })()), z;
 }
-var se;
-function Ae() {
-  return se || (se = 1, process.env.NODE_ENV === "production" ? W.exports = ve() : W.exports = Se()), W.exports;
+var ie;
+function we() {
+  return ie || (ie = 1, process.env.NODE_ENV === "production" ? G.exports = _e() : G.exports = ke()), G.exports;
 }
-var Ee = Ae();
-const we = ({ store: t, children: r }) => /* @__PURE__ */ Ee.jsx(ae.Provider, { value: t, children: r });
-function z(t) {
+var ye = we();
+const Ve = ({ store: t, children: e }) => /* @__PURE__ */ ye.jsx(me.Provider, { value: t, children: e }), le = /* @__PURE__ */ new Set();
+function Te(t, e) {
+  process.env.NODE_ENV !== "production" && (le.has(t) || (le.add(t), console.warn(e)));
+}
+function L(t) {
   return t.includes("*");
 }
-function h(t) {
+function k(t) {
   return t.replace(/^\./, "");
 }
-function Re(t) {
-  return h(t).split(".").filter(Boolean);
+function xe(t) {
+  return k(t).split(".").filter(Boolean);
+}
+function be(t) {
+  const e = (n) => `${n.length}:${n}`;
+  return t.map((n) => {
+    const o = Array.isArray(n.property) ? n.property : [n.property];
+    return e(n.reducer) + e(String(o.length)) + o.map(e).join("");
+  }).join("");
+}
+const ve = /* @__PURE__ */ Symbol("yoltra.pathSegments");
+function he(t) {
+  const e = () => {
+  };
+  return new Proxy(e, {
+    get(n, o) {
+      if (o === ve) return t;
+      if (typeof o != "symbol")
+        return he([...t, String(o)]);
+    },
+    apply() {
+      throw new Error(
+        `[yoltra] A typed path accessor called a method (near "${t.join(".")}"). The accessor must be a plain member chain like \`p => p.items[0].title\` — it cannot call functions such as \`.map()\` or \`.toString()\`. Compute derived values in the component or a selector, or use the \`{ reducer, property }\` string form.`
+      );
+    }
+  });
+}
+function je(t) {
+  const e = t(he([])), n = e != null ? e[ve] : void 0, s = (Array.isArray(n) ? n : []).join(".");
+  return s === "" && Te(
+    "yoltra.toDottedPath.empty",
+    "[yoltra] A typed path accessor recorded no property access, so it will subscribe to the entire slice. The accessor must be a plain member chain like `p => p.items[0].title` and cannot return a computed value or a default. For a whole-slice or dynamic subscription, use the `{ reducer, property }` string form instead."
+  ), s;
 }
-function J(t, r) {
-  if (!r) return t;
+function U(t, e) {
+  if (!e) return t;
   let n = t;
-  for (const c of Re(r)) {
+  for (const o of xe(e)) {
     if (n == null) return;
-    n = n[c];
+    n = n[o];
   }
   return n;
 }
-function C() {
-  const t = ue(ae);
+function J(t, e, n) {
+  const o = v(t);
+  o.current = t;
+  const s = v(e);
+  s.current = e;
+  const c = h(
+    () => ({ has: !1, value: void 0 }),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    n
+  );
+  return Z(() => {
+    const p = o.current();
+    return (!c.has || !s.current(c.value, p)) && (c.has = !0, c.value = p), c.value;
+  }, [c]);
+}
+function Oe(t, e) {
+  if (Object.is(t, e)) return !0;
+  if (!t || !e) return !1;
+  const n = Object.keys(t), o = Object.keys(e);
+  if (n.length !== o.length) return !1;
+  for (const s of n)
+    if (!Object.is(t[s], e[s])) return !1;
+  return !0;
+}
+function I() {
+  const t = de(me);
   if (!t) throw new Error("useStore must be used inside <StoreProvider>");
   return t;
 }
-function Ne() {
-  return C().emit;
+function Ge() {
+  return I().emit;
 }
-function Ce(t, r) {
-  if (Object.is(t, r)) return !0;
-  if (!t || !r) return !1;
-  const n = Object.keys(t), c = Object.keys(r);
-  if (n.length !== c.length) return !1;
-  for (const o of n)
-    if (!Object.is(t[o], r[o])) return !1;
-  return !0;
+function Le(t, e = Object.is) {
+  const n = I(), o = h(() => (c) => n.subscribe(c), [n]), s = J(
+    () => t(n.getState()),
+    e,
+    [n]
+  );
+  return N(o, s, s);
 }
-function Ie(t, r = Object.is) {
-  const n = C(), c = y(() => (s) => n.subscribe(s), [n]), o = y(() => {
-    let s = t(n.getState());
-    return () => {
-      const p = t(n.getState());
-      return r(s, p) ? s : s = p;
-    };
-  }, [n, t, r]);
-  return x(c, o, o);
-}
-function _e(t) {
-  const r = C(), n = y(() => {
-    const s = h(t.property);
-    return { reducer: t.reducer, property: s };
-  }, [t.reducer, t.property]), c = y(
-    () => (s) => r.connect(
-      { reducer: n.reducer, property: n.property },
-      () => s()
+function Ne(t, e, n = Object.is) {
+  const o = I(), s = h(() => {
+    const P = k(t.property);
+    return { reducer: t.reducer, property: P };
+  }, [t.reducer, t.property]), c = h(
+    () => (P) => o.connect(
+      { reducer: s.reducer, property: s.property },
+      () => P()
     ),
-    [r, n]
-  ), o = y(() => {
-    const s = z(n.property), p = () => {
-      const l = r.getState()[n.reducer];
-      return s ? l : J(l, n.property);
-    };
-    let u = p();
-    return () => {
-      const d = p();
-      return Object.is(u, d) ? u : u = d;
-    };
-  }, [r, n]);
-  return x(c, o, o);
-}
-function he(t, r, n = Object.is) {
-  const c = C(), o = y(() => {
-    const u = h(t.property);
-    return { reducer: t.reducer, property: u };
-  }, [t.reducer, t.property]), s = y(
-    () => (u) => c.connect(
-      { reducer: o.reducer, property: o.property },
-      () => u()
-    ),
-    [c, o]
-  ), p = y(() => {
-    const u = z(o.property), d = () => {
-      const f = c.getState()[o.reducer], m = u ? f : J(f, o.property);
-      return r ? r(m) : m;
-    };
-    let l = d();
-    return () => {
-      const a = d();
-      return n(l, a) ? l : l = a;
-    };
-  }, [c, o, r, n]);
-  return x(s, p, p);
-}
-function $e(t, r, n = Object.is) {
-  return !r && !z(t.property) ? _e(t) : he(t, r, n);
-}
-function Ye(t, r, n = Object.is) {
-  return Pe(t, r, n);
-}
-function Pe(t, r, n = Object.is) {
-  const c = C(), o = N(0), s = N(void 0), p = N(-1), u = y(() => t.map((a) => ({
-    reducer: a.reducer,
-    property: Array.isArray(a.property) ? a.property.map((f) => h(f)) : h(a.property)
-  })), [JSON.stringify(t)]), d = y(
-    () => (a) => {
-      const f = () => {
-        o.current++, a();
-      }, m = u.flatMap((b) => (Array.isArray(b.property) ? b.property : [b.property]).map((A) => c.connect({ reducer: b.reducer, property: A }, f)));
+    [o, s]
+  ), p = L(s.property), m = J(
+    () => {
+      const u = o.getState()[s.reducer], i = p ? u : U(u, s.property);
+      return e ? e(i) : i;
+    },
+    n,
+    [o, s]
+  );
+  return N(c, m, m);
+}
+function Ue(t, e, n = Object.is) {
+  return Ne(t, e, n);
+}
+function Je(t, e, n = Object.is) {
+  return Ce(t, e, n);
+}
+function Ce(t, e, n = Object.is) {
+  const o = I(), s = v(0), c = v(void 0), p = v(-1), m = v(!1), P = v(e);
+  P.current = e;
+  const u = v(n);
+  u.current = n;
+  const i = h(() => t.map((f) => ({
+    reducer: f.reducer,
+    property: Array.isArray(f.property) ? f.property.map((b) => k(b)) : k(f.property)
+  })), [be(t)]), d = h(
+    () => (f) => {
+      const b = () => {
+        s.current++, f();
+      }, E = i.flatMap((S) => (Array.isArray(S.property) ? S.property : [S.property]).map((w) => o.connect({ reducer: S.reducer, property: w }, b)));
       return () => {
-        for (const b of m) b();
+        for (const S of E) S();
       };
     },
-    [c, u]
-  ), l = y(() => () => {
-    if (p.current !== o.current) {
-      const a = r(c.getState()), f = s.current;
-      (f === void 0 || !n(f, a)) && (s.current = a), p.current = o.current;
+    [o, i]
+  ), l = Z(() => {
+    if (p.current !== s.current || !m.current) {
+      const f = P.current(o.getState());
+      (!m.current || !u.current(c.current, f)) && (c.current = f, m.current = !0), p.current = s.current;
     }
-    return s.current;
-  }, [c, r, n]);
-  return x(d, l, l);
+    return c.current;
+  }, [o]);
+  return N(d, l, l);
 }
-function De(t, r, n, c = "committed") {
-  const o = C(), s = N(n);
-  s.current = n, ce(() => o.onEvent(
+function qe(t, e, n, o = "committed") {
+  const s = I(), c = v(n);
+  c.current = n, pe(() => s.onEvent(
     t,
-    r,
-    (p, u, d, l) => {
-      s.current(p, u, d, l);
+    e,
+    (p, m, P, u) => {
+      c.current(p, m, P, u);
     },
-    c
-  ), [o, t, r, c]);
+    o
+  ), [s, t, e, o]);
 }
-class ge {
+function $e(t) {
+  return t == null || t <= 0 ? null : Date.now() + t;
+}
+class Ie {
   constructor() {
-    te(this, "store", /* @__PURE__ */ new Map());
+    ce(this, "store", /* @__PURE__ */ new Map());
   }
-  read(r, n, c) {
-    const o = Date.now(), s = this.store.get(r);
-    if (s && s.status === "ready" && (s.expiresAt == null || s.expiresAt > o))
-      return s.value;
-    if (s && s.status === "pending" && (s.expiresAt == null || s.expiresAt > o))
-      throw s.promise;
-    if (s && s.status === "error" && (s.expiresAt == null || s.expiresAt > o))
-      throw s.error;
-    const p = Promise.resolve().then(n).then((u) => {
-      this.store.set(r, {
-        status: "ready",
-        value: u,
-        expiresAt: c == null ? null : Date.now() + c
-      });
-    }).catch((u) => {
-      this.store.set(r, {
-        status: "error",
-        error: u,
-        expiresAt: c == null ? null : Date.now() + c
-      });
+  read(e, n, o) {
+    const s = Date.now(), c = this.store.get(e);
+    if (c && c.status === "ready" && (c.expiresAt == null || c.expiresAt > s))
+      return c.value;
+    if (c && c.status === "pending")
+      throw c.promise;
+    if (c && c.status === "error")
+      throw c.error;
+    const p = Promise.resolve().then(n).then((m) => {
+      this.store.set(e, { status: "ready", value: m, expiresAt: $e(o) });
+    }).catch((m) => {
+      this.store.set(e, { status: "error", error: m, expiresAt: null });
     });
-    throw this.store.set(r, {
-      status: "pending",
-      promise: p,
-      expiresAt: c == null ? null : Date.now() + c
-    }), p;
+    throw this.store.set(e, { status: "pending", promise: p, expiresAt: null }), p;
   }
-  invalidate(r) {
-    this.store.delete(r);
+  invalidate(e) {
+    this.store.delete(e);
   }
-  invalidatePrefix(r) {
+  invalidatePrefix(e) {
     for (const n of this.store.keys())
-      n.startsWith(r) && this.store.delete(n);
+      n.startsWith(e) && this.store.delete(n);
   }
   clear() {
     this.store.clear();
   }
 }
-const I = new ge();
-function B(t, r, n) {
-  const c = Array.isArray(r) ? r.map(h).sort().join("|") : h(r);
-  return n ? `${t}::${c}::${n}` : `${t}::${c}`;
+const $ = new Ie();
+function Q(t, e, n) {
+  const o = Array.isArray(e) ? e.map(k).sort().join("|") : k(e);
+  return n ? `${t}::${o}::${n}` : `${t}::${o}`;
 }
-function Me(t, r) {
-  return ke(t, r);
+function Xe(t, e) {
+  return Ye(t, e);
 }
-function ke(t, r) {
-  const n = C(), c = t.reducer, o = h(t.property), s = B(c, o, r.key), p = y(() => (d) => n.connect({ reducer: c, property: o }, () => {
-    I.invalidate(s), d();
-  }), [n, c, o, s]), u = y(() => {
-    const d = z(o);
+function Ye(t, e) {
+  const n = I(), o = t.reducer, s = k(t.property), c = Q(o, s, e.key), p = h(() => (i) => n.connect({ reducer: o, property: s }, () => {
+    $.invalidate(c), i();
+  }), [n, o, s, c]), m = v(e);
+  m.current = e;
+  const P = h(() => {
+    const i = L(s);
     return () => {
-      var m;
-      const a = n.getState()[c], f = d ? a : J(a, o);
-      return I.read(s, () => r.load(f, a), (m = r.staleTime) != null ? m : 0);
+      var E;
+      const l = n.getState()[o], f = i ? l : U(l, s), b = m.current;
+      return $.read(c, () => b.load(f, l), (E = b.staleTime) != null ? E : 0);
     };
-  }, [n, c, o, s, r]);
-  return x(p, u, u);
+  }, [n, o, s, c]), u = h(() => {
+    const i = L(s);
+    return () => {
+      const l = n.getState()[o];
+      return i ? l : U(l, s);
+    };
+  }, [n, o, s]);
+  return N(p, P, u);
 }
-function ze(t, r) {
-  return Oe(t, r);
+function Be(t, e) {
+  return De(t, e);
 }
-function Oe(t, r) {
-  const n = C(), c = y(
+function De(t, e) {
+  const n = I(), o = h(
     () => t.map((u) => ({
       reducer: u.reducer,
-      property: Array.isArray(u.property) ? u.property.map((d) => h(d)) : h(u.property)
+      property: Array.isArray(u.property) ? u.property.map((i) => k(i)) : k(u.property)
     })),
+    // `specs` is a fresh reference each render; keying the memo on its JSON
+    // signature is intentional and already covers `specs`.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     [JSON.stringify(t)]
-  ), o = y(() => {
-    const u = c.map((d) => B(d.reducer, d.property)).sort().join("||");
-    return r.key ? `${u}::${r.key}` : u;
-  }, [c, r.key]), s = y(() => (u) => {
-    const d = () => {
-      I.invalidate(o), u();
-    }, l = c.map((a) => n.connect(a, d));
+  ), s = h(() => {
+    const u = o.map((i) => Q(i.reducer, i.property)).sort().join("||");
+    return e.key ? `${u}::${e.key}` : u;
+  }, [o, e.key]), c = h(() => (u) => {
+    const i = () => {
+      $.invalidate(s), u();
+    }, d = o.map((l) => n.connect(l, i));
     return () => {
-      for (const a of l) a();
+      for (const l of d) l();
     };
-  }, [n, c, o]), p = y(() => () => {
+  }, [n, o, s]), p = v(e);
+  p.current = e;
+  const m = h(() => () => {
     var d;
-    const u = n.getState();
-    return I.read(o, () => r.load(u), (d = r.staleTime) != null ? d : 0);
-  }, [n, o, r]);
-  return x(s, p, p);
-}
-function Fe(t, r, n) {
-  I.invalidate(B(t, r, n));
-}
-function We(t) {
-  I.invalidatePrefix(`${t}::`);
-}
-function Je() {
-  I.clear();
-}
-function xe(t, r) {
-  if (Object.is(t, r)) return !0;
-  if (!t || !r) return !1;
-  const n = Object.keys(t), c = Object.keys(r);
-  if (n.length !== c.length) return !1;
-  for (const o of n)
-    if (!Object.is(t[o], r[o])) return !1;
-  return !0;
+    const u = n.getState(), i = p.current;
+    return $.read(s, () => i.load(u), (d = i.staleTime) != null ? d : 0);
+  }, [n, s]);
+  return N(c, m, () => {
+    const u = p.current.load(n.getState());
+    return u instanceof Promise ? void 0 : u;
+  });
+}
+function He(t, e, n) {
+  $.invalidate(Q(t, e, n));
 }
-function Le(t) {
-  function r() {
-    const l = ue(t);
-    if (!l) throw new Error("useStore must be used inside <StoreProvider>");
-    return l;
+function Ze(t) {
+  $.invalidatePrefix(`${t}::`);
+}
+function Qe() {
+  $.clear();
+}
+function Fe(t) {
+  function e() {
+    const u = de(t);
+    if (!u)
+      throw new Error(
+        "[yoltra] No store in context. Wrap your tree in <StoreProvider store={...}>, or use the hooks returned by createYoltra (which default to their own store)."
+      );
+    return u;
   }
   function n() {
-    return r().emit;
+    return e().emit;
   }
-  function c(l, a = Object.is) {
-    const f = r(), m = y(() => (S) => f.subscribe(S), [f]), b = y(() => {
-      let S = l(f.getState());
-      return () => {
-        const A = l(f.getState());
-        return a(S, A) ? S : S = A;
-      };
-    }, [f, l, a]);
-    return x(m, b, b);
+  function o(u, i = Object.is) {
+    const d = e(), l = h(() => (b) => d.subscribe(b), [d]), f = J(() => u(d.getState()), i, [d]);
+    return N(l, f, f);
   }
   return {
-    useStore: r,
+    useStore: e,
     useEmit: n,
-    useSelector: c,
-    useAtomicProp: (l, a, f) => {
-      const m = r(), b = y(() => {
-        const P = h(l.property);
-        return { reducer: l.reducer, property: P };
-      }, [l.reducer, l.property]), S = y(
-        () => (P) => m.connect(
-          { reducer: b.reducer, property: b.property },
-          () => P()
+    useSelector: o,
+    useAtomicProp: (u, i, d) => {
+      const l = e(), f = typeof u == "string", b = f ? u : u.reducer, E = f ? je(i) : u.property, S = f ? void 0 : i, g = h(() => ({ reducer: b, property: k(E) }), [b, E]), w = h(
+        () => (C) => l.connect(
+          { reducer: g.reducer, property: g.property },
+          () => C()
         ),
-        [m, b]
-      ), A = y(() => {
-        const P = z(b.property), T = () => {
-          const $ = m.getState()[b.reducer], k = P ? $ : J($, b.property);
-          return a ? a(k) : k;
-        }, j = f != null ? f : Object.is;
-        let _ = T();
-        return () => {
-          const g = T();
-          return j(_, g) ? _ : _ = g;
-        };
-      }, [m, b, a, f]);
-      return x(S, A, A);
+        [l, g]
+      ), Y = L(g.property), D = J(
+        () => {
+          const _ = l.getState()[g.reducer], x = Y ? _ : U(_, g.property);
+          return S ? S(x) : x;
+        },
+        d != null ? d : Object.is,
+        [l, g]
+      );
+      return N(w, D, D);
     },
-    useAtomicProps: (l, a, f = Object.is) => {
-      const m = r(), b = N(0), S = N(void 0), A = N(-1), P = y(() => l.map((_) => ({
+    useAtomicProps: (u, i, d = Object.is) => {
+      const l = e(), f = v(0), b = v(void 0), E = v(-1), S = v(!1), g = v(i);
+      g.current = i;
+      const w = v(d);
+      w.current = d;
+      const Y = h(() => u.map((_) => ({
         reducer: _.reducer,
-        property: Array.isArray(_.property) ? _.property.map((g) => h(g)) : h(_.property)
-      })), [JSON.stringify(l)]), T = y(
+        property: Array.isArray(_.property) ? _.property.map((x) => k(x)) : k(_.property)
+      })), [be(u)]), D = h(
         () => (_) => {
-          const g = () => {
-            b.current++, _();
-          }, $ = P.flatMap((k) => (Array.isArray(k.property) ? k.property : [k.property]).map((F) => m.connect({ reducer: k.reducer, property: F }, g)));
+          const x = () => {
+            f.current++, _();
+          }, V = Y.flatMap((j) => (Array.isArray(j.property) ? j.property : [j.property]).map((M) => l.connect({ reducer: j.reducer, property: M }, x)));
           return () => {
-            for (const k of $) k();
+            for (const j of V) j();
           };
         },
-        [m, P]
-      ), j = y(() => () => {
-        if (A.current !== b.current) {
-          const _ = a(m.getState()), g = S.current;
-          (g === void 0 || !f(g, _)) && (S.current = _), A.current = b.current;
+        [l, Y]
+      ), C = Z(() => {
+        if (E.current !== f.current || !S.current) {
+          const _ = g.current(l.getState());
+          (!S.current || !w.current(b.current, _)) && (b.current = _, S.current = !0), E.current = f.current;
         }
-        return S.current;
-      }, [m, a, f]);
-      return x(T, j, j);
+        return b.current;
+      }, [l]);
+      return N(D, C, C);
     },
-    useEvent: (l, a, f, m = "committed") => {
-      const b = r(), S = N(f);
-      S.current = f, ce(() => b.onEvent(
-        l,
-        a,
-        (A, P, T, j) => {
-          S.current(
-            A,
-            P,
-            T,
-            j
+    useEvent: (u, i, d, l = "committed") => {
+      const f = e(), b = v(d);
+      b.current = d, pe(() => f.onEvent(
+        u,
+        i,
+        (E, S, g, w) => {
+          b.current(
+            E,
+            S,
+            g,
+            w
           );
         },
-        m
-      ), [b, l, a, m]);
+        l
+      ), [f, u, i, l]);
     },
-    shallowEqual: xe
+    shallowEqual: Oe
   };
 }
+function Ke(t) {
+  const e = ge(t), n = fe(e), o = Fe(n);
+  return { store: e, StoreContext: n, StoreProvider: ({
+    store: c,
+    children: p
+  }) => /* @__PURE__ */ ye.jsx(n.Provider, { value: c != null ? c : e, children: p }), ...o };
+}
 export {
-  ae as StoreContext,
-  we as StoreProvider,
-  Je as clearSuspenseCache,
-  Le as createHooks,
-  Fe as invalidateAtomicProp,
-  We as invalidateAtomicPropsByReducer,
-  Ce as shallowEqual,
-  I as suspenseCache,
-  $e as useAtomicProp,
-  Ye as useAtomicProps,
-  Ne as useEmit,
-  De as useEvent,
-  Ie as useSelector,
-  C as useStore,
-  Me as useSuspenseAtomicProp,
-  ze as useSuspenseAtomicProps
+  me as StoreContext,
+  Ve as StoreProvider,
+  Qe as clearSuspenseCache,
+  Fe as createHooks,
+  Ke as createYoltra,
+  He as invalidateAtomicProp,
+  Ze as invalidateAtomicPropsByReducer,
+  Oe as shallowEqual,
+  $ as suspenseCache,
+  Ue as useAtomicProp,
+  Je as useAtomicProps,
+  Ge as useEmit,
+  qe as useEvent,
+  Le as useSelector,
+  I as useStore,
+  Xe as useSuspenseAtomicProp,
+  Be as useSuspenseAtomicProps
 };
 //# sourceMappingURL=index.mjs.map