@yakocloud/state-vocab 3.0.9 → 3.1.1

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

package/dist/state-vocab.es.js

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

package/dist/types/context.d.ts

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

package/dist/types/index.d.ts

@@ -1,3 +1,2 @@
-export { runWithStateVocab } from "./store";
 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.1",
   "main": "dist/state-vocab.cjs.js",
   "module": "dist/state-vocab.es.js",
   "types": "dist/types/index.d.ts",