react-simple-formkit 1.0.7 → 1.0.9

package/dist/react-simple-formkit.js

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

package/dist/react-simple-formkit.mjs

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

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

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

package/package.json

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