@quantajs/react 2.0.0-beta.2 → 2.0.0-beta.3

package/dist/index.cjs

@@ -20,7 +20,7 @@ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 SOFTWARE.
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("react"),T=require("@quantajs/core");function A(t,o){return v.useSyncExternalStore(t.subscribe,()=>o?o(t):t,()=>o?o(t):t)}const g=v.createContext({stores:{}});function q(){const t=v.useContext(g);if(!t)throw new Error("useQuantaContext must be used within a QuantaProvider");return t}function ae(t,o){const{stores:f}=q(),c=f[t];if(!c)throw new Error(`Store with name "${t}" does not exist in the context.`);return o?A(c,o):A(c)}function ue(t,o,f,c){const s=v.useRef();return s.current||(s.current=T.createStore(t,{state:o,getters:f,actions:c})),s.current}var S={exports:{}},R={};/**
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("react"),u=require("@quantajs/core");function k(o,s){try{return p.useSyncExternalStore(o.subscribe,()=>{try{return s?s(o):o}catch(r){throw u.logger.error(`useQuantaStore: Failed to get store snapshot: ${r instanceof Error?r.message:String(r)}`),r}},()=>{try{return s?s(o):o}catch(r){throw u.logger.error(`useQuantaStore: Failed to get server snapshot: ${r instanceof Error?r.message:String(r)}`),r}})}catch(r){throw u.logger.error(`useQuantaStore: Hook execution failed: ${r instanceof Error?r.message:String(r)}`),r}}const y=p.createContext({stores:{}});function q(){try{const o=p.useContext(y);if(!o){const s="useQuantaContext must be used within a QuantaProvider";throw u.logger.error(`QuantaContext: ${s}`),new Error(s)}return o}catch(o){throw u.logger.error(`QuantaContext: Failed to access context: ${o instanceof Error?o.message:String(o)}`),o}}function ae(o,s){try{const{stores:r}=q(),f=r[o];if(!f){const n=`Store with name "${o}" does not exist in the context.`;throw u.logger.error(`useStore: ${n}`),new Error(n)}return s?k(f,s):k(f)}catch(r){throw u.logger.error(`useStore: Failed to access store "${o}": ${r instanceof Error?r.message:String(r)}`),r}}function se(o,s,r,f){try{const n=p.useRef(void 0);if(!n.current)try{n.current=u.createStore(o,{state:s,getters:r,actions:f})}catch(l){throw u.logger.error(`useCreateStore: Failed to create store "${o}": ${l instanceof Error?l.message:String(l)}`),l}return n.current}catch(n){throw u.logger.error(`useCreateStore: Hook execution failed: ${n instanceof Error?n.message:String(n)}`),n}}var _={exports:{}},v={};/**
  * @license React
  * react-jsx-runtime.production.js
  *
@@ -28,7 +28,7 @@ SOFTWARE.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var L;function se(){if(L)return R;L=1;var t=Symbol.for("react.transitional.element"),o=Symbol.for("react.fragment");function f(c,s,i){var b=null;if(i!==void 0&&(b=""+i),s.key!==void 0&&(b=""+s.key),"key"in s){i={};for(var E in s)E!=="key"&&(i[E]=s[E])}else i=s;return s=i.ref,{$$typeof:t,type:c,key:b,ref:s!==void 0?s:null,props:i}}return R.Fragment=o,R.jsx=f,R.jsxs=f,R}var _={};/**
+ */var D;function ue(){if(D)return v;D=1;var o=Symbol.for("react.transitional.element"),s=Symbol.for("react.fragment");function r(f,n,l){var E=null;if(l!==void 0&&(E=""+l),n.key!==void 0&&(E=""+n.key),"key"in n){l={};for(var b in n)b!=="key"&&(l[b]=n[b])}else l=n;return n=l.ref,{$$typeof:o,type:f,key:E,ref:n!==void 0?n:null,props:l}}return v.Fragment=s,v.jsx=r,v.jsxs=r,v}var R={};/**
  * @license React
  * react-jsx-runtime.development.js
  *
@@ -36,9 +36,9 @@ SOFTWARE.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var Q;function ce(){return Q||(Q=1,process.env.NODE_ENV!=="production"&&function(){function t(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===te?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case O:return"Fragment";case G:return"Profiler";case V:return"StrictMode";case Z:return"Suspense";case K:return"SuspenseList";case re: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 z:return"Portal";case B:return(e.displayName||"Context")+".Provider";case X:return(e._context.displayName||"Context")+".Consumer";case H:var r=e.render;return e=e.displayName,e||(e=r.displayName||r.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case ee:return r=e.displayName||null,r!==null?r:t(e.type)||"Memo";case N:r=e._payload,e=e._init;try{return t(e(r))}catch{}}return null}function o(e){return""+e}function f(e){try{o(e);var r=!1}catch{r=!0}if(r){r=console;var n=r.error,a=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return n.call(r,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",a),o(e)}}function c(e){if(e===O)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===N)return"<...>";try{var r=t(e);return r?"<"+r+">":"<...>"}catch{return"<...>"}}function s(){var e=P.A;return e===null?null:e.getOwner()}function i(){return Error("react-stack-top-frame")}function b(e){if(Y.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function E(e,r){function n(){$||($=!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)",r))}n.isReactWarning=!0,Object.defineProperty(e,"key",{get:n,configurable:!0})}function U(){var e=t(this.type);return I[e]||(I[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 J(e,r,n,a,d,l,x,w){return n=l.ref,e={$$typeof:C,type:e,key:r,props:l,_owner:d},(n!==void 0?n:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:U}):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:x}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:w}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function h(e,r,n,a,d,l,x,w){var u=r.children;if(u!==void 0)if(a)if(ne(u)){for(a=0;a<u.length;a++)y(u[a]);Object.freeze&&Object.freeze(u)}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 y(u);if(Y.call(r,"key")){u=t(e);var m=Object.keys(r).filter(function(oe){return oe!=="key"});a=0<m.length?"{key: someKey, "+m.join(": ..., ")+": ...}":"{key: someKey}",M[u+a]||(m=0<m.length?"{"+m.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
+ */var L;function ce(){return L||(L=1,process.env.NODE_ENV!=="production"&&function(){function o(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===te?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case h:return"Fragment";case G:return"Profiler";case V:return"StrictMode";case Z:return"Suspense";case K:return"SuspenseList";case re: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 z:return"Portal";case H:return(e.displayName||"Context")+".Provider";case X:return(e._context.displayName||"Context")+".Consumer";case B:var t=e.render;return e=e.displayName,e||(e=t.displayName||t.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case ee:return t=e.displayName||null,t!==null?t:o(e.type)||"Memo";case N:t=e._payload,e=e._init;try{return o(e(t))}catch{}}return null}function s(e){return""+e}function r(e){try{s(e);var t=!1}catch{t=!0}if(t){t=console;var a=t.error,c=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return a.call(t,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",c),s(e)}}function f(e){if(e===h)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===N)return"<...>";try{var t=o(e);return t?"<"+t+">":"<...>"}catch{return"<...>"}}function n(){var e=T.A;return e===null?null:e.getOwner()}function l(){return Error("react-stack-top-frame")}function E(e){if($.call(e,"key")){var t=Object.getOwnPropertyDescriptor(e,"key").get;if(t&&t.isReactWarning)return!1}return e.key!==void 0}function b(e,t){function a(){F||(F=!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)",t))}a.isReactWarning=!0,Object.defineProperty(e,"key",{get:a,configurable:!0})}function U(){var e=o(this.type);return Y[e]||(Y[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 J(e,t,a,c,m,d,x,P){return a=d.ref,e={$$typeof:C,type:e,key:t,props:d,_owner:m},(a!==void 0?a:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:U}):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:x}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:P}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function j(e,t,a,c,m,d,x,P){var i=t.children;if(i!==void 0)if(c)if(oe(i)){for(c=0;c<i.length;c++)A(i[c]);Object.freeze&&Object.freeze(i)}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 A(i);if($.call(t,"key")){i=o(e);var g=Object.keys(t).filter(function(ne){return ne!=="key"});c=0<g.length?"{key: someKey, "+g.join(": ..., ")+": ...}":"{key: someKey}",M[i+c]||(g=0<g.length?"{"+g.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} />`,a,u,m,u),M[u+a]=!0)}if(u=null,n!==void 0&&(f(n),u=""+n),b(r)&&(f(r.key),u=""+r.key),"key"in r){n={};for(var j in r)j!=="key"&&(n[j]=r[j])}else n=r;return u&&E(n,typeof e=="function"?e.displayName||e.name||"Unknown":e),J(e,u,l,d,s(),n,x,w)}function y(e){typeof e=="object"&&e!==null&&e.$$typeof===C&&e._store&&(e._store.validated=1)}var p=v,C=Symbol.for("react.transitional.element"),z=Symbol.for("react.portal"),O=Symbol.for("react.fragment"),V=Symbol.for("react.strict_mode"),G=Symbol.for("react.profiler"),X=Symbol.for("react.consumer"),B=Symbol.for("react.context"),H=Symbol.for("react.forward_ref"),Z=Symbol.for("react.suspense"),K=Symbol.for("react.suspense_list"),ee=Symbol.for("react.memo"),N=Symbol.for("react.lazy"),re=Symbol.for("react.activity"),te=Symbol.for("react.client.reference"),P=p.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,Y=Object.prototype.hasOwnProperty,ne=Array.isArray,k=console.createTask?console.createTask:function(){return null};p={react_stack_bottom_frame:function(e){return e()}};var $,I={},F=p.react_stack_bottom_frame.bind(p,i)(),D=k(c(i)),M={};_.Fragment=O,_.jsx=function(e,r,n,a,d){var l=1e4>P.recentlyCreatedOwnerStacks++;return h(e,r,n,!1,a,d,l?Error("react-stack-top-frame"):F,l?k(c(e)):D)},_.jsxs=function(e,r,n,a,d){var l=1e4>P.recentlyCreatedOwnerStacks++;return h(e,r,n,!0,a,d,l?Error("react-stack-top-frame"):F,l?k(c(e)):D)}}()),_}var W;function ie(){return W||(W=1,process.env.NODE_ENV==="production"?S.exports=se():S.exports=ce()),S.exports}var le=ie();function fe({stores:t,children:o}){return le.jsx(g.Provider,{value:{stores:t},children:o})}Object.defineProperty(exports,"computed",{enumerable:!0,get:()=>T.computed});Object.defineProperty(exports,"createStore",{enumerable:!0,get:()=>T.createStore});Object.defineProperty(exports,"reactive",{enumerable:!0,get:()=>T.reactive});Object.defineProperty(exports,"watch",{enumerable:!0,get:()=>T.watch});exports.QuantaContext=g;exports.QuantaProvider=fe;exports.useCreateStore=ue;exports.useQuantaContext=q;exports.useQuantaStore=A;exports.useStore=ae;
+  <%s key={someKey} {...props} />`,c,i,g,i),M[i+c]=!0)}if(i=null,a!==void 0&&(r(a),i=""+a),E(t)&&(r(t.key),i=""+t.key),"key"in t){a={};for(var O in t)O!=="key"&&(a[O]=t[O])}else a=t;return i&&b(a,typeof e=="function"?e.displayName||e.name||"Unknown":e),J(e,i,d,m,n(),a,x,P)}function A(e){typeof e=="object"&&e!==null&&e.$$typeof===C&&e._store&&(e._store.validated=1)}var S=p,C=Symbol.for("react.transitional.element"),z=Symbol.for("react.portal"),h=Symbol.for("react.fragment"),V=Symbol.for("react.strict_mode"),G=Symbol.for("react.profiler"),X=Symbol.for("react.consumer"),H=Symbol.for("react.context"),B=Symbol.for("react.forward_ref"),Z=Symbol.for("react.suspense"),K=Symbol.for("react.suspense_list"),ee=Symbol.for("react.memo"),N=Symbol.for("react.lazy"),re=Symbol.for("react.activity"),te=Symbol.for("react.client.reference"),T=S.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,$=Object.prototype.hasOwnProperty,oe=Array.isArray,w=console.createTask?console.createTask:function(){return null};S={react_stack_bottom_frame:function(e){return e()}};var F,Y={},Q=S.react_stack_bottom_frame.bind(S,l)(),I=w(f(l)),M={};R.Fragment=h,R.jsx=function(e,t,a,c,m){var d=1e4>T.recentlyCreatedOwnerStacks++;return j(e,t,a,!1,c,m,d?Error("react-stack-top-frame"):Q,d?w(f(e)):I)},R.jsxs=function(e,t,a,c,m){var d=1e4>T.recentlyCreatedOwnerStacks++;return j(e,t,a,!0,c,m,d?Error("react-stack-top-frame"):Q,d?w(f(e)):I)}}()),R}var W;function ie(){return W||(W=1,process.env.NODE_ENV==="production"?_.exports=ue():_.exports=ce()),_.exports}var le=ie();function fe({stores:o,children:s}){try{if(!o||typeof o!="object"){const r="QuantaProvider: Invalid stores prop provided";throw u.logger.error(r),new Error(r)}for(const[r,f]of Object.entries(o))if(!f||typeof f!="object"){const n=`QuantaProvider: Invalid store "${r}" provided`;throw u.logger.error(n),new Error(n)}return le.jsx(y.Provider,{value:{stores:o},children:s})}catch(r){throw u.logger.error(`QuantaProvider: Failed to render provider: ${r instanceof Error?r.message:String(r)}`),r}}Object.defineProperty(exports,"computed",{enumerable:!0,get:()=>u.computed});Object.defineProperty(exports,"createStore",{enumerable:!0,get:()=>u.createStore});Object.defineProperty(exports,"logger",{enumerable:!0,get:()=>u.logger});Object.defineProperty(exports,"reactive",{enumerable:!0,get:()=>u.reactive});Object.defineProperty(exports,"watch",{enumerable:!0,get:()=>u.watch});exports.QuantaContext=y;exports.QuantaProvider=fe;exports.useCreateStore=se;exports.useQuantaContext=q;exports.useQuantaStore=k;exports.useStore=ae;

