react-simple-formkit 1.0.2 → 1.0.3

package/README.md

@@ -147,6 +147,24 @@ return (
   )
 ```
 
+## Centralized processing with onChange
+
+```
+  const handleChange = ({ formState, isDirty }) => {
+    console.log({ formState, isDirty });
+  };
+
+  return (
+    <Form form={form} onChange={handleChange}>
+      <input required name="email" />
+      <input required name="password" type="password" />
+      <button type="submit" disabled={!isDirty}>
+        Submit
+      </button>
+    </Form>
+  );
+```
+
 # Support for third party library
 
 ## Catch value instantly

package/dist/react-simple-formkit.js

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

package/dist/react-simple-formkit.mjs

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-simple-formkit",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "keywords": [
     "react formkit",
     "react ez formkit",
@@ -17,10 +17,6 @@
   ],
   "main": "dist/react-simple-formkit.js",
   "module": "dist/react-simple-formkit.mjs",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/huynguyen294/react-simple-formkit.git"
-  },
   "author": "huynguyen294",
   "license": "MIT",
   "scripts": {