@yoltra/react 0.6.0 → 0.8.0

package/dist/index.mjs

@@ -1,202 +1,194 @@
 /*!
- * @yoltra/react v0.6.0
+ * @yoltra/react v0.8.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 Pe = Object.defineProperty;
-var _e = (t, e, n) => e in t ? Pe(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
-var ue = (t, e, n) => _e(t, typeof e != "symbol" ? e + "" : e, n);
-import we, { createContext as me, useRef as P, useMemo as A, useCallback as he, useEffect as ve, useSyncExternalStore as I, useContext as ye } from "react";
-import { createStore as Te } from "@yoltra/core";
-const be = me(null);
-var G = { exports: {} }, z = {};
-var ae;
-function ke() {
-  if (ae) return z;
-  ae = 1;
-  var t = /* @__PURE__ */ Symbol.for("react.transitional.element"), e = /* @__PURE__ */ Symbol.for("react.fragment");
-  function n(o, s, c) {
+ * License: MIT */
+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(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 m in s)
-        m !== "key" && (c[m] = s[m]);
-    } else c = s;
-    return s = c.ref, {
-      $$typeof: t,
-      type: o,
+    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: 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 ie;
-function xe() {
-  return ie || (ie = 1, process.env.NODE_ENV !== "production" && (function() {
-    function t(r) {
-      if (r == null) return null;
-      if (typeof r == "function")
-        return r.$$typeof === B ? null : r.displayName || r.name || null;
-      if (typeof r == "string") return r;
-      switch (r) {
+var G = {};
+var ae;
+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 === O ? null : t.displayName || t.name || null;
+      if (typeof t == "string") return t;
+      switch (t) {
         case h:
           return "Fragment";
-        case j:
+        case T:
           return "Profiler";
-        case b:
+        case P:
           return "StrictMode";
-        case D:
+        case j:
           return "Suspense";
-        case F:
+        case C:
           return "SuspenseList";
-        case N:
+        case v:
           return "Activity";
       }
-      if (typeof r == "object")
-        switch (typeof r.tag == "number" && console.error(
+      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."
-        ), r.$$typeof) {
-          case y:
+        ), t.$$typeof) {
+          case E:
             return "Portal";
-          case g:
-            return (r.displayName || "Context") + ".Provider";
-          case w:
-            return (r._context.displayName || "Context") + ".Consumer";
-          case O:
-            var a = r.render;
-            return r = r.displayName, r || (r = a.displayName || a.name || "", r = r !== "" ? "ForwardRef(" + r + ")" : "ForwardRef"), r;
-          case $:
-            return a = r.displayName || null, a !== null ? a : t(r.type) || "Memo";
+          case A:
+            return (t.displayName || "Context") + ".Provider";
           case R:
-            a = r._payload, r = r._init;
+            return (t._context.displayName || "Context") + ".Consumer";
+          case $:
+            var a = t.render;
+            return t = t.displayName, t || (t = a.displayName || a.name || "", t = t !== "" ? "ForwardRef(" + t + ")" : "ForwardRef"), t;
+          case I:
+            return a = t.displayName || null, a !== null ? a : r(t.type) || "Memo";
+          case Y:
+            a = t._payload, t = t._init;
             try {
-              return t(r(a));
+              return r(t(a));
             } catch {
             }
         }
       return null;
     }
-    function e(r) {
-      return "" + r;
+    function e(t) {
+      return "" + t;
     }
-    function n(r) {
+    function n(t) {
       try {
-        e(r);
+        e(t);
         var a = !1;
       } catch {
         a = !0;
       }
       if (a) {
         a = console;
-        var f = a.error, S = typeof Symbol == "function" && Symbol.toStringTag && r[Symbol.toStringTag] || r.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.",
           S
-        ), e(r);
+        ), e(t);
       }
     }
-    function o(r) {
-      if (r === h) return "<>";
-      if (typeof r == "object" && r !== null && r.$$typeof === R)
+    function c(t) {
+      if (t === h) return "<>";
+      if (typeof t == "object" && t !== null && t.$$typeof === Y)
         return "<...>";
       try {
-        var a = t(r);
+        var a = r(t);
         return a ? "<" + a + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function s() {
-      var r = T.A;
-      return r === null ? null : r.getOwner();
+    function o() {
+      var t = D.A;
+      return t === null ? null : t.getOwner();
     }
-    function c() {
+    function s() {
       return Error("react-stack-top-frame");
     }
-    function u(r) {
-      if (X.call(r, "key")) {
-        var a = Object.getOwnPropertyDescriptor(r, "key").get;
+    function u(t) {
+      if (x.call(t, "key")) {
+        var a = Object.getOwnPropertyDescriptor(t, "key").get;
         if (a && a.isReactWarning) return !1;
       }
-      return r.key !== void 0;
+      return t.key !== void 0;
     }
-    function m(r, a) {
-      function f() {
-        re || (re = !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(r, "key", {
-        get: f,
+      m.isReactWarning = !0, Object.defineProperty(t, "key", {
+        get: m,
         configurable: !0
       });
     }
-    function v() {
-      var r = t(this.type);
-      return ne[r] || (ne[r] = !0, console.error(
+    function d() {
+      var t = r(this.type);
+      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."
-      )), r = this.props.ref, r !== void 0 ? r : null;
+      )), t = this.props.ref, t !== void 0 ? t : null;
     }
-    function _(r, a, f, S, C, k, Z, K) {
-      return f = k.ref, r = {
-        $$typeof: l,
-        type: r,
+    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(r, "ref", {
+        _owner: M
+      }, (m !== void 0 ? m : null) !== null ? Object.defineProperty(t, "ref", {
         enumerable: !1,
-        get: v
-      }) : Object.defineProperty(r, "ref", { enumerable: !1, value: null }), r._store = {}, Object.defineProperty(r._store, "validated", {
+        get: d
+      }) : Object.defineProperty(t, "ref", { enumerable: !1, value: null }), t._store = {}, Object.defineProperty(t._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(r, "_debugInfo", {
+      }), Object.defineProperty(t, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(r, "_debugStack", {
+      }), Object.defineProperty(t, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: Z
-      }), Object.defineProperty(r, "_debugTask", {
+        value: H
+      }), Object.defineProperty(t, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: K
-      }), Object.freeze && (Object.freeze(r.props), Object.freeze(r)), r;
+        value: Z
+      }), Object.freeze && (Object.freeze(t.props), Object.freeze(t)), t;
     }
-    function p(r, a, f, S, C, k, Z, K) {
-      var E = a.children;
-      if (E !== void 0)
+    function f(t, a, m, S, M, k, H, Z) {
+      var g = a.children;
+      if (g !== void 0)
         if (S)
-          if (q(E)) {
-            for (S = 0; S < E.length; S++)
-              i(E[S]);
-            Object.freeze && Object.freeze(E);
+          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(E);
-      if (X.call(a, "key")) {
-        E = t(r);
-        var M = Object.keys(a).filter(function(ge) {
-          return ge !== "key";
+        else l(g);
+      if (x.call(a, "key")) {
+        g = r(t);
+        var z = Object.keys(a).filter(function(_e) {
+          return _e !== "key";
         });
-        S = 0 < M.length ? "{key: someKey, " + M.join(": ..., ") + ": ...}" : "{key: someKey}", ce[E + S] || (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} />
@@ -204,215 +196,238 @@ React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
           S,
-          E,
-          M,
-          E
-        ), ce[E + S] = !0);
+          g,
+          z,
+          g
+        ), ue[g + S] = !0);
       }
-      if (E = null, f !== void 0 && (n(f), E = "" + f), u(a) && (n(a.key), E = "" + a.key), "key" in a) {
-        f = {};
-        for (var Q in a)
-          Q !== "key" && (f[Q] = a[Q]);
-      } else f = a;
-      return E && m(
-        f,
-        typeof r == "function" ? r.displayName || r.name || "Unknown" : r
-      ), _(
-        r,
-        E,
+      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,
+        g,
         k,
-        C,
-        s(),
-        f,
-        Z,
-        K
+        M,
+        o(),
+        m,
+        H,
+        Z
       );
     }
-    function i(r) {
-      typeof r == "object" && r !== null && r.$$typeof === l && r._store && (r._store.validated = 1);
+    function l(t) {
+      typeof t == "object" && t !== null && t.$$typeof === p && t._store && (t._store.validated = 1);
     }
-    var d = we, l = /* @__PURE__ */ Symbol.for("react.transitional.element"), y = /* @__PURE__ */ Symbol.for("react.portal"), h = /* @__PURE__ */ Symbol.for("react.fragment"), b = /* @__PURE__ */ Symbol.for("react.strict_mode"), j = /* @__PURE__ */ Symbol.for("react.profiler"), w = /* @__PURE__ */ Symbol.for("react.consumer"), g = /* @__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"), R = /* @__PURE__ */ Symbol.for("react.lazy"), N = /* @__PURE__ */ Symbol.for("react.activity"), B = /* @__PURE__ */ Symbol.for("react.client.reference"), T = d.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, X = Object.prototype.hasOwnProperty, q = 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;
     };
-    d = {
-      react_stack_bottom_frame: function(r) {
-        return r();
+    y = {
+      react_stack_bottom_frame: function(t) {
+        return t();
       }
     };
-    var re, ne = {}, oe = d.react_stack_bottom_frame.bind(
-      d,
-      c
-    )(), se = H(o(c)), ce = {};
-    W.Fragment = h, W.jsx = function(r, a, f, S, C) {
-      var k = 1e4 > T.recentlyCreatedOwnerStacks++;
-      return p(
-        r,
+    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,
         S,
-        C,
-        k ? Error("react-stack-top-frame") : oe,
-        k ? H(o(r)) : se
+        M,
+        k ? Error("react-stack-top-frame") : se,
+        k ? L(c(t)) : ce
       );
-    }, W.jsxs = function(r, a, f, S, C) {
-      var k = 1e4 > T.recentlyCreatedOwnerStacks++;
-      return p(
-        r,
+    }, G.jsxs = function(t, a, m, S, M) {
+      var k = 1e4 > D.recentlyCreatedOwnerStacks++;
+      return f(
+        t,
         a,
-        f,
+        m,
         !0,
         S,
-        C,
-        k ? Error("react-stack-top-frame") : oe,
-        k ? H(o(r)) : se
+        M,
+        k ? Error("react-stack-top-frame") : se,
+        k ? L(c(t)) : ce
       );
     };
-  })()), W;
+  })()), G;
 }
 var le;
-function je() {
-  return le || (le = 1, process.env.NODE_ENV === "production" ? G.exports = ke() : G.exports = xe()), G.exports;
+function $e() {
+  return le || (le = 1, process.env.NODE_ENV === "production" ? q.exports = xe() : q.exports = Ne()), q.exports;
 }
-var Se = je();
-const qe = ({ store: t, children: e }) => /* @__PURE__ */ Se.jsx(be.Provider, { value: t, children: e }), fe = /* @__PURE__ */ new Set();
-function Oe(t, e) {
-  process.env.NODE_ENV !== "production" && (fe.has(t) || (fe.add(t), 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(t) {
-  return t.includes("*");
+function B(r) {
+  return r.includes("*");
 }
-function x(t) {
-  return t.replace(/^\./, "");
+function N(r) {
+  return r.replace(/^\./, "");
 }
-function Ne(t) {
-  return x(t).split(".").filter(Boolean);
+function Ie(r) {
+  return N(r).split(".").filter(Boolean);
 }
-function Ce(t) {
+function Ye(r) {
   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("");
+  return r.map((n) => {
+    const c = Array.isArray(n.property) ? n.property : [n.property];
+    return e(n.reducer) + e(String(c.length)) + c.map(e).join("");
   }).join("");
 }
-const Ee = /* @__PURE__ */ Symbol("yoltra.pathSegments");
-function Ae(t) {
+const Se = /* @__PURE__ */ Symbol("yoltra.pathSegments");
+function ge(r) {
   const e = () => {
   };
   return new Proxy(e, {
-    get(n, o) {
-      if (o === Ee) return t;
-      if (typeof o != "symbol")
-        return Ae([...t, String(o)]);
+    get(n, c) {
+      if (c === Se) return r;
+      if (typeof c != "symbol")
+        return ge([...r, String(c)]);
     },
     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.`
+        `[yoltra] A typed path accessor called a method (near "${r.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 $e(t) {
-  const e = t(Ae([])), n = e != null ? e[Ee] : void 0, s = (Array.isArray(n) ? n : []).join(".");
-  return s === "" && Oe(
+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(t, e) {
-  if (!e) return t;
-  let n = t;
-  for (const o of Ne(e)) {
+function X(r, e) {
+  if (!e) return r;
+  let n = r;
+  for (const c of Ie(e)) {
     if (n == null) return;
-    n = n[o];
+    n = n[c];
   }
   return n;
 }
-function V(t, e, n) {
-  const o = P(t);
-  o.current = t;
-  const s = P(e);
-  s.current = e;
-  const c = A(
-    () => ({ has: !1, value: void 0 }),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    n
-  );
-  return he(() => {
-    const u = o.current();
-    return (!c.has || !s.current(c.value, u)) && (c.has = !0, c.value = u), c.value;
-  }, [c]);
-}
-function Ie(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 J() {
-  const t = ye(be);
-  if (!t) throw new Error("useStore must be used inside <StoreProvider>");
-  return t;
+function F(r) {
+  return typeof r == "object" && r !== null;
 }
-function He() {
-  return J().emit;
+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 Ze(t, e = Object.is) {
-  const n = J(), o = A(() => (c) => n.subscribe(c), [n]), s = V(
-    () => t(n.getState()),
-    e,
-    [n]
-  );
-  return I(o, s, s);
-}
-function Ye(t, e, n = Object.is) {
-  const o = J(), s = A(() => {
-    const v = x(t.property);
-    return { reducer: t.reducer, property: v };
-  }, [t.reducer, t.property]), c = A(
-    () => (v) => o.connect(
-      { reducer: s.reducer, property: s.property },
-      () => v()
-    ),
-    [o, s]
-  ), u = L(s.property), m = V(
-    () => {
-      const _ = o.getState()[s.reducer];
-      return u ? _ : U(_, s.property);
+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;
     },
-    n,
-    [o, s]
+    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), 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 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, m, m);
-}
-function ee(t, e, n = Object.is) {
-  return Ye(t, e, n);
-}
-function Ke(t, e, n, o = "committed") {
-  const s = J(), c = P(n);
-  c.current = n, ve(() => s.onEvent(
-    t,
-    e,
-    (u, m, v, _) => {
-      c.current(u, m, v, _);
-    },
-    o
-  ), [s, t, 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 De(t) {
-  return t == null || t <= 0 ? null : Date.now() + t;
+function Le(r) {
+  return r == null || r <= 0 ? null : Date.now() + r;
 }
-function Fe(t) {
-  return t === null ? null : t === void 0 || t <= 0 ? 0 : Date.now() + t;
+function Ve(r) {
+  return r === null ? null : r === void 0 || r <= 0 ? 0 : Date.now() + r;
 }
-const Me = 2e3;
-class ze {
-  constructor() {
-    ue(this, "store", /* @__PURE__ */ new Map());
-  }
+const Ge = 2e3;
+class Je {
+  store = /* @__PURE__ */ new Map();
   /**
    * Marks a key as most recently used, and evicts the coldest entries past the cap.
    *
@@ -428,11 +443,11 @@ class ze {
   }
   /** @internal */
   evict() {
-    for (; this.store.size > Me; ) {
+    for (; this.store.size > Ge; ) {
       const e = this.store.keys().next();
       if (e.done === !0) return;
       const n = this.store.get(e.value);
-      if ((n == null ? void 0 : n.status) === "pending") {
+      if (n?.status === "pending") {
         this.store.delete(e.value), this.store.set(e.value, n);
         continue;
       }
@@ -443,28 +458,28 @@ class ze {
   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 m = Promise.resolve().then(n).then((v) => {
-      this.store.set(e, { status: "ready", value: v, expiresAt: De(o) });
-    }).catch((v) => {
+    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: v,
-        expiresAt: Fe(s)
+        error: d,
+        expiresAt: Ve(o)
       });
     });
-    throw this.store.set(e, { status: "pending", promise: m, expiresAt: null }), this.evict(), m;
+    throw this.store.set(e, { status: "pending", promise: i, expiresAt: null }), this.evict(), i;
   }
   invalidate(e) {
     this.store.delete(e);
@@ -482,7 +497,7 @@ class ze {
    */
   invalidatePathKey(e) {
     for (const n of this.store.keys())
-      de(n) === e && this.store.delete(n);
+      me(n) === e && this.store.delete(n);
   }
   /**
    * Drops every entry that reads from `reducer`, in any store.
@@ -496,221 +511,275 @@ class ze {
    */
   invalidateReducer(e) {
     const n = `${e}::`;
-    for (const o of this.store.keys())
-      de(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 ze(), pe = /* @__PURE__ */ new WeakMap();
-let We = 0;
-function Re(t) {
-  let e = pe.get(t);
-  return e === void 0 && (e = `s${++We}`, pe.set(t, e)), e;
-}
-function de(t) {
-  return t.slice(t.indexOf("::") + 2);
-}
-function te(t, e, n) {
-  const o = Array.isArray(e) ? e.map(x).sort().join("|") : x(e);
-  return n ? `${t}::${o}::${n}` : `${t}::${o}`;
-}
-function Ge(t, e, n) {
-  const o = t(), s = e.reducer, c = x(e.property), u = `${Re(o)}::${te(s, c, n.key)}`, m = A(() => (i) => o.connect({ reducer: s, property: c }, () => {
-    Y.invalidate(u), i();
-  }), [o, s, c, u]), v = P(n);
-  v.current = n;
-  const _ = A(() => {
-    const i = L(c);
+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 me(r) {
+  return r.slice(r.indexOf("::") + 2);
+}
+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 () => {
-      var b;
-      const l = o.getState()[s], y = i ? l : U(l, c), h = v.current;
-      return Y.read(u, () => h.load(y, l), (b = h.staleTime) != null ? b : 0, h.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 = A(() => {
-    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(m, _, p);
-}
-function Le(t, e, n) {
-  const o = t(), s = A(
-    () => 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 = A(() => {
-    const p = s.map((i) => te(i.reducer, i.property)).sort().join("||");
-    return `${Re(o)}::${n.key ? `${p}::${n.key}` : p}`;
-  }, [o, s, n.key]), u = A(() => (p) => {
-    const i = () => {
-      Y.invalidate(c), p();
-    }, d = 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 d) l();
+      for (const p of y) p();
     };
-  }, [o, s, c]), m = P(n);
-  m.current = n;
-  const v = A(() => () => {
-    var d;
-    const p = o.getState(), i = m.current;
-    return Y.read(c, () => i.load(p), (d = i.staleTime) != null ? d : 0, i.errorTtlMs);
-  }, [o, c]);
-  return I(u, v, () => {
-    const p = m.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 Qe(t, e, n) {
-  Y.invalidatePathKey(te(t, e, n));
+function Qe(r, e, n) {
+  W.invalidatePathKey(ee(r, e, n));
 }
-function et(t) {
-  Y.invalidateReducer(t);
+function er(r) {
+  W.invalidateReducer(r);
 }
-function tt() {
-  Y.clear();
+function rr() {
+  W.clear();
 }
-function Ue(t) {
+function Xe(r) {
   return {
-    useSuspenseAtomicProp: (o, s) => Ge(t, o, s),
-    useSuspenseAtomicProps: (o, s) => Le(t, o, s)
+    useSuspenseAtomicProp: (c, o) => qe(r, c, o),
+    useSuspenseAtomicProps: (c, o) => Be(r, c, o)
   };
 }
-function Ve(t) {
+function Pe(r) {
   function e() {
-    const i = ye(t);
-    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, d = Object.is) {
-    const l = e(), y = A(() => (b) => l.subscribe(b), [l]), h = V(() => i(l.getState()), d, [l]);
-    return I(y, h, h);
+  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, d, l) => {
-    const y = e(), h = typeof i == "string", b = h ? i : i.reducer, j = h ? $e(d) : i.property, w = h ? void 0 : d, g = A(() => ({ reducer: b, property: x(j) }), [b, j]), O = A(
-      () => ($) => y.connect(
-        { reducer: g.reducer, property: g.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, g]
-    ), D = L(g.property), F = V(
+      [E, A]
+    ), j = B(A.property), C = pe(
       () => {
-        const R = y.getState()[g.reducer], N = D ? R : U(R, g.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 != null ? l : Object.is,
-      [y, g]
+      p ?? Object.is,
+      [E, A]
     );
-    return I(O, F, F);
-  }, m = (i, d, l = Object.is) => {
-    const y = e(), h = P(0), b = P(void 0), j = P(-1), w = P(!1), g = P(d);
-    g.current = d;
-    const O = P(l);
-    O.current = l;
-    const D = A(() => i.map((R) => ({
-      reducer: R.reducer,
-      property: Array.isArray(R.property) ? R.property.map((N) => x(N)) : x(R.property)
-    })), [Ce(i)]), F = A(
-      () => (R) => {
-        const N = () => {
-          h.current++, R();
-        }, B = D.flatMap((T) => (Array.isArray(T.property) ? T.property : [T.property]).map((q) => y.connect({ reducer: T.reducer, property: q }, 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 B) T();
+          for (const x of D) x();
         };
       },
-      [y, D]
-    ), $ = he(() => {
-      if (j.current !== h.current || !w.current) {
-        const R = g.current(y.getState());
-        (!w.current || !O.current(b.current, R)) && (b.current = R, w.current = !0), j.current = h.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 b.current;
-    }, [y]);
-    return I(F, $, $);
-  }, v = (i, d, l, y = "committed") => {
-    const h = e(), b = P(l);
-    b.current = l, ve(() => h.onEvent(
-      i,
-      d,
-      (j, w, g, O) => {
-        b.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,
-          g,
-          O
+          C
         );
       },
-      y
-    ), [h, i, d, y]);
-  }, { useSuspenseAtomicProp: _, useSuspenseAtomicProps: p } = Ue(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: m,
-    useEvent: v,
-    useSuspenseAtomicProp: _,
-    useSuspenseAtomicProps: p,
-    shallowEqual: Ie
+    useSelector: c,
+    useAtomicProp: s,
+    useAtomicProps: i,
+    useEvent: d,
+    useSuspenseAtomicProp: b,
+    useSuspenseAtomicProps: f,
+    shallowEqual: ze
   };
 }
-function rt(t) {
-  const e = Te(t), n = me(e), o = Ve(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__ */ Se.jsx(n.Provider, { value: c != null ? 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 nt(t, e) {
-  return ee({
-    reducer: t,
+function lr(r, e) {
+  return re({
+    reducer: r,
     property: e.idsPath
   });
 }
-function ot(t, e, n) {
-  return ee({
-    reducer: t,
+function fr(r, e, n) {
+  return re({
+    reducer: r,
     property: e.pathTo(n)
   });
 }
-function st(t, e, n, o) {
-  return ee({
-    reducer: t,
-    property: e.pathTo(n, o)
+function pr(r, e, n, c) {
+  return re({
+    reducer: r,
+    property: e.pathTo(n, c)
   });
 }
 export {
   be as StoreContext,
-  qe as StoreProvider,
-  tt as clearSuspenseCache,
-  Ve as createHooks,
-  rt as createYoltra,
+  Ke as StoreProvider,
+  rr as clearSuspenseCache,
+  Pe as createHooks,
+  cr as createYoltra,
   Qe as invalidateAtomicProp,
-  et as invalidateAtomicPropsByReducer,
-  Ie as shallowEqual,
-  Y as suspenseCache,
-  He as useEmit,
-  ot as useEntity,
-  st as useEntityField,
-  nt as useEntityIds,
-  Ke as useEvent,
-  Ze as useSelector,
-  J as useStore
+  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