@yakocloud/state-vocab 3.0.9 → 3.1.2

package/dist/state-vocab.cjs.js

@@ -1,3 +1,8 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("react");function z(e,n,t){if(!n)return e;const i=n.split(".");let o=e;for(const c of i)if(o!==null&&typeof o=="object"&&c in o)o=o[c];else return t;return o===void 0?t:o}function F(e,n,t){const i=n.replace(/\[(\d+)\]/g,".$1").split(".");let o=e;for(let c=0;c<i.length-1;c++){const a=i[c],s=i[c+1];(o[a]===void 0||o[a]===null)&&(o[a]=/^\d+$/.test(s)?[]:{}),o=o[a]}return o[i[i.length-1]]=t,e}function J(e,n=0){let t;return function(...i){t!==void 0&&clearTimeout(t),t=setTimeout(()=>{t=void 0,e.apply(this,i)},n)}}function K(e,n,t=[]){return h.useMemo(()=>J(e,n),t)}function O(e){const n=JSON.stringify(e,null,2).split(`
-`),t=[],i=[];for(const o of n){const c=o.match(/^(\s*)"([^"]+)"(\s*:\s*)(.+)$/);if(c){const[,a,s,p,b]=c;t.push(`${a}%c"${s}"%c${p}%c${b}`),i.push("color: #9cdcfe; font-weight: bold","color: #cccccc","color: #ce9178")}else t.push(`%c${o}`),i.push("color: #cccccc")}console.log(t.join(`
-`),...i,e)}const j=e=>typeof e=="function",H=e=>typeof e=="function",V=e=>typeof e<"u",A=e=>H(e)?e():e;class M{#e;#t;constructor(){this.#e={},this.#t=new Set}subscribe(n){return this.#t.add(n),()=>this.#t.delete(n)}getClientSnapshot(){return this.#e}getServerSnapshot(){return this.#e}get(n){return z(this.#e,n)}set(n,t){const i=z(this.#e,n),o=j(t)?t(i):t,c={...this.#e};F(c,n,o),this.#e=c,this.#t.forEach(a=>a())}}const _=Symbol.for("request-state-vocab-storage"),N=globalThis;typeof window>"u"&&(N[_]??=new AsyncLocalStorage);const G=()=>{const e=N[_]?.getStore();if(!e)throw new Error(`${M.name} must be initialized for this request`);return e};let C=null;const Q=()=>(C||(C=new M),C);function U(e){return N[_]?.run(new M,e)}const X=()=>typeof window>"u"?G():Q(),D=Symbol("state-def"),k=Symbol("state-path"),R=Symbol("state-verbose"),x=Symbol("state-verbose-path"),L=Symbol("state-ssr"),W=typeof window>"u",Y=W?h.useEffect:h.useLayoutEffect;function Z(e={}){return{[D]:!0,[k]:"",[R]:!1,[x]:"",[L]:!1,useState(n){const t=W?void 0:A(e.storage),i=A(e.defaultValue),o=e.bidirectional;n??={};const c=A(n.defaultValue)??i,a=n.bidirectional??o,s=this[k],p=this[R],b=this[x],T=this[L],u=X(),l=e.serialize??JSON.stringify,g=e.deserialize??JSON.parse,d=(r,S,P)=>{const w=S.getItem(r);w===null?V(P)&&S.setItem(r,l(P)):u.set(r,g(w))},f=K(n.onSet??(()=>{}),n.delayedSet,[]),y=h.useRef(void 0),$=h.useRef(!1);if(!$.current){$.current=!0;let r=u.get(s);V(r)||(r=c,V(r)&&u.set(s,r)),!T&&t&&d(s,t,r)}const E=h.useSyncExternalStore(u.subscribe.bind(u),u.getClientSnapshot.bind(u),u.getServerSnapshot.bind(u));if(p)if(b){const r=z(E,b);r&&O(r)}else O(E);const m=z(E,s,c);y.current=m,Y(()=>{!T||!t||d(s,t,m)},[]);const v=h.useEffectEvent(r=>{if(r.key!==s)return;const S=r.newValue,w=(S===null?null:g(S))??c;V(w)&&(u.set(s,w),f(w,y.current))});h.useEffect(()=>{if(a)return window.addEventListener("storage",v),()=>window.removeEventListener("storage",v)},[a]);const I=h.useCallback(r=>{const S=j(r)?r(y.current):r;u.set(s,S),f(S,y.current),t&&t.setItem(s,l(S))},[s,t,f]),B=h.useCallback(()=>{const r=c;if(!V(r)){t?.removeItem(s);return}u.set(s,r),f(r,y.current),t&&t.setItem(s,l(r))},[s,c,t,f]);return[m,I,B]},toString(){return this[k]}}}function q(e,n){const{path:t="",verbose:i,verbosePath:o,ssr:c,cache:a}=n;let s=a.proxy.get(e);s||(s=new Map,a.proxy.set(e,s));const p=s.get(t);if(p)return p;const b=new Proxy(e,{get(T,u){const l=T[u],g=t?`${t}.${String(u)}`:String(u);if(l&&typeof l=="object"&&D in l){const d=l;let f=a.leaf.get(d);f||(f=new Map,a.leaf.set(d,f));const y=f.get(g);if(y)return y;const $=Reflect.ownKeys(d).filter(v=>typeof d[v]=="function"),E=Object.fromEntries($.map(v=>[v,(...I)=>d[v].call({...d,[k]:g,[R]:i,[x]:o,[L]:c},...I)])),m={...d,...E};return f.set(g,m),m}return l&&typeof l=="object"?q(l,{...n,path:g}):l}});return s.set(t,b),b}function ee(e,n){return q(e,{...n,verbosePath:n?.verbosePath??"",cache:{proxy:new WeakMap,leaf:new WeakMap}})}exports.defineState=Z;exports.runWithStateVocab=U;exports.setupStorage=ee;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("react");var Y={exports:{}},N={};var te;function be(){if(te)return N;te=1;var t=Symbol.for("react.transitional.element"),o=Symbol.for("react.fragment");function r(l,s,a){var i=null;if(a!==void 0&&(i=""+a),s.key!==void 0&&(i=""+s.key),"key"in s){a={};for(var c in s)c!=="key"&&(a[c]=s[c])}else a=s;return s=a.ref,{$$typeof:t,type:l,key:i,ref:s!==void 0?s:null,props:a}}return N.Fragment=o,N.jsx=r,N.jsxs=r,N}var V={};var re;function me(){return re||(re=1,process.env.NODE_ENV!=="production"&&(function(){function t(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===ie?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case _:return"Fragment";case x:return"Profiler";case O:return"StrictMode";case F:return"Suspense";case u:return"SuspenseList";case w: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 p:return"Portal";case T:return e.displayName||"Context";case k:return(e._context.displayName||"Context")+".Consumer";case C:var n=e.render;return e=e.displayName,e||(e=n.displayName||n.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case y:return n=e.displayName||null,n!==null?n:t(e.type)||"Memo";case A:n=e._payload,e=e._init;try{return t(e(n))}catch{}}return null}function o(e){return""+e}function r(e){try{o(e);var n=!1}catch{n=!0}if(n){n=console;var f=n.error,b=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return f.call(n,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",b),o(e)}}function l(e){if(e===_)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===A)return"<...>";try{var n=t(e);return n?"<"+n+">":"<...>"}catch{return"<...>"}}function s(){var e=z.A;return e===null?null:e.getOwner()}function a(){return Error("react-stack-top-frame")}function i(e){if(X.call(e,"key")){var n=Object.getOwnPropertyDescriptor(e,"key").get;if(n&&n.isReactWarning)return!1}return e.key!==void 0}function c(e,n){function f(){H||(H=!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)",n))}f.isReactWarning=!0,Object.defineProperty(e,"key",{get:f,configurable:!0})}function g(){var e=t(this.type);return Z[e]||(Z[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 R(e,n,f,b,I,W){var m=f.ref;return e={$$typeof:S,type:e,key:n,props:f,_owner:b},(m!==void 0?m:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:g}):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:I}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:W}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function P(e,n,f,b,I,W){var m=n.children;if(m!==void 0)if(b)if(fe(m)){for(b=0;b<m.length;b++)d(m[b]);Object.freeze&&Object.freeze(m)}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 d(m);if(X.call(n,"key")){m=t(e);var j=Object.keys(n).filter(function(de){return de!=="key"});b=0<j.length?"{key: someKey, "+j.join(": ..., ")+": ...}":"{key: someKey}",ee[m+b]||(j=0<j.length?"{"+j.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`,b,m,j,m),ee[m+b]=!0)}if(m=null,f!==void 0&&(r(f),m=""+f),i(n)&&(r(n.key),m=""+n.key),"key"in n){f={};for(var J in n)J!=="key"&&(f[J]=n[J])}else f=n;return m&&c(f,typeof e=="function"?e.displayName||e.name||"Unknown":e),R(e,m,f,s(),I,W)}function d(e){v(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===A&&(e._payload.status==="fulfilled"?v(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function v(e){return typeof e=="object"&&e!==null&&e.$$typeof===S}var h=E,S=Symbol.for("react.transitional.element"),p=Symbol.for("react.portal"),_=Symbol.for("react.fragment"),O=Symbol.for("react.strict_mode"),x=Symbol.for("react.profiler"),k=Symbol.for("react.consumer"),T=Symbol.for("react.context"),C=Symbol.for("react.forward_ref"),F=Symbol.for("react.suspense"),u=Symbol.for("react.suspense_list"),y=Symbol.for("react.memo"),A=Symbol.for("react.lazy"),w=Symbol.for("react.activity"),ie=Symbol.for("react.client.reference"),z=h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,X=Object.prototype.hasOwnProperty,fe=Array.isArray,L=console.createTask?console.createTask:function(){return null};h={react_stack_bottom_frame:function(e){return e()}};var H,Z={},Q=h.react_stack_bottom_frame.bind(h,a)(),K=L(l(a)),ee={};V.Fragment=_,V.jsx=function(e,n,f){var b=1e4>z.recentlyCreatedOwnerStacks++;return P(e,n,f,!1,b?Error("react-stack-top-frame"):Q,b?L(l(e)):K)},V.jsxs=function(e,n,f){var b=1e4>z.recentlyCreatedOwnerStacks++;return P(e,n,f,!0,b?Error("react-stack-top-frame"):Q,b?L(l(e)):K)}})()),V}var ne;function ve(){return ne||(ne=1,process.env.NODE_ENV==="production"?Y.exports=be():Y.exports=me()),Y.exports}var Ee=ve();function D(t,o,r){if(!o)return t;const l=o.split(".");let s=t;for(const a of l)if(s!==null&&typeof s=="object"&&a in s)s=s[a];else return r;return s===void 0?r:s}function Se(t,o,r){const l=o.replace(/\[(\d+)\]/g,".$1").split(".");let s=t;for(let a=0;a<l.length-1;a++){const i=l[a],c=l[a+1];(s[i]===void 0||s[i]===null)&&(s[i]=/^\d+$/.test(c)?[]:{}),s=s[i]}return s[l[l.length-1]]=r,t}function pe(t,o=0){let r;return function(...l){r!==void 0&&clearTimeout(r),r=setTimeout(()=>{r=void 0,t.apply(this,l)},o)}}function he(t,o,r=[]){return E.useMemo(()=>pe(t,o),r)}function oe(t){const o=JSON.stringify(t,null,2).split(`
+`),r=[],l=[];for(const s of o){const a=s.match(/^(\s*)"([^"]+)"(\s*:\s*)(.+)$/);if(a){const[,i,c,g,R]=a;r.push(`${i}%c"${c}"%c${g}%c${R}`),l.push("color: #9cdcfe; font-weight: bold","color: #cccccc","color: #ce9178")}else r.push(`%c${s}`),l.push("color: #cccccc")}console.log(r.join(`
+`),...l,t)}const se=t=>typeof t=="function",_e=t=>typeof t=="function",$=t=>typeof t<"u",U=t=>_e(t)?t():t;class ye{#e;#t;constructor(){this.uid=Math.random().toString(36).slice(2),this.#e={},this.#t=new Set}subscribe(o){return this.#t.add(o),()=>this.#t.delete(o)}getClientSnapshot(){return this.#e}getServerSnapshot(){return this.#e}get(o){return D(this.#e,o)}set(o,r){const l=D(this.#e,o),s=se(r)?r(l):r,a={...this.#e};Se(a,o,s),this.#e=a,this.#t.forEach(i=>i())}}const ae=E.createContext({});function Re(){return E.useContext(ae)}function Te({children:t}){const o=E.useMemo(()=>new ye,[]);return Ee.jsx(ae.Provider,{value:o,children:t})}const ce=Symbol("state-def"),M=Symbol("state-path"),q=Symbol("state-verbose"),G=Symbol("state-verbose-path"),B=Symbol("state-ssr"),ue=typeof window>"u",ge=ue?E.useEffect:E.useLayoutEffect;function ke(t={}){return{[ce]:!0,[M]:"",[q]:!1,[G]:"",[B]:!1,useState(o){const r=ue?void 0:U(t.storage),l=U(t.defaultValue),s=t.bidirectional;o??={};const a=U(o.defaultValue)??l,i=o.bidirectional??s,c=this[M],g=this[q],R=this[G],P=this[B],d=Re(),v=t.serialize??JSON.stringify,h=t.deserialize??JSON.parse,S=(u,y,A)=>{const w=y.getItem(u);w===null?$(A)&&y.setItem(u,v(A)):d.set(u,h(w))},p=he(o.onSet??(()=>{}),o.delayedSet,[]),_=E.useRef(void 0),O=E.useRef(!1);if(!O.current){O.current=!0;let u=d.get(c);$(u)||(u=a,$(u)&&d.set(c,u)),!P&&r&&S(c,r,u)}const x=E.useSyncExternalStore(d.subscribe.bind(d),d.getClientSnapshot.bind(d),d.getServerSnapshot.bind(d));if(g)if(R){const u=D(x,R);u&&oe(u)}else oe(x);const k=D(x,c,a);_.current=k,ge(()=>{!P||!r||S(c,r,k)},[]);const T=E.useEffectEvent(u=>{if(u.key!==c)return;const y=u.newValue,w=(y===null?null:h(y))??a;$(w)&&(d.set(c,w),p(w,_.current))});E.useEffect(()=>{if(i)return window.addEventListener("storage",T),()=>window.removeEventListener("storage",T)},[i]);const C=E.useCallback(u=>{const y=se(u)?u(_.current):u;d.set(c,y),p(y,_.current),r&&r.setItem(c,v(y))},[c,r,p]),F=E.useCallback(()=>{const u=a;if(!$(u)){r?.removeItem(c);return}d.set(c,u),p(u,_.current),r&&r.setItem(c,v(u))},[c,a,r,p]);return[k,C,F]},toString(){return this[M]}}}function le(t,o){const{path:r="",verbose:l,verbosePath:s,ssr:a,cache:i}=o;let c=i.proxy.get(t);c||(c=new Map,i.proxy.set(t,c));const g=c.get(r);if(g)return g;const R=new Proxy(t,{get(P,d){const v=P[d],h=r?`${r}.${String(d)}`:String(d);if(v&&typeof v=="object"&&ce in v){const S=v;let p=i.leaf.get(S);p||(p=new Map,i.leaf.set(S,p));const _=p.get(h);if(_)return _;const O=Reflect.ownKeys(S).filter(T=>typeof S[T]=="function"),x=Object.fromEntries(O.map(T=>[T,(...C)=>S[T].call({...S,[M]:h,[q]:l,[G]:s,[B]:a},...C)])),k={...S,...x};return p.set(h,k),k}return v&&typeof v=="object"?le(v,{...o,path:h}):v}});return c.set(r,R),R}function we(t,o){return le(t,{...o,verbosePath:o?.verbosePath??"",cache:{proxy:new WeakMap,leaf:new WeakMap}})}exports.VocabStateProvider=Te;exports.defineState=ke;exports.setupStorage=we;

package/dist/state-vocab.es.js

@@ -1,67 +1,327 @@
-import { useMemo as q, useRef as N, useSyncExternalStore as H, useEffect as j, useLayoutEffect as G, useEffectEvent as Q, useCallback as D } from "react";
-function z(e, n, t) {
-  if (!n)
-    return e;
-  const i = n.split(".");
-  let o = e;
-  for (const c of i)
-    if (o !== null && typeof o == "object" && c in o)
-      o = o[c];
+import Ee, { useMemo as ae, createContext as pe, useContext as Se, useRef as ee, useSyncExternalStore as he, useEffect as ce, useLayoutEffect as _e, useEffectEvent as ye, useCallback as te } from "react";
+var I = { exports: {} }, C = {};
+var re;
+function Re() {
+  if (re) return C;
+  re = 1;
+  var t = Symbol.for("react.transitional.element"), o = Symbol.for("react.fragment");
+  function r(l, s, a) {
+    var i = null;
+    if (a !== void 0 && (i = "" + a), s.key !== void 0 && (i = "" + s.key), "key" in s) {
+      a = {};
+      for (var c in s)
+        c !== "key" && (a[c] = s[c]);
+    } else a = s;
+    return s = a.ref, {
+      $$typeof: t,
+      type: l,
+      key: i,
+      ref: s !== void 0 ? s : null,
+      props: a
+    };
+  }
+  return C.Fragment = o, C.jsx = r, C.jsxs = r, C;
+}
+var N = {};
+var ne;
+function Te() {
+  return ne || (ne = 1, process.env.NODE_ENV !== "production" && (function() {
+    function t(e) {
+      if (e == null) return null;
+      if (typeof e == "function")
+        return e.$$typeof === me ? null : e.displayName || e.name || null;
+      if (typeof e == "string") return e;
+      switch (e) {
+        case h:
+          return "Fragment";
+        case P:
+          return "Profiler";
+        case A:
+          return "StrictMode";
+        case F:
+          return "Suspense";
+        case u:
+          return "SuspenseList";
+        case k:
+          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 p:
+            return "Portal";
+          case R:
+            return e.displayName || "Context";
+          case g:
+            return (e._context.displayName || "Context") + ".Consumer";
+          case j:
+            var n = e.render;
+            return e = e.displayName, e || (e = n.displayName || n.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
+          case _:
+            return n = e.displayName || null, n !== null ? n : t(e.type) || "Memo";
+          case x:
+            n = e._payload, e = e._init;
+            try {
+              return t(e(n));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function o(e) {
+      return "" + e;
+    }
+    function r(e) {
+      try {
+        o(e);
+        var n = !1;
+      } catch {
+        n = !0;
+      }
+      if (n) {
+        n = console;
+        var f = n.error, m = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return f.call(
+          n,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          m
+        ), o(e);
+      }
+    }
+    function l(e) {
+      if (e === h) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === x)
+        return "<...>";
+      try {
+        var n = t(e);
+        return n ? "<" + n + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function s() {
+      var e = M.A;
+      return e === null ? null : e.getOwner();
+    }
+    function a() {
+      return Error("react-stack-top-frame");
+    }
+    function i(e) {
+      if (B.call(e, "key")) {
+        var n = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (n && n.isReactWarning) return !1;
+      }
+      return e.key !== void 0;
+    }
+    function c(e, n) {
+      function f() {
+        X || (X = !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)",
+          n
+        ));
+      }
+      f.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: f,
+        configurable: !0
+      });
+    }
+    function T() {
+      var e = t(this.type);
+      return H[e] || (H[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 y(e, n, f, m, $, L) {
+      var b = f.ref;
+      return e = {
+        $$typeof: E,
+        type: e,
+        key: n,
+        props: f,
+        _owner: m
+      }, (b !== void 0 ? b : null) !== null ? Object.defineProperty(e, "ref", {
+        enumerable: !1,
+        get: T
+      }) : 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: $
+      }), Object.defineProperty(e, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: L
+      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
+    }
+    function w(e, n, f, m, $, L) {
+      var b = n.children;
+      if (b !== void 0)
+        if (m)
+          if (be(b)) {
+            for (m = 0; m < b.length; m++)
+              d(b[m]);
+            Object.freeze && Object.freeze(b);
+          } 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 d(b);
+      if (B.call(n, "key")) {
+        b = t(e);
+        var O = Object.keys(n).filter(function(ve) {
+          return ve !== "key";
+        });
+        m = 0 < O.length ? "{key: someKey, " + O.join(": ..., ") + ": ...}" : "{key: someKey}", K[b + m] || (O = 0 < O.length ? "{" + O.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} />`,
+          m,
+          b,
+          O,
+          b
+        ), K[b + m] = !0);
+      }
+      if (b = null, f !== void 0 && (r(f), b = "" + f), i(n) && (r(n.key), b = "" + n.key), "key" in n) {
+        f = {};
+        for (var W in n)
+          W !== "key" && (f[W] = n[W]);
+      } else f = n;
+      return b && c(
+        f,
+        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
+      ), y(
+        e,
+        b,
+        f,
+        s(),
+        $,
+        L
+      );
+    }
+    function d(e) {
+      v(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === x && (e._payload.status === "fulfilled" ? v(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+    }
+    function v(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === E;
+    }
+    var S = Ee, E = Symbol.for("react.transitional.element"), p = Symbol.for("react.portal"), h = Symbol.for("react.fragment"), A = Symbol.for("react.strict_mode"), P = Symbol.for("react.profiler"), g = Symbol.for("react.consumer"), R = Symbol.for("react.context"), j = Symbol.for("react.forward_ref"), F = Symbol.for("react.suspense"), u = Symbol.for("react.suspense_list"), _ = Symbol.for("react.memo"), x = Symbol.for("react.lazy"), k = Symbol.for("react.activity"), me = Symbol.for("react.client.reference"), M = S.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, B = Object.prototype.hasOwnProperty, be = Array.isArray, z = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    S = {
+      react_stack_bottom_frame: function(e) {
+        return e();
+      }
+    };
+    var X, H = {}, Z = S.react_stack_bottom_frame.bind(
+      S,
+      a
+    )(), Q = z(l(a)), K = {};
+    N.Fragment = h, N.jsx = function(e, n, f) {
+      var m = 1e4 > M.recentlyCreatedOwnerStacks++;
+      return w(
+        e,
+        n,
+        f,
+        !1,
+        m ? Error("react-stack-top-frame") : Z,
+        m ? z(l(e)) : Q
+      );
+    }, N.jsxs = function(e, n, f) {
+      var m = 1e4 > M.recentlyCreatedOwnerStacks++;
+      return w(
+        e,
+        n,
+        f,
+        !0,
+        m ? Error("react-stack-top-frame") : Z,
+        m ? z(l(e)) : Q
+      );
+    };
+  })()), N;
+}
+var oe;
+function ge() {
+  return oe || (oe = 1, process.env.NODE_ENV === "production" ? I.exports = Re() : I.exports = Te()), I.exports;
+}
+var ke = ge();
+function D(t, o, r) {
+  if (!o)
+    return t;
+  const l = o.split(".");
+  let s = t;
+  for (const a of l)
+    if (s !== null && typeof s == "object" && a in s)
+      s = s[a];
     else
-      return t;
-  return o === void 0 ? t : o;
+      return r;
+  return s === void 0 ? r : s;
 }
