react-simple-formkit 2.1.7 → 2.1.9

package/dist/react-simple-formkit.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react");var oe={exports:{}},ee={};/**
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react");var oe={exports:{}},ee={};/**
  * @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 ae;function Ee(){if(ae)return ee;ae=1;var n=Symbol.for("react.transitional.element"),o=Symbol.for("react.fragment");function f(g,b,h){var E=null;if(h!==void 0&&(E=""+h),b.key!==void 0&&(E=""+b.key),"key"in b){h={};for(var p in b)p!=="key"&&(h[p]=b[p])}else h=b;return b=h.ref,{$$typeof:n,type:g,key:E,ref:b!==void 0?b:null,props:h}}return ee.Fragment=o,ee.jsx=f,ee.jsxs=f,ee}var re={};/**
+ */var ae;function Ee(){if(ae)return ee;ae=1;var n=Symbol.for("react.transitional.element"),o=Symbol.for("react.fragment");function l(g,b,h){var E=null;if(h!==void 0&&(E=""+h),b.key!==void 0&&(E=""+b.key),"key"in b){h={};for(var y in b)y!=="key"&&(h[y]=b[y])}else h=b;return b=h.ref,{$$typeof:n,type:g,key:E,ref:b!==void 0?b:null,props:h}}return ee.Fragment=o,ee.jsx=l,ee.jsxs=l,ee}var re={};/**
  * @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 ce;function ge(){return ce||(ce=1,process.env.NODE_ENV!=="production"&&function(){function n(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===z?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case d:return"Fragment";case $:return"Profiler";case _:return"StrictMode";case te:return"Suspense";case se:return"SuspenseList";case j:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case i:return"Portal";case Y:return(e.displayName||"Context")+".Provider";case D:return(e._context.displayName||"Context")+".Consumer";case q:var a=e.render;return e=e.displayName,e||(e=a.displayName||a.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case ne:return a=e.displayName||null,a!==null?a:n(e.type)||"Memo";case J:a=e._payload,e=e._init;try{return n(e(a))}catch{}}return null}function o(e){return""+e}function f(e){try{o(e);var a=!1}catch{a=!0}if(a){a=console;var R=a.error,F=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return R.call(a,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",F),o(e)}}function g(e){if(e===d)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===J)return"<...>";try{var a=n(e);return a?"<"+a+">":"<...>"}catch{return"<...>"}}function b(){var e=x.A;return e===null?null:e.getOwner()}function h(){return Error("react-stack-top-frame")}function E(e){if(W.call(e,"key")){var a=Object.getOwnPropertyDescriptor(e,"key").get;if(a&&a.isReactWarning)return!1}return e.key!==void 0}function p(e,a){function R(){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)",a))}R.isReactWarning=!0,Object.defineProperty(e,"key",{get:R,configurable:!0})}function v(){var e=n(this.type);return H[e]||(H[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 T(e,a,R,F,w,A,I,B){return R=A.ref,e={$$typeof:u,type:e,key:a,props:A,_owner:w},(R!==void 0?R:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:v}):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:I}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:B}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function c(e,a,R,F,w,A,I,B){var k=a.children;if(k!==void 0)if(F)if(N(k)){for(F=0;F<k.length;F++)m(k[F]);Object.freeze&&Object.freeze(k)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else m(k);if(W.call(a,"key")){k=n(e);var P=Object.keys(a).filter(function(r){return r!=="key"});F=0<P.length?"{key: someKey, "+P.join(": ..., ")+": ...}":"{key: someKey}",Z[k+F]||(P=0<P.length?"{"+P.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
+ */var ce;function ge(){return ce||(ce=1,process.env.NODE_ENV!=="production"&&function(){function n(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===z?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case m:return"Fragment";case $:return"Profiler";case A:return"StrictMode";case te:return"Suspense";case se:return"SuspenseList";case j:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case i:return"Portal";case U:return(e.displayName||"Context")+".Provider";case D:return(e._context.displayName||"Context")+".Consumer";case q:var u=e.render;return e=e.displayName,e||(e=u.displayName||u.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case ne:return u=e.displayName||null,u!==null?u:n(e.type)||"Memo";case J:u=e._payload,e=e._init;try{return n(e(u))}catch{}}return null}function o(e){return""+e}function l(e){try{o(e);var u=!1}catch{u=!0}if(u){u=console;var R=u.error,p=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return R.call(u,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",p),o(e)}}function g(e){if(e===m)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===J)return"<...>";try{var u=n(e);return u?"<"+u+">":"<...>"}catch{return"<...>"}}function b(){var e=x.A;return e===null?null:e.getOwner()}function h(){return Error("react-stack-top-frame")}function E(e){if(W.call(e,"key")){var u=Object.getOwnPropertyDescriptor(e,"key").get;if(u&&u.isReactWarning)return!1}return e.key!==void 0}function y(e,u){function R(){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)",u))}R.isReactWarning=!0,Object.defineProperty(e,"key",{get:R,configurable:!0})}function v(){var e=n(this.type);return H[e]||(H[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 T(e,u,R,p,O,w,Y,I){return R=w.ref,e={$$typeof:a,type:e,key:u,props:w,_owner:O},(R!==void 0?R:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:v}):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:Y}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:I}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function c(e,u,R,p,O,w,Y,I){var k=u.children;if(k!==void 0)if(p)if(N(k)){for(p=0;p<k.length;p++)d(k[p]);Object.freeze&&Object.freeze(k)}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 d(k);if(W.call(u,"key")){k=n(e);var P=Object.keys(u).filter(function(r){return r!=="key"});p=0<P.length?"{key: someKey, "+P.join(": ..., ")+": ...}":"{key: someKey}",Z[k+p]||(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} />`,F,k,P,k),Z[k+F]=!0)}if(k=null,R!==void 0&&(f(R),k=""+R),E(a)&&(f(a.key),k=""+a.key),"key"in a){R={};for(var Q in a)Q!=="key"&&(R[Q]=a[Q])}else R=a;return k&&p(R,typeof e=="function"?e.displayName||e.name||"Unknown":e),T(e,k,A,w,b(),R,I,B)}function m(e){typeof e=="object"&&e!==null&&e.$$typeof===u&&e._store&&(e._store.validated=1)}var l=t,u=Symbol.for("react.transitional.element"),i=Symbol.for("react.portal"),d=Symbol.for("react.fragment"),_=Symbol.for("react.strict_mode"),$=Symbol.for("react.profiler"),D=Symbol.for("react.consumer"),Y=Symbol.for("react.context"),q=Symbol.for("react.forward_ref"),te=Symbol.for("react.suspense"),se=Symbol.for("react.suspense_list"),ne=Symbol.for("react.memo"),J=Symbol.for("react.lazy"),j=Symbol.for("react.activity"),z=Symbol.for("react.client.reference"),x=l.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,W=Object.prototype.hasOwnProperty,N=Array.isArray,V=console.createTask?console.createTask:function(){return null};l={"react-stack-bottom-frame":function(e){return e()}};var G,H={},X=l["react-stack-bottom-frame"].bind(l,h)(),C=V(g(h)),Z={};re.Fragment=d,re.jsx=function(e,a,R,F,w){var A=1e4>x.recentlyCreatedOwnerStacks++;return c(e,a,R,!1,F,w,A?Error("react-stack-top-frame"):X,A?V(g(e)):C)},re.jsxs=function(e,a,R,F,w){var A=1e4>x.recentlyCreatedOwnerStacks++;return c(e,a,R,!0,F,w,A?Error("react-stack-top-frame"):X,A?V(g(e)):C)}}()),re}var le;function he(){return le||(le=1,process.env.NODE_ENV==="production"?oe.exports=Ee():oe.exports=ge()),oe.exports}var ie=he();const S=()=>{},de=t.createContext({ref:null,watch:S,actions:{reset:S,resetField:S,setValue:S,getValues:S,getErrors:S,getFieldStates:S,getFormStates:S,setError:S,clearError:S,clearErrors:S,checkValidity:S,getNumberFields:S,getFieldValidity:S,getDefaultValues:S,setFieldState:S,resetFieldState:S,getControlledFields:S},registerController:S,registerHookWatcher:S,lastReloadedAt:S,loadFormValues:S,getWatchValue:S,channels:{}}),ue=()=>t.useContext(de),Re=({id:n,control:o,method:f,action:g,children:b,onSubmit:h=()=>{},onInput:E=()=>{},onChange:p=()=>{},onBlur:v=()=>{},onReset:T=()=>{},numberFields:c=[],className:m,...l})=>(t.useEffect(()=>{const u=o.channels.subscribe("onChange",p),i=o.channels.subscribe("onBlur",v);return()=>{u(),i()}},[]),ie.jsx(de.Provider,{value:o,children:ie.jsx("form",{id:n,ref:o.ref,action:g,method:f,className:m,onInput:E,onSubmit:u=>{f||u.preventDefault();const i=o.loadFormValues();h(i)},onChange:u=>{const i=u.target.name;o.actions.getControlledFields().has(i)||o.actions.setValue(i,u.target.value)},onBlur:u=>{const i=u.target.name;if(o.actions.getControlledFields().has(i))return;const d=u.target.value;o.channels.publish("onBlur",i,d,o.actions.getValues())},onReset:u=>{o.actions.reset(),T(u)},...l,children:b},o.lastReloadedAt)})),be=({control:n,name:o,compute:f})=>{const{getWatchValue:g,registerHookWatcher:b}=n||ue(),h=g({name:o,compute:f}),[E,p]=t.useState(h);return t.useEffect(()=>{const v=b({name:o,compute:f,value:E,setValue:p});return()=>v.forEach(T=>T())},[]),E},me=({name:n,defaultValue:o})=>{const{actions:f,registerController:g,channels:b}=ue(),h=t.useRef(),E=f.getDefaultValues()[n]||o,[p,v]=t.useState(E),T=be({name:`fieldStates.${n}.customState`}),c=t.useCallback(u=>{f.setFieldState(n,"customState",u)},[]),m=t.useCallback((u,{shouldDirty:i=!0,shouldOnChange:d=!0}={})=>{v(u),f.setValue(n,u,{shouldDirty:i,shouldOnChange:d})},[f.setValue]),l=t.useCallback(()=>{b.publish("onBlur",n,p,f.getValues())},[]);return t.useEffect(()=>g(n,v),[]),{ref:h,name:n,defaultValue:E,value:p,onChange:m,onBlur:l,customState:T,setCustomState:c}},ke=({name:n,defaultValue:o,render:f=({ref:g,name:b,defaultValue:h,value:E,onChange:p,onBlur:v,customState:T,setCustomState:c})=>null})=>{const g=me({name:n,defaultValue:o});return f(g)},Se=["errors","fieldStates","formState"],U=n=>Se.some(o=>n.startsWith(o))?n:"values."+n,Ce=["badInput","customError","patternMismatch","rangeOverflow","rangeUnderflow","stepMismatch","tooLong","tooShort","typeMismatch","valueMissing"],fe=n=>{typeof n.setCustomValidity=="function"&&n.setCustomValidity("");let o=n.validity,f=Ce.find(g=>o[g]);if(f)return{type:f,message:n.validationMessage}};class pe{constructor(){this.events=new Map}getEvents(){return this.events}subscribe(o,f){return this.events.has(o)||this.events.set(o,new Set),this.events.get(o).add(f),()=>{var g;return(g=this.events.get(o))==null?void 0:g.delete(f)}}publish(o,...f){const g=this.events.get(o);g&&g.forEach(b=>b(...f)),this.events.forEach((b,h)=>{o.includes(h)&&b.forEach(E=>E(...f))})}reset(){this.events.clear()}}const ye=()=>{const n=t.useRef(new pe),o=t.useCallback((b,...h)=>{n.current.publish(b,...h)},[]),f=t.useCallback((b,h)=>n.current.subscribe(b,h),[]),g=t.useCallback(()=>{n.current.reset()},[]);return{publish:o,subscribe:f,reset:g}},ve=()=>{const[n,o]=t.useState(),f=t.useCallback(()=>o(new Date().toString()),[]);return[n,f]},Fe=()=>{const[,n]=t.useState({});return t.useCallback(()=>n({}),[])},Te=({channels:n,getValues:o,getErrors:f,getFieldStates:g,getFormState:b})=>{const h=Fe(),E=t.useCallback(({name:c,compute:m})=>{if(typeof m=="function")return m(o());if(Array.isArray(c)){const l={};return c.forEach(u=>{l[u]=E({name:u})}),l}return c.replaceAll(/\[(\d+)\]/g,".$1").split(".").reduce((l,u)=>l&&l[u]!==void 0?l[u]:void 0,{...o(),errors:{...f()},formState:{...b()},fieldStates:{...g()}})},[]),p=t.useCallback(c=>{if(!c)return n.subscribe("values",()=>{h()}),o();if(typeof c=="string"){const m=U(c);return n.subscribe(m,()=>{h()}),E({name:c})}if(Array.isArray(c)){const m={};return c.forEach(l=>{const u=U(l);n.subscribe(u,()=>{h()}),m[l]=E({name:l})}),m}throw new Error("Parameters of watch must be string or array of string")},[]),v=t.useCallback(({name:c,compute:m,value:l,setValue:u})=>{if(typeof m=="function")return[n.subscribe("values",()=>{const d=E({compute:m});d!==l&&u(d)})];if(c)if(typeof c=="string"){const i=U(c);return[n.subscribe(i,()=>{const _=E({name:c});_!==l&&u(_)})]}else if(Array.isArray(c)){const i=E({name:c}),d=[];return c.forEach(_=>{const $=U(_),D=n.subscribe($,()=>{const Y=E({name:_});i[_]!==Y&&(i[_]=Y,u({...i}))});d.push(D)}),d}else throw new Error("Parameters of name must be string or array of string or compute must be a function");else return[n.subscribe("values",()=>{u(o())})]},[]),T=t.useCallback((c,m)=>{if(typeof c===void 0)return n.subscribe("values",m);if(typeof c=="string"){const l=U(c);return n.subscribe(l,m)}if(Array.isArray(c)){const l={},u=[];return c.forEach(i=>{const d=U(i),_=n.subscribe(d,()=>{l[i]=E({name:i}),m(l)});u.push(_)}),u}},[n]);return{watch:p,registerHookWatcher:v,getWatchValue:E,subscribe:T}},_e=[],Ae={},we=({numberFields:n=_e,defaultValues:o=Ae,shouldUnRegister:f=!1,shouldConvertNumber:g=!1}={})=>{const[b,h]=ve(),E=t.useRef(),p=t.useRef(!1),v=t.useRef(!1),T=t.useRef(n),c=t.useRef(new Map),m=t.useRef({}),l=t.useRef({}),u=t.useRef(o),i=t.useRef(o),d=ye(),_=t.useCallback(()=>{l.current=Object.keys(i.current).reduce((r,s)=>({...r,[s]:{isError:!1,isDirty:!1,isTouched:!1,customState:null}}),{})},[]),$=t.useCallback((r={})=>{i.current={...i.current,...r},u.current={...i.current},c.current.forEach((s,y)=>{s(i.current[y])}),p.current=!1,m.current={},T.current=n,c.current=new Map,d.reset(),_(),n.length>0&&(g=!0),h()},[]),D=t.useCallback(()=>{const r=Object.fromEntries(new FormData(E.current));return c.current.forEach(y=>{r[y]=u.current[y]}),g&&T.current.forEach(y=>r.hasOwnProperty(y)&&(r[y]=Number(r[y])||0)),r},[]),Y=t.useCallback(()=>!!Object.values(W()).find(r=>r.isDirty),[]),q=t.useCallback(()=>!!Object.values(x()).find(r=>!!r),[]),te=t.useCallback(r=>fe(r.target),[]),se=t.useCallback(()=>i.current,[]),ne=t.useCallback(()=>T.current,[]),J=t.useCallback(()=>c.current,[]),j=t.useCallback((r,s)=>s?Array.isArray(s)?s.map(y=>r[y]):r[s]:{...r},[]),z=t.useCallback(r=>j(u.current,r),[j]),x=t.useCallback(r=>j(m.current,r),[j]),W=t.useCallback(r=>j(l.current,r),[j]),N=t.useCallback(r=>j({isDirty:p.current,isError:v.current,errorFields:Object.keys(m.current).filter(s=>!!m.current[s]),dirtyFields:Object.keys(l.current).filter(s=>l.current[s].isDirty),touchedFields:Object.keys(l.current).filter(s=>l.current[s].isTouched)},r),[j]),{watch:V,registerHookWatcher:G,getWatchValue:H,subscribe:X}=Te({channels:d,getValues:z,getErrors:x,getFieldStates:W,getFormState:N}),C=t.useCallback((r,s,y)=>{const O=l.current[r];O[s]!==y&&(l.current[r]={...O,[s]:y},d.publish(`fieldStates.${r}.${s}`,y),s==="isError"&&d.publish("formState.errorFields",N("errorFields")),s==="isDirty"&&d.publish("formState.dirtyFields",N("dirtyFields")),s==="isTouched"&&d.publish("formState.touchedFields",N("touchedFields")))},[]),Z=t.useCallback(r=>{C(r,"isError",!1),C(r,"isDirty",!1),C(r,"isTouched",!1),C(r,"customState",null)},[C]),e=t.useCallback((r,s)=>{if(m.current[r]===s)return;m.current[r]=s,C(r,"isError",!!s),d.publish(`errors.${r}`,s);const O=q();v.current!==O&&(v.current=O,d.publish("formState.isError",O))},[C]),a=t.useCallback(r=>{if(!m.current[r])return;m.current[r]=null,C(r,"isError",!1),d.publish(`errors.${r}`,null);const s=q();v.current!==s&&(v.current=s,d.publish("formState.isError",s))},[C]),R=t.useCallback(()=>{if(Object.keys(m.current)===0)return;m.current={},d.publish("errors",m.current);const r=q();v.current!==r&&(v.current=r,d.publish("formState.isError",r))},[]),F=t.useCallback(r=>{const s=fe(r.target);s?e(r.target.name,s):a(r.target.name)},[e,a]),w=t.useCallback((r,s,{shouldDirty:y=!0,shouldOnChange:O=!0}={})=>{if(s===u.current[r])return;g&&T.current.includes(r)&&(s=Number(s)||void 0),C(r,"isTouched",!0);const K=s!==i.current[r];y&&l.current[r].isDirty!==K&&C(r,"isDirty",K);const M=Y();p.current!==M&&(p.current=M,d.publish("formState.isDirty",M)),u.current[r]=s;const L=c.current.get(r);L&&L(s),d.publish(`values.${r}`,s,{shouldDirty:y,shouldOnChange:O}),O&&d.publish("onChange",r,s,u.current)},[C]),A=t.useCallback((r,s)=>(c.current.set(r,s),()=>{f&&c.current.delete(r)}),[]),I=t.useCallback((r,{keepError:s,keepDirty:y,keepTouched:O,keepCustomState:K,defaultValue:M})=>{const L=c.current.get(r);if(!L)throw new Error(`Cannot reset "${r}" because it's uncontrolled field`);i.current[r]=M,u.current[r]=M,L&&L(M),s||a(r),y||C(r,"isDirty",!1),O||C(r,"isTouched",!1),K||C(r,"customState",null)},[a,C]),B=t.useCallback((r,s=k.getValues(r))=>{d.publish("onBlur",r,s,k.getValues())},[]),k=t.useMemo(()=>({subscribe:X,reset:$,resetField:I,setValue:w,getValues:z,getErrors:x,getFieldStates:W,getFormState:N,setError:e,clearError:a,clearErrors:R,checkValidity:F,getNumberFields:ne,getFieldValidity:te,getDefaultValues:se,setFieldState:C,triggerFieldBlur:B,resetFieldState:Z,getControlledFields:J}),[X,$,I,w,z,x,W,N,e,a,R,F,ne,te,se,C,Z,B,J]),P=t.useMemo(()=>({ref:E,watch:V,actions:k,registerController:A,registerHookWatcher:G,lastReloadedAt:b,loadFormValues:D,getWatchValue:H,channels:d}),[E,V,k,A,G,b,D,H,d]),Q=t.useMemo(()=>({control:P,actions:k,watch:V}),[b,P,k,V]);return t.useLayoutEffect(()=>{if([...E.current.querySelectorAll("[name]")].forEach(s=>{!s.defaultValue&&i.current[s.name]&&(s.defaultValue=i.current[s.name]),s.type==="number"&&!T.current.includes(s.name)&&T.current.push(s.name)}),E.current){const s=D();u.current={...s},i.current={...s}}},[b]),t.useLayoutEffect(()=>{_()},[]),Q};exports.Controller=ke;exports.Form=Re;exports.useController=me;exports.useForm=we;exports.useFormContext=ue;exports.useWatch=be;
+  <%s key={someKey} {...props} />`,p,k,P,k),Z[k+p]=!0)}if(k=null,R!==void 0&&(l(R),k=""+R),E(u)&&(l(u.key),k=""+u.key),"key"in u){R={};for(var Q in u)Q!=="key"&&(R[Q]=u[Q])}else R=u;return k&&y(R,typeof e=="function"?e.displayName||e.name||"Unknown":e),T(e,k,w,O,b(),R,Y,I)}function d(e){typeof e=="object"&&e!==null&&e.$$typeof===a&&e._store&&(e._store.validated=1)}var f=s,a=Symbol.for("react.transitional.element"),i=Symbol.for("react.portal"),m=Symbol.for("react.fragment"),A=Symbol.for("react.strict_mode"),$=Symbol.for("react.profiler"),D=Symbol.for("react.consumer"),U=Symbol.for("react.context"),q=Symbol.for("react.forward_ref"),te=Symbol.for("react.suspense"),se=Symbol.for("react.suspense_list"),ne=Symbol.for("react.memo"),J=Symbol.for("react.lazy"),j=Symbol.for("react.activity"),z=Symbol.for("react.client.reference"),x=f.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,W=Object.prototype.hasOwnProperty,N=Array.isArray,V=console.createTask?console.createTask:function(){return null};f={"react-stack-bottom-frame":function(e){return e()}};var G,H={},X=f["react-stack-bottom-frame"].bind(f,h)(),C=V(g(h)),Z={};re.Fragment=m,re.jsx=function(e,u,R,p,O){var w=1e4>x.recentlyCreatedOwnerStacks++;return c(e,u,R,!1,p,O,w?Error("react-stack-top-frame"):X,w?V(g(e)):C)},re.jsxs=function(e,u,R,p,O){var w=1e4>x.recentlyCreatedOwnerStacks++;return c(e,u,R,!0,p,O,w?Error("react-stack-top-frame"):X,w?V(g(e)):C)}}()),re}var le;function he(){return le||(le=1,process.env.NODE_ENV==="production"?oe.exports=Ee():oe.exports=ge()),oe.exports}var ie=he();const S=()=>{},be=s.createContext({ref:null,watch:S,actions:{reset:S,resetField:S,setValue:S,getValues:S,getErrors:S,getFieldStates:S,getFormStates:S,setError:S,clearError:S,clearErrors:S,checkValidity:S,getNumberFields:S,getFieldValidity:S,getDefaultValues:S,setFieldState:S,resetFieldState:S,getControlledFields:S},registerController:S,registerHookWatcher:S,lastReloadedAt:S,loadFormValues:S,getWatchValue:S,channels:{}}),ue=()=>s.useContext(be),Re=({id:n,control:o,method:l,action:g,children:b,onSubmit:h=()=>{},onInput:E=()=>{},onChange:y=()=>{},onBlur:v=()=>{},onReset:T=()=>{},numberFields:c=[],className:d,...f})=>(s.useEffect(()=>{const a=o.channels.subscribe("onChange",y),i=o.channels.subscribe("onBlur",v);return()=>{a(),i()}},[]),ie.jsx(be.Provider,{value:o,children:ie.jsx("form",{id:n,ref:o.ref,action:g,method:l,className:d,onInput:E,onSubmit:a=>{l||a.preventDefault();const i=o.loadFormValues();h(i)},onChange:a=>{const i=a.target.name;o.actions.getControlledFields().has(i)||o.actions.setValue(i,a.target.value)},onBlur:a=>{const i=a.target.name;if(o.actions.getControlledFields().has(i))return;const m=a.target.value;o.channels.publish("onBlur",i,m,o.actions.getValues())},onReset:a=>{o.actions.reset(),T(a)},...f,children:b},o.lastReloadedAt)})),de=({control:n,name:o,compute:l})=>{const{getWatchValue:g,registerHookWatcher:b}=n||ue(),h=g({name:o,compute:l}),[E,y]=s.useState(h);return s.useEffect(()=>{const v=b({name:o,compute:l,value:E,setValue:y});return()=>v.forEach(T=>T())},[]),E},me=({name:n,defaultValue:o})=>{const{actions:l,registerController:g,channels:b}=ue(),h=s.useRef(),E=l.getDefaultValues()[n]||o,[y,v]=s.useState(E),T=de({name:`fieldStates.${n}.customState`}),c=s.useCallback(a=>{l.setFieldState(n,"customState",a)},[]),d=s.useCallback((a,{shouldDirty:i=!0,shouldOnChange:m=!0}={})=>{v(a),l.setValue(n,a,{shouldDirty:i,shouldOnChange:m})},[l.setValue]),f=s.useCallback(()=>{b.publish("onBlur",n,y,l.getValues())},[]);return s.useEffect(()=>g(n,v),[]),{ref:h,name:n,defaultValue:E,value:y,onChange:d,onBlur:f,customState:T,setCustomState:c}},ke=({name:n,defaultValue:o,render:l=({ref:g,name:b,defaultValue:h,value:E,onChange:y,onBlur:v,customState:T,setCustomState:c})=>null})=>{const g=me({name:n,defaultValue:o});return l(g)},Se=["errors","fieldStates","formState"],L=n=>Se.some(o=>n.startsWith(o))?n:"values."+n,Ce=["badInput","customError","patternMismatch","rangeOverflow","rangeUnderflow","stepMismatch","tooLong","tooShort","typeMismatch","valueMissing"],fe=n=>{typeof n.setCustomValidity=="function"&&n.setCustomValidity("");let o=n.validity,l=Ce.find(g=>o[g]);if(l)return{type:l,message:n.validationMessage}};class ye{constructor(){this.events=new Map}getEvents(){return this.events}subscribe(o,l){return this.events.has(o)||this.events.set(o,new Set),this.events.get(o).add(l),()=>{var g;return(g=this.events.get(o))==null?void 0:g.delete(l)}}publish(o,...l){const g=this.events.get(o);g&&g.forEach(b=>b(...l)),this.events.forEach((b,h)=>{o.includes(h)&&b.forEach(E=>E(...l))})}reset(){this.events.clear()}}const ve=()=>{const n=s.useRef(new ye),o=s.useCallback((b,...h)=>{n.current.publish(b,...h)},[]),l=s.useCallback((b,h)=>n.current.subscribe(b,h),[]),g=s.useCallback(()=>{n.current.reset()},[]);return{publish:o,subscribe:l,reset:g}},pe=()=>{const[n,o]=s.useState(),l=s.useCallback(()=>o(new Date().toString()),[]);return[n,l]},Fe=()=>{const[,n]=s.useState({});return s.useCallback(()=>n({}),[])},Te=({channels:n,getValues:o,getErrors:l,getFieldStates:g,getFormState:b})=>{const h=Fe(),E=s.useCallback(({name:c,compute:d})=>{if(typeof d=="function")return d(o());if(Array.isArray(c)){const f={};return c.forEach(a=>{f[a]=E({name:a})}),f}return c.split(".").reduce((f,a)=>f&&f[a]!==void 0?f[a]:void 0,{...o(),errors:{...l()},formState:{...b()},fieldStates:{...g()}})},[]),y=s.useCallback(c=>{if(!c)return n.subscribe("values",()=>h()),o();if(typeof c=="string"){const d=L(c);return n.subscribe(d,()=>h()),E({name:c})}if(Array.isArray(c)){const d={};return c.forEach(f=>{const a=L(f);n.subscribe(a,()=>h()),d[f]=E({name:f})}),{...d}}throw new Error("Parameters of watch must be string or array of string")},[]),v=s.useCallback(({name:c,compute:d,value:f,setValue:a})=>{if(typeof d=="function")return[n.subscribe("values",()=>{const m=E({compute:d});a(m)})];if(!c)return[n.subscribe("values",()=>{a(o())})];if(typeof c=="string"){const i=L(c);return[n.subscribe(i,()=>{const A=E({name:c});a(A)})]}if(Array.isArray(c)){const i=E({name:c}),m=[];return c.forEach(A=>{const $=L(A),D=n.subscribe($,()=>{const U=E({name:A});i[A]=U,a({...i})});m.push(D)}),m}throw new Error("Parameters of name must be string or array of string or compute must be a function")},[]),T=s.useCallback((c,d)=>{if(!c)return n.subscribe("values",d);if(typeof c=="string"){const f=L(c);return n.subscribe(f,d)}if(Array.isArray(c)){const f={},a=[];return c.forEach(i=>{const m=L(i),A=n.subscribe(m,()=>{f[i]=E({name:i}),d({...f})});a.push(A)}),a}throw new Error("Parameters of name must be string or array of string")},[n]);return{watch:y,registerHookWatcher:v,getWatchValue:E,subscribe:T}},_e=[],we={},Ae=({numberFields:n=_e,defaultValues:o=we,shouldUnRegister:l=!1,shouldConvertNumber:g=!1}={})=>{const[b,h]=pe(),E=s.useRef(),y=s.useRef(!1),v=s.useRef(!1),T=s.useRef(n),c=s.useRef(new Map),d=s.useRef({}),f=s.useRef({}),a=s.useRef(o),i=s.useRef(o),m=ve(),A=s.useCallback(()=>{f.current=Object.keys(i.current).reduce((r,t)=>({...r,[t]:{isError:!1,isDirty:!1,isTouched:!1,customState:null}}),{})},[]),$=s.useCallback((r={})=>{i.current={...i.current,...r},a.current={...i.current},c.current.forEach((t,F)=>{t(i.current[F])}),y.current=!1,d.current={},T.current=n,c.current=new Map,m.reset(),A(),n.length>0&&(g=!0),h()},[]),D=s.useCallback(()=>{const r=Object.fromEntries(new FormData(E.current));return c.current.forEach((F,_)=>{r[_]=a.current[_]}),g&&T.current.forEach(F=>r.hasOwnProperty(F)&&(r[F]=Number(r[F])||0)),r},[]),U=s.useCallback(()=>!!Object.values(W()).find(r=>r.isDirty),[]),q=s.useCallback(()=>!!Object.values(x()).find(r=>!!r),[]),te=s.useCallback(r=>fe(r.target),[]),se=s.useCallback(()=>i.current,[]),ne=s.useCallback(()=>T.current,[]),J=s.useCallback(()=>c.current,[]),j=s.useCallback((r,t)=>t?Array.isArray(t)?t.map(F=>r[F]):r[t]:{...r},[]),z=s.useCallback(r=>j(a.current,r),[j]),x=s.useCallback(r=>j(d.current,r),[j]),W=s.useCallback(r=>j(f.current,r),[j]),N=s.useCallback(r=>j({isDirty:y.current,isError:v.current,errorFields:Object.keys(d.current).filter(t=>!!d.current[t]),dirtyFields:Object.keys(f.current).filter(t=>f.current[t].isDirty),touchedFields:Object.keys(f.current).filter(t=>f.current[t].isTouched)},r),[j]),{watch:V,registerHookWatcher:G,getWatchValue:H,subscribe:X}=Te({channels:m,getValues:z,getErrors:x,getFieldStates:W,getFormState:N}),C=s.useCallback((r,t,F)=>{const _=f.current[r];_[t]!==F&&(f.current[r]={..._,[t]:F},m.publish(`fieldStates.${r}.${t}`,F),t==="isError"&&m.publish("formState.errorFields",N("errorFields")),t==="isDirty"&&m.publish("formState.dirtyFields",N("dirtyFields")),t==="isTouched"&&m.publish("formState.touchedFields",N("touchedFields")))},[]),Z=s.useCallback(r=>{C(r,"isError",!1),C(r,"isDirty",!1),C(r,"isTouched",!1),C(r,"customState",null)},[C]),e=s.useCallback((r,t)=>{if(d.current[r]===t)return;d.current[r]=t,C(r,"isError",!!t),m.publish(`errors.${r}`,t);const _=q();v.current!==_&&(v.current=_,m.publish("formState.isError",_))},[C]),u=s.useCallback(r=>{if(!d.current[r])return;d.current[r]=null,C(r,"isError",!1),m.publish(`errors.${r}`,null);const t=q();v.current!==t&&(v.current=t,m.publish("formState.isError",t))},[C]),R=s.useCallback(()=>{if(Object.keys(d.current)===0)return;Object.keys(d.current).forEach(t=>u(t)),d.current={};const r=q();v.current!==r&&(v.current=r,m.publish("formState.isError",r))},[]),p=s.useCallback(r=>{const t=fe(r.target);t?e(r.target.name,t):u(r.target.name)},[e,u]),O=s.useCallback((r,t,{shouldDirty:F=!0,shouldOnChange:_=!0}={})=>{if(t===a.current[r])return;g&&T.current.includes(r)&&(t=Number(t)||void 0),C(r,"isTouched",!0);const K=t!==i.current[r];F&&f.current[r].isDirty!==K&&C(r,"isDirty",K);const M=U();y.current!==M&&(y.current=M,m.publish("formState.isDirty",M)),a.current[r]=t;const B=c.current.get(r);B&&B(t),m.publish(`values.${r}`,t,{shouldDirty:F,shouldOnChange:_}),_&&m.publish("onChange",r,t,a.current)},[C]),w=s.useCallback((r,t)=>(c.current.set(r,t),()=>{l&&c.current.delete(r)}),[]),Y=s.useCallback((r,{keepError:t,keepDirty:F,keepTouched:_,keepCustomState:K,defaultValue:M})=>{const B=c.current.get(r);if(!B)throw new Error(`Cannot reset "${r}" because it's uncontrolled field`);i.current[r]=M,a.current[r]=M,B&&B(M),t||u(r),F||C(r,"isDirty",!1),_||C(r,"isTouched",!1),K||C(r,"customState",null)},[u,C]),I=s.useCallback((r,t=k.getValues(r))=>{m.publish("onBlur",r,t,k.getValues())},[]),k=s.useMemo(()=>({subscribe:X,reset:$,resetField:Y,setValue:O,getValues:z,getErrors:x,getFieldStates:W,getFormState:N,setError:e,clearError:u,clearErrors:R,checkValidity:p,getNumberFields:ne,getFieldValidity:te,getDefaultValues:se,setFieldState:C,triggerFieldBlur:I,resetFieldState:Z,getControlledFields:J}),[X,$,Y,O,z,x,W,N,e,u,R,p,ne,te,se,C,Z,I,J]),P=s.useMemo(()=>({ref:E,watch:V,actions:k,registerController:w,registerHookWatcher:G,lastReloadedAt:b,loadFormValues:D,getWatchValue:H,channels:m}),[E,V,k,w,G,b,D,H,m]),Q=s.useMemo(()=>({control:P,actions:k,watch:V}),[b,P,k,V]);return s.useLayoutEffect(()=>{if([...E.current.querySelectorAll("[name]")].forEach(t=>{!t.defaultValue&&i.current[t.name]&&(t.defaultValue=i.current[t.name]),t.type==="number"&&!T.current.includes(t.name)&&T.current.push(t.name)}),E.current){const t=D();a.current={...t},i.current={...t}}},[b]),s.useLayoutEffect(()=>{A()},[]),Q};exports.Controller=ke;exports.Form=Re;exports.useController=me;exports.useForm=Ae;exports.useFormContext=ue;exports.useWatch=de;

package/dist/react-simple-formkit.mjs

@@ -1,4 +1,4 @@
-import Re, { createContext as Se, useContext as pe, useEffect as ie, useState as ce, useRef as j, useCallback as f, useMemo as ae, useLayoutEffect as le } from "react";
+import Re, { createContext as Se, useContext as pe, useEffect as ie, useState as ce, useRef as C, useCallback as l, useMemo as ae, useLayoutEffect as le } from "react";
 var ue = { exports: {} }, re = {};
 /**
  * @license React
@@ -10,26 +10,26 @@ var ue = { exports: {} }, re = {};
  * LICENSE file in the root directory of this source tree.
  */
 var fe;
-function ye() {
+function ve() {
   if (fe) return re;
   fe = 1;
   var s = Symbol.for("react.transitional.element"), n = Symbol.for("react.fragment");
-  function l(g, b, h) {
+  function a(g, d, h) {
     var E = null;
-    if (h !== void 0 && (E = "" + h), b.key !== void 0 && (E = "" + b.key), "key" in b) {
+    if (h !== void 0 && (E = "" + h), d.key !== void 0 && (E = "" + d.key), "key" in d) {
       h = {};
-      for (var v in b)
-        v !== "key" && (h[v] = b[v]);
-    } else h = b;
-    return b = h.ref, {
+      for (var y in d)
+        y !== "key" && (h[y] = d[y]);
+    } else h = d;
+    return d = h.ref, {
       $$typeof: s,
       type: g,
       key: E,
-      ref: b !== void 0 ? b : null,
+      ref: d !== void 0 ? d : null,
       props: h
     };
   }
-  return re.Fragment = n, re.jsx = l, re.jsxs = l, re;
+  return re.Fragment = n, re.jsx = a, re.jsxs = a, re;
 }
 var te = {};
 /**
@@ -42,7 +42,7 @@ var te = {};
  * LICENSE file in the root directory of this source tree.
  */
 var de;
-function ve() {
+function ye() {
   return de || (de = 1, process.env.NODE_ENV !== "production" && function() {
     function s(e) {
       if (e == null) return null;
@@ -50,11 +50,11 @@ function ve() {
         return e.$$typeof === G ? null : e.displayName || e.name || null;
       if (typeof e == "string") return e;
       switch (e) {
-        case d:
+        case m:
           return "Fragment";
         case Y:
           return "Profiler";
-        case A:
+        case O:
           return "StrictMode";
         case se:
           return "Suspense";
@@ -69,19 +69,19 @@ function ve() {
         ), e.$$typeof) {
           case i:
             return "Portal";
-          case I:
+          case q:
             return (e.displayName || "Context") + ".Provider";
           case W:
             return (e._context.displayName || "Context") + ".Consumer";
           case J:
-            var u = e.render;
-            return e = e.displayName, e || (e = u.displayName || u.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
+            var o = e.render;
+            return e = e.displayName, e || (e = o.displayName || o.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
           case oe:
-            return u = e.displayName || null, u !== null ? u : s(e.type) || "Memo";
+            return o = e.displayName || null, o !== null ? o : s(e.type) || "Memo";
           case z:
-            u = e._payload, e = e._init;
+            o = e._payload, e = e._init;
             try {
-              return s(e(u));
+              return s(e(o));
             } catch {
             }
         }
@@ -90,35 +90,35 @@ function ve() {
     function n(e) {
       return "" + e;
     }
-    function l(e) {
+    function a(e) {
       try {
         n(e);
-        var u = !1;
+        var o = !1;
       } catch {
-        u = !0;
+        o = !0;
       }
-      if (u) {
-        u = console;
-        var R = u.error, _ = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+      if (o) {
+        o = console;
+        var R = o.error, T = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
         return R.call(
-          u,
+          o,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          _
+          T
         ), n(e);
       }
     }
     function g(e) {
-      if (e === d) return "<>";
+      if (e === m) return "<>";
       if (typeof e == "object" && e !== null && e.$$typeof === z)
         return "<...>";
       try {
-        var u = s(e);
-        return u ? "<" + u + ">" : "<...>";
+        var o = s(e);
+        return o ? "<" + o + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function b() {
+    function d() {
       var e = N.A;
       return e === null ? null : e.getOwner();
     }
@@ -127,16 +127,16 @@ function ve() {
     }
     function E(e) {
       if ($.call(e, "key")) {
-        var u = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (u && u.isReactWarning) return !1;
+        var o = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (o && o.isReactWarning) return !1;
       }
       return e.key !== void 0;
     }
-    function v(e, u) {
+    function y(e, o) {
       function R() {
         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)",
-          u
+          o
         ));
       }
       R.isReactWarning = !0, Object.defineProperty(e, "key", {
@@ -150,13 +150,13 @@ function ve() {
         "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 k(e, u, R, _, O, w, B, L) {
-      return R = w.ref, e = {
-        $$typeof: o,
+    function k(e, o, R, T, j, A, I, B) {
+      return R = A.ref, e = {
+        $$typeof: u,
         type: e,
-        key: u,
-        props: w,
-        _owner: O
+        key: o,
+        props: A,
+        _owner: j
       }, (R !== void 0 ? R : null) !== null ? Object.defineProperty(e, "ref", {
         enumerable: !1,
         get: F
@@ -174,111 +174,111 @@ function ve() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: B
+        value: I
       }), Object.defineProperty(e, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: L
+        value: B
       }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
     }
-    function c(e, u, R, _, O, w, B, L) {
-      var S = u.children;
+    function c(e, o, R, T, j, A, I, B) {
+      var S = o.children;
       if (S !== void 0)
-        if (_)
+        if (T)
           if (V(S)) {
-            for (_ = 0; _ < S.length; _++)
-              m(S[_]);
+            for (T = 0; T < S.length; T++)
+              b(S[T]);
             Object.freeze && Object.freeze(S);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else m(S);
-      if ($.call(u, "key")) {
+        else b(S);
+      if ($.call(o, "key")) {
         S = s(e);
-        var x = Object.keys(u).filter(function(r) {
+        var x = Object.keys(o).filter(function(r) {
           return r !== "key";
         });
-        _ = 0 < x.length ? "{key: someKey, " + x.join(": ..., ") + ": ...}" : "{key: someKey}", Q[S + _] || (x = 0 < x.length ? "{" + x.join(": ..., ") + ": ...}" : "{}", console.error(
+        T = 0 < x.length ? "{key: someKey, " + x.join(": ..., ") + ": ...}" : "{key: someKey}", Q[S + T] || (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} />`,
-          _,
+          T,
           S,
           x,
           S
-        ), Q[S + _] = !0);
+        ), Q[S + T] = !0);
       }
-      if (S = null, R !== void 0 && (l(R), S = "" + R), E(u) && (l(u.key), S = "" + u.key), "key" in u) {
+      if (S = null, R !== void 0 && (a(R), S = "" + R), E(o) && (a(o.key), S = "" + o.key), "key" in o) {
         R = {};
-        for (var K in u)
-          K !== "key" && (R[K] = u[K]);
-      } else R = u;
-      return S && v(
+        for (var K in o)
+          K !== "key" && (R[K] = o[K]);
+      } else R = o;
+      return S && y(
         R,
         typeof e == "function" ? e.displayName || e.name || "Unknown" : e
       ), k(
         e,
         S,
-        w,
-        O,
-        b(),
+        A,
+        j,
+        d(),
         R,
-        B,
-        L
+        I,
+        B
       );
     }
-    function m(e) {
-      typeof e == "object" && e !== null && e.$$typeof === o && e._store && (e._store.validated = 1);
+    function b(e) {
+      typeof e == "object" && e !== null && e.$$typeof === u && e._store && (e._store.validated = 1);
     }
-    var a = Re, o = Symbol.for("react.transitional.element"), i = Symbol.for("react.portal"), d = Symbol.for("react.fragment"), A = Symbol.for("react.strict_mode"), Y = Symbol.for("react.profiler"), W = Symbol.for("react.consumer"), I = Symbol.for("react.context"), J = Symbol.for("react.forward_ref"), se = Symbol.for("react.suspense"), ne = Symbol.for("react.suspense_list"), oe = Symbol.for("react.memo"), z = Symbol.for("react.lazy"), P = Symbol.for("react.activity"), G = Symbol.for("react.client.reference"), N = a.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, $ = Object.prototype.hasOwnProperty, V = Array.isArray, D = console.createTask ? console.createTask : function() {
+    var f = Re, u = Symbol.for("react.transitional.element"), i = Symbol.for("react.portal"), m = Symbol.for("react.fragment"), O = Symbol.for("react.strict_mode"), Y = Symbol.for("react.profiler"), W = Symbol.for("react.consumer"), q = Symbol.for("react.context"), J = Symbol.for("react.forward_ref"), se = Symbol.for("react.suspense"), ne = Symbol.for("react.suspense_list"), oe = Symbol.for("react.memo"), z = Symbol.for("react.lazy"), P = Symbol.for("react.activity"), G = Symbol.for("react.client.reference"), N = f.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, $ = Object.prototype.hasOwnProperty, V = Array.isArray, D = console.createTask ? console.createTask : function() {
       return null;
     };
-    a = {
+    f = {
       "react-stack-bottom-frame": function(e) {
         return e();
       }
     };
-    var H, X = {}, Z = a["react-stack-bottom-frame"].bind(
-      a,
+    var H, X = {}, Z = f["react-stack-bottom-frame"].bind(
+      f,
       h
-    )(), y = D(g(h)), Q = {};
-    te.Fragment = d, te.jsx = function(e, u, R, _, O) {
-      var w = 1e4 > N.recentlyCreatedOwnerStacks++;
+    )(), v = D(g(h)), Q = {};
+    te.Fragment = m, te.jsx = function(e, o, R, T, j) {
+      var A = 1e4 > N.recentlyCreatedOwnerStacks++;
       return c(
         e,
-        u,
+        o,
         R,
         !1,
-        _,
-        O,
-        w ? Error("react-stack-top-frame") : Z,
-        w ? D(g(e)) : y
+        T,
+        j,
+        A ? Error("react-stack-top-frame") : Z,
+        A ? D(g(e)) : v
       );
-    }, te.jsxs = function(e, u, R, _, O) {
-      var w = 1e4 > N.recentlyCreatedOwnerStacks++;
+    }, te.jsxs = function(e, o, R, T, j) {
+      var A = 1e4 > N.recentlyCreatedOwnerStacks++;
       return c(
         e,
-        u,
+        o,
         R,
         !0,
-        _,
-        O,
-        w ? Error("react-stack-top-frame") : Z,
-        w ? D(g(e)) : y
+        T,
+        j,
+        A ? Error("react-stack-top-frame") : Z,
+        A ? D(g(e)) : v
       );
     };
   }()), te;
 }
 var be;
-function Te() {
-  return be || (be = 1, process.env.NODE_ENV === "production" ? ue.exports = ye() : ue.exports = ve()), ue.exports;
+function Fe() {
+  return be || (be = 1, process.env.NODE_ENV === "production" ? ue.exports = ve() : ue.exports = ye()), ue.exports;
 }
-var me = Te();
+var me = Fe();
 const p = () => {
 }, ge = Se({
   ref: null,
@@ -311,26 +311,26 @@ const p = () => {
 }), he = () => pe(ge), We = ({
   id: s,
   control: n,
-  method: l,
+  method: a,
   action: g,
-  children: b,
+  children: d,
   onSubmit: h = () => {
   },
   onInput: E = () => {
   },
-  onChange: v = () => {
+  onChange: y = () => {
   },
   onBlur: F = () => {
   },
   onReset: k = () => {
   },
   numberFields: c = [],
-  className: m,
-  ...a
+  className: b,
+  ...f
 }) => (ie(() => {
-  const o = n.channels.subscribe("onChange", v), i = n.channels.subscribe("onBlur", F);
+  const u = n.channels.subscribe("onChange", y), i = n.channels.subscribe("onBlur", F);
   return () => {
-    o(), i();
+    u(), i();
   };
 }, []), /* @__PURE__ */ me.jsx(ge.Provider, { value: n, children: /* @__PURE__ */ me.jsx(
   "form",
@@ -338,57 +338,57 @@ const p = () => {
     id: s,
     ref: n.ref,
     action: g,
-    method: l,
-    className: m,
+    method: a,
+    className: b,
     onInput: E,
-    onSubmit: (o) => {
-      l || o.preventDefault();
+    onSubmit: (u) => {
+      a || u.preventDefault();
       const i = n.loadFormValues();
       h(i);
     },
-    onChange: (o) => {
-      const i = o.target.name;
-      n.actions.getControlledFields().has(i) || n.actions.setValue(i, o.target.value);
+    onChange: (u) => {
+      const i = u.target.name;
+      n.actions.getControlledFields().has(i) || n.actions.setValue(i, u.target.value);
     },
-    onBlur: (o) => {
-      const i = o.target.name;
+    onBlur: (u) => {
+      const i = u.target.name;
       if (n.actions.getControlledFields().has(i)) return;
-      const d = o.target.value;
-      n.channels.publish("onBlur", i, d, n.actions.getValues());
+      const m = u.target.value;
+      n.channels.publish("onBlur", i, m, n.actions.getValues());
     },
-    onReset: (o) => {
-      n.actions.reset(), k(o);
+    onReset: (u) => {
+      n.actions.reset(), k(u);
     },
-    ...a,
-    children: b
+    ...f,
+    children: d
   },
   n.lastReloadedAt
-) })), Fe = ({ control: s, name: n, compute: l }) => {
-  const { getWatchValue: g, registerHookWatcher: b } = s || he(), h = g({ name: n, compute: l }), [E, v] = ce(h);
+) })), Te = ({ control: s, name: n, compute: a }) => {
+  const { getWatchValue: g, registerHookWatcher: d } = s || he(), h = g({ name: n, compute: a }), [E, y] = ce(h);
   return ie(() => {
-    const F = b({ name: n, compute: l, value: E, setValue: v });
+    const F = d({ name: n, compute: a, value: E, setValue: y });
     return () => F.forEach((k) => k());
   }, []), E;
 }, _e = ({ name: s, defaultValue: n }) => {
-  const { actions: l, registerController: g, channels: b } = he(), h = j(), E = l.getDefaultValues()[s] || n, [v, F] = ce(E), k = Fe({ name: `fieldStates.${s}.customState` }), c = f((o) => {
-    l.setFieldState(s, "customState", o);
-  }, []), m = f(
-    (o, { shouldDirty: i = !0, shouldOnChange: d = !0 } = {}) => {
-      F(o), l.setValue(s, o, { shouldDirty: i, shouldOnChange: d });
+  const { actions: a, registerController: g, channels: d } = he(), h = C(), E = a.getDefaultValues()[s] || n, [y, F] = ce(E), k = Te({ name: `fieldStates.${s}.customState` }), c = l((u) => {
+    a.setFieldState(s, "customState", u);
+  }, []), b = l(
+    (u, { shouldDirty: i = !0, shouldOnChange: m = !0 } = {}) => {
+      F(u), a.setValue(s, u, { shouldDirty: i, shouldOnChange: m });
     },
-    [l.setValue]
-  ), a = f(() => {
-    b.publish("onBlur", s, v, l.getValues());
+    [a.setValue]
+  ), f = l(() => {
+    d.publish("onBlur", s, y, a.getValues());
   }, []);
-  return ie(() => g(s, F), []), { ref: h, name: s, defaultValue: E, value: v, onChange: m, onBlur: a, customState: k, setCustomState: c };
+  return ie(() => g(s, F), []), { ref: h, name: s, defaultValue: E, value: y, onChange: b, onBlur: f, customState: k, setCustomState: c };
 }, $e = ({
   name: s,
   defaultValue: n,
-  render: l = ({ ref: g, name: b, defaultValue: h, value: E, onChange: v, onBlur: F, customState: k, setCustomState: c }) => null
+  render: a = ({ ref: g, name: d, defaultValue: h, value: E, onChange: y, onBlur: F, customState: k, setCustomState: c }) => null
 }) => {
   const g = _e({ name: s, defaultValue: n });
-  return l(g);
-}, ke = ["errors", "fieldStates", "formState"], q = (s) => ke.some((n) => s.startsWith(n)) ? s : "values." + s, Ae = [
+  return a(g);
+}, ke = ["errors", "fieldStates", "formState"], U = (s) => ke.some((n) => s.startsWith(n)) ? s : "values." + s, we = [
   "badInput",
   "customError",
   "patternMismatch",
@@ -401,26 +401,26 @@ const p = () => {
   "valueMissing"
 ], Ee = (s) => {
   typeof s.setCustomValidity == "function" && s.setCustomValidity("");
-  let n = s.validity, l = Ae.find((g) => n[g]);
-  if (l) return { type: l, message: s.validationMessage };
+  let n = s.validity, a = we.find((g) => n[g]);
+  if (a) return { type: a, message: s.validationMessage };
 };
-class we {
+class Ae {
   constructor() {
     this.events = /* @__PURE__ */ new Map();
   }
   getEvents() {
     return this.events;
   }
-  subscribe(n, l) {
-    return this.events.has(n) || this.events.set(n, /* @__PURE__ */ new Set()), this.events.get(n).add(l), () => {
+  subscribe(n, a) {
+    return this.events.has(n) || this.events.set(n, /* @__PURE__ */ new Set()), this.events.get(n).add(a), () => {
       var g;
-      return (g = this.events.get(n)) == null ? void 0 : g.delete(l);
+      return (g = this.events.get(n)) == null ? void 0 : g.delete(a);
     };
   }
-  publish(n, ...l) {
+  publish(n, ...a) {
     const g = this.events.get(n);
-    g && g.forEach((b) => b(...l)), this.events.forEach((b, h) => {
-      n.includes(h) && b.forEach((E) => E(...l));
+    g && g.forEach((d) => d(...a)), this.events.forEach((d, h) => {
+      n.includes(h) && d.forEach((E) => E(...a));
     });
   }
   reset() {
@@ -428,245 +428,241 @@ class we {
   }
 }
 const Oe = () => {
-  const s = j(new we()), n = f((b, ...h) => {
-    s.current.publish(b, ...h);
-  }, []), l = f((b, h) => s.current.subscribe(b, h), []), g = f(() => {
+  const s = C(new Ae()), n = l((d, ...h) => {
+    s.current.publish(d, ...h);
+  }, []), a = l((d, h) => s.current.subscribe(d, h), []), g = l(() => {
     s.current.reset();
   }, []);
-  return { publish: n, subscribe: l, reset: g };
-}, Ce = () => {
-  const [s, n] = ce(), l = f(() => n((/* @__PURE__ */ new Date()).toString()), []);
-  return [s, l];
+  return { publish: n, subscribe: a, reset: g };
 }, je = () => {
+  const [s, n] = ce(), a = l(() => n((/* @__PURE__ */ new Date()).toString()), []);
+  return [s, a];
+}, Ce = () => {
   const [, s] = ce({});
-  return f(() => s({}), []);
-}, Pe = ({ channels: s, getValues: n, getErrors: l, getFieldStates: g, getFormState: b }) => {
-  const h = je(), E = f(({ name: c, compute: m }) => {
-    if (typeof m == "function") return m(n());
+  return l(() => s({}), []);
+}, Pe = ({ channels: s, getValues: n, getErrors: a, getFieldStates: g, getFormState: d }) => {
+  const h = Ce(), E = l(({ name: c, compute: b }) => {
+    if (typeof b == "function") return b(n());
     if (Array.isArray(c)) {
-      const a = {};
-      return c.forEach((o) => {
-        a[o] = E({ name: o });
-      }), a;
+      const f = {};
+      return c.forEach((u) => {
+        f[u] = E({ name: u });
+      }), f;
     }
-    return c.replaceAll(/\[(\d+)\]/g, ".$1").split(".").reduce(
-      (a, o) => a && a[o] !== void 0 ? a[o] : void 0,
+    return c.split(".").reduce(
+      (f, u) => f && f[u] !== void 0 ? f[u] : void 0,
       {
         ...n(),
-        errors: { ...l() },
-        formState: { ...b() },
+        errors: { ...a() },
+        formState: { ...d() },
         fieldStates: { ...g() }
       }
     );
-  }, []), v = f((c) => {
+  }, []), y = l((c) => {
     if (!c)
-      return s.subscribe("values", () => {
-        h();
-      }), n();
+      return s.subscribe("values", () => h()), n();
     if (typeof c == "string") {
-      const m = q(c);
-      return s.subscribe(m, () => {
-        h();
-      }), E({ name: c });
+      const b = U(c);
+      return s.subscribe(b, () => h()), E({ name: c });
     }
     if (Array.isArray(c)) {
-      const m = {};
-      return c.forEach((a) => {
-        const o = q(a);
-        s.subscribe(o, () => {
-          h();
-        }), m[a] = E({ name: a });
-      }), m;
+      const b = {};
+      return c.forEach((f) => {
+        const u = U(f);
+        s.subscribe(u, () => h()), b[f] = E({ name: f });
+      }), { ...b };
     }
     throw new Error("Parameters of watch must be string or array of string");
-  }, []), F = f(({ name: c, compute: m, value: a, setValue: o }) => {
-    if (typeof m == "function")
+  }, []), F = l(({ name: c, compute: b, value: f, setValue: u }) => {
+    if (typeof b == "function")
       return [s.subscribe("values", () => {
-        const d = E({ compute: m });
-        d !== a && o(d);
+        const m = E({ compute: b });
+        u(m);
       })];
-    if (c)
-      if (typeof c == "string") {
-        const i = q(c);
-        return [s.subscribe(i, () => {
-          const A = E({ name: c });
-          A !== a && o(A);
-        })];
-      } else if (Array.isArray(c)) {
-        const i = E({ name: c }), d = [];
-        return c.forEach((A) => {
-          const Y = q(A), W = s.subscribe(Y, () => {
-            const I = E({ name: A });
-            i[A] !== I && (i[A] = I, o({ ...i }));
-          });
-          d.push(W);
-        }), d;
-      } else
-        throw new Error("Parameters of name must be string or array of string or compute must be a function");
-    else return [s.subscribe("values", () => {
-      o(n());
-    })];
-  }, []), k = f(
-    (c, m) => {
-      if (typeof c === void 0)
-        return s.subscribe("values", m);
+    if (!c)
+      return [s.subscribe("values", () => {
+        u(n());
+      })];
+    if (typeof c == "string") {
+      const i = U(c);
+      return [s.subscribe(i, () => {
+        const O = E({ name: c });
+        u(O);
+      })];
+    }
+    if (Array.isArray(c)) {
+      const i = E({ name: c }), m = [];
+      return c.forEach((O) => {
+        const Y = U(O), W = s.subscribe(Y, () => {
+          const q = E({ name: O });
+          i[O] = q, u({ ...i });
+        });
+        m.push(W);
+      }), m;
+    }
+    throw new Error("Parameters of name must be string or array of string or compute must be a function");
+  }, []), k = l(
+    (c, b) => {
+      if (!c)
+        return s.subscribe("values", b);
       if (typeof c == "string") {
-        const a = q(c);
-        return s.subscribe(a, m);
+        const f = U(c);
+        return s.subscribe(f, b);
       }
       if (Array.isArray(c)) {
-        const a = {}, o = [];
+        const f = {}, u = [];
         return c.forEach((i) => {
-          const d = q(i), A = s.subscribe(d, () => {
-            a[i] = E({ name: i }), m(a);
+          const m = U(i), O = s.subscribe(m, () => {
+            f[i] = E({ name: i }), b({ ...f });
           });
-          o.push(A);
-        }), o;
+          u.push(O);
+        }), u;
       }
+      throw new Error("Parameters of name must be string or array of string");
     },
     [s]
   );
-  return { watch: v, registerHookWatcher: F, getWatchValue: E, subscribe: k };
+  return { watch: y, registerHookWatcher: F, getWatchValue: E, subscribe: k };
 }, xe = [], Ne = {}, Me = ({
   numberFields: s = xe,
   defaultValues: n = Ne,
-  shouldUnRegister: l = !1,
+  shouldUnRegister: a = !1,
   shouldConvertNumber: g = !1
 } = {}) => {
-  const [b, h] = Ce(), E = j(), v = j(!1), F = j(!1), k = j(s), c = j(/* @__PURE__ */ new Map()), m = j({}), a = j({}), o = j(n), i = j(n), d = Oe(), A = f(() => {
-    a.current = Object.keys(i.current).reduce(
+  const [d, h] = je(), E = C(), y = C(!1), F = C(!1), k = C(s), c = C(/* @__PURE__ */ new Map()), b = C({}), f = C({}), u = C(n), i = C(n), m = Oe(), O = l(() => {
+    f.current = Object.keys(i.current).reduce(
       (r, t) => ({ ...r, [t]: { isError: !1, isDirty: !1, isTouched: !1, customState: null } }),
       {}
     );
-  }, []), Y = f((r = {}) => {
-    i.current = { ...i.current, ...r }, o.current = { ...i.current }, c.current.forEach((t, T) => {
-      t(i.current[T]);
-    }), v.current = !1, m.current = {}, k.current = s, c.current = /* @__PURE__ */ new Map(), d.reset(), A(), s.length > 0 && (g = !0), h();
-  }, []), W = f(() => {
+  }, []), Y = l((r = {}) => {
+    i.current = { ...i.current, ...r }, u.current = { ...i.current }, c.current.forEach((t, _) => {
+      t(i.current[_]);
+    }), y.current = !1, b.current = {}, k.current = s, c.current = /* @__PURE__ */ new Map(), m.reset(), O(), s.length > 0 && (g = !0), h();
+  }, []), W = l(() => {
     const r = Object.fromEntries(new FormData(E.current));
-    return c.current.forEach((T) => {
-      r[T] = o.current[T];
+    return c.current.forEach((_, w) => {
+      r[w] = u.current[w];
     }), g && k.current.forEach(
-      (T) => r.hasOwnProperty(T) && (r[T] = Number(r[T]) || 0)
+      (_) => r.hasOwnProperty(_) && (r[_] = Number(r[_]) || 0)
     ), r;
-  }, []), I = f(() => !!Object.values($()).find((r) => r.isDirty), []), J = f(() => !!Object.values(N()).find((r) => !!r), []), se = f((r) => Ee(r.target), []), ne = f(() => i.current, []), oe = f(() => k.current, []), z = f(() => c.current, []), P = f((r, t) => t ? Array.isArray(t) ? t.map((T) => r[T]) : r[t] : { ...r }, []), G = f((r) => P(o.current, r), [P]), N = f((r) => P(m.current, r), [P]), $ = f((r) => P(a.current, r), [P]), V = f(
+  }, []), q = l(() => !!Object.values($()).find((r) => r.isDirty), []), J = l(() => !!Object.values(N()).find((r) => !!r), []), se = l((r) => Ee(r.target), []), ne = l(() => i.current, []), oe = l(() => k.current, []), z = l(() => c.current, []), P = l((r, t) => t ? Array.isArray(t) ? t.map((_) => r[_]) : r[t] : { ...r }, []), G = l((r) => P(u.current, r), [P]), N = l((r) => P(b.current, r), [P]), $ = l((r) => P(f.current, r), [P]), V = l(
     (r) => P(
       {
-        isDirty: v.current,
+        isDirty: y.current,
         isError: F.current,
-        errorFields: Object.keys(m.current).filter((t) => !!m.current[t]),
-        dirtyFields: Object.keys(a.current).filter((t) => a.current[t].isDirty),
-        touchedFields: Object.keys(a.current).filter((t) => a.current[t].isTouched)
+        errorFields: Object.keys(b.current).filter((t) => !!b.current[t]),
+        dirtyFields: Object.keys(f.current).filter((t) => f.current[t].isDirty),
+        touchedFields: Object.keys(f.current).filter((t) => f.current[t].isTouched)
       },
       r
     ),
     [P]
   ), { watch: D, registerHookWatcher: H, getWatchValue: X, subscribe: Z } = Pe({
-    channels: d,
+    channels: m,
     getValues: G,
     getErrors: N,
     getFieldStates: $,
     getFormState: V
-  }), y = f((r, t, T) => {
-    const C = a.current[r];
-    C[t] !== T && (a.current[r] = { ...C, [t]: T }, d.publish(`fieldStates.${r}.${t}`, T), t === "isError" && d.publish("formState.errorFields", V("errorFields")), t === "isDirty" && d.publish("formState.dirtyFields", V("dirtyFields")), t === "isTouched" && d.publish("formState.touchedFields", V("touchedFields")));
-  }, []), Q = f(
+  }), v = l((r, t, _) => {
+    const w = f.current[r];
+    w[t] !== _ && (f.current[r] = { ...w, [t]: _ }, m.publish(`fieldStates.${r}.${t}`, _), t === "isError" && m.publish("formState.errorFields", V("errorFields")), t === "isDirty" && m.publish("formState.dirtyFields", V("dirtyFields")), t === "isTouched" && m.publish("formState.touchedFields", V("touchedFields")));
+  }, []), Q = l(
     (r) => {
-      y(r, "isError", !1), y(r, "isDirty", !1), y(r, "isTouched", !1), y(r, "customState", null);
+      v(r, "isError", !1), v(r, "isDirty", !1), v(r, "isTouched", !1), v(r, "customState", null);
     },
-    [y]
-  ), e = f(
+    [v]
+  ), e = l(
     (r, t) => {
-      if (m.current[r] === t) return;
-      m.current[r] = t, y(r, "isError", !!t), d.publish(`errors.${r}`, t);
-      const C = J();
-      F.current !== C && (F.current = C, d.publish("formState.isError", C));
+      if (b.current[r] === t) return;
+      b.current[r] = t, v(r, "isError", !!t), m.publish(`errors.${r}`, t);
+      const w = J();
+      F.current !== w && (F.current = w, m.publish("formState.isError", w));
     },
-    [y]
-  ), u = f(
+    [v]
+  ), o = l(
     (r) => {
-      if (!m.current[r]) return;
-      m.current[r] = null, y(r, "isError", !1), d.publish(`errors.${r}`, null);
+      if (!b.current[r]) return;
+      b.current[r] = null, v(r, "isError", !1), m.publish(`errors.${r}`, null);
       const t = J();
-      F.current !== t && (F.current = t, d.publish("formState.isError", t));
+      F.current !== t && (F.current = t, m.publish("formState.isError", t));
     },
-    [y]
-  ), R = f(() => {
-    if (Object.keys(m.current) === 0) return;
-    m.current = {}, d.publish("errors", m.current);
+    [v]
+  ), R = l(() => {
+    if (Object.keys(b.current) === 0) return;
+    Object.keys(b.current).forEach((t) => o(t)), b.current = {};
     const r = J();
-    F.current !== r && (F.current = r, d.publish("formState.isError", r));
-  }, []), _ = f(
+    F.current !== r && (F.current = r, m.publish("formState.isError", r));
+  }, []), T = l(
     (r) => {
       const t = Ee(r.target);
-      t ? e(r.target.name, t) : u(r.target.name);
+      t ? e(r.target.name, t) : o(r.target.name);
     },
-    [e, u]
-  ), O = f(
-    (r, t, { shouldDirty: T = !0, shouldOnChange: C = !0 } = {}) => {
-      if (t === o.current[r]) return;
-      g && k.current.includes(r) && (t = Number(t) || void 0), y(r, "isTouched", !0);
+    [e, o]
+  ), j = l(
+    (r, t, { shouldDirty: _ = !0, shouldOnChange: w = !0 } = {}) => {
+      if (t === u.current[r]) return;
+      g && k.current.includes(r) && (t = Number(t) || void 0), v(r, "isTouched", !0);
       const ee = t !== i.current[r];
-      T && a.current[r].isDirty !== ee && y(r, "isDirty", ee);
-      const M = I();
-      v.current !== M && (v.current = M, d.publish("formState.isDirty", M)), o.current[r] = t;
-      const U = c.current.get(r);
-      U && U(t), d.publish(`values.${r}`, t, { shouldDirty: T, shouldOnChange: C }), C && d.publish("onChange", r, t, o.current);
+      _ && f.current[r].isDirty !== ee && v(r, "isDirty", ee);
+      const M = q();
+      y.current !== M && (y.current = M, m.publish("formState.isDirty", M)), u.current[r] = t;
+      const L = c.current.get(r);
+      L && L(t), m.publish(`values.${r}`, t, { shouldDirty: _, shouldOnChange: w }), w && m.publish("onChange", r, t, u.current);
     },
-    [y]
-  ), w = f((r, t) => (c.current.set(r, t), () => {
-    l && c.current.delete(r);
-  }), []), B = f(
-    (r, { keepError: t, keepDirty: T, keepTouched: C, keepCustomState: ee, defaultValue: M }) => {
-      const U = c.current.get(r);
-      if (!U)
+    [v]
+  ), A = l((r, t) => (c.current.set(r, t), () => {
+    a && c.current.delete(r);
+  }), []), I = l(
+    (r, { keepError: t, keepDirty: _, keepTouched: w, keepCustomState: ee, defaultValue: M }) => {
+      const L = c.current.get(r);
+      if (!L)
         throw new Error(`Cannot reset "${r}" because it's uncontrolled field`);
-      i.current[r] = M, o.current[r] = M, U && U(M), t || u(r), T || y(r, "isDirty", !1), C || y(r, "isTouched", !1), ee || y(r, "customState", null);
+      i.current[r] = M, u.current[r] = M, L && L(M), t || o(r), _ || v(r, "isDirty", !1), w || v(r, "isTouched", !1), ee || v(r, "customState", null);
     },
-    [u, y]
-  ), L = f((r, t = S.getValues(r)) => {
-    d.publish("onBlur", r, t, S.getValues());
+    [o, v]
+  ), B = l((r, t = S.getValues(r)) => {
+    m.publish("onBlur", r, t, S.getValues());
   }, []), S = ae(
     () => ({
       subscribe: Z,
       reset: Y,
-      resetField: B,
-      setValue: O,
+      resetField: I,
+      setValue: j,
       getValues: G,
       getErrors: N,
       getFieldStates: $,
       getFormState: V,
       setError: e,
-      clearError: u,
+      clearError: o,
       clearErrors: R,
-      checkValidity: _,
+      checkValidity: T,
       getNumberFields: oe,
       getFieldValidity: se,
       getDefaultValues: ne,
-      setFieldState: y,
-      triggerFieldBlur: L,
+      setFieldState: v,
+      triggerFieldBlur: B,
       resetFieldState: Q,
       getControlledFields: z
     }),
     [
       Z,
       Y,
-      B,
-      O,
+      I,
+      j,
       G,
       N,
       $,
       V,
       e,
-      u,
+      o,
       R,
-      _,
+      T,
       oe,
       se,
       ne,
-      y,
+      v,
       Q,
-      L,
+      B,
       z
     ]
   ), x = ae(
@@ -674,34 +670,34 @@ const Oe = () => {
       ref: E,
       watch: D,
       actions: S,
-      registerController: w,
+      registerController: A,
       registerHookWatcher: H,
-      lastReloadedAt: b,
+      lastReloadedAt: d,
       loadFormValues: W,
       getWatchValue: X,
-      channels: d
+      channels: m
     }),
     [
       E,
       D,
       S,
-      w,
+      A,
       H,
-      b,
+      d,
       W,
       X,
-      d
+      m
     ]
-  ), K = ae(() => ({ control: x, actions: S, watch: D }), [b, x, S, D]);
+  ), K = ae(() => ({ control: x, actions: S, watch: D }), [d, x, S, D]);
   return le(() => {
     if ([...E.current.querySelectorAll("[name]")].forEach((t) => {
       !t.defaultValue && i.current[t.name] && (t.defaultValue = i.current[t.name]), t.type === "number" && !k.current.includes(t.name) && k.current.push(t.name);
     }), E.current) {
       const t = W();
-      o.current = { ...t }, i.current = { ...t };
+      u.current = { ...t }, i.current = { ...t };
     }
-  }, [b]), le(() => {
-    A();
+  }, [d]), le(() => {
+    O();
   }, []), K;
 };
 export {
@@ -710,5 +706,5 @@ export {
   _e as useController,
   Me as useForm,
   he as useFormContext,
-  Fe as useWatch
+  Te as useWatch
 };

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

@@ -1,4 +1,4 @@
-(function(w,r){typeof exports=="object"&&typeof module<"u"?r(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],r):(w=typeof globalThis<"u"?globalThis:w||self,r(w.Name={},w.React))})(this,function(w,r){"use strict";var se={exports:{}},G={};/**
+(function(A,r){typeof exports=="object"&&typeof module<"u"?r(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],r):(A=typeof globalThis<"u"?globalThis:A||self,r(A.Name={},A.React))})(this,function(A,r){"use strict";var se={exports:{}},z={};/**
  * @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 ue;function he(){if(ue)return G;ue=1;var n=Symbol.for("react.transitional.element"),o=Symbol.for("react.fragment");function f(h,b,g){var E=null;if(g!==void 0&&(E=""+g),b.key!==void 0&&(E=""+b.key),"key"in b){g={};for(var y in b)y!=="key"&&(g[y]=b[y])}else g=b;return b=g.ref,{$$typeof:n,type:h,key:E,ref:b!==void 0?b:null,props:g}}return G.Fragment=o,G.jsx=f,G.jsxs=f,G}var H={};/**
+ */var ue;function he(){if(ue)return z;ue=1;var n=Symbol.for("react.transitional.element"),o=Symbol.for("react.fragment");function l(h,d,g){var E=null;if(g!==void 0&&(E=""+g),d.key!==void 0&&(E=""+d.key),"key"in d){g={};for(var C in d)C!=="key"&&(g[C]=d[C])}else g=d;return d=g.ref,{$$typeof:n,type:h,key:E,ref:d!==void 0?d:null,props:g}}return z.Fragment=o,z.jsx=l,z.jsxs=l,z}var G={};/**
  * @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 le;function ge(){return le||(le=1,process.env.NODE_ENV!=="production"&&function(){function n(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===Q?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case d:return"Fragment";case B:return"Profiler";case _:return"StrictMode";case ne:return"Suspense";case oe:return"SuspenseList";case P: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 i:return"Portal";case L:return(e.displayName||"Context")+".Provider";case W:return(e._context.displayName||"Context")+".Consumer";case X:var c=e.render;return e=e.displayName,e||(e=c.displayName||c.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case ae:return c=e.displayName||null,c!==null?c:n(e.type)||"Memo";case Z:c=e._payload,e=e._init;try{return n(e(c))}catch{}}return null}function o(e){return""+e}function f(e){try{o(e);var c=!1}catch{c=!0}if(c){c=console;var R=c.error,T=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return R.call(c,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",T),o(e)}}function h(e){if(e===d)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===Z)return"<...>";try{var c=n(e);return c?"<"+c+">":"<...>"}catch{return"<...>"}}function b(){var e=x.A;return e===null?null:e.getOwner()}function g(){return Error("react-stack-top-frame")}function E(e){if(M.call(e,"key")){var c=Object.getOwnPropertyDescriptor(e,"key").get;if(c&&c.isReactWarning)return!1}return e.key!==void 0}function y(e,c){function R(){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)",c))}R.isReactWarning=!0,Object.defineProperty(e,"key",{get:R,configurable:!0})}function v(){var e=n(this.type);return q[e]||(q[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 F(e,c,R,T,O,A,U,J){return R=A.ref,e={$$typeof:a,type:e,key:c,props:A,_owner:O},(R!==void 0?R:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:v}):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:U}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:J}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function u(e,c,R,T,O,A,U,J){var S=c.children;if(S!==void 0)if(T)if(V(S)){for(T=0;T<S.length;T++)m(S[T]);Object.freeze&&Object.freeze(S)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else m(S);if(M.call(c,"key")){S=n(e);var N=Object.keys(c).filter(function(t){return t!=="key"});T=0<N.length?"{key: someKey, "+N.join(": ..., ")+": ...}":"{key: someKey}",ee[S+T]||(N=0<N.length?"{"+N.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
+ */var le;function ge(){return le||(le=1,process.env.NODE_ENV!=="production"&&function(){function n(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===Q?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case m:return"Fragment";case B:return"Profiler";case O:return"StrictMode";case ne:return"Suspense";case oe:return"SuspenseList";case P: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 i:return"Portal";case H:return(e.displayName||"Context")+".Provider";case W:return(e._context.displayName||"Context")+".Consumer";case X:var a=e.render;return e=e.displayName,e||(e=a.displayName||a.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case ae:return a=e.displayName||null,a!==null?a:n(e.type)||"Memo";case Z:a=e._payload,e=e._init;try{return n(e(a))}catch{}}return null}function o(e){return""+e}function l(e){try{o(e);var a=!1}catch{a=!0}if(a){a=console;var R=a.error,p=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return R.call(a,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",p),o(e)}}function h(e){if(e===m)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===Z)return"<...>";try{var a=n(e);return a?"<"+a+">":"<...>"}catch{return"<...>"}}function d(){var e=x.A;return e===null?null:e.getOwner()}function g(){return Error("react-stack-top-frame")}function E(e){if(M.call(e,"key")){var a=Object.getOwnPropertyDescriptor(e,"key").get;if(a&&a.isReactWarning)return!1}return e.key!==void 0}function C(e,a){function R(){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)",a))}R.isReactWarning=!0,Object.defineProperty(e,"key",{get:R,configurable:!0})}function v(){var e=n(this.type);return q[e]||(q[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 T(e,a,R,p,j,w,L,U){return R=w.ref,e={$$typeof:c,type:e,key:a,props:w,_owner:j},(R!==void 0?R:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:v}):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:L}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:U}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function u(e,a,R,p,j,w,L,U){var S=a.children;if(S!==void 0)if(p)if(V(S)){for(p=0;p<S.length;p++)b(S[p]);Object.freeze&&Object.freeze(S)}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 b(S);if(M.call(a,"key")){S=n(e);var N=Object.keys(a).filter(function(t){return t!=="key"});p=0<N.length?"{key: someKey, "+N.join(": ..., ")+": ...}":"{key: someKey}",ee[S+p]||(N=0<N.length?"{"+N.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`,T,S,N,S),ee[S+T]=!0)}if(S=null,R!==void 0&&(f(R),S=""+R),E(c)&&(f(c.key),S=""+c.key),"key"in c){R={};for(var te in c)te!=="key"&&(R[te]=c[te])}else R=c;return S&&y(R,typeof e=="function"?e.displayName||e.name||"Unknown":e),F(e,S,A,O,b(),R,U,J)}function m(e){typeof e=="object"&&e!==null&&e.$$typeof===a&&e._store&&(e._store.validated=1)}var l=r,a=Symbol.for("react.transitional.element"),i=Symbol.for("react.portal"),d=Symbol.for("react.fragment"),_=Symbol.for("react.strict_mode"),B=Symbol.for("react.profiler"),W=Symbol.for("react.consumer"),L=Symbol.for("react.context"),X=Symbol.for("react.forward_ref"),ne=Symbol.for("react.suspense"),oe=Symbol.for("react.suspense_list"),ae=Symbol.for("react.memo"),Z=Symbol.for("react.lazy"),P=Symbol.for("react.activity"),Q=Symbol.for("react.client.reference"),x=l.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,M=Object.prototype.hasOwnProperty,V=Array.isArray,D=console.createTask?console.createTask:function(){return null};l={"react-stack-bottom-frame":function(e){return e()}};var K,q={},$=l["react-stack-bottom-frame"].bind(l,g)(),C=D(h(g)),ee={};H.Fragment=d,H.jsx=function(e,c,R,T,O){var A=1e4>x.recentlyCreatedOwnerStacks++;return u(e,c,R,!1,T,O,A?Error("react-stack-top-frame"):$,A?D(h(e)):C)},H.jsxs=function(e,c,R,T,O){var A=1e4>x.recentlyCreatedOwnerStacks++;return u(e,c,R,!0,T,O,A?Error("react-stack-top-frame"):$,A?D(h(e)):C)}}()),H}var ie;function Re(){return ie||(ie=1,process.env.NODE_ENV==="production"?se.exports=he():se.exports=ge()),se.exports}var fe=Re();const k=()=>{},de=r.createContext({ref:null,watch:k,actions:{reset:k,resetField:k,setValue:k,getValues:k,getErrors:k,getFieldStates:k,getFormStates:k,setError:k,clearError:k,clearErrors:k,checkValidity:k,getNumberFields:k,getFieldValidity:k,getDefaultValues:k,setFieldState:k,resetFieldState:k,getControlledFields:k},registerController:k,registerHookWatcher:k,lastReloadedAt:k,loadFormValues:k,getWatchValue:k,channels:{}}),ce=()=>r.useContext(de),ke=({id:n,control:o,method:f,action:h,children:b,onSubmit:g=()=>{},onInput:E=()=>{},onChange:y=()=>{},onBlur:v=()=>{},onReset:F=()=>{},numberFields:u=[],className:m,...l})=>(r.useEffect(()=>{const a=o.channels.subscribe("onChange",y),i=o.channels.subscribe("onBlur",v);return()=>{a(),i()}},[]),fe.jsx(de.Provider,{value:o,children:fe.jsx("form",{id:n,ref:o.ref,action:h,method:f,className:m,onInput:E,onSubmit:a=>{f||a.preventDefault();const i=o.loadFormValues();g(i)},onChange:a=>{const i=a.target.name;o.actions.getControlledFields().has(i)||o.actions.setValue(i,a.target.value)},onBlur:a=>{const i=a.target.name;if(o.actions.getControlledFields().has(i))return;const d=a.target.value;o.channels.publish("onBlur",i,d,o.actions.getValues())},onReset:a=>{o.actions.reset(),F(a)},...l,children:b},o.lastReloadedAt)})),be=({control:n,name:o,compute:f})=>{const{getWatchValue:h,registerHookWatcher:b}=n||ce(),g=h({name:o,compute:f}),[E,y]=r.useState(g);return r.useEffect(()=>{const v=b({name:o,compute:f,value:E,setValue:y});return()=>v.forEach(F=>F())},[]),E},me=({name:n,defaultValue:o})=>{const{actions:f,registerController:h,channels:b}=ce(),g=r.useRef(),E=f.getDefaultValues()[n]||o,[y,v]=r.useState(E),F=be({name:`fieldStates.${n}.customState`}),u=r.useCallback(a=>{f.setFieldState(n,"customState",a)},[]),m=r.useCallback((a,{shouldDirty:i=!0,shouldOnChange:d=!0}={})=>{v(a),f.setValue(n,a,{shouldDirty:i,shouldOnChange:d})},[f.setValue]),l=r.useCallback(()=>{b.publish("onBlur",n,y,f.getValues())},[]);return r.useEffect(()=>h(n,v),[]),{ref:g,name:n,defaultValue:E,value:y,onChange:m,onBlur:l,customState:F,setCustomState:u}},Se=({name:n,defaultValue:o,render:f=({ref:h,name:b,defaultValue:g,value:E,onChange:y,onBlur:v,customState:F,setCustomState:u})=>null})=>{const h=me({name:n,defaultValue:o});return f(h)},Ce=["errors","fieldStates","formState"],I=n=>Ce.some(o=>n.startsWith(o))?n:"values."+n,ye=["badInput","customError","patternMismatch","rangeOverflow","rangeUnderflow","stepMismatch","tooLong","tooShort","typeMismatch","valueMissing"],Ee=n=>{typeof n.setCustomValidity=="function"&&n.setCustomValidity("");let o=n.validity,f=ye.find(h=>o[h]);if(f)return{type:f,message:n.validationMessage}};class pe{constructor(){this.events=new Map}getEvents(){return this.events}subscribe(o,f){return this.events.has(o)||this.events.set(o,new Set),this.events.get(o).add(f),()=>{var h;return(h=this.events.get(o))==null?void 0:h.delete(f)}}publish(o,...f){const h=this.events.get(o);h&&h.forEach(b=>b(...f)),this.events.forEach((b,g)=>{o.includes(g)&&b.forEach(E=>E(...f))})}reset(){this.events.clear()}}const ve=()=>{const n=r.useRef(new pe),o=r.useCallback((b,...g)=>{n.current.publish(b,...g)},[]),f=r.useCallback((b,g)=>n.current.subscribe(b,g),[]),h=r.useCallback(()=>{n.current.reset()},[]);return{publish:o,subscribe:f,reset:h}},Te=()=>{const[n,o]=r.useState(),f=r.useCallback(()=>o(new Date().toString()),[]);return[n,f]},Fe=()=>{const[,n]=r.useState({});return r.useCallback(()=>n({}),[])},_e=({channels:n,getValues:o,getErrors:f,getFieldStates:h,getFormState:b})=>{const g=Fe(),E=r.useCallback(({name:u,compute:m})=>{if(typeof m=="function")return m(o());if(Array.isArray(u)){const l={};return u.forEach(a=>{l[a]=E({name:a})}),l}return u.replaceAll(/\[(\d+)\]/g,".$1").split(".").reduce((l,a)=>l&&l[a]!==void 0?l[a]:void 0,{...o(),errors:{...f()},formState:{...b()},fieldStates:{...h()}})},[]),y=r.useCallback(u=>{if(!u)return n.subscribe("values",()=>{g()}),o();if(typeof u=="string"){const m=I(u);return n.subscribe(m,()=>{g()}),E({name:u})}if(Array.isArray(u)){const m={};return u.forEach(l=>{const a=I(l);n.subscribe(a,()=>{g()}),m[l]=E({name:l})}),m}throw new Error("Parameters of watch must be string or array of string")},[]),v=r.useCallback(({name:u,compute:m,value:l,setValue:a})=>{if(typeof m=="function")return[n.subscribe("values",()=>{const d=E({compute:m});d!==l&&a(d)})];if(u)if(typeof u=="string"){const i=I(u);return[n.subscribe(i,()=>{const _=E({name:u});_!==l&&a(_)})]}else if(Array.isArray(u)){const i=E({name:u}),d=[];return u.forEach(_=>{const B=I(_),W=n.subscribe(B,()=>{const L=E({name:_});i[_]!==L&&(i[_]=L,a({...i}))});d.push(W)}),d}else throw new Error("Parameters of name must be string or array of string or compute must be a function");else return[n.subscribe("values",()=>{a(o())})]},[]),F=r.useCallback((u,m)=>{if(typeof u===void 0)return n.subscribe("values",m);if(typeof u=="string"){const l=I(u);return n.subscribe(l,m)}if(Array.isArray(u)){const l={},a=[];return u.forEach(i=>{const d=I(i),_=n.subscribe(d,()=>{l[i]=E({name:i}),m(l)});a.push(_)}),a}},[n]);return{watch:y,registerHookWatcher:v,getWatchValue:E,subscribe:F}},Ae=[],we={},Oe=({numberFields:n=Ae,defaultValues:o=we,shouldUnRegister:f=!1,shouldConvertNumber:h=!1}={})=>{const[b,g]=Te(),E=r.useRef(),y=r.useRef(!1),v=r.useRef(!1),F=r.useRef(n),u=r.useRef(new Map),m=r.useRef({}),l=r.useRef({}),a=r.useRef(o),i=r.useRef(o),d=ve(),_=r.useCallback(()=>{l.current=Object.keys(i.current).reduce((t,s)=>({...t,[s]:{isError:!1,isDirty:!1,isTouched:!1,customState:null}}),{})},[]),B=r.useCallback((t={})=>{i.current={...i.current,...t},a.current={...i.current},u.current.forEach((s,p)=>{s(i.current[p])}),y.current=!1,m.current={},F.current=n,u.current=new Map,d.reset(),_(),n.length>0&&(h=!0),g()},[]),W=r.useCallback(()=>{const t=Object.fromEntries(new FormData(E.current));return u.current.forEach(p=>{t[p]=a.current[p]}),h&&F.current.forEach(p=>t.hasOwnProperty(p)&&(t[p]=Number(t[p])||0)),t},[]),L=r.useCallback(()=>!!Object.values(M()).find(t=>t.isDirty),[]),X=r.useCallback(()=>!!Object.values(x()).find(t=>!!t),[]),ne=r.useCallback(t=>Ee(t.target),[]),oe=r.useCallback(()=>i.current,[]),ae=r.useCallback(()=>F.current,[]),Z=r.useCallback(()=>u.current,[]),P=r.useCallback((t,s)=>s?Array.isArray(s)?s.map(p=>t[p]):t[s]:{...t},[]),Q=r.useCallback(t=>P(a.current,t),[P]),x=r.useCallback(t=>P(m.current,t),[P]),M=r.useCallback(t=>P(l.current,t),[P]),V=r.useCallback(t=>P({isDirty:y.current,isError:v.current,errorFields:Object.keys(m.current).filter(s=>!!m.current[s]),dirtyFields:Object.keys(l.current).filter(s=>l.current[s].isDirty),touchedFields:Object.keys(l.current).filter(s=>l.current[s].isTouched)},t),[P]),{watch:D,registerHookWatcher:K,getWatchValue:q,subscribe:$}=_e({channels:d,getValues:Q,getErrors:x,getFieldStates:M,getFormState:V}),C=r.useCallback((t,s,p)=>{const j=l.current[t];j[s]!==p&&(l.current[t]={...j,[s]:p},d.publish(`fieldStates.${t}.${s}`,p),s==="isError"&&d.publish("formState.errorFields",V("errorFields")),s==="isDirty"&&d.publish("formState.dirtyFields",V("dirtyFields")),s==="isTouched"&&d.publish("formState.touchedFields",V("touchedFields")))},[]),ee=r.useCallback(t=>{C(t,"isError",!1),C(t,"isDirty",!1),C(t,"isTouched",!1),C(t,"customState",null)},[C]),e=r.useCallback((t,s)=>{if(m.current[t]===s)return;m.current[t]=s,C(t,"isError",!!s),d.publish(`errors.${t}`,s);const j=X();v.current!==j&&(v.current=j,d.publish("formState.isError",j))},[C]),c=r.useCallback(t=>{if(!m.current[t])return;m.current[t]=null,C(t,"isError",!1),d.publish(`errors.${t}`,null);const s=X();v.current!==s&&(v.current=s,d.publish("formState.isError",s))},[C]),R=r.useCallback(()=>{if(Object.keys(m.current)===0)return;m.current={},d.publish("errors",m.current);const t=X();v.current!==t&&(v.current=t,d.publish("formState.isError",t))},[]),T=r.useCallback(t=>{const s=Ee(t.target);s?e(t.target.name,s):c(t.target.name)},[e,c]),O=r.useCallback((t,s,{shouldDirty:p=!0,shouldOnChange:j=!0}={})=>{if(s===a.current[t])return;h&&F.current.includes(t)&&(s=Number(s)||void 0),C(t,"isTouched",!0);const re=s!==i.current[t];p&&l.current[t].isDirty!==re&&C(t,"isDirty",re);const Y=L();y.current!==Y&&(y.current=Y,d.publish("formState.isDirty",Y)),a.current[t]=s;const z=u.current.get(t);z&&z(s),d.publish(`values.${t}`,s,{shouldDirty:p,shouldOnChange:j}),j&&d.publish("onChange",t,s,a.current)},[C]),A=r.useCallback((t,s)=>(u.current.set(t,s),()=>{f&&u.current.delete(t)}),[]),U=r.useCallback((t,{keepError:s,keepDirty:p,keepTouched:j,keepCustomState:re,defaultValue:Y})=>{const z=u.current.get(t);if(!z)throw new Error(`Cannot reset "${t}" because it's uncontrolled field`);i.current[t]=Y,a.current[t]=Y,z&&z(Y),s||c(t),p||C(t,"isDirty",!1),j||C(t,"isTouched",!1),re||C(t,"customState",null)},[c,C]),J=r.useCallback((t,s=S.getValues(t))=>{d.publish("onBlur",t,s,S.getValues())},[]),S=r.useMemo(()=>({subscribe:$,reset:B,resetField:U,setValue:O,getValues:Q,getErrors:x,getFieldStates:M,getFormState:V,setError:e,clearError:c,clearErrors:R,checkValidity:T,getNumberFields:ae,getFieldValidity:ne,getDefaultValues:oe,setFieldState:C,triggerFieldBlur:J,resetFieldState:ee,getControlledFields:Z}),[$,B,U,O,Q,x,M,V,e,c,R,T,ae,ne,oe,C,ee,J,Z]),N=r.useMemo(()=>({ref:E,watch:D,actions:S,registerController:A,registerHookWatcher:K,lastReloadedAt:b,loadFormValues:W,getWatchValue:q,channels:d}),[E,D,S,A,K,b,W,q,d]),te=r.useMemo(()=>({control:N,actions:S,watch:D}),[b,N,S,D]);return r.useLayoutEffect(()=>{if([...E.current.querySelectorAll("[name]")].forEach(s=>{!s.defaultValue&&i.current[s.name]&&(s.defaultValue=i.current[s.name]),s.type==="number"&&!F.current.includes(s.name)&&F.current.push(s.name)}),E.current){const s=W();a.current={...s},i.current={...s}}},[b]),r.useLayoutEffect(()=>{_()},[]),te};w.Controller=Se,w.Form=ke,w.useController=me,w.useForm=Oe,w.useFormContext=ce,w.useWatch=be,Object.defineProperty(w,Symbol.toStringTag,{value:"Module"})});
+  <%s key={someKey} {...props} />`,p,S,N,S),ee[S+p]=!0)}if(S=null,R!==void 0&&(l(R),S=""+R),E(a)&&(l(a.key),S=""+a.key),"key"in a){R={};for(var te in a)te!=="key"&&(R[te]=a[te])}else R=a;return S&&C(R,typeof e=="function"?e.displayName||e.name||"Unknown":e),T(e,S,w,j,d(),R,L,U)}function b(e){typeof e=="object"&&e!==null&&e.$$typeof===c&&e._store&&(e._store.validated=1)}var f=r,c=Symbol.for("react.transitional.element"),i=Symbol.for("react.portal"),m=Symbol.for("react.fragment"),O=Symbol.for("react.strict_mode"),B=Symbol.for("react.profiler"),W=Symbol.for("react.consumer"),H=Symbol.for("react.context"),X=Symbol.for("react.forward_ref"),ne=Symbol.for("react.suspense"),oe=Symbol.for("react.suspense_list"),ae=Symbol.for("react.memo"),Z=Symbol.for("react.lazy"),P=Symbol.for("react.activity"),Q=Symbol.for("react.client.reference"),x=f.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,M=Object.prototype.hasOwnProperty,V=Array.isArray,D=console.createTask?console.createTask:function(){return null};f={"react-stack-bottom-frame":function(e){return e()}};var K,q={},$=f["react-stack-bottom-frame"].bind(f,g)(),y=D(h(g)),ee={};G.Fragment=m,G.jsx=function(e,a,R,p,j){var w=1e4>x.recentlyCreatedOwnerStacks++;return u(e,a,R,!1,p,j,w?Error("react-stack-top-frame"):$,w?D(h(e)):y)},G.jsxs=function(e,a,R,p,j){var w=1e4>x.recentlyCreatedOwnerStacks++;return u(e,a,R,!0,p,j,w?Error("react-stack-top-frame"):$,w?D(h(e)):y)}}()),G}var ie;function Re(){return ie||(ie=1,process.env.NODE_ENV==="production"?se.exports=he():se.exports=ge()),se.exports}var fe=Re();const k=()=>{},de=r.createContext({ref:null,watch:k,actions:{reset:k,resetField:k,setValue:k,getValues:k,getErrors:k,getFieldStates:k,getFormStates:k,setError:k,clearError:k,clearErrors:k,checkValidity:k,getNumberFields:k,getFieldValidity:k,getDefaultValues:k,setFieldState:k,resetFieldState:k,getControlledFields:k},registerController:k,registerHookWatcher:k,lastReloadedAt:k,loadFormValues:k,getWatchValue:k,channels:{}}),ce=()=>r.useContext(de),ke=({id:n,control:o,method:l,action:h,children:d,onSubmit:g=()=>{},onInput:E=()=>{},onChange:C=()=>{},onBlur:v=()=>{},onReset:T=()=>{},numberFields:u=[],className:b,...f})=>(r.useEffect(()=>{const c=o.channels.subscribe("onChange",C),i=o.channels.subscribe("onBlur",v);return()=>{c(),i()}},[]),fe.jsx(de.Provider,{value:o,children:fe.jsx("form",{id:n,ref:o.ref,action:h,method:l,className:b,onInput:E,onSubmit:c=>{l||c.preventDefault();const i=o.loadFormValues();g(i)},onChange:c=>{const i=c.target.name;o.actions.getControlledFields().has(i)||o.actions.setValue(i,c.target.value)},onBlur:c=>{const i=c.target.name;if(o.actions.getControlledFields().has(i))return;const m=c.target.value;o.channels.publish("onBlur",i,m,o.actions.getValues())},onReset:c=>{o.actions.reset(),T(c)},...f,children:d},o.lastReloadedAt)})),be=({control:n,name:o,compute:l})=>{const{getWatchValue:h,registerHookWatcher:d}=n||ce(),g=h({name:o,compute:l}),[E,C]=r.useState(g);return r.useEffect(()=>{const v=d({name:o,compute:l,value:E,setValue:C});return()=>v.forEach(T=>T())},[]),E},me=({name:n,defaultValue:o})=>{const{actions:l,registerController:h,channels:d}=ce(),g=r.useRef(),E=l.getDefaultValues()[n]||o,[C,v]=r.useState(E),T=be({name:`fieldStates.${n}.customState`}),u=r.useCallback(c=>{l.setFieldState(n,"customState",c)},[]),b=r.useCallback((c,{shouldDirty:i=!0,shouldOnChange:m=!0}={})=>{v(c),l.setValue(n,c,{shouldDirty:i,shouldOnChange:m})},[l.setValue]),f=r.useCallback(()=>{d.publish("onBlur",n,C,l.getValues())},[]);return r.useEffect(()=>h(n,v),[]),{ref:g,name:n,defaultValue:E,value:C,onChange:b,onBlur:f,customState:T,setCustomState:u}},Se=({name:n,defaultValue:o,render:l=({ref:h,name:d,defaultValue:g,value:E,onChange:C,onBlur:v,customState:T,setCustomState:u})=>null})=>{const h=me({name:n,defaultValue:o});return l(h)},ye=["errors","fieldStates","formState"],I=n=>ye.some(o=>n.startsWith(o))?n:"values."+n,Ce=["badInput","customError","patternMismatch","rangeOverflow","rangeUnderflow","stepMismatch","tooLong","tooShort","typeMismatch","valueMissing"],Ee=n=>{typeof n.setCustomValidity=="function"&&n.setCustomValidity("");let o=n.validity,l=Ce.find(h=>o[h]);if(l)return{type:l,message:n.validationMessage}};class ve{constructor(){this.events=new Map}getEvents(){return this.events}subscribe(o,l){return this.events.has(o)||this.events.set(o,new Set),this.events.get(o).add(l),()=>{var h;return(h=this.events.get(o))==null?void 0:h.delete(l)}}publish(o,...l){const h=this.events.get(o);h&&h.forEach(d=>d(...l)),this.events.forEach((d,g)=>{o.includes(g)&&d.forEach(E=>E(...l))})}reset(){this.events.clear()}}const pe=()=>{const n=r.useRef(new ve),o=r.useCallback((d,...g)=>{n.current.publish(d,...g)},[]),l=r.useCallback((d,g)=>n.current.subscribe(d,g),[]),h=r.useCallback(()=>{n.current.reset()},[]);return{publish:o,subscribe:l,reset:h}},Fe=()=>{const[n,o]=r.useState(),l=r.useCallback(()=>o(new Date().toString()),[]);return[n,l]},Te=()=>{const[,n]=r.useState({});return r.useCallback(()=>n({}),[])},_e=({channels:n,getValues:o,getErrors:l,getFieldStates:h,getFormState:d})=>{const g=Te(),E=r.useCallback(({name:u,compute:b})=>{if(typeof b=="function")return b(o());if(Array.isArray(u)){const f={};return u.forEach(c=>{f[c]=E({name:c})}),f}return u.split(".").reduce((f,c)=>f&&f[c]!==void 0?f[c]:void 0,{...o(),errors:{...l()},formState:{...d()},fieldStates:{...h()}})},[]),C=r.useCallback(u=>{if(!u)return n.subscribe("values",()=>g()),o();if(typeof u=="string"){const b=I(u);return n.subscribe(b,()=>g()),E({name:u})}if(Array.isArray(u)){const b={};return u.forEach(f=>{const c=I(f);n.subscribe(c,()=>g()),b[f]=E({name:f})}),{...b}}throw new Error("Parameters of watch must be string or array of string")},[]),v=r.useCallback(({name:u,compute:b,value:f,setValue:c})=>{if(typeof b=="function")return[n.subscribe("values",()=>{const m=E({compute:b});c(m)})];if(!u)return[n.subscribe("values",()=>{c(o())})];if(typeof u=="string"){const i=I(u);return[n.subscribe(i,()=>{const O=E({name:u});c(O)})]}if(Array.isArray(u)){const i=E({name:u}),m=[];return u.forEach(O=>{const B=I(O),W=n.subscribe(B,()=>{const H=E({name:O});i[O]=H,c({...i})});m.push(W)}),m}throw new Error("Parameters of name must be string or array of string or compute must be a function")},[]),T=r.useCallback((u,b)=>{if(!u)return n.subscribe("values",b);if(typeof u=="string"){const f=I(u);return n.subscribe(f,b)}if(Array.isArray(u)){const f={},c=[];return u.forEach(i=>{const m=I(i),O=n.subscribe(m,()=>{f[i]=E({name:i}),b({...f})});c.push(O)}),c}throw new Error("Parameters of name must be string or array of string")},[n]);return{watch:C,registerHookWatcher:v,getWatchValue:E,subscribe:T}},we=[],Ae={},Oe=({numberFields:n=we,defaultValues:o=Ae,shouldUnRegister:l=!1,shouldConvertNumber:h=!1}={})=>{const[d,g]=Fe(),E=r.useRef(),C=r.useRef(!1),v=r.useRef(!1),T=r.useRef(n),u=r.useRef(new Map),b=r.useRef({}),f=r.useRef({}),c=r.useRef(o),i=r.useRef(o),m=pe(),O=r.useCallback(()=>{f.current=Object.keys(i.current).reduce((t,s)=>({...t,[s]:{isError:!1,isDirty:!1,isTouched:!1,customState:null}}),{})},[]),B=r.useCallback((t={})=>{i.current={...i.current,...t},c.current={...i.current},u.current.forEach((s,F)=>{s(i.current[F])}),C.current=!1,b.current={},T.current=n,u.current=new Map,m.reset(),O(),n.length>0&&(h=!0),g()},[]),W=r.useCallback(()=>{const t=Object.fromEntries(new FormData(E.current));return u.current.forEach((F,_)=>{t[_]=c.current[_]}),h&&T.current.forEach(F=>t.hasOwnProperty(F)&&(t[F]=Number(t[F])||0)),t},[]),H=r.useCallback(()=>!!Object.values(M()).find(t=>t.isDirty),[]),X=r.useCallback(()=>!!Object.values(x()).find(t=>!!t),[]),ne=r.useCallback(t=>Ee(t.target),[]),oe=r.useCallback(()=>i.current,[]),ae=r.useCallback(()=>T.current,[]),Z=r.useCallback(()=>u.current,[]),P=r.useCallback((t,s)=>s?Array.isArray(s)?s.map(F=>t[F]):t[s]:{...t},[]),Q=r.useCallback(t=>P(c.current,t),[P]),x=r.useCallback(t=>P(b.current,t),[P]),M=r.useCallback(t=>P(f.current,t),[P]),V=r.useCallback(t=>P({isDirty:C.current,isError:v.current,errorFields:Object.keys(b.current).filter(s=>!!b.current[s]),dirtyFields:Object.keys(f.current).filter(s=>f.current[s].isDirty),touchedFields:Object.keys(f.current).filter(s=>f.current[s].isTouched)},t),[P]),{watch:D,registerHookWatcher:K,getWatchValue:q,subscribe:$}=_e({channels:m,getValues:Q,getErrors:x,getFieldStates:M,getFormState:V}),y=r.useCallback((t,s,F)=>{const _=f.current[t];_[s]!==F&&(f.current[t]={..._,[s]:F},m.publish(`fieldStates.${t}.${s}`,F),s==="isError"&&m.publish("formState.errorFields",V("errorFields")),s==="isDirty"&&m.publish("formState.dirtyFields",V("dirtyFields")),s==="isTouched"&&m.publish("formState.touchedFields",V("touchedFields")))},[]),ee=r.useCallback(t=>{y(t,"isError",!1),y(t,"isDirty",!1),y(t,"isTouched",!1),y(t,"customState",null)},[y]),e=r.useCallback((t,s)=>{if(b.current[t]===s)return;b.current[t]=s,y(t,"isError",!!s),m.publish(`errors.${t}`,s);const _=X();v.current!==_&&(v.current=_,m.publish("formState.isError",_))},[y]),a=r.useCallback(t=>{if(!b.current[t])return;b.current[t]=null,y(t,"isError",!1),m.publish(`errors.${t}`,null);const s=X();v.current!==s&&(v.current=s,m.publish("formState.isError",s))},[y]),R=r.useCallback(()=>{if(Object.keys(b.current)===0)return;Object.keys(b.current).forEach(s=>a(s)),b.current={};const t=X();v.current!==t&&(v.current=t,m.publish("formState.isError",t))},[]),p=r.useCallback(t=>{const s=Ee(t.target);s?e(t.target.name,s):a(t.target.name)},[e,a]),j=r.useCallback((t,s,{shouldDirty:F=!0,shouldOnChange:_=!0}={})=>{if(s===c.current[t])return;h&&T.current.includes(t)&&(s=Number(s)||void 0),y(t,"isTouched",!0);const re=s!==i.current[t];F&&f.current[t].isDirty!==re&&y(t,"isDirty",re);const Y=H();C.current!==Y&&(C.current=Y,m.publish("formState.isDirty",Y)),c.current[t]=s;const J=u.current.get(t);J&&J(s),m.publish(`values.${t}`,s,{shouldDirty:F,shouldOnChange:_}),_&&m.publish("onChange",t,s,c.current)},[y]),w=r.useCallback((t,s)=>(u.current.set(t,s),()=>{l&&u.current.delete(t)}),[]),L=r.useCallback((t,{keepError:s,keepDirty:F,keepTouched:_,keepCustomState:re,defaultValue:Y})=>{const J=u.current.get(t);if(!J)throw new Error(`Cannot reset "${t}" because it's uncontrolled field`);i.current[t]=Y,c.current[t]=Y,J&&J(Y),s||a(t),F||y(t,"isDirty",!1),_||y(t,"isTouched",!1),re||y(t,"customState",null)},[a,y]),U=r.useCallback((t,s=S.getValues(t))=>{m.publish("onBlur",t,s,S.getValues())},[]),S=r.useMemo(()=>({subscribe:$,reset:B,resetField:L,setValue:j,getValues:Q,getErrors:x,getFieldStates:M,getFormState:V,setError:e,clearError:a,clearErrors:R,checkValidity:p,getNumberFields:ae,getFieldValidity:ne,getDefaultValues:oe,setFieldState:y,triggerFieldBlur:U,resetFieldState:ee,getControlledFields:Z}),[$,B,L,j,Q,x,M,V,e,a,R,p,ae,ne,oe,y,ee,U,Z]),N=r.useMemo(()=>({ref:E,watch:D,actions:S,registerController:w,registerHookWatcher:K,lastReloadedAt:d,loadFormValues:W,getWatchValue:q,channels:m}),[E,D,S,w,K,d,W,q,m]),te=r.useMemo(()=>({control:N,actions:S,watch:D}),[d,N,S,D]);return r.useLayoutEffect(()=>{if([...E.current.querySelectorAll("[name]")].forEach(s=>{!s.defaultValue&&i.current[s.name]&&(s.defaultValue=i.current[s.name]),s.type==="number"&&!T.current.includes(s.name)&&T.current.push(s.name)}),E.current){const s=W();c.current={...s},i.current={...s}}},[d]),r.useLayoutEffect(()=>{O()},[]),te};A.Controller=Se,A.Form=ke,A.useController=me,A.useForm=Oe,A.useFormContext=ce,A.useWatch=be,Object.defineProperty(A,Symbol.toStringTag,{value:"Module"})});

package/package.json

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