react-simple-formkit 1.0.9 → 1.1.1

package/dist/react-simple-formkit.js

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

package/dist/react-simple-formkit.mjs

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

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

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

package/package.json

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