@yoltra/react 0.1.0

package/dist/index.mjs

@@ -0,0 +1,620 @@
+/*!
+ * @yoltra/react v0.1.0
+ * (c) 2026 Manu Ramirez <@pixerael>
+ * License: MIT
+ * Homepage: https://yoltra.dev
+ */
+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 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, {
+      $$typeof: t,
+      type: c,
+      key: p,
+      ref: o !== void 0 ? o : null,
+      props: s
+    };
+  }
+  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 "Fragment";
+        case T:
+          return "Profiler";
+        case P:
+          return "StrictMode";
+        case $:
+          return "Suspense";
+        case k:
+          return "SuspenseList";
+        case ie:
+          return "Activity";
+      }
+      if (typeof e == "object")
+        switch (typeof e.tag == "number" && console.error(
+          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
+        ), e.$$typeof) {
+          case S:
+            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;
+            try {
+              return t(e(i));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function r(e) {
+      return "" + e;
+    }
+    function n(e) {
+      try {
+        r(e);
+        var i = !1;
+      } catch {
+        i = !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,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          E
+        ), r(e);
+      }
+    }
+    function c(e) {
+      if (e === A) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === F)
+        return "<...>";
+      try {
+        var i = t(e);
+        return i ? "<" + i + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function o() {
+      var e = L.A;
+      return e === null ? null : e.getOwner();
+    }
+    function s() {
+      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;
+      }
+      return e.key !== void 0;
+    }
+    function u(e, i) {
+      function v() {
+        Z || (Z = !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
+        ));
+      }
+      v.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: v,
+        configurable: !0
+      });
+    }
+    function d() {
+      var e = t(this.type);
+      return Q[e] || (Q[e] = !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;
+    }
+    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", {
+        enumerable: !1,
+        get: d
+      }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: 0
+      }), Object.defineProperty(e, "_debugInfo", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: null
+      }), Object.defineProperty(e, "_debugStack", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: U
+      }), Object.defineProperty(e, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: V
+      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
+    }
+    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);
+          } 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";
+        });
+        E = 0 < Y.length ? "{key: someKey, " + Y.join(": ..., ") + ": ...}" : "{key: someKey}", re[R + E] || (Y = 0 < Y.length ? "{" + Y.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);
+      }
+      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,
+        O,
+        w,
+        o(),
+        v,
+        U,
+        V
+      );
+    }
+    function f(e) {
+      typeof e == "object" && e !== null && e.$$typeof === b && e._store && (e._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() {
+      return null;
+    };
+    m = {
+      react_stack_bottom_frame: function(e) {
+        return e();
+      }
+    };
+    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,
+        !1,
+        E,
+        w,
+        O ? Error("react-stack-top-frame") : K,
+        O ? G(c(e)) : ee
+      );
+    }, M.jsxs = function(e, i, v, E, w) {
+      var O = 1e4 > L.recentlyCreatedOwnerStacks++;
+      return a(
+        e,
+        i,
+        v,
+        !0,
+        E,
+        w,
+        O ? Error("react-stack-top-frame") : K,
+        O ? G(c(e)) : ee
+      );
+    };
+  })()), M;
+}
+var se;
+function Ae() {
+  return se || (se = 1, process.env.NODE_ENV === "production" ? W.exports = ve() : W.exports = Se()), W.exports;
+}
+var Ee = Ae();
+const we = ({ store: t, children: r }) => /* @__PURE__ */ Ee.jsx(ae.Provider, { value: t, children: r });
+function z(t) {
+  return t.includes("*");
+}
+function h(t) {
+  return t.replace(/^\./, "");
+}
+function Re(t) {
+  return h(t).split(".").filter(Boolean);
+}
+function J(t, r) {
+  if (!r) return t;
+  let n = t;
+  for (const c of Re(r)) {
+    if (n == null) return;
+    n = n[c];
+  }
+  return n;
+}
+function C() {
+  const t = ue(ae);
+  if (!t) throw new Error("useStore must be used inside <StoreProvider>");
+  return t;
+}
+function Ne() {
+  return C().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 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()
+    ),
+    [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)));
+      return () => {
+        for (const b of m) b();
+      };
+    },
+    [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;
+    }
+    return s.current;
+  }, [c, r, n]);
+  return x(d, l, l);
+}
+function De(t, r, n, c = "committed") {
+  const o = C(), s = N(n);
+  s.current = n, ce(() => o.onEvent(
+    t,
+    r,
+    (p, u, d, l) => {
+      s.current(p, u, d, l);
+    },
+    c
+  ), [o, t, r, c]);
+}
+class ge {
+  constructor() {
+    te(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
+      });
+    });
+    throw this.store.set(r, {
+      status: "pending",
+      promise: p,
+      expiresAt: c == null ? null : Date.now() + c
+    }), p;
+  }
+  invalidate(r) {
+    this.store.delete(r);
+  }
+  invalidatePrefix(r) {
+    for (const n of this.store.keys())
+      n.startsWith(r) && 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}`;
+}
+function Me(t, r) {
+  return ke(t, r);
+}
+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);
+    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);
+    };
+  }, [n, c, o, s, r]);
+  return x(p, u, u);
+}
+function ze(t, r) {
+  return Oe(t, r);
+}
+function Oe(t, r) {
+  const n = C(), c = y(
+    () => t.map((u) => ({
+      reducer: u.reducer,
+      property: Array.isArray(u.property) ? u.property.map((d) => h(d)) : h(u.property)
+    })),
+    [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));
+    return () => {
+      for (const a of l) a();
+    };
+  }, [n, c, o]), p = y(() => () => {
+    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;
+}
+function Le(t) {
+  function r() {
+    const l = ue(t);
+    if (!l) throw new Error("useStore must be used inside <StoreProvider>");
+    return l;
+  }
+  function n() {
+    return r().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);
+  }
+  return {
+    useStore: r,
+    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()
+        ),
+        [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);
+    },
+    useAtomicProps: (l, a, f = Object.is) => {
+      const m = r(), b = N(0), S = N(void 0), A = N(-1), P = y(() => l.map((_) => ({
+        reducer: _.reducer,
+        property: Array.isArray(_.property) ? _.property.map((g) => h(g)) : h(_.property)
+      })), [JSON.stringify(l)]), T = y(
+        () => (_) => {
+          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)));
+          return () => {
+            for (const k of $) k();
+          };
+        },
+        [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;
+        }
+        return S.current;
+      }, [m, a, f]);
+      return x(T, j, j);
+    },
+    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
+          );
+        },
+        m
+      ), [b, l, a, m]);
+    },
+    shallowEqual: xe
+  };
+}
+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
+};
+//# sourceMappingURL=index.mjs.map