package/dist/index.d.ts

@@ -4,6 +4,7 @@ import { Context } from 'react';
 import { createStore } from '@quantajs/core';
 import { GetterDefinition } from '@quantajs/core';
 import { JSX } from 'react/jsx-runtime';
+import { logger } from '@quantajs/core';
 import { reactive } from '@quantajs/core';
 import { ReactNode } from 'react';
 import { StateDefinition } from '@quantajs/core';
@@ -20,6 +21,8 @@ export { createStore }
 
 export { GetterDefinition }
 
+export { logger }
+
 export declare const QuantaContext: Context<QuantaContextValue>;
 
 declare interface QuantaContextValue {

package/dist/index.js

@@ -20,38 +20,90 @@ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 SOFTWARE.
  */
-import te, { useSyncExternalStore as ne, createContext as oe, useContext as ae, useRef as ue } from "react";
-import { createStore as se } from "@quantajs/core";
-import { computed as pe, createStore as Se, reactive as ke, watch as xe } from "@quantajs/core";
-function I(t, o) {
-  return ne(
-    t.subscribe,
-    () => o ? o(t) : t,
-    () => o ? o(t) : t
-  );
-}
-const M = oe({ stores: {} });
-function ce() {
-  const t = ae(M);
-  if (!t)
-    throw new Error(
-      "useQuantaContext must be used within a QuantaProvider"
+import oe, { useSyncExternalStore as ne, createContext as ae, useContext as se, useRef as ue } from "react";
+import { logger as f, createStore as ce } from "@quantajs/core";
+import { computed as ge, createStore as he, logger as Te, reactive as we, watch as xe } from "@quantajs/core";
+function I(o, s) {
+  try {
+    return ne(
+      o.subscribe,
+      () => {
+        try {
+          return s ? s(o) : o;
+        } catch (r) {
+          throw f.error(
+            `useQuantaStore: Failed to get store snapshot: ${r instanceof Error ? r.message : String(r)}`
+          ), r;
+        }
+      },
+      () => {
+        try {
+          return s ? s(o) : o;
+        } catch (r) {
+          throw f.error(
+            `useQuantaStore: Failed to get server snapshot: ${r instanceof Error ? r.message : String(r)}`
+          ), r;
+        }
+      }
     );
-  return t;
+  } catch (r) {
+    throw f.error(
+      `useQuantaStore: Hook execution failed: ${r instanceof Error ? r.message : String(r)}`
+    ), r;
+  }
 }
-function Re(t, o) {
-  const { stores: f } = ce(), c = f[t];
-  if (!c)
-    throw new Error(
-      `Store with name "${t}" does not exist in the context.`
-    );
-  return o ? I(c, o) : I(c);
+const L = ae({ stores: {} });
+function ie() {
+  try {
+    const o = se(L);
+    if (!o) {
+      const s = "useQuantaContext must be used within a QuantaProvider";
+      throw f.error(`QuantaContext: ${s}`), new Error(s);
+    }
+    return o;
+  } catch (o) {
+    throw f.error(
+      `QuantaContext: Failed to access context: ${o instanceof Error ? o.message : String(o)}`
+    ), o;
+  }
 }
-function _e(t, o, f, c) {
-  const s = ue();
-  return s.current || (s.current = se(t, { state: o, getters: f, actions: c })), s.current;
+function be(o, s) {
+  try {
+    const { stores: r } = ie(), l = r[o];
+    if (!l) {
+      const n = `Store with name "${o}" does not exist in the context.`;
+      throw f.error(`useStore: ${n}`), new Error(n);
+    }
+    return s ? I(l, s) : I(l);
+  } catch (r) {
+    throw f.error(
+      `useStore: Failed to access store "${o}": ${r instanceof Error ? r.message : String(r)}`
+    ), r;
+  }
 }
-var T = { exports: {} }, _ = {};
+function Re(o, s, r, l) {
+  try {
+    const n = ue(void 0);
+    if (!n.current)
+      try {
+        n.current = ce(o, {
+          state: s,
+          getters: r,
+          actions: l
+        });
+      } catch (i) {
+        throw f.error(
+          `useCreateStore: Failed to create store "${o}": ${i instanceof Error ? i.message : String(i)}`
+        ), i;
+      }
+    return n.current;
+  } catch (n) {
+    throw f.error(
+      `useCreateStore: Hook execution failed: ${n instanceof Error ? n.message : String(n)}`
+    ), n;
+  }
+}
+var S = { exports: {} }, R = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -61,29 +113,29 @@ var T = { exports: {} }, _ = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var F;
-function ie() {
-  if (F) return _;
-  F = 1;
-  var t = Symbol.for("react.transitional.element"), o = Symbol.for("react.fragment");
-  function f(c, s, i) {
-    var E = null;
-    if (i !== void 0 && (E = "" + i), s.key !== void 0 && (E = "" + s.key), "key" in s) {
+var M;
+function le() {
+  if (M) return R;
+  M = 1;
+  var o = Symbol.for("react.transitional.element"), s = Symbol.for("react.fragment");
+  function r(l, n, i) {
+    var v = null;
+    if (i !== void 0 && (v = "" + i), n.key !== void 0 && (v = "" + n.key), "key" in n) {
       i = {};
-      for (var R in s)
-        R !== "key" && (i[R] = s[R]);
-    } else i = s;
-    return s = i.ref, {
-      $$typeof: t,
-      type: c,
-      key: E,
-      ref: s !== void 0 ? s : null,
+      for (var b in n)
+        b !== "key" && (i[b] = n[b]);
+    } else i = n;
+    return n = i.ref, {
+      $$typeof: o,
+      type: l,
+      key: v,
+      ref: n !== void 0 ? n : null,
       props: i
     };
   }
-  return _.Fragment = o, _.jsx = f, _.jsxs = f, _;
+  return R.Fragment = s, R.jsx = r, R.jsxs = r, R;
 }
-var b = {};
+var _ = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -93,26 +145,26 @@ var b = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var D;
-function le() {
-  return D || (D = 1, process.env.NODE_ENV !== "production" && function() {
-    function t(e) {
+var Q;
+function fe() {
+  return Q || (Q = 1, process.env.NODE_ENV !== "production" && function() {
+    function o(e) {
       if (e == null) return null;
       if (typeof e == "function")
-        return e.$$typeof === K ? null : e.displayName || e.name || null;
+        return e.$$typeof === ee ? null : e.displayName || e.name || null;
       if (typeof e == "string") return e;
       switch (e) {
-        case p:
+        case g:
           return "Fragment";
         case z:
           return "Profiler";
         case J:
           return "StrictMode";
-        case X:
+        case H:
           return "Suspense";
         case B:
           return "SuspenseList";
-        case Z:
+        case K:
           return "Activity";
       }
       if (typeof e == "object")
@@ -121,95 +173,95 @@ function le() {
         ), e.$$typeof) {
           case q:
             return "Portal";
-          case V:
+          case G:
             return (e.displayName || "Context") + ".Provider";
-          case Q:
+          case V:
             return (e._context.displayName || "Context") + ".Consumer";
-          case G:
-            var r = e.render;
-            return e = e.displayName, e || (e = r.displayName || r.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
-          case H:
-            return r = e.displayName || null, r !== null ? r : t(e.type) || "Memo";
-          case j:
-            r = e._payload, e = e._init;
+          case X:
+            var t = e.render;
+            return e = e.displayName, e || (e = t.displayName || t.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
+          case Z:
+            return t = e.displayName || null, t !== null ? t : o(e.type) || "Memo";
+          case A:
+            t = e._payload, e = e._init;
             try {
-              return t(e(r));
+              return o(e(t));
             } catch {
             }
         }
       return null;
     }
-    function o(e) {
+    function s(e) {
       return "" + e;
     }
-    function f(e) {
+    function r(e) {
       try {
-        o(e);
-        var r = !1;
+        s(e);
+        var t = !1;
       } catch {
-        r = !0;
+        t = !0;
       }
-      if (r) {
-        r = console;
-        var n = r.error, a = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return n.call(
-          r,
+      if (t) {
+        t = console;
+        var a = t.error, u = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return a.call(
+          t,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          a
-        ), o(e);
+          u
+        ), s(e);
       }
     }
-    function c(e) {
-      if (e === p) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === j)
+    function l(e) {
+      if (e === g) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === A)
         return "<...>";
       try {
-        var r = t(e);
-        return r ? "<" + r + ">" : "<...>";
+        var t = o(e);
+        return t ? "<" + t + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function s() {
-      var e = S.A;
+    function n() {
+      var e = h.A;
       return e === null ? null : e.getOwner();
     }
     function i() {
       return Error("react-stack-top-frame");
     }
-    function E(e) {
-      if (g.call(e, "key")) {
-        var r = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (r && r.isReactWarning) return !1;
+    function v(e) {
+      if (j.call(e, "key")) {
+        var t = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (t && t.isReactWarning) return !1;
       }
       return e.key !== void 0;
     }
-    function R(e, r) {
-      function n() {
-        y || (y = !0, console.error(
+    function b(e, t) {
+      function a() {
+        C || (C = !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)",
-          r
+          t
         ));
       }
-      n.isReactWarning = !0, Object.defineProperty(e, "key", {
-        get: n,
+      a.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: a,
         configurable: !0
       });
     }
     function W() {
-      var e = t(this.type);
-      return C[e] || (C[e] = !0, console.error(
+      var e = o(this.type);
+      return N[e] || (N[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 U(e, r, n, a, d, l, x, w) {
-      return n = l.ref, e = {
-        $$typeof: h,
+    function U(e, t, a, u, m, d, w, x) {
+      return a = d.ref, e = {
+        $$typeof: y,
         type: e,
-        key: r,
-        props: l,
-        _owner: d
-      }, (n !== void 0 ? n : null) !== null ? Object.defineProperty(e, "ref", {
+        key: t,
+        props: d,
+        _owner: m
+      }, (a !== void 0 ? a : null) !== null ? Object.defineProperty(e, "ref", {
         enumerable: !1,
         get: W
       }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
@@ -226,123 +278,139 @@ function le() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: x
+        value: w
       }), Object.defineProperty(e, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: w
+        value: x
       }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
     }
-    function P(e, r, n, a, d, l, x, w) {
-      var u = r.children;
-      if (u !== void 0)
-        if (a)
-          if (ee(u)) {
-            for (a = 0; a < u.length; a++)
-              A(u[a]);
-            Object.freeze && Object.freeze(u);
+    function P(e, t, a, u, m, d, w, x) {
+      var c = t.children;
+      if (c !== void 0)
+        if (u)
+          if (re(c)) {
+            for (u = 0; u < c.length; u++)
+              O(c[u]);
+            Object.freeze && Object.freeze(c);
           } 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 A(u);
-      if (g.call(r, "key")) {
-        u = t(e);
-        var m = Object.keys(r).filter(function(re) {
-          return re !== "key";
+        else O(c);
+      if (j.call(t, "key")) {
+        c = o(e);
+        var E = Object.keys(t).filter(function(te) {
+          return te !== "key";
         });
-        a = 0 < m.length ? "{key: someKey, " + m.join(": ..., ") + ": ...}" : "{key: someKey}", $[u + a] || (m = 0 < m.length ? "{" + m.join(": ..., ") + ": ...}" : "{}", console.error(
+        u = 0 < E.length ? "{key: someKey, " + E.join(": ..., ") + ": ...}" : "{key: someKey}", Y[c + u] || (E = 0 < E.length ? "{" + E.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} />`,
-          a,
           u,
-          m,
-          u
-        ), $[u + a] = !0);
+          c,
+          E,
+          c
+        ), Y[c + u] = !0);
       }
-      if (u = null, n !== void 0 && (f(n), u = "" + n), E(r) && (f(r.key), u = "" + r.key), "key" in r) {
-        n = {};
-        for (var O in r)
-          O !== "key" && (n[O] = r[O]);
-      } else n = r;
-      return u && R(
-        n,
+      if (c = null, a !== void 0 && (r(a), c = "" + a), v(t) && (r(t.key), c = "" + t.key), "key" in t) {
+        a = {};
+        for (var k in t)
+          k !== "key" && (a[k] = t[k]);
+      } else a = t;
+      return c && b(
+        a,
         typeof e == "function" ? e.displayName || e.name || "Unknown" : e
       ), U(
         e,
-        u,
-        l,
+        c,
         d,
-        s(),
-        n,
-        x,
-        w
+        m,
+        n(),
+        a,
+        w,
+        x
       );
     }
-    function A(e) {
-      typeof e == "object" && e !== null && e.$$typeof === h && e._store && (e._store.validated = 1);
+    function O(e) {
+      typeof e == "object" && e !== null && e.$$typeof === y && e._store && (e._store.validated = 1);
     }
-    var v = te, h = Symbol.for("react.transitional.element"), q = Symbol.for("react.portal"), p = Symbol.for("react.fragment"), J = Symbol.for("react.strict_mode"), z = Symbol.for("react.profiler"), Q = Symbol.for("react.consumer"), V = Symbol.for("react.context"), G = Symbol.for("react.forward_ref"), X = Symbol.for("react.suspense"), B = Symbol.for("react.suspense_list"), H = Symbol.for("react.memo"), j = Symbol.for("react.lazy"), Z = Symbol.for("react.activity"), K = Symbol.for("react.client.reference"), S = v.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, g = Object.prototype.hasOwnProperty, ee = Array.isArray, k = console.createTask ? console.createTask : function() {
+    var p = oe, y = Symbol.for("react.transitional.element"), q = Symbol.for("react.portal"), g = Symbol.for("react.fragment"), J = Symbol.for("react.strict_mode"), z = Symbol.for("react.profiler"), V = Symbol.for("react.consumer"), G = Symbol.for("react.context"), X = Symbol.for("react.forward_ref"), H = Symbol.for("react.suspense"), B = Symbol.for("react.suspense_list"), Z = Symbol.for("react.memo"), A = Symbol.for("react.lazy"), K = Symbol.for("react.activity"), ee = Symbol.for("react.client.reference"), h = p.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, j = Object.prototype.hasOwnProperty, re = Array.isArray, T = console.createTask ? console.createTask : function() {
       return null;
     };
-    v = {
+    p = {
       react_stack_bottom_frame: function(e) {
         return e();
       }
     };
-    var y, C = {}, N = v.react_stack_bottom_frame.bind(
-      v,
+    var C, N = {}, $ = p.react_stack_bottom_frame.bind(
+      p,
       i
-    )(), Y = k(c(i)), $ = {};
-    b.Fragment = p, b.jsx = function(e, r, n, a, d) {
-      var l = 1e4 > S.recentlyCreatedOwnerStacks++;
+    )(), F = T(l(i)), Y = {};
+    _.Fragment = g, _.jsx = function(e, t, a, u, m) {
+      var d = 1e4 > h.recentlyCreatedOwnerStacks++;
       return P(
         e,
-        r,
-        n,
-        !1,
+        t,
         a,
-        d,
-        l ? Error("react-stack-top-frame") : N,
-        l ? k(c(e)) : Y
+        !1,
+        u,
+        m,
+        d ? Error("react-stack-top-frame") : $,
+        d ? T(l(e)) : F
       );
-    }, b.jsxs = function(e, r, n, a, d) {
-      var l = 1e4 > S.recentlyCreatedOwnerStacks++;
+    }, _.jsxs = function(e, t, a, u, m) {
+      var d = 1e4 > h.recentlyCreatedOwnerStacks++;
       return P(
         e,
-        r,
-        n,
-        !0,
+        t,
         a,
-        d,
-        l ? Error("react-stack-top-frame") : N,
-        l ? k(c(e)) : Y
+        !0,
+        u,
+        m,
+        d ? Error("react-stack-top-frame") : $,
+        d ? T(l(e)) : F
       );
     };
-  }()), b;
+  }()), _;
 }
-var L;
-function fe() {
-  return L || (L = 1, process.env.NODE_ENV === "production" ? T.exports = ie() : T.exports = le()), T.exports;
+var D;
+function de() {
+  return D || (D = 1, process.env.NODE_ENV === "production" ? S.exports = le() : S.exports = fe()), S.exports;
 }
-var de = fe();
-function be({ stores: t, children: o }) {
-  return /* @__PURE__ */ de.jsx(M.Provider, { value: { stores: t }, children: o });
+var me = de();
+function _e({ stores: o, children: s }) {
+  try {
+    if (!o || typeof o != "object") {
+      const r = "QuantaProvider: Invalid stores prop provided";
+      throw f.error(r), new Error(r);
+    }
+    for (const [r, l] of Object.entries(o))
+      if (!l || typeof l != "object") {
+        const n = `QuantaProvider: Invalid store "${r}" provided`;
+        throw f.error(n), new Error(n);
+      }
+    return /* @__PURE__ */ me.jsx(L.Provider, { value: { stores: o }, children: s });
+  } catch (r) {
+    throw f.error(
+      `QuantaProvider: Failed to render provider: ${r instanceof Error ? r.message : String(r)}`
+    ), r;
+  }
 }
 export {
-  M as QuantaContext,
-  be as QuantaProvider,
-  pe as computed,
-  Se as createStore,
-  ke as reactive,
-  _e as useCreateStore,
-  ce as useQuantaContext,
+  L as QuantaContext,
+  _e as QuantaProvider,
+  ge as computed,
+  he as createStore,
+  Te as logger,
+  we as reactive,
+  Re as useCreateStore,
+  ie as useQuantaContext,
   I as useQuantaStore,
-  Re as useStore,
+  be as useStore,
   xe as watch
 };

package/package.json

@@ -22,7 +22,7 @@
     "url": "https://github.com/quanta-js/quanta/issues"
   },
   "homepage": "https://quantajs.com",
-  "version": "2.0.0-beta.2",
+  "version": "2.0.0-beta.3",
   "type": "module",
   "license": "MIT",
   "main": "./dist/index.js",
@@ -43,7 +43,7 @@
     "react": ">=16.8.0"
   },
   "dependencies": {
-    "@quantajs/core": "2.0.0-beta.2"
+    "@quantajs/core": "2.0.0-beta.3"
   },
   "devDependencies": {
     "@types/react": "^19.1.9",

package/readme.md

@@ -1,140 +1,140 @@
-# @quantajs/react
-
-![Logo](https://raw.githubusercontent.com/quanta-js/quanta/master/assets/quantajs_banner.png)
-
-React integration for QuantaJS - A compact, scalable, and developer-friendly state management library for React applications.
-
-## 🚀 Features
-
-✅ **React Optimized** – Built specifically for React applications  
-✅ **Performance First** – Uses `useSyncExternalStore` for efficient updates  
-✅ **Type-Safe** – Full TypeScript support with proper inference  
-✅ **Flexible** – Multiple usage patterns (Provider, Direct, Selectors)  
-✅ **QuantaJS Core** – Direct access to reactive, computed, and watch
-
-## 📦 Installation
-
-```sh
-npm install @quantajs/react @quantajs/core
-# or
-yarn add @quantajs/react @quantajs/core
-# or
-pnpm add @quantajs/react @quantajs/core
-```
-
-## ⚡ Quick Start
-
-### Basic Counter Example
-
-```tsx
-import React from 'react';
-import { createStore, QuantaProvider, useStore } from '@quantajs/react';
-
-// Create store
-const counterStore = createStore('counter', {
-    state: () => ({ count: 0 }),
-    getters: {
-        doubleCount: (state) => state.count * 2,
-    },
-    actions: {
-        increment() {
-            this.count++;
-        },
-        decrement() {
-            this.count--;
-        },
-    },
-});
-
-// Component
-function Counter() {
-    const store = useStore();
-
-    return (
-        <div>
-            <p>Count: {store.count}</p>
-            <p>Double: {store.doubleCount}</p>
-            <button onClick={() => store.increment()}>+</button>
-            <button onClick={() => store.decrement()}>-</button>
-        </div>
-    );
-}
-
-// App
-function App() {
-    return (
-        <QuantaProvider store={counterStore}>
-            <Counter />
-        </QuantaProvider>
-    );
-}
-```
-
-### With Selectors (Performance)
-
-```tsx
-import { useQuantaStore } from '@quantajs/react';
-
-function CounterDisplay() {
-    // Only re-render when count changes
-    const count = useQuantaStore(counterStore, (store) => store.count);
-
-    return <p>Count: {count}</p>;
-}
-```
-
-### Component-Scoped Store
-
-```tsx
-import { useCreateStore } from '@quantajs/react';
-
-function TodoComponent() {
-    const todoStore = useCreateStore(
-        'todos',
-        () => ({ todos: [] }),
-        undefined,
-        {
-            addTodo(text: string) {
-                this.todos.push({ id: Date.now(), text, done: false });
-            },
-        },
-    );
-
-    return (
-        <div>
-            <button onClick={() => todoStore.addTodo('New task')}>
-                Add Todo
-            </button>
-            <p>Todos: {todoStore.todos.length}</p>
-        </div>
-    );
-}
-```
-
-## 🔧 API
-
-### Hooks
-
-- `useQuantaStore(store, selector?)` - Subscribe to store with optional selector
-- `useStore(selector?)` - Access store from QuantaProvider context
-- `useCreateStore(name, state, getters?, actions?)` - Create component-scoped store
-
-### Components
-
-- `<QuantaProvider store={store}>` - Provide store to child components
-
-### Core Features
-
-- `createStore`, `reactive`, `computed`, `watch` - Re-exported from @quantajs/core
-
-## 📜 License
-
-This project is licensed under the MIT [License](https://github.com/quanta-js/quanta/blob/main/LICENSE) - see the LICENSE file for details.
-
-## 💬 Contributing
-
-We welcome contributions! Feel free to open issues, submit PRs, or suggest improvements.
-
-## ⭐ Support
-
-If you find this library useful, consider giving it a ⭐ star on [GitHub](https://github.com/quanta-js/quanta)!
+# @quantajs/react
+
+![Logo](https://raw.githubusercontent.com/quanta-js/quanta/master/assets/quantajs_banner.png)
+
+React integration for QuantaJS - A compact, scalable, and developer-friendly state management library for React applications.
+
+## 🚀 Features
+
+✅ **React Optimized** – Built specifically for React applications  
+✅ **Performance First** – Uses `useSyncExternalStore` for efficient updates  
+✅ **Type-Safe** – Full TypeScript support with proper inference  
+✅ **Flexible** – Multiple usage patterns (Provider, Direct, Selectors)  
+✅ **QuantaJS Core** – Direct access to reactive, computed, and watch
+
+## 📦 Installation
+
+```sh
+npm install @quantajs/react @quantajs/core
+# or
+yarn add @quantajs/react @quantajs/core
+# or
+pnpm add @quantajs/react @quantajs/core
+```
+
+## ⚡ Quick Start
+
+### Basic Counter Example
+
+```tsx
+import React from 'react';
+import { createStore, QuantaProvider, useStore } from '@quantajs/react';
+
+// Create store
+const counterStore = createStore('counter', {
+    state: () => ({ count: 0 }),
+    getters: {
+        doubleCount: (state) => state.count * 2,
+    },
+    actions: {
+        increment() {
+            this.count++;
+        },
+        decrement() {
+            this.count--;
+        },
+    },
+});
+
+// Component
+function Counter() {
+    const store = useStore();
+
+    return (
+        <div>
+            <p>Count: {store.count}</p>
+            <p>Double: {store.doubleCount}</p>
+            <button onClick={() => store.increment()}>+</button>
+            <button onClick={() => store.decrement()}>-</button>
+        </div>
+    );
+}
+
+// App
+function App() {
+    return (
+        <QuantaProvider store={counterStore}>
+            <Counter />
+        </QuantaProvider>
+    );
+}
+```
+
+### With Selectors (Performance)
+
+```tsx
+import { useQuantaStore } from '@quantajs/react';
+
+function CounterDisplay() {
+    // Only re-render when count changes
+    const count = useQuantaStore(counterStore, (store) => store.count);
+
+    return <p>Count: {count}</p>;
+}
+```
+
+### Component-Scoped Store
+
+```tsx
+import { useCreateStore } from '@quantajs/react';
+
+function TodoComponent() {
+    const todoStore = useCreateStore(
+        'todos',
+        () => ({ todos: [] }),
+        undefined,
+        {
+            addTodo(text: string) {
+                this.todos.push({ id: Date.now(), text, done: false });
+            },
+        },
+    );
+
+    return (
+        <div>
+            <button onClick={() => todoStore.addTodo('New task')}>
+                Add Todo
+            </button>
+            <p>Todos: {todoStore.todos.length}</p>
+        </div>
+    );
+}
+```
+
+## 🔧 API
+
+### Hooks
+
+- `useQuantaStore(store, selector?)` - Subscribe to store with optional selector
+- `useStore(selector?)` - Access store from QuantaProvider context
+- `useCreateStore(name, state, getters?, actions?)` - Create component-scoped store
+
+### Components
+
+- `<QuantaProvider store={store}>` - Provide store to child components
+
+### Core Features
+
+- `createStore`, `reactive`, `computed`, `watch` - Re-exported from @quantajs/core
+
+## 📜 License
+
+This project is licensed under the MIT [License](https://github.com/quanta-js/quanta/blob/main/LICENSE) - see the LICENSE file for details.
+
+## 💬 Contributing
+
+We welcome contributions! Feel free to open issues, submit PRs, or suggest improvements.
+
+## ⭐ Support
+
+If you find this library useful, consider giving it a ⭐ star on [GitHub](https://github.com/quanta-js/quanta)!