react-simple-formkit 1.3.4 → 1.3.6

package/README.md

@@ -193,9 +193,9 @@ const handleSubmit = async (data) => {
   setLoading(true);
   await new Promise((res) => setTimeout(res, 1500));
   setDefaultValues(data);
-  // After update default values, reload the form
+  // After update default values, reset the form to get new default values
   // Because data updating is asynchronous. Catching it's change is ineffective.
-  actions.reload();
+  actions.reset();
   setLoading(false);
 };
 

package/dist/react-simple-formkit.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react");var z={exports:{}},I={};/**
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react");var J={exports:{}},I={};/**
  * @license React
  * react-jsx-runtime.production.js
  *
@@ -6,7 +6,7 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var Z;function oe(){if(Z)return I;Z=1;var o=Symbol.for("react.transitional.element"),n=Symbol.for("react.fragment");function s(l,u,i){var E=null;if(i!==void 0&&(E=""+i),u.key!==void 0&&(E=""+u.key),"key"in u){i={};for(var d in u)d!=="key"&&(i[d]=u[d])}else i=u;return u=i.ref,{$$typeof:o,type:l,key:E,ref:u!==void 0?u:null,props:i}}return I.Fragment=n,I.jsx=s,I.jsxs=s,I}var $={};/**
+ */var Z;function se(){if(Z)return I;Z=1;var s=Symbol.for("react.transitional.element"),t=Symbol.for("react.fragment");function o(i,l,f){var R=null;if(f!==void 0&&(R=""+f),l.key!==void 0&&(R=""+l.key),"key"in l){f={};for(var b in l)b!=="key"&&(f[b]=l[b])}else f=l;return l=f.ref,{$$typeof:s,type:i,key:R,ref:l!==void 0?l:null,props:f}}return I.Fragment=t,I.jsx=o,I.jsxs=o,I}var $={};/**
  * @license React
  * react-jsx-runtime.development.js
  *
@@ -14,9 +14,9 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var Q;function se(){return Q||(Q=1,process.env.NODE_ENV!=="production"&&function(){function o(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===j?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case h:return"Fragment";case V:return"Profiler";case A:return"StrictMode";case G:return"Suspense";case W:return"SuspenseList";case U: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 g:return"Portal";case M:return(e.displayName||"Context")+".Provider";case y:return(e._context.displayName||"Context")+".Consumer";case L:var r=e.render;return e=e.displayName,e||(e=r.displayName||r.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case q:return r=e.displayName||null,r!==null?r:o(e.type)||"Memo";case O:r=e._payload,e=e._init;try{return o(e(r))}catch{}}return null}function n(e){return""+e}function s(e){try{n(e);var r=!1}catch{r=!0}if(r){r=console;var c=r.error,k=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return c.call(r,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",k),n(e)}}function l(e){if(e===h)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===O)return"<...>";try{var r=o(e);return r?"<"+r+">":"<...>"}catch{return"<...>"}}function u(){var e=F.A;return e===null?null:e.getOwner()}function i(){return Error("react-stack-top-frame")}function E(e){if(D.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function d(e,r){function c(){J||(J=!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))}c.isReactWarning=!0,Object.defineProperty(e,"key",{get:c,configurable:!0})}function b(){var e=o(this.type);return t[e]||(t[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,r,c,k,C,w,X,B){return c=w.ref,e={$$typeof:N,type:e,key:r,props:w,_owner:C},(c!==void 0?c:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:b}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:X}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:B}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function p(e,r,c,k,C,w,X,B){var _=r.children;if(_!==void 0)if(k)if(Y(_)){for(k=0;k<_.length;k++)m(_[k]);Object.freeze&&Object.freeze(_)}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 m(_);if(D.call(r,"key")){_=o(e);var x=Object.keys(r).filter(function(ae){return ae!=="key"});k=0<x.length?"{key: someKey, "+x.join(": ..., ")+": ...}":"{key: someKey}",S[_+k]||(x=0<x.length?"{"+x.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
+ */var Q;function oe(){return Q||(Q=1,process.env.NODE_ENV!=="production"&&function(){function s(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===O?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case C:return"Fragment";case h:return"Profiler";case _:return"StrictMode";case M:return"Suspense";case G: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 z:return"Portal";case V:return(e.displayName||"Context")+".Provider";case N:return(e._context.displayName||"Context")+".Consumer";case w:var r=e.render;return e=e.displayName,e||(e=r.displayName||r.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case L:return r=e.displayName||null,r!==null?r:s(e.type)||"Memo";case D:r=e._payload,e=e._init;try{return s(e(r))}catch{}}return null}function t(e){return""+e}function o(e){try{t(e);var r=!1}catch{r=!0}if(r){r=console;var c=r.error,u=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return c.call(r,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",u),t(e)}}function i(e){if(e===C)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===D)return"<...>";try{var r=s(e);return r?"<"+r+">":"<...>"}catch{return"<...>"}}function l(){var e=A.A;return e===null?null:e.getOwner()}function f(){return Error("react-stack-top-frame")}function R(e){if(y.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function b(e,r){function c(){F||(F=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",r))}c.isReactWarning=!0,Object.defineProperty(e,"key",{get:c,configurable:!0})}function E(){var e=s(this.type);return Y[e]||(Y[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),e=this.props.ref,e!==void 0?e:null}function p(e,r,c,u,g,S,X,B){return c=S.ref,e={$$typeof:x,type:e,key:r,props:S,_owner:g},(c!==void 0?c:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:E}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:X}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:B}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function T(e,r,c,u,g,S,X,B){var k=r.children;if(k!==void 0)if(u)if(q(k)){for(u=0;u<k.length;u++)m(k[u]);Object.freeze&&Object.freeze(k)}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 m(k);if(y.call(r,"key")){k=s(e);var P=Object.keys(r).filter(function(ae){return ae!=="key"});u=0<P.length?"{key: someKey, "+P.join(": ..., ")+": ...}":"{key: someKey}",d[k+u]||(P=0<P.length?"{"+P.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} />`,k,_,x,_),S[_+k]=!0)}if(_=null,c!==void 0&&(s(c),_=""+c),E(r)&&(s(r.key),_=""+r.key),"key"in r){c={};for(var H in r)H!=="key"&&(c[H]=r[H])}else c=r;return _&&d(c,typeof e=="function"?e.displayName||e.name||"Unknown":e),v(e,_,w,C,u(),c,X,B)}function m(e){typeof e=="object"&&e!==null&&e.$$typeof===N&&e._store&&(e._store.validated=1)}var T=a,N=Symbol.for("react.transitional.element"),g=Symbol.for("react.portal"),h=Symbol.for("react.fragment"),A=Symbol.for("react.strict_mode"),V=Symbol.for("react.profiler"),y=Symbol.for("react.consumer"),M=Symbol.for("react.context"),L=Symbol.for("react.forward_ref"),G=Symbol.for("react.suspense"),W=Symbol.for("react.suspense_list"),q=Symbol.for("react.memo"),O=Symbol.for("react.lazy"),U=Symbol.for("react.activity"),j=Symbol.for("react.client.reference"),F=T.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,D=Object.prototype.hasOwnProperty,Y=Array.isArray,P=console.createTask?console.createTask:function(){return null};T={"react-stack-bottom-frame":function(e){return e()}};var J,t={},f=T["react-stack-bottom-frame"].bind(T,i)(),R=P(l(i)),S={};$.Fragment=h,$.jsx=function(e,r,c,k,C){var w=1e4>F.recentlyCreatedOwnerStacks++;return p(e,r,c,!1,k,C,w?Error("react-stack-top-frame"):f,w?P(l(e)):R)},$.jsxs=function(e,r,c,k,C){var w=1e4>F.recentlyCreatedOwnerStacks++;return p(e,r,c,!0,k,C,w?Error("react-stack-top-frame"):f,w?P(l(e)):R)}}()),$}var K;function ce(){return K||(K=1,process.env.NODE_ENV==="production"?z.exports=oe():z.exports=se()),z.exports}var ee=ce();const te=a.createContext({}),ue=()=>a.useContext(te),le=({id:o,form:n,method:s,action:l,children:u,onSubmit:i=()=>{},onInput:E=()=>{},onChange:d=()=>{},numberFields:b=[],className:v,...p})=>(a.useEffect(()=>n.actions.registerOnchange(d),[d]),ee.jsx(te.Provider,{value:n,children:ee.jsx("form",{id:o,ref:n==null?void 0:n.ref,action:l,method:s,className:v,onSubmit:m=>{s||m.preventDefault();const T=n.actions.loadFormValues();i(T)},onInput:m=>{if(m.target.tagName==="FORM"){const T=n.actions.loadFormValues();n.actions.setFormState(T)}else E(m)},onChange:()=>{const m=n.actions.loadFormValues();n.actions.setFormState(m)},onReset:m=>{n&&(m.preventDefault(),n.actions.reset())},...p,children:u},n==null?void 0:n.lastReloadedAt)})),ie=({name:o,render:n=({ref:s,name:l,defaultValue:u,value:i,setValue:E})=>null})=>{const s=a.useRef(),l=ue(),u=l.actions.getDefaultValues()[o],[i,E]=a.useState(u),d=a.useCallback((b,{shouldDirty:v=!0}={})=>{l.actions.setFormState(p=>({...p,[o]:b}),{shouldDirty:v}),E(b)},[E,l.actions.setFormState]);return a.useEffect(()=>l.subscribe(o,(v,{shouldDirty:p=!0,shouldOnChange:m=!0}={})=>{E(v),l.actions.setFormState(T=>({...T,[o]:v}),{shouldDirty:p,shouldOnChange:m}),s.current&&typeof s.current.dispatchEvent=="function"&&m&&s.current.dispatchEvent(new Event("change"))}),[]),n({ref:s,name:o,defaultValue:u,value:i,setValue:d})},fe=(o,n)=>{let s=!1;return Object.keys(n).forEach(l=>{if(!(l in o)||s)return;const u=n[l],i=o[l];(typeof u=="object"||u!==i)&&(s=!0)}),s},re=o=>(typeof o.setCustomValidity=="function"&&o.setCustomValidity(""),!o||typeof o.checkValidity!="function"||o.checkValidity()?null:o.validationMessage),ne=()=>{const[o,n]=a.useState({}),s=a.useMemo(()=>Object.values(o).filter(Boolean).length>0,[o]),l=a.useCallback((d,b)=>{n(v=>v[d]===b?v:{...v,[d]:b})},[]),u=a.useCallback(d=>{n(b=>({...b,...d}))},[]),i=a.useCallback(d=>{n(b=>b[d]?{...b,[d]:""}:b)},[]),E=a.useCallback(()=>{n({})},[]);return{isError:s,errors:o,changeError:l,changeErrors:u,clearError:i,clearErrors:E}},de=()=>{const[o,n]=a.useState(),s=a.useCallback(()=>n(new Date().toString()),[]);return[o,s]},be=()=>{const[,o]=a.useState({});return a.useCallback(()=>o({}),[])},Ee=[],me=({numberFields:o=Ee,defaultValues:n={}}={})=>{const{changeError:s,errors:l,changeErrors:u,clearError:i,clearErrors:E,isError:d}=ne(),[b,v]=a.useState(!1),[p,m]=de(),T=be(),N=a.useRef(new Set),g=a.useRef(n),h=a.useRef(n),A=a.useRef({}),V=a.useRef(()=>{}),y=a.useRef(),M=a.useCallback((t,{shouldDirty:f=!0,shouldOnChange:R=!0}={})=>{let S=t;typeof t=="function"&&(S=t(g.current)),[...N.current].forEach(c=>{g.current[c]!==S[c]&&T()}),g.current=S;let r=b;f&&(r=fe(g.current,h.current),r!==b&&v(r)),R&&V.current(g.current)},[b]),L=a.useCallback(()=>{v(!1),E();const t=A.current;Object.keys(t).forEach(f=>{const R=t[f];R(h.current[f],{shouldDirty:!1,shouldOnChange:!1})}),y.current&&y.current.reset(),m()},[E]),G=a.useCallback((t,f)=>{const R=A.current;return R[t]=f,()=>{delete R[t],delete g.current[t],delete h.current[t]}},[]),W=a.useCallback(t=>(V.current=t,()=>V.current=()=>{})),q=a.useCallback(t=>re(t.target),[]),O=a.useCallback(t=>t?g.current[t]:g.current,[]),U=a.useCallback(()=>h.current,[]),j=a.useCallback(()=>{setTimeout(()=>y.current.dispatchEvent(new Event("input",{bubbles:!0})))},[]),F=a.useCallback(t=>{const f=re(t.target);f?s(t.target.name,f):s(t.target.name,null)},[s]),D=a.useCallback((t,f,{shouldDirty:R=!0,shouldOnChange:S=!0}={})=>{const e=A.current;switch(typeof t){case"string":{const r=e[t];if(!r)throw new Error(`${t} is uncontrolled, please use Controller for it!`);r(f,{shouldDirty:R,shouldOnChange:S}),S&&j()}break;case"object":Object.entries(t).forEach(([r,c])=>{const k=e[r];if(!k)throw new Error(`${r} is uncontrolled, please use Controller for it!`);k(c,{shouldDirty:R,shouldOnChange:S})}),S&&j();default:return}},[j]),Y=a.useCallback(()=>{const t=Object.fromEntries(new FormData(y.current)),f=A.current;return Object.keys(f).map(R=>{t[R]=g.current[R]}),o.forEach(R=>t.hasOwnProperty(R)&&(t[R]=+t[R])),t},[]),P=t=>(N.current.add(t),t==="data"?O():O()[t]),J=a.useMemo(()=>({setValue:D,instantChange:j,getDefaultValues:U,getFormState:O,setFormState:M,changeError:s,changeErrors:u,clearError:i,clearErrors:E,loadFormValues:Y,checkValidity:F,getFieldValidity:q,registerOnchange:W,reload:m,reset:L,watch:P}),[D,j,U,O,M,s,u,i,Y,q,F,W,m,L,P]);return a.useLayoutEffect(()=>{if(y.current){const t=Y();h.current=t,g.current=t}return()=>{h.current=n,g.current=n,v(!1),E()}},[p]),a.useLayoutEffect(()=>{y.current&&[...y.current.querySelectorAll("[name]")].forEach(f=>{!f.defaultValue&&n[f.name]&&(f.defaultValue=n[f.name])})},[p]),{ref:y,lastReloadedAt:p,isDirty:b,isError:d,errors:l,numberFields:o,subscribe:G,actions:J}};exports.Controller=ie;exports.Form=le;exports.useForm=me;exports.useValidateForm=ne;
+  <%s key={someKey} {...props} />`,u,k,P,k),d[k+u]=!0)}if(k=null,c!==void 0&&(o(c),k=""+c),R(r)&&(o(r.key),k=""+r.key),"key"in r){c={};for(var H in r)H!=="key"&&(c[H]=r[H])}else c=r;return k&&b(c,typeof e=="function"?e.displayName||e.name||"Unknown":e),p(e,k,S,g,l(),c,X,B)}function m(e){typeof e=="object"&&e!==null&&e.$$typeof===x&&e._store&&(e._store.validated=1)}var v=n,x=Symbol.for("react.transitional.element"),z=Symbol.for("react.portal"),C=Symbol.for("react.fragment"),_=Symbol.for("react.strict_mode"),h=Symbol.for("react.profiler"),N=Symbol.for("react.consumer"),V=Symbol.for("react.context"),w=Symbol.for("react.forward_ref"),M=Symbol.for("react.suspense"),G=Symbol.for("react.suspense_list"),L=Symbol.for("react.memo"),D=Symbol.for("react.lazy"),W=Symbol.for("react.activity"),O=Symbol.for("react.client.reference"),A=v.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,y=Object.prototype.hasOwnProperty,q=Array.isArray,j=console.createTask?console.createTask:function(){return null};v={"react-stack-bottom-frame":function(e){return e()}};var F,Y={},U=v["react-stack-bottom-frame"].bind(v,f)(),a=j(i(f)),d={};$.Fragment=C,$.jsx=function(e,r,c,u,g){var S=1e4>A.recentlyCreatedOwnerStacks++;return T(e,r,c,!1,u,g,S?Error("react-stack-top-frame"):U,S?j(i(e)):a)},$.jsxs=function(e,r,c,u,g){var S=1e4>A.recentlyCreatedOwnerStacks++;return T(e,r,c,!0,u,g,S?Error("react-stack-top-frame"):U,S?j(i(e)):a)}}()),$}var K;function ce(){return K||(K=1,process.env.NODE_ENV==="production"?J.exports=se():J.exports=oe()),J.exports}var ee=ce();const te=n.createContext({}),ue=()=>n.useContext(te),le=({id:s,form:t,method:o,action:i,children:l,onSubmit:f=()=>{},onInput:R=()=>{},onChange:b=()=>{},numberFields:E=[],className:p,...T})=>(n.useEffect(()=>t.actions.registerOnchange(b),[b]),ee.jsx(te.Provider,{value:t,children:t.ready&&ee.jsx("form",{id:s,ref:t==null?void 0:t.ref,action:i,method:o,className:p,onSubmit:m=>{o||m.preventDefault();const v=t.actions.loadFormValues();f(v)},onInput:m=>{if(m.target.tagName==="FORM"){const v=t.actions.loadFormValues();t.actions.setFormState(v)}else R(m)},onChange:()=>{const m=t.actions.loadFormValues();t.actions.setFormState(m)},onReset:m=>{t&&(m.preventDefault(),t.actions.reset())},...T,children:l},t==null?void 0:t.lastReloadedAt)})),ie=({name:s,render:t=({ref:o,name:i,defaultValue:l,value:f,setValue:R})=>null})=>{const o=n.useRef(),i=ue(),l=i.actions.getDefaultValues()[s],[f,R]=n.useState(l),b=n.useCallback((E,{shouldDirty:p=!0}={})=>{i.actions.setFormState(T=>({...T,[s]:E}),{shouldDirty:p}),R(E)},[R,i.actions.setFormState]);return n.useEffect(()=>i.subscribe(s,(p,{shouldDirty:T=!0,shouldOnChange:m=!0}={})=>{R(p),i.actions.setFormState(v=>({...v,[s]:p}),{shouldDirty:T,shouldOnChange:m}),o.current&&typeof o.current.dispatchEvent=="function"&&m&&o.current.dispatchEvent(new Event("change"))}),[]),t({ref:o,name:s,defaultValue:l,value:f,setValue:b})},fe=(s,t)=>{let o=!1;return Object.keys(t).forEach(i=>{if(!(i in s)||o)return;const l=t[i],f=s[i];(typeof l=="object"||l!==f)&&(o=!0)}),o},re=s=>(typeof s.setCustomValidity=="function"&&s.setCustomValidity(""),!s||typeof s.checkValidity!="function"||s.checkValidity()?null:s.validationMessage),ne=()=>{const[s,t]=n.useState({}),o=n.useMemo(()=>Object.values(s).filter(Boolean).length>0,[s]),i=n.useCallback((b,E)=>{t(p=>p[b]===E?p:{...p,[b]:E})},[]),l=n.useCallback(b=>{t(E=>({...E,...b}))},[]),f=n.useCallback(b=>{t(E=>E[b]?{...E,[b]:""}:E)},[]),R=n.useCallback(()=>{t({})},[]);return{isError:o,errors:s,changeError:i,changeErrors:l,clearError:f,clearErrors:R}},de=()=>{const[s,t]=n.useState(),o=n.useCallback(()=>t(new Date().toString()),[]);return[s,o]},be=()=>{const[,s]=n.useState({});return n.useCallback(()=>s({}),[])},Ee=[],me=({numberFields:s=Ee,defaultValues:t={}}={})=>{const{changeError:o,errors:i,changeErrors:l,clearError:f,clearErrors:R,isError:b}=ne(),[E,p]=n.useState(!1),[T,m]=de(),[v,x]=n.useState(!1),z=be(),C=n.useRef(new Set),_=n.useRef(t),h=n.useRef(t),N=n.useRef({}),V=n.useRef(()=>{}),w=n.useRef(),M=n.useCallback((a,{shouldDirty:d=!0,shouldOnChange:e=!0}={})=>{let r=a;typeof a=="function"&&(r=a(_.current)),[...C.current].forEach(g=>{_.current[g]!==r[g]&&z()}),_.current=r;let u=E;d&&(console.log(u,_.current.password,h.current.password),u=fe(_.current,h.current),u!==E&&p(u)),e&&V.current(_.current)},[E]),G=n.useCallback((a,d)=>{const e=N.current;return e[a]=d,()=>{delete e[a],delete _.current[a],delete h.current[a]}},[]),L=n.useCallback(a=>(V.current=a,()=>V.current=()=>{})),D=n.useCallback(()=>x(!1),[]),W=n.useCallback(a=>re(a.target),[]),O=n.useCallback(a=>a?_.current[a]:_.current,[]),A=n.useCallback(()=>h.current,[]),y=n.useCallback(()=>{setTimeout(()=>w.current.dispatchEvent(new Event("input",{bubbles:!0})))},[]),q=n.useCallback(a=>{const d=re(a.target);d?o(a.target.name,d):o(a.target.name,null)},[o]),j=n.useCallback((a,d,{shouldDirty:e=!0,shouldOnChange:r=!0}={})=>{const c=N.current;switch(typeof a){case"string":{const u=c[a];if(!u)throw new Error(`${a} is uncontrolled, please use Controller for it!`);u(d,{shouldDirty:e,shouldOnChange:r}),r&&y()}break;case"object":Object.entries(a).forEach(([u,g])=>{const S=c[u];if(!S)throw new Error(`${u} is uncontrolled, please use Controller for it!`);S(g,{shouldDirty:e,shouldOnChange:r})}),r&&y();default:return}},[y]),F=n.useCallback(()=>{const a=Object.fromEntries(new FormData(w.current)),d=N.current;return Object.keys(d).map(e=>{a[e]=_.current[e]}),s.forEach(e=>a.hasOwnProperty(e)&&(a[e]=+a[e])),a},[]),Y=a=>(C.current.add(a),a==="data"?O():O()[a]),U=n.useMemo(()=>({setValue:j,instantChange:y,getDefaultValues:A,getFormState:O,setFormState:M,changeError:o,changeErrors:l,clearError:f,clearErrors:R,loadFormValues:F,checkValidity:q,getFieldValidity:W,registerOnchange:L,reload:m,reset:D,watch:Y}),[j,y,A,O,M,o,l,f,F,W,q,L,m,D,Y]);return n.useLayoutEffect(()=>{if(!v)h.current={...t},_.current={...t},p(!1),R(),x(!0);else if([...w.current.querySelectorAll("[name]")].forEach(d=>{!d.defaultValue&&t[d.name]&&(d.defaultValue=t[d.name])}),w.current){const d=F();h.current=d,_.current=d}},[v]),{ready:v,ref:w,isDirty:E,isError:b,errors:i,numberFields:s,subscribe:G,actions:U}};exports.Controller=ie;exports.Form=le;exports.useForm=me;exports.useValidateForm=ne;