-function U(e, n, t) {
-  const i = n.replace(/\[(\d+)\]/g, ".$1").split(".");
-  let o = e;
-  for (let c = 0; c < i.length - 1; c++) {
-    const a = i[c], s = i[c + 1];
-    (o[a] === void 0 || o[a] === null) && (o[a] = /^\d+$/.test(s) ? [] : {}), o = o[a];
+function we(t, o, r) {
+  const l = o.replace(/\[(\d+)\]/g, ".$1").split(".");
+  let s = t;
+  for (let a = 0; a < l.length - 1; a++) {
+    const i = l[a], c = l[a + 1];
+    (s[i] === void 0 || s[i] === null) && (s[i] = /^\d+$/.test(c) ? [] : {}), s = s[i];
   }
-  return o[i[i.length - 1]] = t, e;
+  return s[l[l.length - 1]] = r, t;
 }
-function X(e, n = 0) {
-  let t;
-  return function(...i) {
-    t !== void 0 && clearTimeout(t), t = setTimeout(() => {
-      t = void 0, e.apply(this, i);
-    }, n);
+function Pe(t, o = 0) {
+  let r;
+  return function(...l) {
+    r !== void 0 && clearTimeout(r), r = setTimeout(() => {
+      r = void 0, t.apply(this, l);
+    }, o);
   };
 }
-function Y(e, n, t = []) {
-  return q(
-    () => X(e, n),
+function xe(t, o, r = []) {
+  return ae(
+    () => Pe(t, o),
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    t
+    r
   );
 }
-function O(e) {
-  const n = JSON.stringify(e, null, 2).split(`
-`), t = [], i = [];
-  for (const o of n) {
-    const c = o.match(/^(\s*)"([^"]+)"(\s*:\s*)(.+)$/);
-    if (c) {
-      const [, a, s, v, y] = c;
-      t.push(`${a}%c"${s}"%c${v}%c${y}`), i.push(
+function se(t) {
+  const o = JSON.stringify(t, null, 2).split(`
+`), r = [], l = [];
+  for (const s of o) {
+    const a = s.match(/^(\s*)"([^"]+)"(\s*:\s*)(.+)$/);
+    if (a) {
+      const [, i, c, T, y] = a;
+      r.push(`${i}%c"${c}"%c${T}%c${y}`), l.push(
         "color: #9cdcfe; font-weight: bold",
         "color: #cccccc",
         "color: #ce9178"
       );
     } else
-      t.push(`%c${o}`), i.push("color: #cccccc");
+      r.push(`%c${s}`), l.push("color: #cccccc");
   }
-  console.log(t.join(`
-`), ...i, e);
+  console.log(r.join(`
+`), ...l, t);
 }
-const B = (e) => typeof e == "function", Z = (e) => typeof e == "function", E = (e) => typeof e < "u", x = (e) => Z(e) ? e() : e;
-class L {
+const ue = (t) => typeof t == "function", Ae = (t) => typeof t == "function", V = (t) => typeof t < "u", J = (t) => Ae(t) ? t() : t;
+class Oe {
   #e;
   #t;
   constructor() {
-    this.#e = {}, this.#t = /* @__PURE__ */ new Set();
+    this.uid = Math.random().toString(36).slice(2), this.#e = {}, this.#t = /* @__PURE__ */ new Set();
   }
-  subscribe(n) {
-    return this.#t.add(n), () => this.#t.delete(n);
+  subscribe(o) {
+    return this.#t.add(o), () => this.#t.delete(o);
   }
   getClientSnapshot() {
     return this.#e;
@@ -69,159 +329,154 @@ class L {
   getServerSnapshot() {
     return this.#e;
   }
-  get(n) {
-    return z(this.#e, n);
+  get(o) {
+    return D(this.#e, o);
   }
-  set(n, t) {
-    const i = z(this.#e, n), o = B(t) ? t(i) : t, c = { ...this.#e };
-    U(c, n, o), this.#e = c, this.#t.forEach((a) => a());
+  set(o, r) {
+    const l = D(this.#e, o), s = ue(r) ? r(l) : r, a = { ...this.#e };
+    we(a, o, s), this.#e = a, this.#t.forEach((i) => i());
   }
 }
-const _ = Symbol.for("request-state-vocab-storage"), M = globalThis;
-typeof window > "u" && (M[_] ??= new AsyncLocalStorage());
-const ee = () => {
-  const e = M[_]?.getStore();
-  if (!e)
-    throw new Error(`${L.name} must be initialized for this request`);
-  return e;
-};
-let A = null;
-const te = () => (A || (A = new L()), A);
-function oe(e) {
-  return M[_]?.run(new L(), e);
+const le = pe({});
+function je() {
+  return Se(le);
+}
+function Ve({ children: t }) {
+  const o = ae(() => new Oe(), []);
+  return /* @__PURE__ */ ke.jsx(le.Provider, { value: o, children: t });
 }
-const ne = () => typeof window > "u" ? ee() : te(), F = Symbol("state-def"), $ = Symbol("state-path"), P = Symbol("state-verbose"), C = Symbol("state-verbose-path"), R = Symbol("state-ssr"), J = typeof window > "u", se = J ? j : G;
-function ce(e = {}) {
+const ie = Symbol("state-def"), Y = Symbol("state-path"), U = Symbol("state-verbose"), q = Symbol("state-verbose-path"), G = Symbol("state-ssr"), fe = typeof window > "u", Ce = fe ? ce : _e;
+function $e(t = {}) {
   return {
-    [F]: !0,
+    [ie]: !0,
     // marks this object as a leaf in the router tree
-    [$]: "",
+    [Y]: "",
     // placeholder; injected at runtime by injectPaths()
-    [P]: !1,
+    [U]: !1,
     // placeholder
-    [C]: "",
+    [q]: "",
     // placeholder
-    [R]: !1,
+    [G]: !1,
     // placeholder
-    useState(n) {
-      const t = J ? void 0 : x(e.storage), i = x(e.defaultValue), o = e.bidirectional;
-      n ??= {};
-      const c = x(n.defaultValue) ?? i, a = n.bidirectional ?? o, s = this[$], v = this[P], y = this[C], V = this[R], l = ne(), u = e.serialize ?? JSON.stringify, b = e.deserialize ?? JSON.parse, d = (r, h, k) => {
-        const m = h.getItem(r);
-        m === null ? E(k) && h.setItem(r, u(k)) : l.set(r, b(m));
-      }, f = Y(
-        n.onSet ?? (() => {
+    useState(o) {
+      const r = fe ? void 0 : J(t.storage), l = J(t.defaultValue), s = t.bidirectional;
+      o ??= {};
+      const a = J(o.defaultValue) ?? l, i = o.bidirectional ?? s, c = this[Y], T = this[U], y = this[q], w = this[G], d = je(), v = t.serialize ?? JSON.stringify, S = t.deserialize ?? JSON.parse, E = (u, _, x) => {
+        const k = _.getItem(u);
+        k === null ? V(x) && _.setItem(u, v(x)) : d.set(u, S(k));
+      }, p = xe(
+        o.onSet ?? (() => {
         }),
-        n.delayedSet,
+        o.delayedSet,
         []
-      ), S = N(void 0), T = N(!1);
-      if (!T.current) {
-        T.current = !0;
-        let r = l.get(s);
-        E(r) || (r = c, E(r) && l.set(s, r)), !V && t && d(s, t, r);
+      ), h = ee(void 0), A = ee(!1);
+      if (!A.current) {
+        A.current = !0;
+        let u = d.get(c);
+        V(u) || (u = a, V(u) && d.set(c, u)), !w && r && E(c, r, u);
       }
-      const w = H(
-        l.subscribe.bind(l),
-        l.getClientSnapshot.bind(l),
-        l.getServerSnapshot.bind(l)
+      const P = he(
+        d.subscribe.bind(d),
+        d.getClientSnapshot.bind(d),
+        d.getServerSnapshot.bind(d)
       );
-      if (v)
+      if (T)
         if (y) {
-          const r = z(w, y);
-          r && O(r);
+          const u = D(P, y);
+          u && se(u);
         } else
-          O(w);
-      const p = z(w, s, c);
-      S.current = p, se(() => {
-        !V || !t || d(s, t, p);
+          se(P);
+      const g = D(P, c, a);
+      h.current = g, Ce(() => {
+        !w || !r || E(c, r, g);
       }, []);
-      const g = Q((r) => {
-        if (r.key !== s)
+      const R = ye((u) => {
+        if (u.key !== c)
           return;
-        const h = r.newValue, m = (h === null ? null : b(h)) ?? c;
-        E(m) && (l.set(s, m), f(m, S.current));
+        const _ = u.newValue, k = (_ === null ? null : S(_)) ?? a;
+        V(k) && (d.set(c, k), p(k, h.current));
       });
-      j(() => {
-        if (a)
-          return window.addEventListener("storage", g), () => window.removeEventListener("storage", g);
-      }, [a]);
-      const I = D((r) => {
-        const h = B(r) ? r(S.current) : r;
-        l.set(s, h), f(h, S.current), t && t.setItem(s, u(h));
-      }, [s, t, f]), W = D(() => {
-        const r = c;
-        if (!E(r)) {
-          t?.removeItem(s);
+      ce(() => {
+        if (i)
+          return window.addEventListener("storage", R), () => window.removeEventListener("storage", R);
+      }, [i]);
+      const j = te((u) => {
+        const _ = ue(u) ? u(h.current) : u;
+        d.set(c, _), p(_, h.current), r && r.setItem(c, v(_));
+      }, [c, r, p]), F = te(() => {
+        const u = a;
+        if (!V(u)) {
+          r?.removeItem(c);
           return;
         }
-        l.set(s, r), f(r, S.current), t && t.setItem(s, u(r));
-      }, [s, c, t, f]);
+        d.set(c, u), p(u, h.current), r && r.setItem(c, v(u));
+      }, [c, a, r, p]);
       return [
-        p,
-        I,
-        W
+        g,
+        j,
+        F
       ];
     },
     /** Returns the fully qualified job name (dot-separated path). */
     toString() {
-      return this[$];
+      return this[Y];
     }
   };
 }
-function K(e, n) {
+function de(t, o) {
   const {
-    path: t = "",
-    verbose: i,
-    verbosePath: o,
-    ssr: c,
-    cache: a
-  } = n;
-  let s = a.proxy.get(e);
-  s || (s = /* @__PURE__ */ new Map(), a.proxy.set(e, s));
-  const v = s.get(t);
-  if (v)
-    return v;
-  const y = new Proxy(e, {
-    get(V, l) {
-      const u = V[l], b = t ? `${t}.${String(l)}` : String(l);
-      if (u && typeof u == "object" && F in u) {
-        const d = u;
-        let f = a.leaf.get(d);
-        f || (f = /* @__PURE__ */ new Map(), a.leaf.set(d, f));
-        const S = f.get(b);
-        if (S)
-          return S;
-        const T = Reflect.ownKeys(d).filter(
-          (g) => typeof d[g] == "function"
-        ), w = Object.fromEntries(
-          T.map((g) => [
-            g,
-            (...I) => d[g].call(
+    path: r = "",
+    verbose: l,
+    verbosePath: s,
+    ssr: a,
+    cache: i
+  } = o;
+  let c = i.proxy.get(t);
+  c || (c = /* @__PURE__ */ new Map(), i.proxy.set(t, c));
+  const T = c.get(r);
+  if (T)
+    return T;
+  const y = new Proxy(t, {
+    get(w, d) {
+      const v = w[d], S = r ? `${r}.${String(d)}` : String(d);
+      if (v && typeof v == "object" && ie in v) {
+        const E = v;
+        let p = i.leaf.get(E);
+        p || (p = /* @__PURE__ */ new Map(), i.leaf.set(E, p));
+        const h = p.get(S);
+        if (h)
+          return h;
+        const A = Reflect.ownKeys(E).filter(
+          (R) => typeof E[R] == "function"
+        ), P = Object.fromEntries(
+          A.map((R) => [
+            R,
+            (...j) => E[R].call(
               {
-                ...d,
-                [$]: b,
-                [P]: i,
-                [C]: o,
-                [R]: c
+                ...E,
+                [Y]: S,
+                [U]: l,
+                [q]: s,
+                [G]: a
               },
-              ...I
+              ...j
             )
           ])
-        ), p = { ...d, ...w };
-        return f.set(b, p), p;
+        ), g = { ...E, ...P };
+        return p.set(S, g), g;
       }
-      return u && typeof u == "object" ? K(u, {
-        ...n,
-        path: b
-      }) : u;
+      return v && typeof v == "object" ? de(v, {
+        ...o,
+        path: S
+      }) : v;
     }
   });
-  return s.set(t, y), y;
+  return c.set(r, y), y;
 }
-function ie(e, n) {
-  return K(e, {
-    ...n,
-    verbosePath: n?.verbosePath ?? "",
+function Ie(t, o) {
+  return de(t, {
+    ...o,
+    verbosePath: o?.verbosePath ?? "",
     cache: {
       proxy: /* @__PURE__ */ new WeakMap(),
       leaf: /* @__PURE__ */ new WeakMap()
@@ -229,7 +484,7 @@ function ie(e, n) {
   });
 }
 export {
-  ce as defineState,
-  oe as runWithStateVocab,
-  ie as setupStorage
+  Ve as VocabStateProvider,
+  $e as defineState,
+  Ie as setupStorage
 };

package/dist/types/context.d.ts

@@ -0,0 +1,4 @@
+import { type PropsWithChildren } from "react";
+import VocabStore from "./store";
+export declare function useVocabStoreContext(): VocabStore;
+export declare function VocabStoreContextProvider({ children }: PropsWithChildren): import("react/jsx-runtime").JSX.Element;

package/dist/types/index.d.ts

@@ -1,3 +1,3 @@
-export { runWithStateVocab } from "./store";
+export { VocabStoreContextProvider as VocabStateProvider } from "./context";
 export { defineState } from "./state";
 export { setupStorage } from "./setup";

package/dist/types/store.d.ts

@@ -3,8 +3,9 @@ type Listener = () => void;
 /***
  * https://react.dev/reference/react/useSyncExternalStore
  */
-declare class VocabStore {
+export default class VocabStore {
     #private;
+    uid: string;
     constructor();
     subscribe(listener: Listener): () => boolean;
     getClientSnapshot<V>(): Vocab<V>;
@@ -12,6 +13,4 @@ declare class VocabStore {
     get<V>(statePath: string): V | undefined;
     set<V>(statePath: string, value: ValueOrTransformer<V>): void;
 }
-export declare function runWithStateVocab<T>(fn: () => T): T | undefined;
-export declare const getVocabStore: () => VocabStore;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yakocloud/state-vocab",
-  "version": "3.0.9",
+  "version": "3.1.2",
   "main": "dist/state-vocab.cjs.js",
   "module": "dist/state-vocab.es.js",
   "types": "dist/types/index.d.ts",