react-simple-formkit 2.1.9 → 2.2.0

package/dist/react-simple-formkit.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 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={};/**
+ */var ce;function ge(){if(ce)return ee;ce=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 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:
+ */var le;function he(){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===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 f: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} />`,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;
+  <%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 i=s,a=Symbol.for("react.transitional.element"),f=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=i.__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};i={"react-stack-bottom-frame":function(e){return e()}};var G,H={},X=i["react-stack-bottom-frame"].bind(i,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 ie;function Re(){return ie||(ie=1,process.env.NODE_ENV==="production"?oe.exports=ge():oe.exports=he()),oe.exports}var fe=Re();const S=()=>{},de=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:{}}),ae=()=>s.useContext(de),ke=({id:n,control:o,method:l,action:g,children:b,onSubmit:h=()=>{},onInput:E=()=>{},onChange:y=()=>{},onBlur:v=()=>{},onReset:T=()=>{},numberFields:c=[],className:d,...i})=>(s.useEffect(()=>{const a=o.channels.subscribe("onChange",y),f=o.channels.subscribe("onBlur",v);return()=>{a(),f()}},[]),fe.jsx(de.Provider,{value:o,children:fe.jsx("form",{id:n,ref:o.ref,action:g,method:l,className:d,onInput:E,onSubmit:a=>{l||a.preventDefault();const f=o.loadFormValues();h(f)},onChange:a=>{const f=a.target.name;o.actions.getControlledFields().has(f)||o.actions.setValue(f,a.target.value)},onBlur:a=>{const f=a.target.name;if(o.actions.getControlledFields().has(f))return;const m=a.target.value;o.channels.publish("onBlur",f,m,o.actions.getValues())},onReset:a=>{o.actions.reset(),T(a)},...i,children:b},o.lastReloadedAt)})),me=({control:n,name:o,compute:l})=>{const{getWatchValue:g,registerHookWatcher:b}=n||ae(),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},Ee=({name:n,defaultValue:o})=>{const{actions:l,registerController:g,channels:b}=ae(),h=s.useRef(),E=l.getDefaultValues()[n]||o||"",[y,v]=s.useState(E),T=me({name:`fieldStates.${n}.customState`}),c=s.useCallback(a=>{l.setFieldState(n,"customState",a)},[]),d=s.useCallback((a,{shouldDirty:f=!0,shouldOnChange:m=!0}={})=>{v(a),l.setValue(n,a,{shouldDirty:f,shouldOnChange:m})},[l.setValue]),i=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:i,customState:T,setCustomState:c}},Se=({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=Ee({name:n,defaultValue:o});return l(g)},Ce=["errors","fieldStates","formState"],L=n=>Ce.some(o=>n.startsWith(o))?n:"values."+n,ye=["badInput","customError","patternMismatch","rangeOverflow","rangeUnderflow","stepMismatch","tooLong","tooShort","typeMismatch","valueMissing"],be=n=>{typeof n.setCustomValidity=="function"&&n.setCustomValidity("");let o=n.validity,l=ye.find(g=>o[g]);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 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 pe=()=>{const n=s.useRef(new ve),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}},Fe=()=>{const[n,o]=s.useState(),l=s.useCallback(()=>o(new Date().toString()),[]);return[n,l]},Te=()=>{const[,n]=s.useState({});return s.useCallback(()=>n({}),[])},_e=({channels:n,getValues:o,getErrors:l,getFieldStates:g,getFormState:b})=>{const h=Te(),E=s.useCallback(({name:c,compute:d})=>{if(typeof d=="function")return d(o());if(Array.isArray(c)){const i={};return c.forEach(a=>{i[a]=E({name:a})}),i}return c.split(".").reduce((i,a)=>i&&i[a]!==void 0?i[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(i=>{const a=L(i);n.subscribe(a,()=>h()),d[i]=E({name:i})}),{...d}}throw new Error("Parameters of watch must be string or array of string")},[]),v=s.useCallback(({name:c,compute:d,value:i,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 f=L(c);return[n.subscribe(f,()=>{const A=E({name:c});a(A)})]}if(Array.isArray(c)){const f=E({name:c}),m=[];return c.forEach(A=>{const $=L(A),D=n.subscribe($,()=>{const U=E({name:A});f[A]=U,a({...f})});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 i=L(c);return n.subscribe(i,d)}if(Array.isArray(c)){const i={},a=[];return c.forEach(f=>{const m=L(f),A=n.subscribe(m,()=>{i[f]=E({name:f}),d({...i})});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}},ue={isError:!1,isDirty:!1,isTouched:!1,customState:null},we=[],Ae={},Oe=({numberFields:n=we,defaultValues:o=Ae,shouldUnRegister:l=!1,shouldConvertNumber:g=!1}={})=>{const[b,h]=Fe(),E=s.useRef(),y=s.useRef(!1),v=s.useRef(!1),T=s.useRef(n),c=s.useRef(new Map),d=s.useRef({}),i=s.useRef({}),a=s.useRef(o),f=s.useRef(o),m=pe(),A=s.useCallback(()=>{i.current=Object.keys(f.current).reduce((r,t)=>({...r,[t]:{...ue}}),{})},[]),$=s.useCallback((r={})=>{f.current={...f.current,...r},a.current={...f.current},c.current.forEach((t,F)=>{t(f.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=>be(r.target),[]),se=s.useCallback(()=>f.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(i.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(i.current).filter(t=>i.current[t].isDirty),touchedFields:Object.keys(i.current).filter(t=>i.current[t].isTouched)},r),[j]),{watch:V,registerHookWatcher:G,getWatchValue:H,subscribe:X}=_e({channels:m,getValues:z,getErrors:x,getFieldStates:W,getFormState:N}),C=s.useCallback((r,t,F)=>{const _=i.current[r]||{...ue};_[t]!==F&&(i.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=be(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!==f.current[r];F&&i.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),i.current[r]={...ue},()=>{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`);f.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&&!c.current.has(t.name)&&f.current[t.name]&&(t.defaultValue=f.current[t.name]),t.type==="number"&&!T.current.includes(t.name)&&T.current.push(t.name)}),E.current){const t=D();a.current={...t},f.current={...t}}},[b]),s.useLayoutEffect(()=>{A()},[]),Q};exports.Controller=Se;exports.Form=ke;exports.useController=Ee;exports.useForm=Oe;exports.useFormContext=ae;exports.useWatch=me;

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 C, useCallback as l, useMemo as ae, useLayoutEffect as le } from "react";
+import Re, { createContext as pe, useContext as ve, useEffect as le, useState as ce, useRef as C, useCallback as f, useMemo as ae, useLayoutEffect as fe } from "react";
 var ue = { exports: {} }, re = {};
 /**
  * @license React
@@ -9,10 +9,10 @@ var ue = { exports: {} }, re = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var fe;
-function ve() {
-  if (fe) return re;
-  fe = 1;
+var de;
+function ye() {
+  if (de) return re;
+  de = 1;
   var s = Symbol.for("react.transitional.element"), n = Symbol.for("react.fragment");
   function a(g, d, h) {
     var E = null;
@@ -41,9 +41,9 @@ var te = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var de;
-function ye() {
-  return de || (de = 1, process.env.NODE_ENV !== "production" && function() {
+var be;
+function Fe() {
+  return be || (be = 1, process.env.NODE_ENV !== "production" && function() {
     function s(e) {
       if (e == null) return null;
       if (typeof e == "function")
@@ -67,7 +67,7 @@ function ye() {
         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:
+          case l:
             return "Portal";
           case q:
             return (e.displayName || "Context") + ".Provider";
@@ -99,8 +99,8 @@ function ye() {
       }
       if (o) {
         o = console;
-        var R = o.error, T = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return R.call(
+        var S = o.error, T = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return S.call(
           o,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           T
@@ -133,14 +133,14 @@ function ye() {
       return e.key !== void 0;
     }
     function y(e, o) {
-      function R() {
+      function S() {
         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)",
           o
         ));
       }
-      R.isReactWarning = !0, Object.defineProperty(e, "key", {
-        get: R,
+      S.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: S,
         configurable: !0
       });
     }
@@ -150,14 +150,14 @@ function ye() {
         "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, o, R, T, j, A, I, B) {
-      return R = A.ref, e = {
+    function k(e, o, S, T, j, A, I, B) {
+      return S = A.ref, e = {
         $$typeof: u,
         type: e,
         key: o,
         props: A,
         _owner: j
-      }, (R !== void 0 ? R : null) !== null ? Object.defineProperty(e, "ref", {
+      }, (S !== void 0 ? S : null) !== null ? Object.defineProperty(e, "ref", {
         enumerable: !1,
         get: F
       }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
@@ -182,25 +182,25 @@ function ye() {
         value: B
       }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
     }
-    function c(e, o, R, T, j, A, I, B) {
-      var S = o.children;
-      if (S !== void 0)
+    function c(e, o, S, T, j, A, I, B) {
+      var R = o.children;
+      if (R !== void 0)
         if (T)
-          if (V(S)) {
-            for (T = 0; T < S.length; T++)
-              b(S[T]);
-            Object.freeze && Object.freeze(S);
+          if (V(R)) {
+            for (T = 0; T < R.length; T++)
+              b(R[T]);
+            Object.freeze && Object.freeze(R);
           } 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);
+        else b(R);
       if ($.call(o, "key")) {
-        S = s(e);
+        R = s(e);
         var x = Object.keys(o).filter(function(r) {
           return r !== "key";
         });
-        T = 0 < x.length ? "{key: someKey, " + x.join(": ..., ") + ": ...}" : "{key: someKey}", Q[S + T] || (x = 0 < x.length ? "{" + x.join(": ..., ") + ": ...}" : "{}", console.error(
+        T = 0 < x.length ? "{key: someKey, " + x.join(": ..., ") + ": ...}" : "{key: someKey}", Q[R + 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} />
@@ -208,26 +208,26 @@ React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
           T,
-          S,
+          R,
           x,
-          S
-        ), Q[S + T] = !0);
+          R
+        ), Q[R + T] = !0);
       }
-      if (S = null, R !== void 0 && (a(R), S = "" + R), E(o) && (a(o.key), S = "" + o.key), "key" in o) {
-        R = {};
+      if (R = null, S !== void 0 && (a(S), R = "" + S), E(o) && (a(o.key), R = "" + o.key), "key" in o) {
+        S = {};
         for (var K in o)
-          K !== "key" && (R[K] = o[K]);
-      } else R = o;
-      return S && y(
-        R,
+          K !== "key" && (S[K] = o[K]);
+      } else S = o;
+      return R && y(
+        S,
         typeof e == "function" ? e.displayName || e.name || "Unknown" : e
       ), k(
         e,
-        S,
+        R,
         A,
         j,
         d(),
-        R,
+        S,
         I,
         B
       );
@@ -235,36 +235,36 @@ React keys must be passed directly to JSX without using spread:
     function b(e) {
       typeof e == "object" && e !== null && e.$$typeof === u && e._store && (e._store.validated = 1);
     }
-    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() {
+    var i = Re, u = Symbol.for("react.transitional.element"), l = 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 = i.__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;
     };
-    f = {
+    i = {
       "react-stack-bottom-frame": function(e) {
         return e();
       }
     };
-    var H, X = {}, Z = f["react-stack-bottom-frame"].bind(
-      f,
+    var H, X = {}, Z = i["react-stack-bottom-frame"].bind(
+      i,
       h
     )(), v = D(g(h)), Q = {};
-    te.Fragment = m, te.jsx = function(e, o, R, T, j) {
+    te.Fragment = m, te.jsx = function(e, o, S, T, j) {
       var A = 1e4 > N.recentlyCreatedOwnerStacks++;
       return c(
         e,
         o,
-        R,
+        S,
         !1,
         T,
         j,
         A ? Error("react-stack-top-frame") : Z,
         A ? D(g(e)) : v
       );
-    }, te.jsxs = function(e, o, R, T, j) {
+    }, te.jsxs = function(e, o, S, T, j) {
       var A = 1e4 > N.recentlyCreatedOwnerStacks++;
       return c(
         e,
         o,
-        R,
+        S,
         !0,
         T,
         j,
@@ -274,13 +274,13 @@ React keys must be passed directly to JSX without using spread:
     };
   }()), te;
 }
-var be;
-function Fe() {
-  return be || (be = 1, process.env.NODE_ENV === "production" ? ue.exports = ve() : ue.exports = ye()), ue.exports;
+var me;
+function Te() {
+  return me || (me = 1, process.env.NODE_ENV === "production" ? ue.exports = ye() : ue.exports = Fe()), ue.exports;
 }
-var me = Fe();
+var Ee = Te();
 const p = () => {
-}, ge = Se({
+}, he = pe({
   ref: null,
   watch: p,
   actions: {
@@ -308,7 +308,7 @@ const p = () => {
   loadFormValues: p,
   getWatchValue: p,
   channels: {}
-}), he = () => pe(ge), We = ({
+}), Se = () => ve(he), $e = ({
   id: s,
   control: n,
   method: a,
@@ -326,13 +326,13 @@ const p = () => {
   },
   numberFields: c = [],
   className: b,
-  ...f
-}) => (ie(() => {
-  const u = n.channels.subscribe("onChange", y), i = n.channels.subscribe("onBlur", F);
+  ...i
+}) => (le(() => {
+  const u = n.channels.subscribe("onChange", y), l = n.channels.subscribe("onBlur", F);
   return () => {
-    u(), i();
+    u(), l();
   };
-}, []), /* @__PURE__ */ me.jsx(ge.Provider, { value: n, children: /* @__PURE__ */ me.jsx(
+}, []), /* @__PURE__ */ Ee.jsx(he.Provider, { value: n, children: /* @__PURE__ */ Ee.jsx(
   "form",
   {
     id: s,
@@ -343,52 +343,52 @@ const p = () => {
     onInput: E,
     onSubmit: (u) => {
       a || u.preventDefault();
-      const i = n.loadFormValues();
-      h(i);
+      const l = n.loadFormValues();
+      h(l);
     },
     onChange: (u) => {
-      const i = u.target.name;
-      n.actions.getControlledFields().has(i) || n.actions.setValue(i, u.target.value);
+      const l = u.target.name;
+      n.actions.getControlledFields().has(l) || n.actions.setValue(l, u.target.value);
     },
     onBlur: (u) => {
-      const i = u.target.name;
-      if (n.actions.getControlledFields().has(i)) return;
+      const l = u.target.name;
+      if (n.actions.getControlledFields().has(l)) return;
       const m = u.target.value;
-      n.channels.publish("onBlur", i, m, n.actions.getValues());
+      n.channels.publish("onBlur", l, m, n.actions.getValues());
     },
     onReset: (u) => {
       n.actions.reset(), k(u);
     },
-    ...f,
+    ...i,
     children: d
   },
   n.lastReloadedAt
-) })), 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(() => {
+) })), _e = ({ control: s, name: n, compute: a }) => {
+  const { getWatchValue: g, registerHookWatcher: d } = s || Se(), h = g({ name: n, compute: a }), [E, y] = ce(h);
+  return le(() => {
     const F = d({ name: n, compute: a, value: E, setValue: y });
     return () => F.forEach((k) => k());
   }, []), E;
-}, _e = ({ name: s, defaultValue: n }) => {
-  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) => {
+}, ke = ({ name: s, defaultValue: n }) => {
+  const { actions: a, registerController: g, channels: d } = Se(), h = C(), E = a.getDefaultValues()[s] || n || "", [y, F] = ce(E), k = _e({ name: `fieldStates.${s}.customState` }), c = f((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 });
+  }, []), b = f(
+    (u, { shouldDirty: l = !0, shouldOnChange: m = !0 } = {}) => {
+      F(u), a.setValue(s, u, { shouldDirty: l, shouldOnChange: m });
     },
     [a.setValue]
-  ), f = l(() => {
+  ), i = f(() => {
     d.publish("onBlur", s, y, a.getValues());
   }, []);
-  return ie(() => g(s, F), []), { ref: h, name: s, defaultValue: E, value: y, onChange: b, onBlur: f, customState: k, setCustomState: c };
-}, $e = ({
+  return le(() => g(s, F), []), { ref: h, name: s, defaultValue: E, value: y, onChange: b, onBlur: i, customState: k, setCustomState: c };
+}, Me = ({
   name: s,
   defaultValue: n,
   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 });
+  const g = ke({ name: s, defaultValue: n });
   return a(g);
-}, ke = ["errors", "fieldStates", "formState"], U = (s) => ke.some((n) => s.startsWith(n)) ? s : "values." + s, we = [
+}, we = ["errors", "fieldStates", "formState"], U = (s) => we.some((n) => s.startsWith(n)) ? s : "values." + s, Ae = [
   "badInput",
   "customError",
   "patternMismatch",
@@ -399,12 +399,12 @@ const p = () => {
   "tooShort",
   "typeMismatch",
   "valueMissing"
-], Ee = (s) => {
+], ge = (s) => {
   typeof s.setCustomValidity == "function" && s.setCustomValidity("");
-  let n = s.validity, a = we.find((g) => n[g]);
+  let n = s.validity, a = Ae.find((g) => n[g]);
   if (a) return { type: a, message: s.validationMessage };
 };
-class Ae {
+class Oe {
   constructor() {
     this.events = /* @__PURE__ */ new Map();
   }
@@ -427,30 +427,30 @@ class Ae {
     this.events.clear();
   }
 }
-const Oe = () => {
-  const s = C(new Ae()), n = l((d, ...h) => {
+const je = () => {
+  const s = C(new Oe()), n = f((d, ...h) => {
     s.current.publish(d, ...h);
-  }, []), a = l((d, h) => s.current.subscribe(d, h), []), g = l(() => {
+  }, []), a = f((d, h) => s.current.subscribe(d, h), []), g = f(() => {
     s.current.reset();
   }, []);
   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, n] = ce(), a = f(() => n((/* @__PURE__ */ new Date()).toString()), []);
+  return [s, a];
+}, Pe = () => {
   const [, s] = ce({});
-  return l(() => s({}), []);
-}, Pe = ({ channels: s, getValues: n, getErrors: a, getFieldStates: g, getFormState: d }) => {
-  const h = Ce(), E = l(({ name: c, compute: b }) => {
+  return f(() => s({}), []);
+}, xe = ({ channels: s, getValues: n, getErrors: a, getFieldStates: g, getFormState: d }) => {
+  const h = Pe(), E = f(({ name: c, compute: b }) => {
     if (typeof b == "function") return b(n());
     if (Array.isArray(c)) {
-      const f = {};
+      const i = {};
       return c.forEach((u) => {
-        f[u] = E({ name: u });
-      }), f;
+        i[u] = E({ name: u });
+      }), i;
     }
     return c.split(".").reduce(
-      (f, u) => f && f[u] !== void 0 ? f[u] : void 0,
+      (i, u) => i && i[u] !== void 0 ? i[u] : void 0,
       {
         ...n(),
         errors: { ...a() },
@@ -458,7 +458,7 @@ const Oe = () => {
         fieldStates: { ...g() }
       }
     );
-  }, []), y = l((c) => {
+  }, []), y = f((c) => {
     if (!c)
       return s.subscribe("values", () => h()), n();
     if (typeof c == "string") {
@@ -467,13 +467,13 @@ const Oe = () => {
     }
     if (Array.isArray(c)) {
       const b = {};
-      return c.forEach((f) => {
-        const u = U(f);
-        s.subscribe(u, () => h()), b[f] = E({ name: f });
+      return c.forEach((i) => {
+        const u = U(i);
+        s.subscribe(u, () => h()), b[i] = E({ name: i });
       }), { ...b };
     }
     throw new Error("Parameters of watch must be string or array of string");
-  }, []), F = l(({ name: c, compute: b, value: f, setValue: u }) => {
+  }, []), F = f(({ name: c, compute: b, value: i, setValue: u }) => {
     if (typeof b == "function")
       return [s.subscribe("values", () => {
         const m = E({ compute: b });
@@ -484,36 +484,36 @@ const Oe = () => {
         u(n());
       })];
     if (typeof c == "string") {
-      const i = U(c);
-      return [s.subscribe(i, () => {
+      const l = U(c);
+      return [s.subscribe(l, () => {
         const O = E({ name: c });
         u(O);
       })];
     }
     if (Array.isArray(c)) {
-      const i = E({ name: c }), m = [];
+      const l = 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 });
+          l[O] = q, u({ ...l });
         });
         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(
+  }, []), k = f(
     (c, b) => {
       if (!c)
         return s.subscribe("values", b);
       if (typeof c == "string") {
-        const f = U(c);
-        return s.subscribe(f, b);
+        const i = U(c);
+        return s.subscribe(i, b);
       }
       if (Array.isArray(c)) {
-        const f = {}, u = [];
-        return c.forEach((i) => {
-          const m = U(i), O = s.subscribe(m, () => {
-            f[i] = E({ name: i }), b({ ...f });
+        const i = {}, u = [];
+        return c.forEach((l) => {
+          const m = U(l), O = s.subscribe(m, () => {
+            i[l] = E({ name: l }), b({ ...i });
           });
           u.push(O);
         }), u;
@@ -523,55 +523,52 @@ const Oe = () => {
     [s]
   );
   return { watch: y, registerHookWatcher: F, getWatchValue: E, subscribe: k };
-}, xe = [], Ne = {}, Me = ({
-  numberFields: s = xe,
-  defaultValues: n = Ne,
+}, ie = { isError: !1, isDirty: !1, isTouched: !1, customState: null }, Ne = [], Ve = {}, Ye = ({
+  numberFields: s = Ne,
+  defaultValues: n = Ve,
   shouldUnRegister: a = !1,
   shouldConvertNumber: g = !1
 } = {}) => {
-  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 = l((r = {}) => {
-    i.current = { ...i.current, ...r }, u.current = { ...i.current }, c.current.forEach((t, _) => {
-      t(i.current[_]);
+  const [d, h] = Ce(), E = C(), y = C(!1), F = C(!1), k = C(s), c = C(/* @__PURE__ */ new Map()), b = C({}), i = C({}), u = C(n), l = C(n), m = je(), O = f(() => {
+    i.current = Object.keys(l.current).reduce((r, t) => ({ ...r, [t]: { ...ie } }), {});
+  }, []), Y = f((r = {}) => {
+    l.current = { ...l.current, ...r }, u.current = { ...l.current }, c.current.forEach((t, _) => {
+      t(l.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(() => {
+  }, []), W = f(() => {
     const r = Object.fromEntries(new FormData(E.current));
     return c.current.forEach((_, w) => {
       r[w] = u.current[w];
     }), g && k.current.forEach(
       (_) => r.hasOwnProperty(_) && (r[_] = Number(r[_]) || 0)
     ), r;
-  }, []), 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(
+  }, []), q = f(() => !!Object.values($()).find((r) => r.isDirty), []), J = f(() => !!Object.values(N()).find((r) => !!r), []), se = f((r) => ge(r.target), []), ne = f(() => l.current, []), oe = f(() => k.current, []), z = f(() => c.current, []), P = f((r, t) => t ? Array.isArray(t) ? t.map((_) => r[_]) : r[t] : { ...r }, []), G = f((r) => P(u.current, r), [P]), N = f((r) => P(b.current, r), [P]), $ = f((r) => P(i.current, r), [P]), V = f(
     (r) => P(
       {
         isDirty: y.current,
         isError: F.current,
         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)
+        dirtyFields: Object.keys(i.current).filter((t) => i.current[t].isDirty),
+        touchedFields: Object.keys(i.current).filter((t) => i.current[t].isTouched)
       },
       r
     ),
     [P]
-  ), { watch: D, registerHookWatcher: H, getWatchValue: X, subscribe: Z } = Pe({
+  ), { watch: D, registerHookWatcher: H, getWatchValue: X, subscribe: Z } = xe({
     channels: m,
     getValues: G,
     getErrors: N,
     getFieldStates: $,
     getFormState: V
-  }), 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(
+  }), v = f((r, t, _) => {
+    const w = i.current[r] || { ...ie };
+    w[t] !== _ && (i.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 = f(
     (r) => {
       v(r, "isError", !1), v(r, "isDirty", !1), v(r, "isTouched", !1), v(r, "customState", null);
     },
     [v]
-  ), e = l(
+  ), e = f(
     (r, t) => {
       if (b.current[r] === t) return;
       b.current[r] = t, v(r, "isError", !!t), m.publish(`errors.${r}`, t);
@@ -579,7 +576,7 @@ const Oe = () => {
       F.current !== w && (F.current = w, m.publish("formState.isError", w));
     },
     [v]
-  ), o = l(
+  ), o = f(
     (r) => {
       if (!b.current[r]) return;
       b.current[r] = null, v(r, "isError", !1), m.publish(`errors.${r}`, null);
@@ -587,42 +584,42 @@ const Oe = () => {
       F.current !== t && (F.current = t, m.publish("formState.isError", t));
     },
     [v]
-  ), R = l(() => {
+  ), S = f(() => {
     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, m.publish("formState.isError", r));
-  }, []), T = l(
+  }, []), T = f(
     (r) => {
-      const t = Ee(r.target);
+      const t = ge(r.target);
       t ? e(r.target.name, t) : o(r.target.name);
     },
     [e, o]
-  ), j = l(
+  ), j = f(
     (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];
-      _ && f.current[r].isDirty !== ee && v(r, "isDirty", ee);
+      const ee = t !== l.current[r];
+      _ && i.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);
     },
     [v]
-  ), A = l((r, t) => (c.current.set(r, t), () => {
+  ), A = f((r, t) => (c.current.set(r, t), i.current[r] = { ...ie }, () => {
     a && c.current.delete(r);
-  }), []), I = l(
+  }), []), I = f(
     (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, u.current[r] = M, L && L(M), t || o(r), _ || v(r, "isDirty", !1), w || v(r, "isTouched", !1), ee || v(r, "customState", null);
+      l.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);
     },
     [o, v]
-  ), B = l((r, t = S.getValues(r)) => {
-    m.publish("onBlur", r, t, S.getValues());
-  }, []), S = ae(
+  ), B = f((r, t = R.getValues(r)) => {
+    m.publish("onBlur", r, t, R.getValues());
+  }, []), R = ae(
     () => ({
       subscribe: Z,
       reset: Y,
@@ -634,7 +631,7 @@ const Oe = () => {
       getFormState: V,
       setError: e,
       clearError: o,
-      clearErrors: R,
+      clearErrors: S,
       checkValidity: T,
       getNumberFields: oe,
       getFieldValidity: se,
@@ -655,7 +652,7 @@ const Oe = () => {
       V,
       e,
       o,
-      R,
+      S,
       T,
       oe,
       se,
@@ -669,7 +666,7 @@ const Oe = () => {
     () => ({
       ref: E,
       watch: D,
-      actions: S,
+      actions: R,
       registerController: A,
       registerHookWatcher: H,
       lastReloadedAt: d,
@@ -680,7 +677,7 @@ const Oe = () => {
     [
       E,
       D,
-      S,
+      R,
       A,
       H,
       d,
@@ -688,23 +685,23 @@ const Oe = () => {
       X,
       m
     ]
-  ), K = ae(() => ({ control: x, actions: S, watch: D }), [d, x, S, D]);
-  return le(() => {
+  ), K = ae(() => ({ control: x, actions: R, watch: D }), [d, x, R, D]);
+  return fe(() => {
     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);
+      !t.defaultValue && !c.current.has(t.name) && l.current[t.name] && (t.defaultValue = l.current[t.name]), t.type === "number" && !k.current.includes(t.name) && k.current.push(t.name);
     }), E.current) {
       const t = W();
-      u.current = { ...t }, i.current = { ...t };
+      u.current = { ...t }, l.current = { ...t };
     }
-  }, [d]), le(() => {
+  }, [d]), fe(() => {
     O();
   }, []), K;
 };
 export {
-  $e as Controller,
-  We as Form,
-  _e as useController,
-  Me as useForm,
-  he as useFormContext,
-  Te as useWatch
+  Me as Controller,
+  $e as Form,
+  ke as useController,
+  Ye as useForm,
+  Se as useFormContext,
+  _e as useWatch
 };

package/dist/react-simple-formkit.umd.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 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={};/**
+ */var le;function ge(){if(le)return z;le=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 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:
+ */var ie;function Re(){return ie||(ie=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 f: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} />`,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"})});
+  <%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 i=r,c=Symbol.for("react.transitional.element"),f=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=i.__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};i={"react-stack-bottom-frame":function(e){return e()}};var K,q={},$=i["react-stack-bottom-frame"].bind(i,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 fe;function ke(){return fe||(fe=1,process.env.NODE_ENV==="production"?se.exports=ge():se.exports=Re()),se.exports}var de=ke();const k=()=>{},be=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(be),Se=({id:n,control:o,method:l,action:h,children:d,onSubmit:g=()=>{},onInput:E=()=>{},onChange:C=()=>{},onBlur:v=()=>{},onReset:T=()=>{},numberFields:u=[],className:b,...i})=>(r.useEffect(()=>{const c=o.channels.subscribe("onChange",C),f=o.channels.subscribe("onBlur",v);return()=>{c(),f()}},[]),de.jsx(be.Provider,{value:o,children:de.jsx("form",{id:n,ref:o.ref,action:h,method:l,className:b,onInput:E,onSubmit:c=>{l||c.preventDefault();const f=o.loadFormValues();g(f)},onChange:c=>{const f=c.target.name;o.actions.getControlledFields().has(f)||o.actions.setValue(f,c.target.value)},onBlur:c=>{const f=c.target.name;if(o.actions.getControlledFields().has(f))return;const m=c.target.value;o.channels.publish("onBlur",f,m,o.actions.getValues())},onReset:c=>{o.actions.reset(),T(c)},...i,children:d},o.lastReloadedAt)})),me=({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},Ee=({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=me({name:`fieldStates.${n}.customState`}),u=r.useCallback(c=>{l.setFieldState(n,"customState",c)},[]),b=r.useCallback((c,{shouldDirty:f=!0,shouldOnChange:m=!0}={})=>{v(c),l.setValue(n,c,{shouldDirty:f,shouldOnChange:m})},[l.setValue]),i=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:i,customState:T,setCustomState:u}},ye=({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=Ee({name:n,defaultValue:o});return l(h)},Ce=["errors","fieldStates","formState"],I=n=>Ce.some(o=>n.startsWith(o))?n:"values."+n,ve=["badInput","customError","patternMismatch","rangeOverflow","rangeUnderflow","stepMismatch","tooLong","tooShort","typeMismatch","valueMissing"],he=n=>{typeof n.setCustomValidity=="function"&&n.setCustomValidity("");let o=n.validity,l=ve.find(h=>o[h]);if(l)return{type:l,message:n.validationMessage}};class pe{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 Fe=()=>{const n=r.useRef(new pe),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}},Te=()=>{const[n,o]=r.useState(),l=r.useCallback(()=>o(new Date().toString()),[]);return[n,l]},_e=()=>{const[,n]=r.useState({});return r.useCallback(()=>n({}),[])},we=({channels:n,getValues:o,getErrors:l,getFieldStates:h,getFormState:d})=>{const g=_e(),E=r.useCallback(({name:u,compute:b})=>{if(typeof b=="function")return b(o());if(Array.isArray(u)){const i={};return u.forEach(c=>{i[c]=E({name:c})}),i}return u.split(".").reduce((i,c)=>i&&i[c]!==void 0?i[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(i=>{const c=I(i);n.subscribe(c,()=>g()),b[i]=E({name:i})}),{...b}}throw new Error("Parameters of watch must be string or array of string")},[]),v=r.useCallback(({name:u,compute:b,value:i,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 f=I(u);return[n.subscribe(f,()=>{const O=E({name:u});c(O)})]}if(Array.isArray(u)){const f=E({name:u}),m=[];return u.forEach(O=>{const B=I(O),W=n.subscribe(B,()=>{const H=E({name:O});f[O]=H,c({...f})});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 i=I(u);return n.subscribe(i,b)}if(Array.isArray(u)){const i={},c=[];return u.forEach(f=>{const m=I(f),O=n.subscribe(m,()=>{i[f]=E({name:f}),b({...i})});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}},ue={isError:!1,isDirty:!1,isTouched:!1,customState:null},Ae=[],Oe={},je=({numberFields:n=Ae,defaultValues:o=Oe,shouldUnRegister:l=!1,shouldConvertNumber:h=!1}={})=>{const[d,g]=Te(),E=r.useRef(),C=r.useRef(!1),v=r.useRef(!1),T=r.useRef(n),u=r.useRef(new Map),b=r.useRef({}),i=r.useRef({}),c=r.useRef(o),f=r.useRef(o),m=Fe(),O=r.useCallback(()=>{i.current=Object.keys(f.current).reduce((t,s)=>({...t,[s]:{...ue}}),{})},[]),B=r.useCallback((t={})=>{f.current={...f.current,...t},c.current={...f.current},u.current.forEach((s,F)=>{s(f.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=>he(t.target),[]),oe=r.useCallback(()=>f.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(i.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(i.current).filter(s=>i.current[s].isDirty),touchedFields:Object.keys(i.current).filter(s=>i.current[s].isTouched)},t),[P]),{watch:D,registerHookWatcher:K,getWatchValue:q,subscribe:$}=we({channels:m,getValues:Q,getErrors:x,getFieldStates:M,getFormState:V}),y=r.useCallback((t,s,F)=>{const _=i.current[t]||{...ue};_[s]!==F&&(i.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=he(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!==f.current[t];F&&i.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),i.current[t]={...ue},()=>{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`);f.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&&!u.current.has(s.name)&&f.current[s.name]&&(s.defaultValue=f.current[s.name]),s.type==="number"&&!T.current.includes(s.name)&&T.current.push(s.name)}),E.current){const s=W();c.current={...s},f.current={...s}}},[d]),r.useLayoutEffect(()=>{O()},[]),te};A.Controller=ye,A.Form=Se,A.useController=Ee,A.useForm=je,A.useFormContext=ce,A.useWatch=me,Object.defineProperty(A,Symbol.toStringTag,{value:"Module"})});

package/package.json

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