package/dist/react-simple-formkit.mjs

@@ -1,5 +1,5 @@
-import le, { createContext as ie, useContext as fe, useEffect as ae, useRef as x, useState as L, useCallback as p, useMemo as se, useLayoutEffect as K } from "react";
-var X = { exports: {} }, $ = {};
+import ue, { createContext as le, useContext as ie, useEffect as oe, useRef as O, useState as N, useCallback as m, useMemo as ae, useLayoutEffect as fe } from "react";
+var G = { exports: {} }, M = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -9,29 +9,29 @@ var X = { exports: {} }, $ = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var ee;
+var K;
 function de() {
-  if (ee) return $;
-  ee = 1;
-  var o = Symbol.for("react.transitional.element"), n = Symbol.for("react.fragment");
-  function a(u, c, l) {
-    var E = null;
-    if (l !== void 0 && (E = "" + l), c.key !== void 0 && (E = "" + c.key), "key" in c) {
-      l = {};
-      for (var f in c)
-        f !== "key" && (l[f] = c[f]);
-    } else l = c;
-    return c = l.ref, {
+  if (K) return M;
+  K = 1;
+  var o = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
+  function a(l, u, i) {
+    var R = null;
+    if (i !== void 0 && (R = "" + i), u.key !== void 0 && (R = "" + u.key), "key" in u) {
+      i = {};
+      for (var d in u)
+        d !== "key" && (i[d] = u[d]);
+    } else i = u;
+    return u = i.ref, {
       $$typeof: o,
-      type: u,
-      key: E,
-      ref: c !== void 0 ? c : null,
-      props: l
+      type: l,
+      key: R,
+      ref: u !== void 0 ? u : null,
+      props: i
     };
   }
-  return $.Fragment = n, $.jsx = a, $.jsxs = a, $;
+  return M.Fragment = t, M.jsx = a, M.jsxs = a, M;
 }
-var M = {};
+var L = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -41,44 +41,44 @@ var M = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var re;
+var ee;
 function Ee() {
-  return re || (re = 1, process.env.NODE_ENV !== "production" && function() {
+  return ee || (ee = 1, process.env.NODE_ENV !== "production" && function() {
     function o(e) {
       if (e == null) return null;
       if (typeof e == "function")
         return e.$$typeof === j ? null : e.displayName || e.name || null;
       if (typeof e == "string") return e;
       switch (e) {
-        case k:
+        case A:
           return "Fragment";
-        case V:
+        case k:
           return "Profiler";
-        case F:
+        case g:
           return "StrictMode";
-        case B:
+        case W:
           return "Suspense";
-        case q:
+        case B:
           return "SuspenseList";
-        case z:
+        case q:
           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 g:
+          case X:
             return "Portal";
-          case W:
+          case Y:
             return (e.displayName || "Context") + ".Provider";
-          case w:
+          case D:
             return (e._context.displayName || "Context") + ".Consumer";
-          case U:
+          case y:
             var r = e.render;
             return e = e.displayName, e || (e = r.displayName || r.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
-          case J:
+          case U:
             return r = e.displayName || null, r !== null ? r : o(e.type) || "Memo";
-          case A:
+          case I:
             r = e._payload, e = e._init;
             try {
               return o(e(r));
@@ -87,29 +87,29 @@ function Ee() {
         }
       return null;
     }
-    function n(e) {
+    function t(e) {
       return "" + e;
     }
     function a(e) {
       try {
-        n(e);
+        t(e);
         var r = !1;
       } catch {
         r = !0;
       }
       if (r) {
         r = console;
-        var s = r.error, R = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        var s = r.error, c = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
         return s.call(
           r,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          R
-        ), n(e);
+          c
+        ), t(e);
       }
     }
-    function u(e) {
-      if (e === k) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === A)
+    function l(e) {
+      if (e === A) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === I)
         return "<...>";
       try {
         var r = o(e);
@@ -118,23 +118,23 @@ function Ee() {
         return "<...>";
       }
     }
-    function c() {
-      var e = P.A;
+    function u() {
+      var e = x.A;
       return e === null ? null : e.getOwner();
     }
-    function l() {
+    function i() {
       return Error("react-stack-top-frame");
     }
-    function E(e) {
-      if (Y.call(e, "key")) {
+    function R(e) {
+      if (w.call(e, "key")) {
         var r = Object.getOwnPropertyDescriptor(e, "key").get;
         if (r && r.isReactWarning) return !1;
       }
       return e.key !== void 0;
     }
-    function f(e, r) {
+    function d(e, r) {
       function s() {
-        G || (G = !0, console.error(
+        P || (P = !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
         ));
@@ -144,22 +144,22 @@ function Ee() {
         configurable: !0
       });
     }
-    function d() {
+    function E() {
       var e = o(this.type);
-      return t[e] || (t[e] = !0, console.error(
+      return $[e] || ($[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 _(e, r, s, R, O, y, H, Z) {
-      return s = y.ref, e = {
-        $$typeof: D,
+    function _(e, r, s, c, T, h, H, Z) {
+      return s = h.ref, e = {
+        $$typeof: V,
         type: e,
         key: r,
-        props: y,
-        _owner: O
+        props: h,
+        _owner: T
       }, (s !== void 0 ? s : null) !== null ? Object.defineProperty(e, "ref", {
         enumerable: !1,
-        get: d
+        get: E
       }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -182,295 +182,285 @@ function Ee() {
         value: Z
       }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
     }
-    function T(e, r, s, R, O, y, H, Z) {
-      var v = r.children;
-      if (v !== void 0)
-        if (R)
-          if (I(v)) {
-            for (R = 0; R < v.length; R++)
-              b(v[R]);
-            Object.freeze && Object.freeze(v);
+    function S(e, r, s, c, T, h, H, Z) {
+      var p = r.children;
+      if (p !== void 0)
+        if (c)
+          if (J(p)) {
+            for (c = 0; c < p.length; c++)
+              b(p[c]);
+            Object.freeze && Object.freeze(p);
           } 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 b(v);
-      if (Y.call(r, "key")) {
-        v = o(e);
-        var N = Object.keys(r).filter(function(ue) {
-          return ue !== "key";
+        else b(p);
+      if (w.call(r, "key")) {
+        p = o(e);
+        var C = Object.keys(r).filter(function(ce) {
+          return ce !== "key";
         });
-        R = 0 < N.length ? "{key: someKey, " + N.join(": ..., ") + ": ...}" : "{key: someKey}", S[v + R] || (N = 0 < N.length ? "{" + N.join(": ..., ") + ": ...}" : "{}", console.error(
+        c = 0 < C.length ? "{key: someKey, " + C.join(": ..., ") + ": ...}" : "{key: someKey}", f[p + c] || (C = 0 < C.length ? "{" + C.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} />`,
-          R,
-          v,
-          N,
-          v
-        ), S[v + R] = !0);
+          c,
+          p,
+          C,
+          p
+        ), f[p + c] = !0);
       }
-      if (v = null, s !== void 0 && (a(s), v = "" + s), E(r) && (a(r.key), v = "" + r.key), "key" in r) {
+      if (p = null, s !== void 0 && (a(s), p = "" + s), R(r) && (a(r.key), p = "" + r.key), "key" in r) {
         s = {};
         for (var Q in r)
           Q !== "key" && (s[Q] = r[Q]);
       } else s = r;
-      return v && f(
+      return p && d(
         s,
         typeof e == "function" ? e.displayName || e.name || "Unknown" : e
       ), _(
         e,
-        v,
-        y,
-        O,
-        c(),
+        p,
+        h,
+        T,
+        u(),
         s,
         H,
         Z
       );
     }
     function b(e) {
-      typeof e == "object" && e !== null && e.$$typeof === D && e._store && (e._store.validated = 1);
+      typeof e == "object" && e !== null && e.$$typeof === V && e._store && (e._store.validated = 1);
     }
-    var h = le, D = Symbol.for("react.transitional.element"), g = Symbol.for("react.portal"), k = Symbol.for("react.fragment"), F = Symbol.for("react.strict_mode"), V = Symbol.for("react.profiler"), w = Symbol.for("react.consumer"), W = Symbol.for("react.context"), U = Symbol.for("react.forward_ref"), B = Symbol.for("react.suspense"), q = Symbol.for("react.suspense_list"), J = Symbol.for("react.memo"), A = Symbol.for("react.lazy"), z = Symbol.for("react.activity"), j = Symbol.for("react.client.reference"), P = h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Y = Object.prototype.hasOwnProperty, I = Array.isArray, C = console.createTask ? console.createTask : function() {
+    var v = ue, V = Symbol.for("react.transitional.element"), X = Symbol.for("react.portal"), A = Symbol.for("react.fragment"), g = Symbol.for("react.strict_mode"), k = Symbol.for("react.profiler"), D = Symbol.for("react.consumer"), Y = Symbol.for("react.context"), y = Symbol.for("react.forward_ref"), W = Symbol.for("react.suspense"), B = Symbol.for("react.suspense_list"), U = Symbol.for("react.memo"), I = Symbol.for("react.lazy"), q = Symbol.for("react.activity"), j = Symbol.for("react.client.reference"), x = v.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, w = Object.prototype.hasOwnProperty, J = Array.isArray, F = console.createTask ? console.createTask : function() {
       return null;
     };
-    h = {
+    v = {
       "react-stack-bottom-frame": function(e) {
         return e();
       }
     };
-    var G, t = {}, i = h["react-stack-bottom-frame"].bind(
-      h,
-      l
-    )(), m = C(u(l)), S = {};
-    M.Fragment = k, M.jsx = function(e, r, s, R, O) {
-      var y = 1e4 > P.recentlyCreatedOwnerStacks++;
-      return T(
+    var P, $ = {}, z = v["react-stack-bottom-frame"].bind(
+      v,
+      i
+    )(), n = F(l(i)), f = {};
+    L.Fragment = A, L.jsx = function(e, r, s, c, T) {
+      var h = 1e4 > x.recentlyCreatedOwnerStacks++;
+      return S(
         e,
         r,
         s,
         !1,
-        R,
-        O,
-        y ? Error("react-stack-top-frame") : i,
-        y ? C(u(e)) : m
+        c,
+        T,
+        h ? Error("react-stack-top-frame") : z,
+        h ? F(l(e)) : n
       );
-    }, M.jsxs = function(e, r, s, R, O) {
-      var y = 1e4 > P.recentlyCreatedOwnerStacks++;
-      return T(
+    }, L.jsxs = function(e, r, s, c, T) {
+      var h = 1e4 > x.recentlyCreatedOwnerStacks++;
+      return S(
         e,
         r,
         s,
         !0,
-        R,
-        O,
-        y ? Error("react-stack-top-frame") : i,
-        y ? C(u(e)) : m
+        c,
+        T,
+        h ? Error("react-stack-top-frame") : z,
+        h ? F(l(e)) : n
       );
     };
-  }()), M;
+  }()), L;
 }
-var te;
+var re;
 function be() {
-  return te || (te = 1, process.env.NODE_ENV === "production" ? X.exports = de() : X.exports = Ee()), X.exports;
+  return re || (re = 1, process.env.NODE_ENV === "production" ? G.exports = de() : G.exports = Ee()), G.exports;
 }
-var ne = be();
-const ce = ie({}), me = () => fe(ce), he = ({
+var te = be();
+const se = le({}), me = () => ie(se), he = ({
   id: o,
-  form: n,
+  form: t,
   method: a,
-  action: u,
-  children: c,
-  onSubmit: l = () => {
+  action: l,
+  children: u,
+  onSubmit: i = () => {
   },
-  onInput: E = () => {
+  onInput: R = () => {
   },
-  onChange: f = () => {
+  onChange: d = () => {
   },
-  numberFields: d = [],
+  numberFields: E = [],
   className: _,
-  ...T
-}) => (ae(() => n.actions.registerOnchange(f), [f]), /* @__PURE__ */ ne.jsx(ce.Provider, { value: n, children: /* @__PURE__ */ ne.jsx(
+  ...S
+}) => (oe(() => t.actions.registerOnchange(d), [d]), /* @__PURE__ */ te.jsx(se.Provider, { value: t, children: t.ready && /* @__PURE__ */ te.jsx(
   "form",
   {
     id: o,
-    ref: n == null ? void 0 : n.ref,
-    action: u,
+    ref: t == null ? void 0 : t.ref,
+    action: l,
     method: a,
     className: _,
     onSubmit: (b) => {
       a || b.preventDefault();
-      const h = n.actions.loadFormValues();
-      l(h);
+      const v = t.actions.loadFormValues();
+      i(v);
     },
     onInput: (b) => {
       if (b.target.tagName === "FORM") {
-        const h = n.actions.loadFormValues();
-        n.actions.setFormState(h);
+        const v = t.actions.loadFormValues();
+        t.actions.setFormState(v);
       } else
-        E(b);
+        R(b);
     },
     onChange: () => {
-      const b = n.actions.loadFormValues();
-      n.actions.setFormState(b);
+      const b = t.actions.loadFormValues();
+      t.actions.setFormState(b);
     },
     onReset: (b) => {
-      n && (b.preventDefault(), n.actions.reset());
+      t && (b.preventDefault(), t.actions.reset());
     },
-    ...T,
-    children: c
+    ...S,
+    children: u
   },
-  n == null ? void 0 : n.lastReloadedAt
-) })), Se = ({ name: o, render: n = ({ ref: a, name: u, defaultValue: c, value: l, setValue: E }) => null }) => {
-  const a = x(), u = me(), c = u.actions.getDefaultValues()[o], [l, E] = L(c), f = p(
-    (d, { shouldDirty: _ = !0 } = {}) => {
-      u.actions.setFormState((T) => ({ ...T, [o]: d }), { shouldDirty: _ }), E(d);
+  t == null ? void 0 : t.lastReloadedAt
+) })), Se = ({ name: o, render: t = ({ ref: a, name: l, defaultValue: u, value: i, setValue: R }) => null }) => {
+  const a = O(), l = me(), u = l.actions.getDefaultValues()[o], [i, R] = N(u), d = m(
+    (E, { shouldDirty: _ = !0 } = {}) => {
+      l.actions.setFormState((S) => ({ ...S, [o]: E }), { shouldDirty: _ }), R(E);
     },
-    [E, u.actions.setFormState]
+    [R, l.actions.setFormState]
   );
-  return ae(() => u.subscribe(o, (_, { shouldDirty: T = !0, shouldOnChange: b = !0 } = {}) => {
-    E(_), u.actions.setFormState((h) => ({ ...h, [o]: _ }), { shouldDirty: T, shouldOnChange: b }), a.current && typeof a.current.dispatchEvent == "function" && b && a.current.dispatchEvent(new Event("change"));
-  }), []), n({ ref: a, name: o, defaultValue: c, value: l, setValue: f });
-}, Re = (o, n) => {
+  return oe(() => l.subscribe(o, (_, { shouldDirty: S = !0, shouldOnChange: b = !0 } = {}) => {
+    R(_), l.actions.setFormState((v) => ({ ...v, [o]: _ }), { shouldDirty: S, shouldOnChange: b }), a.current && typeof a.current.dispatchEvent == "function" && b && a.current.dispatchEvent(new Event("change"));
+  }), []), t({ ref: a, name: o, defaultValue: u, value: i, setValue: d });
+}, Re = (o, t) => {
   let a = !1;
-  return Object.keys(n).forEach((u) => {
-    if (!(u in o) || a) return;
-    const c = n[u], l = o[u];
-    (typeof c == "object" || c !== l) && (a = !0);
+  return Object.keys(t).forEach((l) => {
+    if (!(l in o) || a) return;
+    const u = t[l], i = o[l];
+    (typeof u == "object" || u !== i) && (a = !0);
   }), a;
-}, oe = (o) => (typeof o.setCustomValidity == "function" && o.setCustomValidity(""), !o || typeof o.checkValidity != "function" || o.checkValidity() ? null : o.validationMessage), pe = () => {
-  const [o, n] = L({}), a = se(() => Object.values(o).filter(Boolean).length > 0, [o]), u = p((f, d) => {
-    n((_) => _[f] === d ? _ : { ..._, [f]: d });
-  }, []), c = p((f) => {
-    n((d) => ({ ...d, ...f }));
-  }, []), l = p((f) => {
-    n((d) => d[f] ? { ...d, [f]: "" } : d);
-  }, []), E = p(() => {
-    n({});
+}, ne = (o) => (typeof o.setCustomValidity == "function" && o.setCustomValidity(""), !o || typeof o.checkValidity != "function" || o.checkValidity() ? null : o.validationMessage), pe = () => {
+  const [o, t] = N({}), a = ae(() => Object.values(o).filter(Boolean).length > 0, [o]), l = m((d, E) => {
+    t((_) => _[d] === E ? _ : { ..._, [d]: E });
+  }, []), u = m((d) => {
+    t((E) => ({ ...E, ...d }));
+  }, []), i = m((d) => {
+    t((E) => E[d] ? { ...E, [d]: "" } : E);
+  }, []), R = m(() => {
+    t({});
   }, []);
-  return { isError: a, errors: o, changeError: u, changeErrors: c, clearError: l, clearErrors: E };
+  return { isError: a, errors: o, changeError: l, changeErrors: u, clearError: i, clearErrors: R };
 }, _e = () => {
-  const [o, n] = L(), a = p(() => n((/* @__PURE__ */ new Date()).toString()), []);
+  const [o, t] = N(), a = m(() => t((/* @__PURE__ */ new Date()).toString()), []);
   return [o, a];
 }, ve = () => {
-  const [, o] = L({});
-  return p(() => o({}), []);
-}, ge = [], ke = ({ numberFields: o = ge, defaultValues: n = {} } = {}) => {
-  const { changeError: a, errors: u, changeErrors: c, clearError: l, clearErrors: E, isError: f } = pe(), [d, _] = L(!1), [T, b] = _e(), h = ve(), D = x(/* @__PURE__ */ new Set()), g = x(n), k = x(n), F = x({}), V = x(() => {
-  }), w = x(), W = p(
-    (t, { shouldDirty: i = !0, shouldOnChange: m = !0 } = {}) => {
-      let S = t;
-      typeof t == "function" && (S = t(g.current)), [...D.current].forEach((s) => {
-        g.current[s] !== S[s] && h();
-      }), g.current = S;
-      let r = d;
-      i && (r = Re(g.current, k.current), r !== d && _(r)), m && V.current(g.current);
+  const [, o] = N({});
+  return m(() => o({}), []);
+}, ge = [], ke = ({ numberFields: o = ge, defaultValues: t = {} } = {}) => {
+  const { changeError: a, errors: l, changeErrors: u, clearError: i, clearErrors: R, isError: d } = pe(), [E, _] = N(!1), [S, b] = _e(), [v, V] = N(!1), X = ve(), A = O(/* @__PURE__ */ new Set()), g = O(t), k = O(t), D = O({}), Y = O(() => {
+  }), y = O(), W = m(
+    (n, { shouldDirty: f = !0, shouldOnChange: e = !0 } = {}) => {
+      let r = n;
+      typeof n == "function" && (r = n(g.current)), [...A.current].forEach((T) => {
+        g.current[T] !== r[T] && X();
+      }), g.current = r;
+      let c = E;
+      f && (console.log(c, g.current.password, k.current.password), c = Re(g.current, k.current), c !== E && _(c)), e && Y.current(g.current);
     },
-    [d]
-  ), U = p(() => {
-    _(!1), E();
-    const t = F.current;
-    Object.keys(t).forEach((i) => {
-      const m = t[i];
-      m(k.current[i], { shouldDirty: !1, shouldOnChange: !1 });
-    }), w.current && w.current.reset(), b();
-  }, [E]), B = p((t, i) => {
-    const m = F.current;
-    return m[t] = i, () => {
-      delete m[t], delete g.current[t], delete k.current[t];
+    [E]
+  ), B = m((n, f) => {
+    const e = D.current;
+    return e[n] = f, () => {
+      delete e[n], delete g.current[n], delete k.current[n];
     };
-  }, []), q = p((t) => (V.current = t, () => V.current = () => {
-  })), J = p((t) => oe(t.target), []), A = p((t) => t ? g.current[t] : g.current, []), z = p(() => k.current, []), j = p(() => {
-    setTimeout(() => w.current.dispatchEvent(new Event("input", { bubbles: !0 })));
-  }, []), P = p(
-    (t) => {
-      const i = oe(t.target);
-      i ? a(t.target.name, i) : a(t.target.name, null);
+  }, []), U = m((n) => (Y.current = n, () => Y.current = () => {
+  })), I = m(() => V(!1), []), q = m((n) => ne(n.target), []), j = m((n) => n ? g.current[n] : g.current, []), x = m(() => k.current, []), w = m(() => {
+    setTimeout(() => y.current.dispatchEvent(new Event("input", { bubbles: !0 })));
+  }, []), J = m(
+    (n) => {
+      const f = ne(n.target);
+      f ? a(n.target.name, f) : a(n.target.name, null);
     },
     [a]
-  ), Y = p(
-    (t, i, { shouldDirty: m = !0, shouldOnChange: S = !0 } = {}) => {
-      const e = F.current;
-      switch (typeof t) {
+  ), F = m(
+    (n, f, { shouldDirty: e = !0, shouldOnChange: r = !0 } = {}) => {
+      const s = D.current;
+      switch (typeof n) {
         case "string":
           {
-            const r = e[t];
-            if (!r)
-              throw new Error(`${t} is uncontrolled, please use Controller for it!`);
-            r(i, { shouldDirty: m, shouldOnChange: S }), S && j();
+            const c = s[n];
+            if (!c)
+              throw new Error(`${n} is uncontrolled, please use Controller for it!`);
+            c(f, { shouldDirty: e, shouldOnChange: r }), r && w();
           }
           break;
         case "object":
-          Object.entries(t).forEach(([r, s]) => {
-            const R = e[r];
-            if (!R)
-              throw new Error(`${r} is uncontrolled, please use Controller for it!`);
-            R(s, { shouldDirty: m, shouldOnChange: S });
-          }), S && j();
+          Object.entries(n).forEach(([c, T]) => {
+            const h = s[c];
+            if (!h)
+              throw new Error(`${c} is uncontrolled, please use Controller for it!`);
+            h(T, { shouldDirty: e, shouldOnChange: r });
+          }), r && w();
         default:
           return;
       }
     },
-    [j]
-  ), I = p(() => {
-    const t = Object.fromEntries(new FormData(w.current)), i = F.current;
-    return Object.keys(i).map((m) => {
-      t[m] = g.current[m];
-    }), o.forEach((m) => t.hasOwnProperty(m) && (t[m] = +t[m])), t;
-  }, []), C = (t) => (D.current.add(t), t === "data" ? A() : A()[t]), G = se(
+    [w]
+  ), P = m(() => {
+    const n = Object.fromEntries(new FormData(y.current)), f = D.current;
+    return Object.keys(f).map((e) => {
+      n[e] = g.current[e];
+    }), o.forEach((e) => n.hasOwnProperty(e) && (n[e] = +n[e])), n;
+  }, []), $ = (n) => (A.current.add(n), n === "data" ? j() : j()[n]), z = ae(
     () => ({
-      setValue: Y,
-      instantChange: j,
-      getDefaultValues: z,
-      getFormState: A,
+      setValue: F,
+      instantChange: w,
+      getDefaultValues: x,
+      getFormState: j,
       setFormState: W,
       changeError: a,
-      changeErrors: c,
-      clearError: l,
-      clearErrors: E,
-      loadFormValues: I,
-      checkValidity: P,
-      getFieldValidity: J,
-      registerOnchange: q,
+      changeErrors: u,
+      clearError: i,
+      clearErrors: R,
+      loadFormValues: P,
+      checkValidity: J,
+      getFieldValidity: q,
+      registerOnchange: U,
       reload: b,
-      reset: U,
-      watch: C
+      reset: I,
+      watch: $
     }),
     [
-      Y,
+      F,
+      w,
+      x,
       j,
-      z,
-      A,
       W,
       a,
-      c,
-      l,
-      I,
-      J,
+      u,
+      i,
       P,
       q,
-      b,
+      J,
       U,
-      C
+      b,
+      I,
+      $
     ]
   );
-  return K(() => {
-    if (w.current) {
-      const t = I();
-      k.current = t, g.current = t;
+  return fe(() => {
+    if (!v)
+      k.current = { ...t }, g.current = { ...t }, _(!1), R(), V(!0);
+    else if ([...y.current.querySelectorAll("[name]")].forEach((f) => {
+      !f.defaultValue && t[f.name] && (f.defaultValue = t[f.name]);
+    }), y.current) {
+      const f = P();
+      k.current = f, g.current = f;
     }
-    return () => {
-      k.current = n, g.current = n, _(!1), E();
-    };
-  }, [T]), K(() => {
-    w.current && [...w.current.querySelectorAll("[name]")].forEach((i) => {
-      !i.defaultValue && n[i.name] && (i.defaultValue = n[i.name]);
-    });
-  }, [T]), { ref: w, lastReloadedAt: T, isDirty: d, isError: f, errors: u, numberFields: o, subscribe: B, actions: G };
+  }, [v]), { ready: v, ref: y, isDirty: E, isError: d, errors: l, numberFields: o, subscribe: B, actions: z };
 };
 export {
   Se as Controller,

package/dist/react-simple-formkit.umd.js

@@ -1,4 +1,4 @@
-(function(S,n){typeof exports=="object"&&typeof module<"u"?n(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],n):(S=typeof globalThis<"u"?globalThis:S||self,n(S.Name={},S.React))})(this,function(S,n){"use strict";var W={exports:{}},V={};/**
+(function(S,r){typeof exports=="object"&&typeof module<"u"?r(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],r):(S=typeof globalThis<"u"?globalThis:S||self,r(S.Name={},S.React))})(this,function(S,r){"use strict";var W={exports:{}},N={};/**
  * @license React
  * react-jsx-runtime.production.js
  *
@@ -6,7 +6,7 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var q;function oe(){if(q)return V;q=1;var o=Symbol.for("react.transitional.element"),a=Symbol.for("react.fragment");function s(l,u,i){var E=null;if(i!==void 0&&(E=""+i),u.key!==void 0&&(E=""+u.key),"key"in u){i={};for(var d in u)d!=="key"&&(i[d]=u[d])}else i=u;return u=i.ref,{$$typeof:o,type:l,key:E,ref:u!==void 0?u:null,props:i}}return V.Fragment=a,V.jsx=s,V.jsxs=s,V}var D={};/**
+ */var q;function se(){if(q)return N;q=1;var s=Symbol.for("react.transitional.element"),n=Symbol.for("react.fragment");function o(i,l,f){var R=null;if(f!==void 0&&(R=""+f),l.key!==void 0&&(R=""+l.key),"key"in l){f={};for(var b in l)b!=="key"&&(f[b]=l[b])}else f=l;return l=f.ref,{$$typeof:s,type:i,key:R,ref:l!==void 0?l:null,props:f}}return N.Fragment=n,N.jsx=o,N.jsxs=o,N}var V={};/**
  * @license React
  * react-jsx-runtime.development.js
  *
@@ -14,9 +14,9 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var $;function se(){return $||($=1,process.env.NODE_ENV!=="production"&&function(){function o(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===A?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case y:return"Fragment";case I:return"Profiler";case F:return"StrictMode";case H:return"Suspense";case z:return"SuspenseList";case X: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 T:return"Portal";case U:return(e.displayName||"Context")+".Provider";case w:return(e._context.displayName||"Context")+".Consumer";case J:var t=e.render;return e=e.displayName,e||(e=t.displayName||t.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case G:return t=e.displayName||null,t!==null?t:o(e.type)||"Memo";case j:t=e._payload,e=e._init;try{return o(e(t))}catch{}}return null}function a(e){return""+e}function s(e){try{a(e);var t=!1}catch{t=!0}if(t){t=console;var c=t.error,k=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return c.call(t,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",k),a(e)}}function l(e){if(e===y)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===j)return"<...>";try{var t=o(e);return t?"<"+t+">":"<...>"}catch{return"<...>"}}function u(){var e=P.A;return e===null?null:e.getOwner()}function i(){return Error("react-stack-top-frame")}function E(e){if(M.call(e,"key")){var t=Object.getOwnPropertyDescriptor(e,"key").get;if(t&&t.isReactWarning)return!1}return e.key!==void 0}function d(e,t){function c(){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)",t))}c.isReactWarning=!0,Object.defineProperty(e,"key",{get:c,configurable:!0})}function b(){var e=o(this.type);return r[e]||(r[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 p(e,t,c,k,O,C,Z,Q){return c=C.ref,e={$$typeof:Y,type:e,key:t,props:C,_owner:O},(c!==void 0?c:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:b}):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:Z}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:Q}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function _(e,t,c,k,O,C,Z,Q){var v=t.children;if(v!==void 0)if(k)if(L(v)){for(k=0;k<v.length;k++)m(v[k]);Object.freeze&&Object.freeze(v)}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 m(v);if(M.call(t,"key")){v=o(e);var N=Object.keys(t).filter(function(Re){return Re!=="key"});k=0<N.length?"{key: someKey, "+N.join(": ..., ")+": ...}":"{key: someKey}",g[v+k]||(N=0<N.length?"{"+N.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
+ */var $;function oe(){return $||($=1,process.env.NODE_ENV!=="production"&&function(){function s(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===j?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case O:return"Fragment";case y:return"Profiler";case T:return"StrictMode";case U:return"Suspense";case H:return"SuspenseList";case z: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 B:return"Portal";case I:return(e.displayName||"Context")+".Provider";case Y:return(e._context.displayName||"Context")+".Consumer";case C:var t=e.render;return e=e.displayName,e||(e=t.displayName||t.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case J:return t=e.displayName||null,t!==null?t:s(e.type)||"Memo";case M:t=e._payload,e=e._init;try{return s(e(t))}catch{}}return null}function n(e){return""+e}function o(e){try{n(e);var t=!1}catch{t=!0}if(t){t=console;var c=t.error,u=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return c.call(t,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",u),n(e)}}function i(e){if(e===O)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===M)return"<...>";try{var t=s(e);return t?"<"+t+">":"<...>"}catch{return"<...>"}}function l(){var e=A.A;return e===null?null:e.getOwner()}function f(){return Error("react-stack-top-frame")}function R(e){if(w.call(e,"key")){var t=Object.getOwnPropertyDescriptor(e,"key").get;if(t&&t.isReactWarning)return!1}return e.key!==void 0}function b(e,t){function c(){P||(P=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",t))}c.isReactWarning=!0,Object.defineProperty(e,"key",{get:c,configurable:!0})}function E(){var e=s(this.type);return L[e]||(L[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 p(e,t,c,u,_,g,Z,Q){return c=g.ref,e={$$typeof:D,type:e,key:t,props:g,_owner:_},(c!==void 0?c:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:E}):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:Z}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:Q}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function h(e,t,c,u,_,g,Z,Q){var k=t.children;if(k!==void 0)if(u)if(G(k)){for(u=0;u<k.length;u++)m(k[u]);Object.freeze&&Object.freeze(k)}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 m(k);if(w.call(t,"key")){k=s(e);var x=Object.keys(t).filter(function(Re){return Re!=="key"});u=0<x.length?"{key: someKey, "+x.join(": ..., ")+": ...}":"{key: someKey}",d[k+u]||(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} />`,k,v,N,v),g[v+k]=!0)}if(v=null,c!==void 0&&(s(c),v=""+c),E(t)&&(s(t.key),v=""+t.key),"key"in t){c={};for(var K in t)K!=="key"&&(c[K]=t[K])}else c=t;return v&&d(c,typeof e=="function"?e.displayName||e.name||"Unknown":e),p(e,v,C,O,u(),c,Z,Q)}function m(e){typeof e=="object"&&e!==null&&e.$$typeof===Y&&e._store&&(e._store.validated=1)}var h=n,Y=Symbol.for("react.transitional.element"),T=Symbol.for("react.portal"),y=Symbol.for("react.fragment"),F=Symbol.for("react.strict_mode"),I=Symbol.for("react.profiler"),w=Symbol.for("react.consumer"),U=Symbol.for("react.context"),J=Symbol.for("react.forward_ref"),H=Symbol.for("react.suspense"),z=Symbol.for("react.suspense_list"),G=Symbol.for("react.memo"),j=Symbol.for("react.lazy"),X=Symbol.for("react.activity"),A=Symbol.for("react.client.reference"),P=h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,M=Object.prototype.hasOwnProperty,L=Array.isArray,x=console.createTask?console.createTask:function(){return null};h={"react-stack-bottom-frame":function(e){return e()}};var B,r={},f=h["react-stack-bottom-frame"].bind(h,i)(),R=x(l(i)),g={};D.Fragment=y,D.jsx=function(e,t,c,k,O){var C=1e4>P.recentlyCreatedOwnerStacks++;return _(e,t,c,!1,k,O,C?Error("react-stack-top-frame"):f,C?x(l(e)):R)},D.jsxs=function(e,t,c,k,O){var C=1e4>P.recentlyCreatedOwnerStacks++;return _(e,t,c,!0,k,O,C?Error("react-stack-top-frame"):f,C?x(l(e)):R)}}()),D}var ee;function ce(){return ee||(ee=1,process.env.NODE_ENV==="production"?W.exports=oe():W.exports=se()),W.exports}var te=ce();const re=n.createContext({}),ue=()=>n.useContext(re),le=({id:o,form:a,method:s,action:l,children:u,onSubmit:i=()=>{},onInput:E=()=>{},onChange:d=()=>{},numberFields:b=[],className:p,..._})=>(n.useEffect(()=>a.actions.registerOnchange(d),[d]),te.jsx(re.Provider,{value:a,children:te.jsx("form",{id:o,ref:a==null?void 0:a.ref,action:l,method:s,className:p,onSubmit:m=>{s||m.preventDefault();const h=a.actions.loadFormValues();i(h)},onInput:m=>{if(m.target.tagName==="FORM"){const h=a.actions.loadFormValues();a.actions.setFormState(h)}else E(m)},onChange:()=>{const m=a.actions.loadFormValues();a.actions.setFormState(m)},onReset:m=>{a&&(m.preventDefault(),a.actions.reset())},..._,children:u},a==null?void 0:a.lastReloadedAt)})),ie=({name:o,render:a=({ref:s,name:l,defaultValue:u,value:i,setValue:E})=>null})=>{const s=n.useRef(),l=ue(),u=l.actions.getDefaultValues()[o],[i,E]=n.useState(u),d=n.useCallback((b,{shouldDirty:p=!0}={})=>{l.actions.setFormState(_=>({..._,[o]:b}),{shouldDirty:p}),E(b)},[E,l.actions.setFormState]);return n.useEffect(()=>l.subscribe(o,(p,{shouldDirty:_=!0,shouldOnChange:m=!0}={})=>{E(p),l.actions.setFormState(h=>({...h,[o]:p}),{shouldDirty:_,shouldOnChange:m}),s.current&&typeof s.current.dispatchEvent=="function"&&m&&s.current.dispatchEvent(new Event("change"))}),[]),a({ref:s,name:o,defaultValue:u,value:i,setValue:d})},fe=(o,a)=>{let s=!1;return Object.keys(a).forEach(l=>{if(!(l in o)||s)return;const u=a[l],i=o[l];(typeof u=="object"||u!==i)&&(s=!0)}),s},ne=o=>(typeof o.setCustomValidity=="function"&&o.setCustomValidity(""),!o||typeof o.checkValidity!="function"||o.checkValidity()?null:o.validationMessage),ae=()=>{const[o,a]=n.useState({}),s=n.useMemo(()=>Object.values(o).filter(Boolean).length>0,[o]),l=n.useCallback((d,b)=>{a(p=>p[d]===b?p:{...p,[d]:b})},[]),u=n.useCallback(d=>{a(b=>({...b,...d}))},[]),i=n.useCallback(d=>{a(b=>b[d]?{...b,[d]:""}:b)},[]),E=n.useCallback(()=>{a({})},[]);return{isError:s,errors:o,changeError:l,changeErrors:u,clearError:i,clearErrors:E}},de=()=>{const[o,a]=n.useState(),s=n.useCallback(()=>a(new Date().toString()),[]);return[o,s]},be=()=>{const[,o]=n.useState({});return n.useCallback(()=>o({}),[])},Ee=[],me=({numberFields:o=Ee,defaultValues:a={}}={})=>{const{changeError:s,errors:l,changeErrors:u,clearError:i,clearErrors:E,isError:d}=ae(),[b,p]=n.useState(!1),[_,m]=de(),h=be(),Y=n.useRef(new Set),T=n.useRef(a),y=n.useRef(a),F=n.useRef({}),I=n.useRef(()=>{}),w=n.useRef(),U=n.useCallback((r,{shouldDirty:f=!0,shouldOnChange:R=!0}={})=>{let g=r;typeof r=="function"&&(g=r(T.current)),[...Y.current].forEach(c=>{T.current[c]!==g[c]&&h()}),T.current=g;let t=b;f&&(t=fe(T.current,y.current),t!==b&&p(t)),R&&I.current(T.current)},[b]),J=n.useCallback(()=>{p(!1),E();const r=F.current;Object.keys(r).forEach(f=>{const R=r[f];R(y.current[f],{shouldDirty:!1,shouldOnChange:!1})}),w.current&&w.current.reset(),m()},[E]),H=n.useCallback((r,f)=>{const R=F.current;return R[r]=f,()=>{delete R[r],delete T.current[r],delete y.current[r]}},[]),z=n.useCallback(r=>(I.current=r,()=>I.current=()=>{})),G=n.useCallback(r=>ne(r.target),[]),j=n.useCallback(r=>r?T.current[r]:T.current,[]),X=n.useCallback(()=>y.current,[]),A=n.useCallback(()=>{setTimeout(()=>w.current.dispatchEvent(new Event("input",{bubbles:!0})))},[]),P=n.useCallback(r=>{const f=ne(r.target);f?s(r.target.name,f):s(r.target.name,null)},[s]),M=n.useCallback((r,f,{shouldDirty:R=!0,shouldOnChange:g=!0}={})=>{const e=F.current;switch(typeof r){case"string":{const t=e[r];if(!t)throw new Error(`${r} is uncontrolled, please use Controller for it!`);t(f,{shouldDirty:R,shouldOnChange:g}),g&&A()}break;case"object":Object.entries(r).forEach(([t,c])=>{const k=e[t];if(!k)throw new Error(`${t} is uncontrolled, please use Controller for it!`);k(c,{shouldDirty:R,shouldOnChange:g})}),g&&A();default:return}},[A]),L=n.useCallback(()=>{const r=Object.fromEntries(new FormData(w.current)),f=F.current;return Object.keys(f).map(R=>{r[R]=T.current[R]}),o.forEach(R=>r.hasOwnProperty(R)&&(r[R]=+r[R])),r},[]),x=r=>(Y.current.add(r),r==="data"?j():j()[r]),B=n.useMemo(()=>({setValue:M,instantChange:A,getDefaultValues:X,getFormState:j,setFormState:U,changeError:s,changeErrors:u,clearError:i,clearErrors:E,loadFormValues:L,checkValidity:P,getFieldValidity:G,registerOnchange:z,reload:m,reset:J,watch:x}),[M,A,X,j,U,s,u,i,L,G,P,z,m,J,x]);return n.useLayoutEffect(()=>{if(w.current){const r=L();y.current=r,T.current=r}return()=>{y.current=a,T.current=a,p(!1),E()}},[_]),n.useLayoutEffect(()=>{w.current&&[...w.current.querySelectorAll("[name]")].forEach(f=>{!f.defaultValue&&a[f.name]&&(f.defaultValue=a[f.name])})},[_]),{ref:w,lastReloadedAt:_,isDirty:b,isError:d,errors:l,numberFields:o,subscribe:H,actions:B}};S.Controller=ie,S.Form=le,S.useForm=me,S.useValidateForm=ae,Object.defineProperty(S,Symbol.toStringTag,{value:"Module"})});
+  <%s key={someKey} {...props} />`,u,k,x,k),d[k+u]=!0)}if(k=null,c!==void 0&&(o(c),k=""+c),R(t)&&(o(t.key),k=""+t.key),"key"in t){c={};for(var K in t)K!=="key"&&(c[K]=t[K])}else c=t;return k&&b(c,typeof e=="function"?e.displayName||e.name||"Unknown":e),p(e,k,g,_,l(),c,Z,Q)}function m(e){typeof e=="object"&&e!==null&&e.$$typeof===D&&e._store&&(e._store.validated=1)}var v=r,D=Symbol.for("react.transitional.element"),B=Symbol.for("react.portal"),O=Symbol.for("react.fragment"),T=Symbol.for("react.strict_mode"),y=Symbol.for("react.profiler"),Y=Symbol.for("react.consumer"),I=Symbol.for("react.context"),C=Symbol.for("react.forward_ref"),U=Symbol.for("react.suspense"),H=Symbol.for("react.suspense_list"),J=Symbol.for("react.memo"),M=Symbol.for("react.lazy"),z=Symbol.for("react.activity"),j=Symbol.for("react.client.reference"),A=v.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,w=Object.prototype.hasOwnProperty,G=Array.isArray,F=console.createTask?console.createTask:function(){return null};v={"react-stack-bottom-frame":function(e){return e()}};var P,L={},X=v["react-stack-bottom-frame"].bind(v,f)(),a=F(i(f)),d={};V.Fragment=O,V.jsx=function(e,t,c,u,_){var g=1e4>A.recentlyCreatedOwnerStacks++;return h(e,t,c,!1,u,_,g?Error("react-stack-top-frame"):X,g?F(i(e)):a)},V.jsxs=function(e,t,c,u,_){var g=1e4>A.recentlyCreatedOwnerStacks++;return h(e,t,c,!0,u,_,g?Error("react-stack-top-frame"):X,g?F(i(e)):a)}}()),V}var ee;function ce(){return ee||(ee=1,process.env.NODE_ENV==="production"?W.exports=se():W.exports=oe()),W.exports}var te=ce();const re=r.createContext({}),ue=()=>r.useContext(re),le=({id:s,form:n,method:o,action:i,children:l,onSubmit:f=()=>{},onInput:R=()=>{},onChange:b=()=>{},numberFields:E=[],className:p,...h})=>(r.useEffect(()=>n.actions.registerOnchange(b),[b]),te.jsx(re.Provider,{value:n,children:n.ready&&te.jsx("form",{id:s,ref:n==null?void 0:n.ref,action:i,method:o,className:p,onSubmit:m=>{o||m.preventDefault();const v=n.actions.loadFormValues();f(v)},onInput:m=>{if(m.target.tagName==="FORM"){const v=n.actions.loadFormValues();n.actions.setFormState(v)}else R(m)},onChange:()=>{const m=n.actions.loadFormValues();n.actions.setFormState(m)},onReset:m=>{n&&(m.preventDefault(),n.actions.reset())},...h,children:l},n==null?void 0:n.lastReloadedAt)})),ie=({name:s,render:n=({ref:o,name:i,defaultValue:l,value:f,setValue:R})=>null})=>{const o=r.useRef(),i=ue(),l=i.actions.getDefaultValues()[s],[f,R]=r.useState(l),b=r.useCallback((E,{shouldDirty:p=!0}={})=>{i.actions.setFormState(h=>({...h,[s]:E}),{shouldDirty:p}),R(E)},[R,i.actions.setFormState]);return r.useEffect(()=>i.subscribe(s,(p,{shouldDirty:h=!0,shouldOnChange:m=!0}={})=>{R(p),i.actions.setFormState(v=>({...v,[s]:p}),{shouldDirty:h,shouldOnChange:m}),o.current&&typeof o.current.dispatchEvent=="function"&&m&&o.current.dispatchEvent(new Event("change"))}),[]),n({ref:o,name:s,defaultValue:l,value:f,setValue:b})},fe=(s,n)=>{let o=!1;return Object.keys(n).forEach(i=>{if(!(i in s)||o)return;const l=n[i],f=s[i];(typeof l=="object"||l!==f)&&(o=!0)}),o},ne=s=>(typeof s.setCustomValidity=="function"&&s.setCustomValidity(""),!s||typeof s.checkValidity!="function"||s.checkValidity()?null:s.validationMessage),ae=()=>{const[s,n]=r.useState({}),o=r.useMemo(()=>Object.values(s).filter(Boolean).length>0,[s]),i=r.useCallback((b,E)=>{n(p=>p[b]===E?p:{...p,[b]:E})},[]),l=r.useCallback(b=>{n(E=>({...E,...b}))},[]),f=r.useCallback(b=>{n(E=>E[b]?{...E,[b]:""}:E)},[]),R=r.useCallback(()=>{n({})},[]);return{isError:o,errors:s,changeError:i,changeErrors:l,clearError:f,clearErrors:R}},de=()=>{const[s,n]=r.useState(),o=r.useCallback(()=>n(new Date().toString()),[]);return[s,o]},be=()=>{const[,s]=r.useState({});return r.useCallback(()=>s({}),[])},Ee=[],me=({numberFields:s=Ee,defaultValues:n={}}={})=>{const{changeError:o,errors:i,changeErrors:l,clearError:f,clearErrors:R,isError:b}=ae(),[E,p]=r.useState(!1),[h,m]=de(),[v,D]=r.useState(!1),B=be(),O=r.useRef(new Set),T=r.useRef(n),y=r.useRef(n),Y=r.useRef({}),I=r.useRef(()=>{}),C=r.useRef(),U=r.useCallback((a,{shouldDirty:d=!0,shouldOnChange:e=!0}={})=>{let t=a;typeof a=="function"&&(t=a(T.current)),[...O.current].forEach(_=>{T.current[_]!==t[_]&&B()}),T.current=t;let u=E;d&&(console.log(u,T.current.password,y.current.password),u=fe(T.current,y.current),u!==E&&p(u)),e&&I.current(T.current)},[E]),H=r.useCallback((a,d)=>{const e=Y.current;return e[a]=d,()=>{delete e[a],delete T.current[a],delete y.current[a]}},[]),J=r.useCallback(a=>(I.current=a,()=>I.current=()=>{})),M=r.useCallback(()=>D(!1),[]),z=r.useCallback(a=>ne(a.target),[]),j=r.useCallback(a=>a?T.current[a]:T.current,[]),A=r.useCallback(()=>y.current,[]),w=r.useCallback(()=>{setTimeout(()=>C.current.dispatchEvent(new Event("input",{bubbles:!0})))},[]),G=r.useCallback(a=>{const d=ne(a.target);d?o(a.target.name,d):o(a.target.name,null)},[o]),F=r.useCallback((a,d,{shouldDirty:e=!0,shouldOnChange:t=!0}={})=>{const c=Y.current;switch(typeof a){case"string":{const u=c[a];if(!u)throw new Error(`${a} is uncontrolled, please use Controller for it!`);u(d,{shouldDirty:e,shouldOnChange:t}),t&&w()}break;case"object":Object.entries(a).forEach(([u,_])=>{const g=c[u];if(!g)throw new Error(`${u} is uncontrolled, please use Controller for it!`);g(_,{shouldDirty:e,shouldOnChange:t})}),t&&w();default:return}},[w]),P=r.useCallback(()=>{const a=Object.fromEntries(new FormData(C.current)),d=Y.current;return Object.keys(d).map(e=>{a[e]=T.current[e]}),s.forEach(e=>a.hasOwnProperty(e)&&(a[e]=+a[e])),a},[]),L=a=>(O.current.add(a),a==="data"?j():j()[a]),X=r.useMemo(()=>({setValue:F,instantChange:w,getDefaultValues:A,getFormState:j,setFormState:U,changeError:o,changeErrors:l,clearError:f,clearErrors:R,loadFormValues:P,checkValidity:G,getFieldValidity:z,registerOnchange:J,reload:m,reset:M,watch:L}),[F,w,A,j,U,o,l,f,P,z,G,J,m,M,L]);return r.useLayoutEffect(()=>{if(!v)y.current={...n},T.current={...n},p(!1),R(),D(!0);else if([...C.current.querySelectorAll("[name]")].forEach(d=>{!d.defaultValue&&n[d.name]&&(d.defaultValue=n[d.name])}),C.current){const d=P();y.current=d,T.current=d}},[v]),{ready:v,ref:C,isDirty:E,isError:b,errors:i,numberFields:s,subscribe:H,actions:X}};S.Controller=ie,S.Form=le,S.useForm=me,S.useValidateForm=ae,Object.defineProperty(S,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-simple-formkit",
-  "version": "1.3.4",
+  "version": "1.3.6",
   "keywords": [
     "react formkit",
     "react ez formkit",