react-simple-formkit 1.0.6 → 1.0.8

package/README.md

@@ -152,12 +152,21 @@ return (
 ```
   const handleChange = (data) => {
     console.log(data);
+
+    // setValue will trigger onChange by default and recall handle change making an infinite loop
+    // That why we put shouldOnChange = false here
+    actions.setValue("email2", data.email + "2", { shouldOnChange: false });
   };
 
   return (
     <Form form={form} onChange={handleChange}>
       <input required name="email" />
-      <input required name="password" type="password" />
+      <Controller
+        name="email2"
+        render={({ ref, name, value, setValue }) => (
+          <input required ref={ref} name={name} value={value} onChange={(e) => setValue(e.target.value)} />
+        )}
+      />
       <button type="submit" disabled={!isDirty}>
         Submit
       </button>

package/dist/react-simple-formkit.js

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

package/dist/react-simple-formkit.mjs

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

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

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

package/package.json

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