@yakocloud/state-vocab 1.0.5 → 2.0.2

package/README.md

@@ -275,6 +275,7 @@ function Dashboard() {
   const [counter, setCounter, resetCounter] = storage.stats.counter.useState(0)
   const [note, setNote] = storage.personal.note.useState('', {
     delayedSet: 500,
+    bidirectional: true,
     onSet: (v) => console.log('Saving note:', v),
   })
 
@@ -323,6 +324,7 @@ createRoot(document.getElementById('root')!).render(
 |---|---|---|
 | `storage` | `Storage \| undefined` | `undefined` (in-memory) |
 | `defaultValue` | `T \| undefined` | `undefined` |
+| `bidirectional` | `true \| undefined` | `undefined` |
 | `serialize` | `(v: T) => string` | `JSON.stringify` |
 | `deserialize` | `(v: string) => T` | `JSON.parse` |
 
@@ -341,5 +343,6 @@ React context provider. Must be an ancestor of any component using `.useState()`
 | `defaultValue` | `D \| (() => D) \| undefined` | Local default, overrides `defineState` default |
 | `options.delayedSet` | `number \| undefined` | Debounce delay for `onSet` in ms |
 | `options.onSet` | `(next: D, prev: D) => void \| undefined` | Callback after state change |
+| `options.bidirectional` | `true \| undefined` | bidirectional state update to sync tabs |
 
 Returns `[value, setValue, resetValue]`.

package/dist/state-vocab.cjs.js

@@ -1,16 +1,8 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const D=require("react"),De=Symbol("state-def"),B=Symbol("state-path");function gr(v,i,u){if(!i)return v;const f=i.split(".");let c=v;for(const b of f)if(c!==null&&typeof c=="object"&&b in c)c=c[b];else return u;return c===void 0?u:c}function br(v,i,u){const f=i.replace(/\[(\d+)\]/g,".$1").split(".");let c=v;for(let b=0;b<f.length-1;b++){const m=f[b],y=f[b+1];(c[m]===void 0||c[m]===null)&&(c[m]=/^\d+$/.test(y)?[]:{}),c=c[m]}return c[f[f.length-1]]=u,v}function hr(v,i=0){let u;return function(...f){u!==void 0&&clearTimeout(u),u=setTimeout(()=>{u=void 0,v.apply(this,f)},i)}}function mr(v,i,u=[]){return D.useMemo(()=>hr(v,i),u)}function Er(v){const i=JSON.stringify(v,null,2).split(`
-`),u=[],f=[];for(const c of i){const b=c.match(/^(\s*)"([^"]+)"(\s*:\s*)(.+)$/);if(b){const[,m,y,l,p]=b;u.push(`${m}%c"${y}"%c${l}%c${p}`),f.push("color: #9cdcfe; font-weight: bold","color: #cccccc","color: #ce9178")}else u.push(`%c${c}`),f.push("color: #cccccc")}console.log(u.join(`
-`),...f,v)}var K={exports:{}},Y={};var Ce;function Rr(){if(Ce)return Y;Ce=1;var v=D,i=Symbol.for("react.element"),u=Symbol.for("react.fragment"),f=Object.prototype.hasOwnProperty,c=v.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,b={key:!0,ref:!0,__self:!0,__source:!0};function m(y,l,p){var g,_={},w=null,k=null;p!==void 0&&(w=""+p),l.key!==void 0&&(w=""+l.key),l.ref!==void 0&&(k=l.ref);for(g in l)f.call(l,g)&&!b.hasOwnProperty(g)&&(_[g]=l[g]);if(y&&y.defaultProps)for(g in l=y.defaultProps,l)_[g]===void 0&&(_[g]=l[g]);return{$$typeof:i,type:y,key:w,ref:k,props:_,_owner:c.current}}return Y.Fragment=u,Y.jsx=m,Y.jsxs=m,Y}var L={};var we;function _r(){return we||(we=1,process.env.NODE_ENV!=="production"&&(function(){var v=D,i=Symbol.for("react.element"),u=Symbol.for("react.portal"),f=Symbol.for("react.fragment"),c=Symbol.for("react.strict_mode"),b=Symbol.for("react.profiler"),m=Symbol.for("react.provider"),y=Symbol.for("react.context"),l=Symbol.for("react.forward_ref"),p=Symbol.for("react.suspense"),g=Symbol.for("react.suspense_list"),_=Symbol.for("react.memo"),w=Symbol.for("react.lazy"),k=Symbol.for("react.offscreen"),j=Symbol.iterator,P="@@iterator";function R(e){if(e===null||typeof e!="object")return null;var r=j&&e[j]||e[P];return typeof r=="function"?r:null}var S=v.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function T(e){{for(var r=arguments.length,t=new Array(r>1?r-1:0),n=1;n<r;n++)t[n-1]=arguments[n];Ie("error",e,t)}}function Ie(e,r,t){{var n=S.ReactDebugCurrentFrame,s=n.getStackAddendum();s!==""&&(r+="%s",t=t.concat([s]));var d=t.map(function(o){return String(o)});d.unshift("Warning: "+r),Function.prototype.apply.call(console[e],console,d)}}var $e=!1,Ve=!1,We=!1,Me=!1,Ye=!1,te;te=Symbol.for("react.module.reference");function Le(e){return!!(typeof e=="string"||typeof e=="function"||e===f||e===b||Ye||e===c||e===p||e===g||Me||e===k||$e||Ve||We||typeof e=="object"&&e!==null&&(e.$$typeof===w||e.$$typeof===_||e.$$typeof===m||e.$$typeof===y||e.$$typeof===l||e.$$typeof===te||e.getModuleId!==void 0))}function Ne(e,r,t){var n=e.displayName;if(n)return n;var s=r.displayName||r.name||"";return s!==""?t+"("+s+")":t}function ne(e){return e.displayName||"Context"}function A(e){if(e==null)return null;if(typeof e.tag=="number"&&T("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof e=="function")return e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case f:return"Fragment";case u:return"Portal";case b:return"Profiler";case c:return"StrictMode";case p:return"Suspense";case g:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case y:var r=e;return ne(r)+".Consumer";case m:var t=e;return ne(t._context)+".Provider";case l:return Ne(e,e.render,"ForwardRef");case _:var n=e.displayName||null;return n!==null?n:A(e.type)||"Memo";case w:{var s=e,d=s._payload,o=s._init;try{return A(o(d))}catch{return null}}}return null}var F=Object.assign,W=0,ae,oe,ie,ue,se,ce,fe;function le(){}le.__reactDisabledLog=!0;function Ue(){{if(W===0){ae=console.log,oe=console.info,ie=console.warn,ue=console.error,se=console.group,ce=console.groupCollapsed,fe=console.groupEnd;var e={configurable:!0,enumerable:!0,value:le,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}W++}}function Je(){{if(W--,W===0){var e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:F({},e,{value:ae}),info:F({},e,{value:oe}),warn:F({},e,{value:ie}),error:F({},e,{value:ue}),group:F({},e,{value:se}),groupCollapsed:F({},e,{value:ce}),groupEnd:F({},e,{value:fe})})}W<0&&T("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var z=S.ReactCurrentDispatcher,G;function N(e,r,t){{if(G===void 0)try{throw Error()}catch(s){var n=s.stack.trim().match(/\n( *(at )?)/);G=n&&n[1]||""}return`
-`+G+e}}var X=!1,U;{var qe=typeof WeakMap=="function"?WeakMap:Map;U=new qe}function de(e,r){if(!e||X)return"";{var t=U.get(e);if(t!==void 0)return t}var n;X=!0;var s=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var d;d=z.current,z.current=null,Ue();try{if(r){var o=function(){throw Error()};if(Object.defineProperty(o.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(o,[])}catch(C){n=C}Reflect.construct(e,[],o)}else{try{o.call()}catch(C){n=C}e.call(o.prototype)}}else{try{throw Error()}catch(C){n=C}e()}}catch(C){if(C&&n&&typeof C.stack=="string"){for(var a=C.stack.split(`
-`),O=n.stack.split(`
-`),h=a.length-1,E=O.length-1;h>=1&&E>=0&&a[h]!==O[E];)E--;for(;h>=1&&E>=0;h--,E--)if(a[h]!==O[E]){if(h!==1||E!==1)do if(h--,E--,E<0||a[h]!==O[E]){var x=`
-`+a[h].replace(" at new "," at ");return e.displayName&&x.includes("<anonymous>")&&(x=x.replace("<anonymous>",e.displayName)),typeof e=="function"&&U.set(e,x),x}while(h>=1&&E>=0);break}}}finally{X=!1,z.current=d,Je(),Error.prepareStackTrace=s}var V=e?e.displayName||e.name:"",I=V?N(V):"";return typeof e=="function"&&U.set(e,I),I}function Ke(e,r,t){return de(e,!1)}function Be(e){var r=e.prototype;return!!(r&&r.isReactComponent)}function J(e,r,t){if(e==null)return"";if(typeof e=="function")return de(e,Be(e));if(typeof e=="string")return N(e);switch(e){case p:return N("Suspense");case g:return N("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case l:return Ke(e.render);case _:return J(e.type,r,t);case w:{var n=e,s=n._payload,d=n._init;try{return J(d(s),r,t)}catch{}}}return""}var M=Object.prototype.hasOwnProperty,ve={},pe=S.ReactDebugCurrentFrame;function q(e){if(e){var r=e._owner,t=J(e.type,e._source,r?r.type:null);pe.setExtraStackFrame(t)}else pe.setExtraStackFrame(null)}function ze(e,r,t,n,s){{var d=Function.call.bind(M);for(var o in e)if(d(e,o)){var a=void 0;try{if(typeof e[o]!="function"){var O=Error((n||"React class")+": "+t+" type `"+o+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[o]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw O.name="Invariant Violation",O}a=e[o](r,o,n,t,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(h){a=h}a&&!(a instanceof Error)&&(q(s),T("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",n||"React class",t,o,typeof a),q(null)),a instanceof Error&&!(a.message in ve)&&(ve[a.message]=!0,q(s),T("Failed %s type: %s",t,a.message),q(null))}}}var Ge=Array.isArray;function H(e){return Ge(e)}function Xe(e){{var r=typeof Symbol=="function"&&Symbol.toStringTag,t=r&&e[Symbol.toStringTag]||e.constructor.name||"Object";return t}}function He(e){try{return ye(e),!1}catch{return!0}}function ye(e){return""+e}function ge(e){if(He(e))return T("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",Xe(e)),ye(e)}var be=S.ReactCurrentOwner,Ze={key:!0,ref:!0,__self:!0,__source:!0},he,me;function Qe(e){if(M.call(e,"ref")){var r=Object.getOwnPropertyDescriptor(e,"ref").get;if(r&&r.isReactWarning)return!1}return e.ref!==void 0}function er(e){if(M.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function rr(e,r){typeof e.ref=="string"&&be.current}function tr(e,r){{var t=function(){he||(he=!0,T("%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://reactjs.org/link/special-props)",r))};t.isReactWarning=!0,Object.defineProperty(e,"key",{get:t,configurable:!0})}}function nr(e,r){{var t=function(){me||(me=!0,T("%s: `ref` 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://reactjs.org/link/special-props)",r))};t.isReactWarning=!0,Object.defineProperty(e,"ref",{get:t,configurable:!0})}}var ar=function(e,r,t,n,s,d,o){var a={$$typeof:i,type:e,key:r,ref:t,props:o,_owner:d};return a._store={},Object.defineProperty(a._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(a,"_self",{configurable:!1,enumerable:!1,writable:!1,value:n}),Object.defineProperty(a,"_source",{configurable:!1,enumerable:!1,writable:!1,value:s}),Object.freeze&&(Object.freeze(a.props),Object.freeze(a)),a};function or(e,r,t,n,s){{var d,o={},a=null,O=null;t!==void 0&&(ge(t),a=""+t),er(r)&&(ge(r.key),a=""+r.key),Qe(r)&&(O=r.ref,rr(r,s));for(d in r)M.call(r,d)&&!Ze.hasOwnProperty(d)&&(o[d]=r[d]);if(e&&e.defaultProps){var h=e.defaultProps;for(d in h)o[d]===void 0&&(o[d]=h[d])}if(a||O){var E=typeof e=="function"?e.displayName||e.name||"Unknown":e;a&&tr(o,E),O&&nr(o,E)}return ar(e,a,O,s,n,be.current,o)}}var Z=S.ReactCurrentOwner,Ee=S.ReactDebugCurrentFrame;function $(e){if(e){var r=e._owner,t=J(e.type,e._source,r?r.type:null);Ee.setExtraStackFrame(t)}else Ee.setExtraStackFrame(null)}var Q;Q=!1;function ee(e){return typeof e=="object"&&e!==null&&e.$$typeof===i}function Re(){{if(Z.current){var e=A(Z.current.type);if(e)return`
-
-Check the render method of \``+e+"`."}return""}}function ir(e){return""}var _e={};function ur(e){{var r=Re();if(!r){var t=typeof e=="string"?e:e.displayName||e.name;t&&(r=`
-
-Check the top-level render call using <`+t+">.")}return r}}function Se(e,r){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var t=ur(r);if(_e[t])return;_e[t]=!0;var n="";e&&e._owner&&e._owner!==Z.current&&(n=" It was passed a child from "+A(e._owner.type)+"."),$(e),T('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',t,n),$(null)}}function Te(e,r){{if(typeof e!="object")return;if(H(e))for(var t=0;t<e.length;t++){var n=e[t];ee(n)&&Se(n,r)}else if(ee(e))e._store&&(e._store.validated=!0);else if(e){var s=R(e);if(typeof s=="function"&&s!==e.entries)for(var d=s.call(e),o;!(o=d.next()).done;)ee(o.value)&&Se(o.value,r)}}}function sr(e){{var r=e.type;if(r==null||typeof r=="string")return;var t;if(typeof r=="function")t=r.propTypes;else if(typeof r=="object"&&(r.$$typeof===l||r.$$typeof===_))t=r.propTypes;else return;if(t){var n=A(r);ze(t,e.props,"prop",n,e)}else if(r.PropTypes!==void 0&&!Q){Q=!0;var s=A(r);T("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",s||"Unknown")}typeof r.getDefaultProps=="function"&&!r.getDefaultProps.isReactClassApproved&&T("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function cr(e){{for(var r=Object.keys(e.props),t=0;t<r.length;t++){var n=r[t];if(n!=="children"&&n!=="key"){$(e),T("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",n),$(null);break}}e.ref!==null&&($(e),T("Invalid attribute `ref` supplied to `React.Fragment`."),$(null))}}var Oe={};function Pe(e,r,t,n,s,d){{var o=Le(e);if(!o){var a="";(e===void 0||typeof e=="object"&&e!==null&&Object.keys(e).length===0)&&(a+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var O=ir();O?a+=O:a+=Re();var h;e===null?h="null":H(e)?h="array":e!==void 0&&e.$$typeof===i?(h="<"+(A(e.type)||"Unknown")+" />",a=" Did you accidentally export a JSX literal instead of a component?"):h=typeof e,T("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",h,a)}var E=or(e,r,t,s,d);if(E==null)return E;if(o){var x=r.children;if(x!==void 0)if(n)if(H(x)){for(var V=0;V<x.length;V++)Te(x[V],e);Object.freeze&&Object.freeze(x)}else T("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 Te(x,e)}if(M.call(r,"key")){var I=A(e),C=Object.keys(r).filter(function(yr){return yr!=="key"}),re=C.length>0?"{key: someKey, "+C.join(": ..., ")+": ...}":"{key: someKey}";if(!Oe[I+re]){var pr=C.length>0?"{"+C.join(": ..., ")+": ...}":"{}";T(`A props object containing a "key" prop is being spread into JSX:
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("react"),B=Symbol("state-def"),A=Symbol("state-path");function le(r,n,a){if(!n)return r;const s=n.split(".");let t=r;for(const c of s)if(t!==null&&typeof t=="object"&&c in t)t=t[c];else return a;return t===void 0?a:t}function ie(r,n,a){const s=n.replace(/\[(\d+)\]/g,".$1").split(".");let t=r;for(let c=0;c<s.length-1;c++){const f=s[c],u=s[c+1];(t[f]===void 0||t[f]===null)&&(t[f]=/^\d+$/.test(u)?[]:{}),t=t[f]}return t[s[s.length-1]]=a,r}function fe(r,n=0){let a;return function(...s){a!==void 0&&clearTimeout(a),a=setTimeout(()=>{a=void 0,r.apply(this,s)},n)}}function de(r,n,a=[]){return T.useMemo(()=>fe(r,n),a)}function me(r){const n=JSON.stringify(r,null,2).split(`
+`),a=[],s=[];for(const t of n){const c=t.match(/^(\s*)"([^"]+)"(\s*:\s*)(.+)$/);if(c){const[,f,u,p,v]=c;a.push(`${f}%c"${u}"%c${p}%c${v}`),s.push("color: #9cdcfe; font-weight: bold","color: #cccccc","color: #ce9178")}else a.push(`%c${t}`),s.push("color: #cccccc")}console.log(a.join(`
+`),...s,r)}var x={exports:{}},k={};var W;function be(){if(W)return k;W=1;var r=Symbol.for("react.transitional.element"),n=Symbol.for("react.fragment");function a(s,t,c){var f=null;if(c!==void 0&&(f=""+c),t.key!==void 0&&(f=""+t.key),"key"in t){c={};for(var u in t)u!=="key"&&(c[u]=t[u])}else c=t;return t=c.ref,{$$typeof:r,type:s,key:f,ref:t!==void 0?t:null,props:c}}return k.Fragment=n,k.jsx=a,k.jsxs=a,k}var w={};var J;function ve(){return J||(J=1,process.env.NODE_ENV!=="production"&&(function(){function r(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===se?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case S:return"Fragment";case Q:return"Profiler";case h:return"StrictMode";case re:return"Suspense";case ne:return"SuspenseList";case ae: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 d:return"Portal";case ee:return e.displayName||"Context";case K:return(e._context.displayName||"Context")+".Consumer";case te:var o=e.render;return e=e.displayName,e||(e=o.displayName||o.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case oe:return o=e.displayName||null,o!==null?o:r(e.type)||"Memo";case j:o=e._payload,e=e._init;try{return r(e(o))}catch{}}return null}function n(e){return""+e}function a(e){try{n(e);var o=!1}catch{o=!0}if(o){o=console;var i=o.error,m=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return i.call(o,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",m),n(e)}}function s(e){if(e===S)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===j)return"<...>";try{var o=r(e);return o?"<"+o+">":"<...>"}catch{return"<...>"}}function t(){var e=N.A;return e===null?null:e.getOwner()}function c(){return Error("react-stack-top-frame")}function f(e){if(Y.call(e,"key")){var o=Object.getOwnPropertyDescriptor(e,"key").get;if(o&&o.isReactWarning)return!1}return e.key!==void 0}function u(e,o){function i(){M||(M=!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)",o))}i.isReactWarning=!0,Object.defineProperty(e,"key",{get:i,configurable:!0})}function p(){var e=r(this.type);return D[e]||(D[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 v(e,o,i,m,P,V){var b=i.ref;return e={$$typeof:_,type:e,key:o,props:i,_owner:m},(b!==void 0?b:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:p}):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:P}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:V}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function l(e,o,i,m,P,V){var b=o.children;if(b!==void 0)if(m)if(ce(b)){for(m=0;m<b.length;m++)R(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 R(b);if(Y.call(o,"key")){b=r(e);var g=Object.keys(o).filter(function(ue){return ue!=="key"});m=0<g.length?"{key: someKey, "+g.join(": ..., ")+": ...}":"{key: someKey}",z[b+m]||(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} />`,re,I,pr,I),Oe[I+re]=!0}}return e===f?cr(E):sr(E),E}}function fr(e,r,t){return Pe(e,r,t,!0)}function lr(e,r,t){return Pe(e,r,t,!1)}var dr=lr,vr=fr;L.Fragment=f,L.jsx=dr,L.jsxs=vr})()),L}var xe;function Sr(){return xe||(xe=1,process.env.NODE_ENV==="production"?K.exports=Rr():K.exports=_r()),K.exports}var Tr=Sr();const Ae=D.createContext({stateVocab:{},setStateVocab:()=>{}});function Or(){return D.useContext(Ae)}const Pr=v=>{const{children:i,verbose:u}=v,[f,c]=D.useState({});return u&&Er(f),Tr.jsx(Ae.Provider,{value:{stateVocab:f,setStateVocab:c},children:i})};function Cr(v={}){const{storage:i,serialize:u=JSON.stringify,deserialize:f=JSON.parse,defaultValue:c}=v;return{[De]:!0,[B]:"",useState(b,m){m??={};const y=mr(m.onSet??(()=>{}),m.delayedSet,[]),l=Or(),p=this[B],g=()=>typeof b=="function"?b():b??c,_=D.useMemo(()=>{if(!i)return;const P=i.getItem(p);let R;if(P===null){const S=g();if(typeof S>"u")return;R=S}else R=f(P);return R},[p]),w=D.useMemo(()=>gr(l.stateVocab,p,_??g()),[l.stateVocab,_,p]),k=P=>R=>{const S={...R};return br(S,p,P),S};D.useEffect(()=>{!i||typeof _>"u"||l.setStateVocab(k(_))},[_]);const j=D.useRef(w);return[w,function(R){const S=typeof R=="function"?R(j.current):R;l.setStateVocab(k(S)),y(S,j.current),i&&i.setItem(p,u(S)),j.current=S},function(){const R=g();if(typeof R>"u"){i?.removeItem(p);return}l.setStateVocab(k(R)),y(R,j.current),j.current=R,i&&i.setItem(p,u(R))}]},toString(){return this[B]}}}const je=new WeakMap,ke=new WeakMap;function Fe(v,i=""){let u=je.get(v);u||(u=new Map,je.set(v,u));const f=u.get(i);if(f)return f;const c=new Proxy(v,{get(b,m){const y=b[m],l=i?`${i}.${String(m)}`:String(m);if(y&&typeof y=="object"&&De in y){const p=y;let g=ke.get(p);g||(g=new Map,ke.set(p,g));const _=g.get(l);if(_)return _;const w=Reflect.ownKeys(p).filter(P=>typeof p[P]=="function"),k=Object.fromEntries(w.map(P=>[P,(...R)=>p[P].call({...p,[B]:l},...R)])),j={...p,...k};return g.set(l,j),j}return y&&typeof y=="object"?Fe(y,l):y}});return u.set(i,c),c}function wr(v){return Fe(v)}exports.StorageProvider=Pr;exports.defineState=Cr;exports.setupStorage=wr;
+  <%s key={someKey} {...props} />`,m,b,g,b),z[b+m]=!0)}if(b=null,i!==void 0&&(a(i),b=""+i),f(o)&&(a(o.key),b=""+o.key),"key"in o){i={};for(var $ in o)$!=="key"&&(i[$]=o[$])}else i=o;return b&&u(i,typeof e=="function"?e.displayName||e.name||"Unknown":e),v(e,b,i,t(),P,V)}function R(e){y(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===j&&(e._payload.status==="fulfilled"?y(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function y(e){return typeof e=="object"&&e!==null&&e.$$typeof===_}var E=T,_=Symbol.for("react.transitional.element"),d=Symbol.for("react.portal"),S=Symbol.for("react.fragment"),h=Symbol.for("react.strict_mode"),Q=Symbol.for("react.profiler"),K=Symbol.for("react.consumer"),ee=Symbol.for("react.context"),te=Symbol.for("react.forward_ref"),re=Symbol.for("react.suspense"),ne=Symbol.for("react.suspense_list"),oe=Symbol.for("react.memo"),j=Symbol.for("react.lazy"),ae=Symbol.for("react.activity"),se=Symbol.for("react.client.reference"),N=E.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,Y=Object.prototype.hasOwnProperty,ce=Array.isArray,C=console.createTask?console.createTask:function(){return null};E={react_stack_bottom_frame:function(e){return e()}};var M,D={},F=E.react_stack_bottom_frame.bind(E,c)(),L=C(s(c)),z={};w.Fragment=S,w.jsx=function(e,o,i){var m=1e4>N.recentlyCreatedOwnerStacks++;return l(e,o,i,!1,m?Error("react-stack-top-frame"):F,m?C(s(e)):L)},w.jsxs=function(e,o,i){var m=1e4>N.recentlyCreatedOwnerStacks++;return l(e,o,i,!0,m?Error("react-stack-top-frame"):F,m?C(s(e)):L)}})()),w}var U;function Ee(){return U||(U=1,process.env.NODE_ENV==="production"?x.exports=be():x.exports=ve()),x.exports}var pe=Ee();const H=T.createContext({stateVocab:{},setStateVocab:()=>{}});function _e(){return T.useContext(H)}const Se=r=>{const{children:n,verbose:a}=r,[s,t]=T.useState({});return a&&me(s),pe.jsx(H.Provider,{value:{stateVocab:s,setStateVocab:t},children:n})},O=(r,n)=>a=>{const s={...a};return ie(s,r,n),s},I=(r,n)=>typeof r=="function"?r():r??n,q=r=>{const{serialized:n,defaultValue:a,superDefaultValue:s,deserialize:t}=r;if(n===null){const c=I(a,s);return typeof c>"u"?void 0:c}return t(n)};function Re(r={}){const{storage:n,serialize:a=JSON.stringify,deserialize:s=JSON.parse}=r,t=r.defaultValue,c=r.bidirectional;return{[B]:!0,[A]:"",useState(f,u){u??={};const p=de(u.onSet??(()=>{}),u.delayedSet,[]),v=_e(),l=this[A],R=T.useMemo(()=>{if(!n)return;const _=n.getItem(l);return q({serialized:_,defaultValue:f,superDefaultValue:t,deserialize:s})},[l]),y=T.useMemo(()=>le(v.stateVocab,l,R??I(f,t)),[v.stateVocab,R,l]);T.useEffect(()=>{!n||typeof R>"u"||v.setStateVocab(O(l,R))},[R]),T.useEffect(()=>{if(!u.bidirectional&&!c)return;const _=d=>{if(d.key!==l)return;const S=d.newValue,h=q({serialized:S,defaultValue:f,superDefaultValue:t,deserialize:s});v.setStateVocab(O(l,h)),p(h,E.current),E.current=h};return window.addEventListener("storage",_),()=>window.removeEventListener("storage",_)},[l,u.bidirectional,c]);const E=T.useRef(y);return[y,function(d){const S=typeof d=="function"?d(E.current):d;v.setStateVocab(O(l,S)),p(S,E.current),n&&n.setItem(l,a(S)),E.current=S},function(){const d=I(f,t);if(typeof d>"u"){n?.removeItem(l);return}v.setStateVocab(O(l,d)),p(d,E.current),E.current=d,n&&n.setItem(l,a(d))}]},toString(){return this[A]}}}const G=new WeakMap,X=new WeakMap;function Z(r,n=""){let a=G.get(r);a||(a=new Map,G.set(r,a));const s=a.get(n);if(s)return s;const t=new Proxy(r,{get(c,f){const u=c[f],p=n?`${n}.${String(f)}`:String(f);if(u&&typeof u=="object"&&B in u){const v=u;let l=X.get(v);l||(l=new Map,X.set(v,l));const R=l.get(p);if(R)return R;const y=Reflect.ownKeys(v).filter(d=>typeof v[d]=="function"),E=Object.fromEntries(y.map(d=>[d,(...S)=>v[d].call({...v,[A]:p},...S)])),_={...v,...E};return l.set(p,_),_}return u&&typeof u=="object"?Z(u,p):u}});return a.set(n,t),t}function Te(r){return Z(r)}exports.StorageProvider=Se;exports.defineState=Re;exports.setupStorage=Te;