@yoltra/react 0.7.0 → 0.8.0

package/dist/index.mjs

@@ -1,72 +1,72 @@
 /*!
- * @yoltra/react v0.7.0
+ * @yoltra/react v0.8.0
  * (c) 2026 Manu Ramirez <@pixerael>
  * License: MIT */
-import ge, { createContext as de, useRef as P, useMemo as E, useCallback as me, useEffect as he, useSyncExternalStore as I, useContext as ve } from "react";
-import { createStore as Pe } from "@yoltra/core";
-const ye = de(null);
-var G = { exports: {} }, z = {};
-var ue;
-function _e() {
-  if (ue) return z;
-  ue = 1;
+import Te, { createContext as ye, useRef as _, useMemo as w, useCallback as ve, useSyncExternalStore as J, useEffect as je, useContext as ke } from "react";
+import { createStore as Oe } from "@yoltra/core";
+const be = ye(null);
+var q = { exports: {} }, V = {};
+var ie;
+function xe() {
+  if (ie) return V;
+  ie = 1;
   var r = /* @__PURE__ */ Symbol.for("react.transitional.element"), e = /* @__PURE__ */ Symbol.for("react.fragment");
-  function n(o, s, c) {
+  function n(c, o, s) {
     var u = null;
-    if (c !== void 0 && (u = "" + c), s.key !== void 0 && (u = "" + s.key), "key" in s) {
-      c = {};
-      for (var d in s)
-        d !== "key" && (c[d] = s[d]);
-    } else c = s;
-    return s = c.ref, {
+    if (s !== void 0 && (u = "" + s), o.key !== void 0 && (u = "" + o.key), "key" in o) {
+      s = {};
+      for (var i in o)
+        i !== "key" && (s[i] = o[i]);
+    } else s = o;
+    return o = s.ref, {
       $$typeof: r,
-      type: o,
+      type: c,
       key: u,
-      ref: s !== void 0 ? s : null,
-      props: c
+      ref: o !== void 0 ? o : null,
+      props: s
     };
   }
-  return z.Fragment = e, z.jsx = n, z.jsxs = n, z;
+  return V.Fragment = e, V.jsx = n, V.jsxs = n, V;
 }
-var W = {};
+var G = {};
 var ae;
-function we() {
+function Ne() {
   return ae || (ae = 1, process.env.NODE_ENV !== "production" && (function() {
     function r(t) {
       if (t == null) return null;
       if (typeof t == "function")
-        return t.$$typeof === J ? null : t.displayName || t.name || null;
+        return t.$$typeof === O ? null : t.displayName || t.name || null;
       if (typeof t == "string") return t;
       switch (t) {
-        case m:
+        case h:
           return "Fragment";
-        case j:
+        case T:
           return "Profiler";
-        case g:
+        case P:
           return "StrictMode";
-        case D:
+        case j:
           return "Suspense";
-        case F:
+        case C:
           return "SuspenseList";
-        case N:
+        case v:
           return "Activity";
       }
       if (typeof t == "object")
         switch (typeof t.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), t.$$typeof) {
-          case y:
+          case E:
             return "Portal";
-          case R:
+          case A:
             return (t.displayName || "Context") + ".Provider";
-          case w:
+          case R:
             return (t._context.displayName || "Context") + ".Consumer";
-          case O:
+          case $:
             var a = t.render;
             return t = t.displayName, t || (t = a.displayName || a.name || "", t = t !== "" ? "ForwardRef(" + t + ")" : "ForwardRef"), t;
-          case $:
+          case I:
             return a = t.displayName || null, a !== null ? a : r(t.type) || "Memo";
-          case A:
+          case Y:
             a = t._payload, t = t._init;
             try {
               return r(t(a));
@@ -87,17 +87,17 @@ function we() {
       }
       if (a) {
         a = console;
-        var f = a.error, b = typeof Symbol == "function" && Symbol.toStringTag && t[Symbol.toStringTag] || t.constructor.name || "Object";
-        return f.call(
+        var m = a.error, S = typeof Symbol == "function" && Symbol.toStringTag && t[Symbol.toStringTag] || t.constructor.name || "Object";
+        return m.call(
           a,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          b
+          S
         ), e(t);
       }
     }
-    function o(t) {
-      if (t === m) return "<>";
-      if (typeof t == "object" && t !== null && t.$$typeof === A)
+    function c(t) {
+      if (t === h) return "<>";
+      if (typeof t == "object" && t !== null && t.$$typeof === Y)
         return "<...>";
       try {
         var a = r(t);
@@ -106,48 +106,48 @@ function we() {
         return "<...>";
       }
     }
-    function s() {
-      var t = T.A;
+    function o() {
+      var t = D.A;
       return t === null ? null : t.getOwner();
     }
-    function c() {
+    function s() {
       return Error("react-stack-top-frame");
     }
     function u(t) {
-      if (B.call(t, "key")) {
+      if (x.call(t, "key")) {
         var a = Object.getOwnPropertyDescriptor(t, "key").get;
         if (a && a.isReactWarning) return !1;
       }
       return t.key !== void 0;
     }
-    function d(t, a) {
-      function f() {
-        te || (te = !0, console.error(
+    function i(t, a) {
+      function m() {
+        ne || (ne = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
           a
         ));
       }
-      f.isReactWarning = !0, Object.defineProperty(t, "key", {
-        get: f,
+      m.isReactWarning = !0, Object.defineProperty(t, "key", {
+        get: m,
         configurable: !0
       });
     }
-    function h() {
+    function d() {
       var t = r(this.type);
-      return ne[t] || (ne[t] = !0, console.error(
+      return oe[t] || (oe[t] = !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."
       )), t = this.props.ref, t !== void 0 ? t : null;
     }
-    function _(t, a, f, b, C, k, Z, K) {
-      return f = k.ref, t = {
-        $$typeof: l,
+    function b(t, a, m, S, M, k, H, Z) {
+      return m = k.ref, t = {
+        $$typeof: p,
         type: t,
         key: a,
         props: k,
-        _owner: C
-      }, (f !== void 0 ? f : null) !== null ? Object.defineProperty(t, "ref", {
+        _owner: M
+      }, (m !== void 0 ? m : null) !== null ? Object.defineProperty(t, "ref", {
         enumerable: !1,
-        get: h
+        get: d
       }) : Object.defineProperty(t, "ref", { enumerable: !1, value: null }), t._store = {}, Object.defineProperty(t._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -162,140 +162,140 @@ function we() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: Z
+        value: H
       }), Object.defineProperty(t, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: K
+        value: Z
       }), Object.freeze && (Object.freeze(t.props), Object.freeze(t)), t;
     }
-    function p(t, a, f, b, C, k, Z, K) {
-      var S = a.children;
-      if (S !== void 0)
-        if (b)
-          if (X(S)) {
-            for (b = 0; b < S.length; b++)
-              i(S[b]);
-            Object.freeze && Object.freeze(S);
+    function f(t, a, m, S, M, k, H, Z) {
+      var g = a.children;
+      if (g !== void 0)
+        if (S)
+          if (te(g)) {
+            for (S = 0; S < g.length; S++)
+              l(g[S]);
+            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 i(S);
-      if (B.call(a, "key")) {
-        S = r(t);
-        var M = Object.keys(a).filter(function(Re) {
-          return Re !== "key";
+        else l(g);
+      if (x.call(a, "key")) {
+        g = r(t);
+        var z = Object.keys(a).filter(function(_e) {
+          return _e !== "key";
         });
-        b = 0 < M.length ? "{key: someKey, " + M.join(": ..., ") + ": ...}" : "{key: someKey}", ce[S + b] || (M = 0 < M.length ? "{" + M.join(": ..., ") + ": ...}" : "{}", console.error(
+        S = 0 < z.length ? "{key: someKey, " + z.join(": ..., ") + ": ...}" : "{key: someKey}", ue[g + S] || (z = 0 < z.length ? "{" + z.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} />`,
-          b,
           S,
-          M,
-          S
-        ), ce[S + b] = !0);
+          g,
+          z,
+          g
+        ), ue[g + S] = !0);
       }
-      if (S = null, f !== void 0 && (n(f), S = "" + f), u(a) && (n(a.key), S = "" + a.key), "key" in a) {
-        f = {};
-        for (var Q in a)
-          Q !== "key" && (f[Q] = a[Q]);
-      } else f = a;
-      return S && d(
-        f,
+      if (g = null, m !== void 0 && (n(m), g = "" + m), u(a) && (n(a.key), g = "" + a.key), "key" in a) {
+        m = {};
+        for (var K in a)
+          K !== "key" && (m[K] = a[K]);
+      } else m = a;
+      return g && i(
+        m,
         typeof t == "function" ? t.displayName || t.name || "Unknown" : t
-      ), _(
+      ), b(
         t,
-        S,
+        g,
         k,
-        C,
-        s(),
-        f,
-        Z,
-        K
+        M,
+        o(),
+        m,
+        H,
+        Z
       );
     }
-    function i(t) {
-      typeof t == "object" && t !== null && t.$$typeof === l && t._store && (t._store.validated = 1);
+    function l(t) {
+      typeof t == "object" && t !== null && t.$$typeof === p && t._store && (t._store.validated = 1);
     }
-    var v = ge, l = /* @__PURE__ */ Symbol.for("react.transitional.element"), y = /* @__PURE__ */ Symbol.for("react.portal"), m = /* @__PURE__ */ Symbol.for("react.fragment"), g = /* @__PURE__ */ Symbol.for("react.strict_mode"), j = /* @__PURE__ */ Symbol.for("react.profiler"), w = /* @__PURE__ */ Symbol.for("react.consumer"), R = /* @__PURE__ */ Symbol.for("react.context"), O = /* @__PURE__ */ Symbol.for("react.forward_ref"), D = /* @__PURE__ */ Symbol.for("react.suspense"), F = /* @__PURE__ */ Symbol.for("react.suspense_list"), $ = /* @__PURE__ */ Symbol.for("react.memo"), A = /* @__PURE__ */ Symbol.for("react.lazy"), N = /* @__PURE__ */ Symbol.for("react.activity"), J = /* @__PURE__ */ Symbol.for("react.client.reference"), T = v.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, B = Object.prototype.hasOwnProperty, X = Array.isArray, H = console.createTask ? console.createTask : function() {
+    var y = Te, p = /* @__PURE__ */ Symbol.for("react.transitional.element"), E = /* @__PURE__ */ Symbol.for("react.portal"), h = /* @__PURE__ */ Symbol.for("react.fragment"), P = /* @__PURE__ */ Symbol.for("react.strict_mode"), T = /* @__PURE__ */ Symbol.for("react.profiler"), R = /* @__PURE__ */ Symbol.for("react.consumer"), A = /* @__PURE__ */ Symbol.for("react.context"), $ = /* @__PURE__ */ Symbol.for("react.forward_ref"), j = /* @__PURE__ */ Symbol.for("react.suspense"), C = /* @__PURE__ */ Symbol.for("react.suspense_list"), I = /* @__PURE__ */ Symbol.for("react.memo"), Y = /* @__PURE__ */ Symbol.for("react.lazy"), v = /* @__PURE__ */ Symbol.for("react.activity"), O = /* @__PURE__ */ Symbol.for("react.client.reference"), D = y.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, x = Object.prototype.hasOwnProperty, te = Array.isArray, L = console.createTask ? console.createTask : function() {
       return null;
     };
-    v = {
+    y = {
       react_stack_bottom_frame: function(t) {
         return t();
       }
     };
-    var te, ne = {}, oe = v.react_stack_bottom_frame.bind(
-      v,
-      c
-    )(), se = H(o(c)), ce = {};
-    W.Fragment = m, W.jsx = function(t, a, f, b, C) {
-      var k = 1e4 > T.recentlyCreatedOwnerStacks++;
-      return p(
+    var ne, oe = {}, se = y.react_stack_bottom_frame.bind(
+      y,
+      s
+    )(), ce = L(c(s)), ue = {};
+    G.Fragment = h, G.jsx = function(t, a, m, S, M) {
+      var k = 1e4 > D.recentlyCreatedOwnerStacks++;
+      return f(
         t,
         a,
-        f,
+        m,
         !1,
-        b,
-        C,
-        k ? Error("react-stack-top-frame") : oe,
-        k ? H(o(t)) : se
+        S,
+        M,
+        k ? Error("react-stack-top-frame") : se,
+        k ? L(c(t)) : ce
       );
-    }, W.jsxs = function(t, a, f, b, C) {
-      var k = 1e4 > T.recentlyCreatedOwnerStacks++;
-      return p(
+    }, G.jsxs = function(t, a, m, S, M) {
+      var k = 1e4 > D.recentlyCreatedOwnerStacks++;
+      return f(
         t,
         a,
-        f,
+        m,
         !0,
-        b,
-        C,
-        k ? Error("react-stack-top-frame") : oe,
-        k ? H(o(t)) : se
+        S,
+        M,
+        k ? Error("react-stack-top-frame") : se,
+        k ? L(c(t)) : ce
       );
     };
-  })()), W;
+  })()), G;
 }
-var ie;
-function Te() {
-  return ie || (ie = 1, process.env.NODE_ENV === "production" ? G.exports = _e() : G.exports = we()), G.exports;
+var le;
+function $e() {
+  return le || (le = 1, process.env.NODE_ENV === "production" ? q.exports = xe() : q.exports = Ne()), q.exports;
 }
-var be = Te();
-const Ve = ({ store: r, children: e }) => /* @__PURE__ */ be.jsx(ye.Provider, { value: r, children: e }), le = /* @__PURE__ */ new Set();
-function ke(r, e) {
-  process.env.NODE_ENV !== "production" && (le.has(r) || (le.add(r), console.warn(e)));
+var Ee = $e();
+const Ke = ({ store: r, children: e }) => /* @__PURE__ */ Ee.jsx(be.Provider, { value: r, children: e }), fe = /* @__PURE__ */ new Set();
+function Ce(r, e) {
+  process.env.NODE_ENV !== "production" && (fe.has(r) || (fe.add(r), console.warn(e)));
 }
-function L(r) {
+function B(r) {
   return r.includes("*");
 }
-function x(r) {
+function N(r) {
   return r.replace(/^\./, "");
 }
-function xe(r) {
-  return x(r).split(".").filter(Boolean);
+function Ie(r) {
+  return N(r).split(".").filter(Boolean);
 }
-function je(r) {
+function Ye(r) {
   const e = (n) => `${n.length}:${n}`;
   return r.map((n) => {
-    const o = Array.isArray(n.property) ? n.property : [n.property];
-    return e(n.reducer) + e(String(o.length)) + o.map(e).join("");
+    const c = Array.isArray(n.property) ? n.property : [n.property];
+    return e(n.reducer) + e(String(c.length)) + c.map(e).join("");
   }).join("");
 }
 const Se = /* @__PURE__ */ Symbol("yoltra.pathSegments");
-function Ee(r) {
+function ge(r) {
   const e = () => {
   };
   return new Proxy(e, {
-    get(n, o) {
-      if (o === Se) return r;
-      if (typeof o != "symbol")
-        return Ee([...r, String(o)]);
+    get(n, c) {
+      if (c === Se) return r;
+      if (typeof c != "symbol")
+        return ge([...r, String(c)]);
     },
     apply() {
       throw new Error(
@@ -304,104 +304,129 @@ function Ee(r) {
     }
   });
 }
-function Oe(r) {
-  const e = r(Ee([])), n = e?.[Se], s = (Array.isArray(n) ? n : []).join(".");
-  return s === "" && ke(
+function De(r) {
+  const e = r(ge([])), n = e?.[Se], o = (Array.isArray(n) ? n : []).join(".");
+  return o === "" && Ce(
     "yoltra.toDottedPath.empty",
     "[yoltra] A typed path accessor recorded no property access, so it subscribed to the slice root. That fires only when the slice's whole value is replaced — which for a slice holding an object means never, since its changes are reported at their leaves. 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 dynamic subscription, or for a slice whose state is a single value, use the `{ reducer, property }` string form instead."
-  ), s;
+  ), o;
 }
-function U(r, e) {
+function X(r, e) {
   if (!e) return r;
   let n = r;
-  for (const o of xe(e)) {
+  for (const c of Ie(e)) {
     if (n == null) return;
-    n = n[o];
+    n = n[c];
   }
   return n;
 }
-function V(r, e, n) {
-  const o = P(r);
-  o.current = r;
-  const s = P(e);
-  s.current = e;
-  const c = E(
-    () => ({ has: !1, value: void 0 }),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    n
-  );
-  return me(() => {
-    const u = o.current();
-    return (!c.has || !s.current(c.value, u)) && (c.has = !0, c.value = u), c.value;
-  }, [c]);
+function F(r) {
+  return typeof r == "object" && r !== null;
 }
-function Ne(r, e) {
+function Me(r, e) {
+  const n = e.split("."), c = [], o = (s, u, i) => {
+    if (u === n.length) {
+      c.push(i.join("."));
+      return;
+    }
+    const d = n[u];
+    if (d === "**") {
+      if (o(s, u + 1, i), !F(s)) return;
+      for (const b of Object.keys(s)) o(s[b], u, [...i, b]);
+      return;
+    }
+    if (d === "*") {
+      if (!F(s)) return;
+      for (const b of Object.keys(s)) o(s[b], u + 1, [...i, b]);
+      return;
+    }
+    F(s) && Object.prototype.hasOwnProperty.call(s, d) && o(s[d], u + 1, [...i, d]);
+  };
+  return o(r, 0, []), c;
+}
+const Q = /* @__PURE__ */ new WeakSet();
+function Fe(r, e, n, c) {
+  if (n.length === 0) return;
+  let o = r, s = e;
+  for (let u = 0; u < n.length - 1; u++) {
+    const i = n[u], d = F(s) ? s[i] : void 0, b = o[i];
+    if (F(b)) {
+      if (!Q.has(b)) {
+        const f = Array.isArray(b) ? [...b] : { ...b };
+        Q.add(f), o[i] = f;
+      }
+    } else {
+      const f = Array.isArray(d) ? [] : {};
+      Q.add(f), o[i] = f;
+    }
+    o = o[i], s = d;
+  }
+  o[n[n.length - 1]] = c;
+}
+function We(r, e) {
+  const n = {};
+  for (const { reducer: c, property: o } of e) {
+    const s = F(r) ? r[c] : void 0;
+    if (o === "") {
+      n[c] = s;
+      continue;
+    }
+    const u = B(o) ? Me(s, o) : [o];
+    for (const i of u)
+      Fe(n, r, [c, ...i.split(".")], X(s, i));
+  }
+  return n;
+}
+function Ae(r, e, n = []) {
+  const c = () => e.map((o) => `{ reducer: "${o.reducer}", property: "${o.property}" }`).join(", ");
+  return new Proxy(r, {
+    get(o, s, u) {
+      if (typeof s == "symbol" || s === "toJSON" || s === "constructor")
+        return Reflect.get(o, s, u);
+      if (!Object.prototype.hasOwnProperty.call(o, s)) {
+        const d = [...n, String(s)].join(".");
+        throw new Error(
+          `[yoltra] useAtomicProps read "${d}", which it did not subscribe to. The selector only receives the paths declared alongside it, so this read would be \`undefined\` in production and the component would never re-render when it changed. Declared: [${c()}]. Add "${d}" to the list, or stop reading it.`
+        );
+      }
+      const i = Reflect.get(o, s, u);
+      return F(i) && !Array.isArray(i) ? Ae(i, e, [...n, String(s)]) : i;
+    },
+    has: (o, s) => Reflect.has(o, s)
+  });
+}
+function ze(r, e) {
   if (Object.is(r, e)) return !0;
   if (!r || !e) return !1;
-  const n = Object.keys(r), o = Object.keys(e);
-  if (n.length !== o.length) return !1;
-  for (const s of n)
-    if (!Object.is(r[s], e[s])) return !1;
+  const n = Object.keys(r), c = Object.keys(e);
+  if (n.length !== c.length) return !1;
+  for (const o of n)
+    if (!Object.is(r[o], e[o])) return !1;
   return !0;
 }
-function q() {
-  const r = ve(ye);
-  if (!r) throw new Error("useStore must be used inside <StoreProvider>");
-  return r;
-}
-function qe() {
-  return q().emit;
-}
-function Je(r, e = Object.is) {
-  const n = q(), o = E(() => (c) => n.subscribe(c), [n]), s = V(
-    () => r(n.getState()),
-    e,
-    [n]
-  );
-  return I(o, s, s);
-}
-function Ce(r, e, n = Object.is) {
-  const o = q(), s = E(() => {
-    const h = x(r.property);
-    return { reducer: r.reducer, property: h };
-  }, [r.reducer, r.property]), c = E(
-    () => (h) => o.connect(
-      { reducer: s.reducer, property: s.property },
-      () => h()
-    ),
-    [o, s]
-  ), u = L(s.property), d = V(
-    () => {
-      const _ = o.getState()[s.reducer];
-      return u ? _ : U(_, s.property);
-    },
-    n,
-    [o, s]
+function pe(r, e, n) {
+  const c = _(r);
+  c.current = r;
+  const o = _(e);
+  o.current = e;
+  const s = w(
+    () => ({ has: !1, value: void 0 }),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    n
   );
-  return I(c, d, d);
-}
-function ee(r, e, n = Object.is) {
-  return Ce(r, e, n);
-}
-function Be(r, e, n, o = "committed") {
-  const s = q(), c = P(n);
-  c.current = n, he(() => s.onEvent(
-    r,
-    e,
-    (u, d, h, _) => {
-      c.current(u, d, h, _);
-    },
-    o
-  ), [s, r, e, o]);
+  return ve(() => {
+    const u = c.current();
+    return (!s.has || !o.current(s.value, u)) && (s.has = !0, s.value = u), s.value;
+  }, [s]);
 }
-function $e(r) {
+function Le(r) {
   return r == null || r <= 0 ? null : Date.now() + r;
 }
-function Ie(r) {
+function Ve(r) {
   return r === null ? null : r === void 0 || r <= 0 ? 0 : Date.now() + r;
 }
-const Ye = 2e3;
-class De {
+const Ge = 2e3;
+class Je {
   store = /* @__PURE__ */ new Map();
   /**
    * Marks a key as most recently used, and evicts the coldest entries past the cap.
@@ -418,7 +443,7 @@ class De {
   }
   /** @internal */
   evict() {
-    for (; this.store.size > Ye; ) {
+    for (; this.store.size > Ge; ) {
       const e = this.store.keys().next();
       if (e.done === !0) return;
       const n = this.store.get(e.value);
@@ -433,28 +458,28 @@ class De {
   get size() {
     return this.store.size;
   }
-  read(e, n, o, s) {
-    const c = Date.now(), u = this.store.get(e);
-    if (u && u.status === "ready" && (u.expiresAt == null || u.expiresAt > c))
+  read(e, n, c, o) {
+    const s = Date.now(), u = this.store.get(e);
+    if (u && u.status === "ready" && (u.expiresAt == null || u.expiresAt > s))
       return this.touch(e), this.store.set(e, u), u.value;
     if (u && u.status === "pending")
       throw u.promise;
     if (u && u.status === "error") {
       if (u.delivered !== !0)
         throw this.store.set(e, { ...u, delivered: !0 }), u.error;
-      if (u.expiresAt === null || u.expiresAt > c) throw u.error;
+      if (u.expiresAt === null || u.expiresAt > s) throw u.error;
       this.store.delete(e);
     }
-    const d = Promise.resolve().then(n).then((h) => {
-      this.store.set(e, { status: "ready", value: h, expiresAt: $e(o) });
-    }).catch((h) => {
+    const i = Promise.resolve().then(n).then((d) => {
+      this.store.set(e, { status: "ready", value: d, expiresAt: Le(c) });
+    }).catch((d) => {
       this.store.set(e, {
         status: "error",
-        error: h,
-        expiresAt: Ie(s)
+        error: d,
+        expiresAt: Ve(o)
       });
     });
-    throw this.store.set(e, { status: "pending", promise: d, expiresAt: null }), this.evict(), d;
+    throw this.store.set(e, { status: "pending", promise: i, expiresAt: null }), this.evict(), i;
   }
   invalidate(e) {
     this.store.delete(e);
@@ -472,7 +497,7 @@ class De {
    */
   invalidatePathKey(e) {
     for (const n of this.store.keys())
-      pe(n) === e && this.store.delete(n);
+      me(n) === e && this.store.delete(n);
   }
   /**
    * Drops every entry that reads from `reducer`, in any store.
@@ -486,219 +511,275 @@ class De {
    */
   invalidateReducer(e) {
     const n = `${e}::`;
-    for (const o of this.store.keys())
-      pe(o).split("||").some((s) => s.startsWith(n)) && this.store.delete(o);
+    for (const c of this.store.keys())
+      me(c).split("||").some((o) => o.startsWith(n)) && this.store.delete(c);
   }
   clear() {
     this.store.clear();
   }
 }
-const Y = new De(), fe = /* @__PURE__ */ new WeakMap();
-let Fe = 0;
-function Ae(r) {
-  let e = fe.get(r);
-  return e === void 0 && (e = `s${++Fe}`, fe.set(r, e)), e;
+const W = new Je(), de = /* @__PURE__ */ new WeakMap();
+let Ue = 0;
+function we(r) {
+  let e = de.get(r);
+  return e === void 0 && (e = `s${++Ue}`, de.set(r, e)), e;
 }
-function pe(r) {
+function me(r) {
   return r.slice(r.indexOf("::") + 2);
 }
-function re(r, e, n) {
-  const o = Array.isArray(e) ? e.map(x).sort().join("|") : x(e);
-  return n ? `${r}::${o}::${n}` : `${r}::${o}`;
-}
-function Me(r, e, n) {
-  const o = r(), s = e.reducer, c = x(e.property), u = `${Ae(o)}::${re(s, c, n.key)}`, d = E(() => (i) => o.connect({ reducer: s, property: c }, () => {
-    Y.invalidate(u), i();
-  }), [o, s, c, u]), h = P(n);
-  h.current = n;
-  const _ = E(() => {
-    const i = L(c);
+function ee(r, e, n) {
+  const c = Array.isArray(e) ? e.map(N).sort().join("|") : N(e);
+  return n ? `${r}::${c}::${n}` : `${r}::${c}`;
+}
+function qe(r, e, n) {
+  const c = r(), o = e.reducer, s = N(e.property), u = `${we(c)}::${ee(o, s, n.key)}`, i = w(() => (l) => c.connect({ reducer: o, property: s }, () => {
+    W.invalidate(u), l();
+  }), [c, o, s, u]), d = _(n);
+  d.current = n;
+  const b = w(() => {
+    const l = B(s);
     return () => {
-      const l = o.getState()[s], y = i ? l : U(l, c), m = h.current;
-      return Y.read(u, () => m.load(y, l), m.staleTime ?? 0, m.errorTtlMs);
+      const p = c.getState()[o], E = l ? p : X(p, s), h = d.current;
+      return W.read(u, () => h.load(E, p), h.staleTime ?? 0, h.errorTtlMs);
     };
-  }, [o, s, c, u]), p = E(() => {
-    const i = L(c);
+  }, [c, o, s, u]), f = w(() => {
+    const l = B(s);
     return () => {
-      const l = o.getState()[s];
-      return i ? l : U(l, c);
+      const p = c.getState()[o];
+      return l ? p : X(p, s);
     };
-  }, [o, s, c]);
-  return I(d, _, p);
-}
-function ze(r, e, n) {
-  const o = r(), s = E(
-    () => e.map((p) => ({
-      reducer: p.reducer,
-      property: Array.isArray(p.property) ? p.property.map((i) => x(i)) : x(p.property)
+  }, [c, o, s]);
+  return J(i, b, f);
+}
+function Be(r, e, n) {
+  const c = r(), o = w(
+    () => e.map((f) => ({
+      reducer: f.reducer,
+      property: Array.isArray(f.property) ? f.property.map((l) => N(l)) : N(f.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(e)]
-  ), c = E(() => {
-    const p = s.map((i) => re(i.reducer, i.property)).sort().join("||");
-    return `${Ae(o)}::${n.key ? `${p}::${n.key}` : p}`;
-  }, [o, s, n.key]), u = E(() => (p) => {
-    const i = () => {
-      Y.invalidate(c), p();
-    }, v = s.map((l) => o.connect(l, i));
+  ), s = w(() => {
+    const f = o.map((l) => ee(l.reducer, l.property)).sort().join("||");
+    return `${we(c)}::${n.key ? `${f}::${n.key}` : f}`;
+  }, [c, o, n.key]), u = w(() => (f) => {
+    const l = () => {
+      W.invalidate(s), f();
+    }, y = o.map((p) => c.connect(p, l));
     return () => {
-      for (const l of v) l();
+      for (const p of y) p();
     };
-  }, [o, s, c]), d = P(n);
-  d.current = n;
-  const h = E(() => () => {
-    const p = o.getState(), i = d.current;
-    return Y.read(c, () => i.load(p), i.staleTime ?? 0, i.errorTtlMs);
-  }, [o, c]);
-  return I(u, h, () => {
-    const p = d.current.load(o.getState());
-    return p instanceof Promise ? void 0 : p;
+  }, [c, o, s]), i = _(n);
+  i.current = n;
+  const d = w(() => () => {
+    const f = c.getState(), l = i.current;
+    return W.read(s, () => l.load(f), l.staleTime ?? 0, l.errorTtlMs);
+  }, [c, s]);
+  return J(u, d, () => {
+    const f = i.current.load(c.getState());
+    return f instanceof Promise ? void 0 : f;
   });
 }
-function Xe(r, e, n) {
-  Y.invalidatePathKey(re(r, e, n));
+function Qe(r, e, n) {
+  W.invalidatePathKey(ee(r, e, n));
 }
-function He(r) {
-  Y.invalidateReducer(r);
+function er(r) {
+  W.invalidateReducer(r);
 }
-function Ze() {
-  Y.clear();
+function rr() {
+  W.clear();
 }
-function We(r) {
+function Xe(r) {
   return {
-    useSuspenseAtomicProp: (o, s) => Me(r, o, s),
-    useSuspenseAtomicProps: (o, s) => ze(r, o, s)
+    useSuspenseAtomicProp: (c, o) => qe(r, c, o),
+    useSuspenseAtomicProps: (c, o) => Be(r, c, o)
   };
 }
-function Ge(r) {
+function Pe(r) {
   function e() {
-    const i = ve(r);
-    if (!i)
+    const l = ke(r);
+    if (!l)
       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 i;
+    return l;
   }
   function n() {
     return e().emit;
   }
-  function o(i, v = Object.is) {
-    const l = e(), y = E(() => (g) => l.subscribe(g), [l]), m = V(() => i(l.getState()), v, [l]);
-    return I(y, m, m);
+  function c(l, y = Object.is) {
+    const p = e(), E = w(() => (P) => p.subscribe(P), [p]), h = pe(() => l(p.getState()), y, [p]);
+    return J(E, h, h);
   }
-  const c = (i, v, l) => {
-    const y = e(), m = typeof i == "string", g = m ? i : i.reducer, j = m ? Oe(v) : i.property, w = m ? void 0 : v, R = E(() => ({ reducer: g, property: x(j) }), [g, j]), O = E(
-      () => ($) => y.connect(
-        { reducer: R.reducer, property: R.property },
-        () => $()
+  const s = (l, y, p) => {
+    const E = e(), h = typeof l == "string", P = h ? l : l.reducer, T = h ? De(y) : l.property, R = h ? void 0 : y, A = w(() => ({ reducer: P, property: N(T) }), [P, T]), $ = w(
+      () => (I) => E.connect(
+        { reducer: A.reducer, property: A.property },
+        () => I()
       ),
-      [y, R]
-    ), D = L(R.property), F = V(
+      [E, A]
+    ), j = B(A.property), C = pe(
       () => {
-        const A = y.getState()[R.reducer], N = D ? A : U(A, R.property);
-        return w ? w(N) : N;
+        const Y = E.getState()[A.reducer], v = j ? Y : X(Y, A.property);
+        return R ? R(v) : v;
       },
-      l ?? Object.is,
-      [y, R]
+      p ?? Object.is,
+      [E, A]
     );
-    return I(O, F, F);
-  }, d = (i, v, l = Object.is) => {
-    const y = e(), m = P(0), g = P(void 0), j = P(-1), w = P(!1), R = P(v);
-    R.current = v;
-    const O = P(l);
-    O.current = l;
-    const D = E(() => i.map((A) => ({
-      reducer: A.reducer,
-      property: Array.isArray(A.property) ? A.property.map((N) => x(N)) : x(A.property)
-    })), [je(i)]), F = E(
-      () => (A) => {
-        const N = () => {
-          m.current++, A();
-        }, J = D.flatMap((T) => (Array.isArray(T.property) ? T.property : [T.property]).map((X) => y.connect({ reducer: T.reducer, property: X }, N)));
+    return J($, C, C);
+  }, i = (l, y, p = Object.is) => {
+    const E = e(), h = _(0), P = _(void 0), T = _(-1), R = _(!1), A = _(y);
+    A.current = y;
+    const $ = _(p);
+    $.current = p;
+    const j = w(() => l.map((v) => ({
+      reducer: v.reducer,
+      property: Array.isArray(v.property) ? v.property.map((O) => N(O)) : N(v.property)
+    })), [Ye(l)]), C = w(
+      () => (v) => {
+        const O = () => {
+          h.current++, v();
+        }, D = j.flatMap((x) => (Array.isArray(x.property) ? x.property : [x.property]).map((L) => E.connect({ reducer: x.reducer, property: L }, O)));
         return () => {
-          for (const T of J) T();
+          for (const x of D) x();
         };
       },
-      [y, D]
-    ), $ = me(() => {
-      if (j.current !== m.current || !w.current) {
-        const A = R.current(y.getState());
-        (!w.current || !O.current(g.current, A)) && (g.current = A, w.current = !0), j.current = m.current;
+      [E, j]
+    ), I = w(
+      () => j.flatMap(
+        (v) => (Array.isArray(v.property) ? v.property : [v.property]).map((O) => ({
+          reducer: v.reducer,
+          property: O
+        }))
+      ),
+      [j]
+    ), Y = ve(() => {
+      if (T.current !== h.current || !R.current) {
+        const v = We(E.getState(), I), O = process.env.NODE_ENV !== "production" ? Ae(v, I) : v, D = A.current(O);
+        (!R.current || !$.current(P.current, D)) && (P.current = D, R.current = !0), T.current = h.current;
       }
-      return g.current;
-    }, [y]);
-    return I(F, $, $);
-  }, h = (i, v, l, y = "committed") => {
-    const m = e(), g = P(l);
-    g.current = l, he(() => m.onEvent(
-      i,
-      v,
-      (j, w, R, O) => {
-        g.current(
+      return P.current;
+    }, [E, I]);
+    return J(C, Y, Y);
+  }, d = (l, y, p, E = "committed", h) => {
+    const P = e(), T = _(p);
+    T.current = p;
+    const R = h?.duringReplay === !0;
+    je(() => P.onEvent(
+      l,
+      y,
+      (A, $, j, C) => {
+        T.current(
+          A,
+          $,
           j,
-          w,
-          R,
-          O
+          C
         );
       },
-      y
-    ), [m, i, v, y]);
-  }, { useSuspenseAtomicProp: _, useSuspenseAtomicProps: p } = We(e);
+      E,
+      { duringReplay: R }
+    ), [P, l, y, E, R]);
+  }, { useSuspenseAtomicProp: b, useSuspenseAtomicProps: f } = Xe(e);
   return {
     useStore: e,
     useEmit: n,
-    useSelector: o,
-    useAtomicProp: c,
-    useAtomicProps: d,
-    useEvent: h,
-    useSuspenseAtomicProp: _,
-    useSuspenseAtomicProps: p,
-    shallowEqual: Ne
+    useSelector: c,
+    useAtomicProp: s,
+    useAtomicProps: i,
+    useEvent: d,
+    useSuspenseAtomicProp: b,
+    useSuspenseAtomicProps: f,
+    shallowEqual: ze
   };
 }
-function Ke(r) {
-  const e = Pe(r), n = de(e), o = Ge(n);
-  return { store: e, StoreContext: n, StoreProvider: ({
-    store: c,
+let he = null;
+function U() {
+  return he ??= Pe(
+    be
+  ), he;
+}
+function tr() {
+  return U().useStore();
+}
+function nr() {
+  return U().useEmit();
+}
+function or(r, e = Object.is) {
+  return U().useSelector(r, e);
+}
+function re(r, e, n = Object.is) {
+  return U().useAtomicProp(r, e, n);
+}
+function sr(r, e, n, c = "committed", o) {
+  U().useEvent(r, e, n, c, o);
+}
+function cr(r) {
+  const e = Oe(r), n = ye(e);
+  return Re(e, n);
+}
+function Re(r, e) {
+  const n = Pe(e), c = ({
+    store: s,
     children: u
-  }) => /* @__PURE__ */ be.jsx(n.Provider, { value: c ?? e, children: u }), ...o };
+  }) => /* @__PURE__ */ Ee.jsx(e.Provider, { value: s ?? r, children: u }), o = () => Re(r, e);
+  return {
+    store: r,
+    StoreContext: e,
+    StoreProvider: c,
+    ...n,
+    withSlice: (s, u, i) => (r.registerSlice(s, u, i), o()),
+    withMiddleware: (s) => (r.registerMiddleware(s), o()),
+    withEffect: (s) => (r.registerEffect(s), o())
+  };
+}
+function ur(r, e, n, c) {
+  return r.withSlice(e, n, c);
+}
+function ir(r, e) {
+  return r.withMiddleware(e);
+}
+function ar(r, e) {
+  return r.withEffect(e);
 }
-function Qe(r, e) {
-  return ee({
+function lr(r, e) {
+  return re({
     reducer: r,
     property: e.idsPath
   });
 }
-function er(r, e, n) {
-  return ee({
+function fr(r, e, n) {
+  return re({
     reducer: r,
     property: e.pathTo(n)
   });
 }
-function rr(r, e, n, o) {
-  return ee({
+function pr(r, e, n, c) {
+  return re({
     reducer: r,
-    property: e.pathTo(n, o)
+    property: e.pathTo(n, c)
   });
 }
 export {
-  ye as StoreContext,
-  Ve as StoreProvider,
-  Ze as clearSuspenseCache,
-  Ge as createHooks,
-  Ke as createYoltra,
-  Xe as invalidateAtomicProp,
-  He as invalidateAtomicPropsByReducer,
-  Ne as shallowEqual,
-  Y as suspenseCache,
-  qe as useEmit,
-  er as useEntity,
-  rr as useEntityField,
-  Qe as useEntityIds,
-  Be as useEvent,
-  Je as useSelector,
-  q as useStore
+  be as StoreContext,
+  Ke as StoreProvider,
+  rr as clearSuspenseCache,
+  Pe as createHooks,
+  cr as createYoltra,
+  Qe as invalidateAtomicProp,
+  er as invalidateAtomicPropsByReducer,
+  ze as shallowEqual,
+  W as suspenseCache,
+  nr as useEmit,
+  fr as useEntity,
+  pr as useEntityField,
+  lr as useEntityIds,
+  sr as useEvent,
+  or as useSelector,
+  tr as useStore,
+  ar as withEffect,
+  ir as withMiddleware,
+  ur as withSlice
 };
 //# sourceMappingURL=index.mjs.map