react-simple-formkit 1.1.11 → 1.1.12

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

package/dist/react-simple-formkit.mjs

@@ -1,4 +1,4 @@
-import ue, { createContext as le, useContext as ie, useEffect as K, useState as X, useRef as P, useCallback as R, useMemo as ae } from "react";
+import ue, { createContext as le, useContext as ie, useEffect as K, useState as X, useRef as P, useCallback as p, useMemo as ae } from "react";
 var G = { exports: {} }, Y = {};
 /**
  * @license React
@@ -14,18 +14,18 @@ function fe() {
   if (ee) return Y;
   ee = 1;
   var o = Symbol.for("react.transitional.element"), r = Symbol.for("react.fragment");
-  function i(m, s, a) {
-    var b = null;
-    if (a !== void 0 && (b = "" + a), s.key !== void 0 && (b = "" + s.key), "key" in s) {
+  function i(d, c, a) {
+    var m = null;
+    if (a !== void 0 && (m = "" + a), c.key !== void 0 && (m = "" + c.key), "key" in c) {
       a = {};
-      for (var u in s)
-        u !== "key" && (a[u] = s[u]);
-    } else a = s;
-    return s = a.ref, {
+      for (var u in c)
+        u !== "key" && (a[u] = c[u]);
+    } else a = c;
+    return c = a.ref, {
       $$typeof: o,
-      type: m,
-      key: b,
-      ref: s !== void 0 ? s : null,
+      type: d,
+      key: m,
+      ref: c !== void 0 ? c : null,
       props: a
     };
   }
@@ -74,14 +74,14 @@ function de() {
           case B:
             return (e._context.displayName || "Context") + ".Consumer";
           case W:
-            var t = e.render;
-            return e = e.displayName, e || (e = t.displayName || t.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
+            var n = e.render;
+            return e = e.displayName, e || (e = n.displayName || n.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
           case A:
-            return t = e.displayName || null, t !== null ? t : o(e.type) || "Memo";
+            return n = e.displayName || null, n !== null ? n : o(e.type) || "Memo";
           case C:
-            t = e._payload, e = e._init;
+            n = e._payload, e = e._init;
             try {
-              return o(e(t));
+              return o(e(n));
             } catch {
             }
         }
@@ -93,50 +93,50 @@ function de() {
     function i(e) {
       try {
         r(e);
-        var t = !1;
+        var n = !1;
       } catch {
-        t = !0;
+        n = !0;
       }
-      if (t) {
-        t = console;
-        var l = t.error, p = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+      if (n) {
+        n = console;
+        var l = n.error, _ = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
         return l.call(
-          t,
+          n,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          p
+          _
         ), r(e);
       }
     }
-    function m(e) {
+    function d(e) {
       if (e === h) return "<>";
       if (typeof e == "object" && e !== null && e.$$typeof === C)
         return "<...>";
       try {
-        var t = o(e);
-        return t ? "<" + t + ">" : "<...>";
+        var n = o(e);
+        return n ? "<" + n + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function s() {
+    function c() {
       var e = D.A;
       return e === null ? null : e.getOwner();
     }
     function a() {
       return Error("react-stack-top-frame");
     }
-    function b(e) {
-      if (n.call(e, "key")) {
-        var t = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (t && t.isReactWarning) return !1;
+    function m(e) {
+      if (t.call(e, "key")) {
+        var n = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (n && n.isReactWarning) return !1;
       }
       return e.key !== void 0;
     }
-    function u(e, t) {
+    function u(e, n) {
       function l() {
         k || (k = !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
+          n
         ));
       }
       l.isReactWarning = !0, Object.defineProperty(e, "key", {
@@ -144,22 +144,22 @@ function de() {
         configurable: !0
       });
     }
-    function f() {
+    function E() {
       var e = o(this.type);
       return y[e] || (y[e] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), e = this.props.ref, e !== void 0 ? e : null;
     }
-    function d(e, t, l, p, j, S, H, Z) {
+    function R(e, n, l, _, w, S, H, Z) {
       return l = S.ref, e = {
-        $$typeof: w,
+        $$typeof: O,
         type: e,
-        key: t,
+        key: n,
         props: S,
-        _owner: j
+        _owner: w
       }, (l !== void 0 ? l : null) !== null ? Object.defineProperty(e, "ref", {
         enumerable: !1,
-        get: f
+        get: E
       }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -182,94 +182,94 @@ function de() {
         value: Z
       }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
     }
-    function g(e, t, l, p, j, S, H, Z) {
-      var v = t.children;
+    function g(e, n, l, _, w, S, H, Z) {
+      var v = n.children;
       if (v !== void 0)
-        if (p)
+        if (_)
           if (T(v)) {
-            for (p = 0; p < v.length; p++)
-              c(v[p]);
+            for (_ = 0; _ < v.length; _++)
+              s(v[_]);
             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 c(v);
-      if (n.call(t, "key")) {
+        else s(v);
+      if (t.call(n, "key")) {
         v = o(e);
-        var x = Object.keys(t).filter(function(ce) {
+        var x = Object.keys(n).filter(function(ce) {
           return ce !== "key";
         });
-        p = 0 < x.length ? "{key: someKey, " + x.join(": ..., ") + ": ...}" : "{key: someKey}", V[v + p] || (x = 0 < x.length ? "{" + x.join(": ..., ") + ": ...}" : "{}", console.error(
+        _ = 0 < x.length ? "{key: someKey, " + x.join(": ..., ") + ": ...}" : "{key: someKey}", V[v + _] || (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} />`,
-          p,
+          _,
           v,
           x,
           v
-        ), V[v + p] = !0);
+        ), V[v + _] = !0);
       }
-      if (v = null, l !== void 0 && (i(l), v = "" + l), b(t) && (i(t.key), v = "" + t.key), "key" in t) {
+      if (v = null, l !== void 0 && (i(l), v = "" + l), m(n) && (i(n.key), v = "" + n.key), "key" in n) {
         l = {};
-        for (var Q in t)
-          Q !== "key" && (l[Q] = t[Q]);
-      } else l = t;
+        for (var Q in n)
+          Q !== "key" && (l[Q] = n[Q]);
+      } else l = n;
       return v && u(
         l,
         typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), d(
+      ), R(
         e,
         v,
         S,
-        j,
-        s(),
+        w,
+        c(),
         l,
         H,
         Z
       );
     }
-    function c(e) {
-      typeof e == "object" && e !== null && e.$$typeof === w && e._store && (e._store.validated = 1);
+    function s(e) {
+      typeof e == "object" && e !== null && e.$$typeof === O && e._store && (e._store.validated = 1);
     }
-    var _ = ue, w = Symbol.for("react.transitional.element"), F = Symbol.for("react.portal"), h = Symbol.for("react.fragment"), $ = Symbol.for("react.strict_mode"), M = Symbol.for("react.profiler"), B = Symbol.for("react.consumer"), L = Symbol.for("react.context"), W = Symbol.for("react.forward_ref"), U = Symbol.for("react.suspense"), q = Symbol.for("react.suspense_list"), A = Symbol.for("react.memo"), C = Symbol.for("react.lazy"), J = Symbol.for("react.activity"), N = Symbol.for("react.client.reference"), D = _.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, n = Object.prototype.hasOwnProperty, T = Array.isArray, E = console.createTask ? console.createTask : function() {
+    var b = ue, O = Symbol.for("react.transitional.element"), F = Symbol.for("react.portal"), h = Symbol.for("react.fragment"), $ = Symbol.for("react.strict_mode"), M = Symbol.for("react.profiler"), B = Symbol.for("react.consumer"), L = Symbol.for("react.context"), W = Symbol.for("react.forward_ref"), U = Symbol.for("react.suspense"), q = Symbol.for("react.suspense_list"), A = Symbol.for("react.memo"), C = Symbol.for("react.lazy"), J = Symbol.for("react.activity"), N = Symbol.for("react.client.reference"), D = b.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, t = Object.prototype.hasOwnProperty, T = Array.isArray, f = console.createTask ? console.createTask : function() {
       return null;
     };
-    _ = {
+    b = {
       "react-stack-bottom-frame": function(e) {
         return e();
       }
     };
-    var k, y = {}, O = _["react-stack-bottom-frame"].bind(
-      _,
+    var k, y = {}, j = b["react-stack-bottom-frame"].bind(
+      b,
       a
-    )(), z = E(m(a)), V = {};
-    I.Fragment = h, I.jsx = function(e, t, l, p, j) {
+    )(), z = f(d(a)), V = {};
+    I.Fragment = h, I.jsx = function(e, n, l, _, w) {
       var S = 1e4 > D.recentlyCreatedOwnerStacks++;
       return g(
         e,
-        t,
+        n,
         l,
         !1,
-        p,
-        j,
-        S ? Error("react-stack-top-frame") : O,
-        S ? E(m(e)) : z
+        _,
+        w,
+        S ? Error("react-stack-top-frame") : j,
+        S ? f(d(e)) : z
       );
-    }, I.jsxs = function(e, t, l, p, j) {
+    }, I.jsxs = function(e, n, l, _, w) {
       var S = 1e4 > D.recentlyCreatedOwnerStacks++;
       return g(
         e,
-        t,
+        n,
         l,
         !0,
-        p,
-        j,
-        S ? Error("react-stack-top-frame") : O,
-        S ? E(m(e)) : z
+        _,
+        w,
+        S ? Error("react-stack-top-frame") : j,
+        S ? f(d(e)) : z
       );
     };
   }()), I;
@@ -279,151 +279,141 @@ function Ee() {
   return te || (te = 1, process.env.NODE_ENV === "production" ? G.exports = fe() : G.exports = de()), G.exports;
 }
 var ne = Ee();
-const se = le({}), me = () => ie(se), Te = ({
+const se = le({}), be = () => ie(se), Te = ({
   id: o,
   form: r,
   method: i,
-  action: m,
-  children: s,
+  action: d,
+  children: c,
   onSubmit: a = () => {
   },
-  onInput: b = () => {
+  onInput: m = () => {
   },
   onChange: u = () => {
   },
-  numberFields: f = [],
-  className: d,
+  numberFields: E = [],
+  className: R,
   ...g
 }) => (K(() => r.actions.registerOnchange(u), [u]), /* @__PURE__ */ ne.jsx(se.Provider, { value: r, children: /* @__PURE__ */ ne.jsx(
   "form",
   {
     ref: r == null ? void 0 : r.ref,
-    action: m,
-    className: d,
-    onSubmit: (c) => {
-      i || c.preventDefault();
-      const _ = r.actions.loadFormValues();
-      a(_);
+    action: d,
+    className: R,
+    onSubmit: (s) => {
+      i || s.preventDefault();
+      const b = r.actions.loadFormValues();
+      a(b);
     },
-    onInput: (c) => {
-      if (c.target.tagName === "FORM") {
-        const _ = r.actions.loadFormValues();
-        r.actions.setFormState(_);
+    onInput: (s) => {
+      if (s.target.tagName === "FORM") {
+        const b = r.actions.loadFormValues();
+        r.actions.setFormState(b);
       } else
-        b(c);
+        m(s);
     },
     onChange: () => {
-      const c = r.actions.loadFormValues();
-      r.actions.setFormState(c);
+      const s = r.actions.loadFormValues();
+      r.actions.setFormState(s);
     },
-    onReset: (c) => {
-      r && (c.preventDefault(), r.actions.reset());
+    onReset: (s) => {
+      r && (s.preventDefault(), r.actions.reset());
     },
     ...g,
-    children: s
+    children: c
   },
   r == null ? void 0 : r.lastReloadedAt
-) })), ge = ({ name: o, defaultValue: r, render: i = ({ ref: m, name: s, defaultValue: a, value: b, setValue: u }) => null }) => {
-  const [m, s] = X(r), a = me(), b = P(), u = R(
-    (f, { shouldDirty: d = !1 } = {}) => {
-      a.actions.setFormState((g) => ({ ...g, [o]: f }), { shouldDirty: d }), s(f);
+) })), ge = ({ name: o, defaultValue: r, render: i = ({ ref: d, name: c, defaultValue: a, value: m, setValue: u }) => null }) => {
+  const [d, c] = X(r), a = be(), m = P(), u = p(
+    (E, { shouldDirty: R = !1 } = {}) => {
+      a.actions.setFormState((g) => ({ ...g, [o]: E }), { shouldDirty: R }), c(E);
     },
-    [s, a.actions.setFormState]
+    [c, a.actions.setFormState]
   );
-  return K(() => {
-    a.actions.setFormState((d) => ({ ...d, [o]: r }), { shouldDirty: !1 });
-    const f = a.subscribe(o, (d, { shouldDirty: g = !0, shouldOnChange: c = !0 } = {}) => {
-      s(d), a.actions.setFormState((_) => ({ ..._, [o]: d }), { shouldDirty: g, shouldOnChange: c }), b.current && typeof b.current.dispatchEvent == "function" && c && b.current.dispatchEvent(new Event("change"));
-    });
-    return () => {
-      a.actions.setFormState(
-        (d) => (delete d[o], d),
-        {
-          shouldDirty: !1,
-          shouldOnChange: !1
-        }
-      ), f();
-    };
-  }, []), i({ ref: b, name: o, defaultValue: r, value: m, setValue: u });
-}, be = (o, r) => {
+  return K(() => (a.actions.setFormState((R) => ({ ...R, [o]: r }), { shouldDirty: !1 }), a.subscribe(o, (R, { shouldDirty: g = !0, shouldOnChange: s = !0 } = {}) => {
+    c(R), a.actions.setFormState((b) => ({ ...b, [o]: R }), { shouldDirty: g, shouldOnChange: s }), m.current && typeof m.current.dispatchEvent == "function" && s && m.current.dispatchEvent(new Event("change"));
+  })), []), i({ ref: m, name: o, defaultValue: r, value: d, setValue: u });
+}, me = (o, r) => {
   let i = !1;
-  return Object.keys(r).forEach((m) => {
-    if (!(m in o) || i) return;
-    const s = r[m], a = o[m];
-    (typeof s == "object" || s !== a) && (i = !0);
+  return Object.keys(r).forEach((d) => {
+    if (!(d in o) || i) return;
+    const c = r[d], a = o[d];
+    (typeof c == "object" || c !== a) && (i = !0);
   }), i;
 }, oe = (o) => (typeof o.setCustomValidity == "function" && o.setCustomValidity(""), !o || typeof o.checkValidity != "function" || o.checkValidity() ? null : o.validationMessage), Re = () => {
-  const [o, r] = X({}), i = ae(() => Object.values(o).filter(Boolean).length > 0, [o]), m = R((u, f) => {
-    r((d) => d[u] === f ? d : { ...d, [u]: f });
-  }, []), s = R((u) => {
-    r((f) => ({ ...f, ...u }));
-  }, []), a = R((u) => {
-    r((f) => f[u] ? { ...f, [u]: "" } : f);
-  }, []), b = R(() => {
+  const [o, r] = X({}), i = ae(() => Object.values(o).filter(Boolean).length > 0, [o]), d = p((u, E) => {
+    r((R) => R[u] === E ? R : { ...R, [u]: E });
+  }, []), c = p((u) => {
+    r((E) => ({ ...E, ...u }));
+  }, []), a = p((u) => {
+    r((E) => E[u] ? { ...E, [u]: "" } : E);
+  }, []), m = p(() => {
     r({});
   }, []);
-  return { isError: i, errors: o, changeError: m, changeErrors: s, clearError: a, clearErrors: b };
-}, _e = () => {
-  const [o, r] = X(), i = R(() => r((/* @__PURE__ */ new Date()).toString()), []);
+  return { isError: i, errors: o, changeError: d, changeErrors: c, clearError: a, clearErrors: m };
+}, pe = () => {
+  const [o, r] = X(), i = p(() => r((/* @__PURE__ */ new Date()).toString()), []);
   return [o, i];
-}, pe = [], he = ({ numberFields: o = pe } = {}) => {
-  const { changeError: r, errors: i, changeErrors: m, clearError: s, clearErrors: a, isError: b } = Re(), [u, f] = X(!1), [d, g] = _e(), c = P({}), _ = P({}), w = P({}), F = P(() => {
-  }), h = P(), $ = R(
-    (n, { shouldDirty: T = !0, shouldOnChange: E = !0 } = {}) => {
-      let k = n;
-      typeof n == "function" && (k = n(c.current)), c.current = k;
+}, _e = [], he = ({ numberFields: o = _e } = {}) => {
+  const { changeError: r, errors: i, changeErrors: d, clearError: c, clearErrors: a, isError: m } = Re(), [u, E] = X(!1), [R, g] = pe(), s = P({}), b = P({}), O = P({}), F = P(() => {
+  }), h = P(), $ = p(
+    (t, { shouldDirty: T = !0, shouldOnChange: f = !0 } = {}) => {
+      let k = t;
+      typeof t == "function" && (k = t(s.current)), s.current = k;
       let y = u;
-      T && (y = be(c.current, _.current), y !== u && f(y)), E && F.current(c.current);
+      T && (y = me(s.current, b.current), y !== u && E(y)), f && F.current(s.current);
     },
     [u]
-  ), M = R(() => {
-    f(!1), a();
-    const n = w.current;
-    Object.keys(n).forEach((T) => {
-      const E = n[T];
-      E(_.current[T], { shouldDirty: !1, shouldOnChange: !1 });
+  ), M = p(() => {
+    E(!1), a();
+    const t = O.current;
+    Object.keys(t).forEach((T) => {
+      const f = t[T];
+      f(b.current[T], { shouldDirty: !1, shouldOnChange: !1 });
     }), h.current && h.current.reset(), g();
-  }, [a]), B = R((n, T) => {
-    const E = w.current;
-    return E[n] = T, () => E[n] = null;
-  }, []), L = R((n) => (F.current = n, () => F.current = () => {
-  })), W = R((n) => oe(n.target), []), U = R((n) => n ? c.current[n] : c.current, []), q = R(() => _.current, []), A = R(() => {
+  }, [a]), B = p((t, T) => {
+    const f = O.current;
+    return f[t] = T, () => {
+      delete f[t], delete s.current[t], delete b.current[t], console.log(O, s, b);
+    };
+  }, []), L = p((t) => (F.current = t, () => F.current = () => {
+  })), W = p((t) => oe(t.target), []), U = p((t) => t ? s.current[t] : s.current, []), q = p(() => b.current, []), A = p(() => {
     setTimeout(() => h.current.dispatchEvent(new Event("input", { bubbles: !0 })));
-  }, []), C = R(
-    (n) => {
-      const T = oe(n.target);
-      T ? r(n.target.name, T) : r(n.target.name, null);
+  }, []), C = p(
+    (t) => {
+      const T = oe(t.target);
+      T ? r(t.target.name, T) : r(t.target.name, null);
     },
     [r]
-  ), J = R(
-    (n, T, { shouldDirty: E = !0, shouldOnChange: k = !0 } = {}) => {
-      const y = w.current;
-      switch (typeof n) {
+  ), J = p(
+    (t, T, { shouldDirty: f = !0, shouldOnChange: k = !0 } = {}) => {
+      const y = O.current;
+      switch (typeof t) {
         case "string":
           {
-            const O = y[n];
-            if (!O)
-              throw new Error(`${n} is uncontrolled, please use Controller for it!`);
-            O(T, { shouldDirty: E, shouldOnChange: k }), k && A();
+            const j = y[t];
+            if (!j)
+              throw new Error(`${t} is uncontrolled, please use Controller for it!`);
+            j(T, { shouldDirty: f, shouldOnChange: k }), k && A();
           }
           break;
         case "object":
-          Object.entries(n).forEach(([O, z]) => {
-            const V = y[O];
+          Object.entries(t).forEach(([j, z]) => {
+            const V = y[j];
             if (!V)
-              throw new Error(`${O} is uncontrolled, please use Controller for it!`);
-            V(z, { shouldDirty: E, shouldOnChange: k });
+              throw new Error(`${j} is uncontrolled, please use Controller for it!`);
+            V(z, { shouldDirty: f, shouldOnChange: k });
           }), k && A();
         default:
           return;
       }
     },
     [A]
-  ), N = R(() => {
-    const n = Object.fromEntries(new FormData(h.current)), T = w.current;
-    return Object.keys(T).map((E) => {
-      n[E] = c.current[E];
-    }), o.forEach((E) => n.hasOwnProperty(E) && (n[E] = +n[E])), n;
+  ), N = p(() => {
+    const t = Object.fromEntries(new FormData(h.current)), T = O.current;
+    return Object.keys(T).map((f) => {
+      t[f] = s.current[f];
+    }), o.forEach((f) => t.hasOwnProperty(f) && (t[f] = +t[f])), t;
   }, []), D = ae(
     () => ({
       setValue: J,
@@ -432,8 +422,8 @@ const se = le({}), me = () => ie(se), Te = ({
       getFormState: U,
       setFormState: $,
       changeError: r,
-      changeErrors: m,
-      clearError: s,
+      changeErrors: d,
+      clearError: c,
       clearErrors: a,
       loadFormValues: N,
       checkValidity: C,
@@ -449,8 +439,8 @@ const se = le({}), me = () => ie(se), Te = ({
       U,
       $,
       r,
-      m,
-      s,
+      d,
+      c,
       N,
       W,
       C,
@@ -461,13 +451,13 @@ const se = le({}), me = () => ie(se), Te = ({
   );
   return K(() => {
     if (h.current) {
-      const n = N();
-      _.current = n, c.current = n;
+      const t = N();
+      console.log(t), b.current = t, s.current = t;
     }
     return () => {
-      _.current = {}, c.current = {}, f(!1), a();
+      b.current = {}, s.current = {}, E(!1), a();
     };
-  }, [d]), { ref: h, lastReloadedAt: d, isDirty: u, isError: b, errors: i, numberFields: o, subscribe: B, actions: D };
+  }, [R]), { ref: h, lastReloadedAt: R, isDirty: u, isError: m, errors: i, numberFields: o, subscribe: B, actions: D };
 };
 export {
   ge as Controller,

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

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

package/package.json

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