react-simple-formkit 1.1.16 → 1.3.0

package/README.md

@@ -1,6 +1,10 @@
 # React Simple FormKit
 
-Support form handling simply. Simple, fast and productive.
+Configuration is simple, fast, and efficient. There are also many other tools available for different special scenarios.
+
+# Examples
+
+- https://codesandbox.io/p/sandbox/react-simple-formkit-examples-rhmhjj
 
 # Peer dependencies
 
@@ -338,10 +342,6 @@ return (
 )
 ```
 
-# Examples
-
-- https://codesandbox.io/p/sandbox/react-simple-formkit-examples-rhmhjj
-
 # Contact
 
 For any ideas or issues, please get in touch with me at anhhuy2000@gmail.com

package/dist/react-simple-formkit.js

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

package/dist/react-simple-formkit.mjs

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

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

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

package/package.json

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