react-simple-formkit 2.4.6 → 2.4.7

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

package/dist/react-simple-formkit.mjs

@@ -1,4 +1,4 @@
-import jr, { createContext as wr, useContext as Pr, useCallback as b, useEffect as Er, useState as lr, useRef as Y, useMemo as br, useLayoutEffect as mr } from "react";
+import jr, { createContext as wr, useContext as $r, useCallback as h, useEffect as Er, useState as lr, useRef as Y, useMemo as hr, useLayoutEffect as mr } from "react";
 var ir = { exports: {} }, er = {};
 /**
  * @license React
@@ -10,23 +10,23 @@ var ir = { exports: {} }, er = {};
  * LICENSE file in the root directory of this source tree.
  */
 var vr;
-function $r() {
+function Pr() {
   if (vr) return er;
   vr = 1;
   var s = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
-  function u(i, c, l) {
+  function u(l, c, f) {
     var o = null;
-    if (l !== void 0 && (o = "" + l), c.key !== void 0 && (o = "" + c.key), "key" in c) {
-      l = {};
-      for (var h in c)
-        h !== "key" && (l[h] = c[h]);
-    } else l = c;
-    return c = l.ref, {
+    if (f !== void 0 && (o = "" + f), c.key !== void 0 && (o = "" + c.key), "key" in c) {
+      f = {};
+      for (var b in c)
+        b !== "key" && (f[b] = c[b]);
+    } else f = c;
+    return c = f.ref, {
       $$typeof: s,
-      type: i,
+      type: l,
       key: o,
       ref: c !== void 0 ? c : null,
-      props: l
+      props: f
     };
   }
   return er.Fragment = t, er.jsx = u, er.jsxs = u, er;
@@ -54,26 +54,26 @@ function kr() {
           return "Fragment";
         case y:
           return "Profiler";
-        case P:
+        case $:
           return "StrictMode";
         case x:
           return "Suspense";
         case q:
           return "SuspenseList";
-        case A:
+        case F:
           return "Activity";
       }
       if (typeof e == "object")
         switch (typeof e.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), e.$$typeof) {
-          case F:
+          case A:
             return "Portal";
           case O:
             return (e.displayName || "Context") + ".Provider";
           case _:
             return (e._context.displayName || "Context") + ".Consumer";
-          case $:
+          case P:
             var g = e.render;
             return e = e.displayName, e || (e = g.displayName || g.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
           case H:
@@ -107,7 +107,7 @@ function kr() {
         ), t(e);
       }
     }
-    function i(e) {
+    function l(e) {
       if (e === S) return "<>";
       if (typeof e == "object" && e !== null && e.$$typeof === J)
         return "<...>";
@@ -122,7 +122,7 @@ function kr() {
       var e = K.A;
       return e === null ? null : e.getOwner();
     }
-    function l() {
+    function f() {
       return Error("react-stack-top-frame");
     }
     function o(e) {
@@ -132,7 +132,7 @@ function kr() {
       }
       return e.key !== void 0;
     }
-    function h(e, g) {
+    function b(e, g) {
       function T() {
         z || (z = !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)",
@@ -218,7 +218,7 @@ React keys must be passed directly to JSX without using spread:
         for (var rr in g)
           rr !== "key" && (T[rr] = g[rr]);
       } else T = g;
-      return j && h(
+      return j && b(
         T,
         typeof e == "function" ? e.displayName || e.name || "Unknown" : e
       ), R(
@@ -235,7 +235,7 @@ React keys must be passed directly to JSX without using spread:
     function a(e) {
       typeof e == "object" && e !== null && e.$$typeof === C && e._store && (e._store.validated = 1);
     }
-    var v = jr, C = Symbol.for("react.transitional.element"), F = Symbol.for("react.portal"), S = Symbol.for("react.fragment"), P = Symbol.for("react.strict_mode"), y = Symbol.for("react.profiler"), _ = Symbol.for("react.consumer"), O = Symbol.for("react.context"), $ = Symbol.for("react.forward_ref"), x = Symbol.for("react.suspense"), q = Symbol.for("react.suspense_list"), H = Symbol.for("react.memo"), J = Symbol.for("react.lazy"), A = Symbol.for("react.activity"), nr = Symbol.for("react.client.reference"), K = v.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, sr = Object.prototype.hasOwnProperty, fr = Array.isArray, X = console.createTask ? console.createTask : function() {
+    var v = jr, C = Symbol.for("react.transitional.element"), A = Symbol.for("react.portal"), S = Symbol.for("react.fragment"), $ = Symbol.for("react.strict_mode"), y = Symbol.for("react.profiler"), _ = Symbol.for("react.consumer"), O = Symbol.for("react.context"), P = Symbol.for("react.forward_ref"), x = Symbol.for("react.suspense"), q = Symbol.for("react.suspense_list"), H = Symbol.for("react.memo"), J = Symbol.for("react.lazy"), F = Symbol.for("react.activity"), nr = Symbol.for("react.client.reference"), K = v.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, sr = Object.prototype.hasOwnProperty, fr = Array.isArray, X = console.createTask ? console.createTask : function() {
       return null;
     };
     v = {
@@ -245,8 +245,8 @@ React keys must be passed directly to JSX without using spread:
     };
     var z, or = {}, W = v["react-stack-bottom-frame"].bind(
       v,
-      l
-    )(), ur = X(i(l)), cr = {};
+      f
+    )(), ur = X(l(f)), cr = {};
     tr.Fragment = S, tr.jsx = function(e, g, T, w, L) {
       var I = 1e4 > K.recentlyCreatedOwnerStacks++;
       return m(
@@ -257,7 +257,7 @@ React keys must be passed directly to JSX without using spread:
         w,
         L,
         I ? Error("react-stack-top-frame") : W,
-        I ? X(i(e)) : ur
+        I ? X(l(e)) : ur
       );
     }, tr.jsxs = function(e, g, T, w, L) {
       var I = 1e4 > K.recentlyCreatedOwnerStacks++;
@@ -269,14 +269,14 @@ React keys must be passed directly to JSX without using spread:
         w,
         L,
         I ? Error("react-stack-top-frame") : W,
-        I ? X(i(e)) : ur
+        I ? X(l(e)) : ur
       );
     };
   }()), tr;
 }
 var Sr;
 function Nr() {
-  return Sr || (Sr = 1, process.env.NODE_ENV === "production" ? ir.exports = $r() : ir.exports = kr()), ir.exports;
+  return Sr || (Sr = 1, process.env.NODE_ENV === "production" ? ir.exports = Pr() : ir.exports = kr()), ir.exports;
 }
 var yr = Nr();
 const p = () => {
@@ -315,15 +315,15 @@ const p = () => {
   loadFormValues: p,
   getWatchValue: p,
   channels: {}
-}), Tr = () => Pr(Ar), qr = ({
+}), Tr = () => $r(Ar), qr = ({
   id: s,
   control: t,
   method: u,
-  action: i,
+  action: l,
   children: c,
-  onChange: l,
+  onChange: f,
   onBlur: o,
-  onSubmit: h = () => {
+  onSubmit: b = () => {
   },
   onInput: E = () => {
   },
@@ -333,52 +333,52 @@ const p = () => {
   className: a,
   ...v
 }) => {
-  const C = b(
-    (F) => {
-      t.ref && (t.ref.current = F, t.ref.current && t.initForm());
+  const C = h(
+    (A) => {
+      t.ref && (t.ref.current = A, t.ref.current && t.initForm());
     },
     [t]
   );
   return Er(() => {
-    let F = () => {
+    let A = () => {
     }, S = () => {
     };
-    return l && (F = t.channels.subscribe("onChange", l)), o && (S = t.channels.subscribe("onBlur", o)), () => {
-      F(), S();
+    return f && (A = t.channels.subscribe("onChange", f)), o && (S = t.channels.subscribe("onBlur", o)), () => {
+      A(), S();
     };
   }, [t.lastReloadedAt]), /* @__PURE__ */ yr.jsx(Ar.Provider, { value: t, children: /* @__PURE__ */ yr.jsx(
     "form",
     {
       id: s,
       ref: C,
-      action: i,
+      action: l,
       method: u,
       className: a,
       onInput: E,
-      onSubmit: (F) => {
-        u || F.preventDefault();
+      onSubmit: (A) => {
+        u || A.preventDefault();
         const S = t.loadFormValues();
-        h(S);
+        b(S);
       },
-      onChange: (F) => {
-        const S = F.target.name;
-        !S || t.actions.getControlledFields().has(S) || t.actions.setValue(S, F.target.value);
+      onChange: (A) => {
+        const S = A.target.name;
+        !S || t.actions.getControlledFields().has(S) || t.actions.setValue(S, A.target.value);
       },
-      onBlur: (F) => {
-        const S = F.target.name;
+      onBlur: (A) => {
+        const S = A.target.name;
         if (!S || t.actions.getControlledFields().has(S)) return;
-        const P = F.target.value;
-        t.channels.publish("onBlur", S, P, t.actions.getValues()), t.triggerBlurWatchers(S);
+        const $ = A.target.value;
+        t.channels.publish("onBlur", S, $, t.actions.getValues()), t.triggerBlurWatchers(S);
       },
-      onReset: (F) => {
-        t.actions.reset(), R(F);
+      onReset: (A) => {
+        t.actions.reset(), R(A);
       },
       ...v,
       children: c
     },
     t.lastReloadedAt
   ) });
-}, hr = { isDirty: !1, isTouched: !1, error: null }, pr = {
+}, br = { isDirty: !1, isTouched: !1, error: null }, pr = {
   lastReset: null,
   isDirty: !1,
   isError: !1,
@@ -396,60 +396,60 @@ const p = () => {
   "tooShort",
   "typeMismatch",
   "valueMissing"
-], D = (s = {}, t = "") => t.split(".").reduce((u, i) => u && u[i] !== void 0 ? u[i] : void 0, s), M = (s = {}, t = "", u) => {
-  const i = Array.isArray(s) ? [...s] : { ...s };
-  let c = i;
-  const l = t.split(".");
-  return l.forEach((o, h) => {
-    h < l.length - 1 ? (c[o] || (c[o] = /^\d+$/.test(l[h + 1]) ? [] : {}), Array.isArray(c[o]) ? c[o] = [...c[o]] : c[o] = { ...c[o] }, c = c[o]) : c[o] = u;
-  }), i;
+], D = (s = {}, t = "") => t.split(".").reduce((u, l) => u && u[l] !== void 0 ? u[l] : void 0, s), M = (s = {}, t = "", u) => {
+  const l = Array.isArray(s) ? [...s] : { ...s };
+  let c = l;
+  const f = t.split(".");
+  return f.forEach((o, b) => {
+    b < f.length - 1 ? (c[o] || (c[o] = /^\d+$/.test(f[b + 1]) ? [] : {}), Array.isArray(c[o]) ? c[o] = [...c[o]] : c[o] = { ...c[o] }, c = c[o]) : c[o] = u;
+  }), l;
 }, Wr = (s) => {
   let t = Array.isArray(s) ? [...s] : { ...s };
   return Object.keys(t).forEach((u) => {
     if (u.includes(".")) {
-      const i = D(t, u);
-      t = M(t, u, i || ""), delete t[u];
+      const l = D(t, u);
+      t = M(t, u, l || ""), delete t[u];
     }
   }), t;
 }, Br = ["errors", "fieldStates", "formState"], G = (s) => Br.some((t) => s.startsWith(t)) ? s : "values." + s, Fr = (s) => {
   typeof s.setCustomValidity == "function" && s.setCustomValidity("");
-  let t = s.validity, u = xr.find((i) => t[i]);
+  let t = s.validity, u = xr.find((l) => t[l]);
   if (u) return { type: u, message: s.validationMessage };
-}, _r = (s = /* @__PURE__ */ new Set(), t = {}, u = "") => Object.keys(t || {}).reduce((i, c) => {
-  const l = (t || {})[c];
-  return s.has(u + c) ? [...i, ..._r(s, l, u + c + ".")] : l != null && l.isDirty ? [...i, u + c] : i;
-}, []), Or = (s = /* @__PURE__ */ new Set(), t = {}, u = "") => Object.keys(t || {}).reduce((i, c) => {
-  const l = (t || {})[c];
-  return s.has(u + c) ? [...i, ...Or(s, l, u + c + ".")] : l != null && l.isTouched ? [...i, u + c] : i;
-}, []), Cr = (s = /* @__PURE__ */ new Set(), t = {}, u = "") => Object.keys(t || {}).reduce((i, c) => {
-  const l = (t || {})[c];
-  return s.has(u + c) ? [...i, ...Cr(s, l, u + c + ".")] : l ? [...i, u + c] : i;
-}, []), Ir = ({ control: s, name: t, compute: u, mode: i }) => {
-  const { getWatchValue: c, registerHookWatcher: l } = s || Tr(), o = c({ name: t, compute: u }), [h, E] = lr(o);
-  return Er(() => l({ name: t, compute: u, value: h, setValue: E, mode: i }), []), h;
-}, Yr = ({ control: s, name: t, defaultValue: u, shouldUnRegister: i }) => {
-  const { actions: c, registerController: l, channels: o, getWatchValue: h, triggerBlurWatchers: E } = s || Tr(), R = Y(), m = Y(), a = D(c.getDefaultValues(), t) || u || "", v = Ir({ name: t }) ?? a, [C, F] = lr({}), S = b(
+}, _r = (s = /* @__PURE__ */ new Set(), t = {}, u = "") => Object.keys(t || {}).reduce((l, c) => {
+  const f = (t || {})[c];
+  return s.has(u + c) ? [...l, ..._r(s, f, u + c + ".")] : f != null && f.isDirty ? [...l, u + c] : l;
+}, []), Or = (s = /* @__PURE__ */ new Set(), t = {}, u = "") => Object.keys(t || {}).reduce((l, c) => {
+  const f = (t || {})[c];
+  return s.has(u + c) ? [...l, ...Or(s, f, u + c + ".")] : f != null && f.isTouched ? [...l, u + c] : l;
+}, []), Cr = (s = /* @__PURE__ */ new Set(), t = {}, u = "") => Object.keys(t || {}).reduce((l, c) => {
+  const f = (t || {})[c];
+  return s.has(u + c) ? [...l, ...Cr(s, f, u + c + ".")] : f ? [...l, u + c] : l;
+}, []), Ir = ({ control: s, name: t, compute: u, mode: l }) => {
+  const { getWatchValue: c, registerHookWatcher: f } = s || Tr(), o = c({ name: t, compute: u }), [b, E] = lr(o);
+  return Er(() => f({ name: t, compute: u, value: b, setValue: E, mode: l }), []), b;
+}, Yr = ({ control: s, name: t, defaultValue: u, shouldUnRegister: l }) => {
+  const { actions: c, registerController: f, channels: o, getWatchValue: b, triggerBlurWatchers: E } = s || Tr(), R = Y(), m = Y(), a = D(c.getDefaultValues(), t) || u || "", v = Ir({ name: t }) ?? a, [C, A] = lr({}), S = h(
     (y, { shouldDirty: _ = !0, shouldOnChange: O = !0 } = {}) => {
       var x;
-      let $ = y;
-      ((x = y == null ? void 0 : y.target) == null ? void 0 : x.value) !== void 0 && ($ = y.target.value), c.setValue(t, $, { shouldDirty: _, shouldOnChange: O });
+      let P = y;
+      ((x = y == null ? void 0 : y.target) == null ? void 0 : x.value) !== void 0 && (P = y.target.value), c.setValue(t, P, { shouldDirty: _, shouldOnChange: O });
     },
     [c.setValue]
-  ), P = b((y) => {
+  ), $ = h((y) => {
     const _ = c.getValues(), O = y ?? D(_, t);
     o.publish("onBlur", t, O, _), E(t);
   }, []);
   return Er(() => {
-    const y = l(t, { shouldUnRegister: i });
+    const y = f(t, { shouldUnRegister: l });
     return () => {
       y && y(), m.current && m.current();
     };
-  }, [i, t]), new Proxy(
-    { ref: R, name: t, defaultValue: a, value: v, onChange: S, onBlur: P, fieldState: C },
+  }, [l, t]), new Proxy(
+    { ref: R, name: t, defaultValue: a, value: v, onChange: S, onBlur: $, fieldState: C },
     {
       get(y, _, O) {
         return typeof _ == "string" && _ === "fieldState" && (m.current && m.current(), m.current = c.subscribe(`fieldStates.${t}`, () => {
-          F(h({ name: `fieldStates.${t}` }));
+          A(b({ name: `fieldStates.${t}` }));
         })), Reflect.get(y, _, O);
       }
     }
@@ -458,37 +458,37 @@ const p = () => {
   name: s,
   control: t,
   shouldUnRegister: u,
-  defaultValue: i,
-  render: c = ({ ref: l, name: o, defaultValue: h, value: E, onChange: R, onBlur: m, fieldState: a }) => null
+  defaultValue: l,
+  render: c = ({ ref: f, name: o, defaultValue: b, value: E, onChange: R, onBlur: m, fieldState: a }) => null
 }) => {
-  const l = Yr({ name: s, defaultValue: i, shouldUnRegister: u, control: t });
-  return c(l);
+  const f = Yr({ name: s, defaultValue: l, shouldUnRegister: u, control: t });
+  return c(f);
 }, Mr = () => {
-  const [s, t] = lr(), u = b(() => t((/* @__PURE__ */ new Date()).toString()), []);
+  const [s, t] = lr(), u = h(() => t((/* @__PURE__ */ new Date()).toString()), []);
   return [s, u];
 }, Lr = () => {
   const [, s] = lr({});
-  return b(() => s({}), []);
+  return h(() => s({}), []);
 }, Vr = ({ channels: s, getWatchValue: t }) => {
-  const u = Lr(), i = b((o, h = "onChange") => {
+  const u = Lr(), l = h((o, b = "onChange") => {
     if (!o)
       return s.subscribeWatch("values", () => u()), t();
     if (typeof o == "string") {
       let E = G(o);
-      h === "onBlur" && (E = `blur.${E}`), s.subscribeWatch(E, (R, m) => {
+      b === "onBlur" && (E = `blur.${E}`), s.subscribeWatch(E, (R, m) => {
         R !== m && u();
       });
     }
     return Array.isArray(o) && o.forEach((E) => {
       let R = G(E);
-      h === "onBlur" && (R = `blur.${R}`), s.subscribeWatch(R, (m, a) => {
+      b === "onBlur" && (R = `blur.${R}`), s.subscribeWatch(R, (m, a) => {
         m !== a && u();
       });
     }), t({ name: o });
-  }, []), c = b(({ name: o, compute: h, setValue: E, mode: R = "onChange" }) => {
-    if (typeof h == "function")
+  }, []), c = h(({ name: o, compute: b, setValue: E, mode: R = "onChange" }) => {
+    if (typeof b == "function")
       return s.subscribe("values", () => {
-        const a = t({ compute: h });
+        const a = t({ compute: b });
         E(a);
       });
     if (!o)
@@ -508,21 +508,21 @@ const p = () => {
         let v = G(a);
         R === "onBlur" && (v = `blur.${v}`);
         const C = s.subscribe(v, () => {
-          const F = t({ name: o });
-          E(F);
+          const A = t({ name: o });
+          E(A);
         });
         m.push(C);
       }), () => m.forEach((a) => a());
     }
     throw new Error("Parameters of name must be string or array of string or compute must be a function");
-  }, []), l = b((o, h, E = "onChange") => {
+  }, []), f = h((o, b, E = "onChange") => {
     if (!o)
-      return s.subscribe("values", () => h(t()));
+      return s.subscribe("values", () => b(t()));
     if (["onChange", "onBlur"].includes(o))
-      return s.subscribe(o, h);
+      return s.subscribe(o, b);
     if (typeof o == "string") {
       let R = G(o);
-      return E === "onBlur" && (R = `blur.${R}`), s.subscribe(R, () => h(t({ name: o })));
+      return E === "onBlur" && (R = `blur.${R}`), s.subscribe(R, () => b(t({ name: o })));
     }
     if (Array.isArray(o)) {
       const R = [];
@@ -530,139 +530,139 @@ const p = () => {
         let a = G(m);
         E === "onBlur" && (a = `blur.${a}`);
         const v = s.subscribe(a, () => {
-          h(t({ name: o }));
+          b(t({ name: o }));
         });
         R.push(v);
       }), () => R.forEach((m) => m());
     }
     throw new Error("Parameters of name must be string or array of string");
   }, []);
-  return { watch: i, registerHookWatcher: c, getWatchValue: t, subscribe: l };
+  return { watch: l, registerHookWatcher: c, getWatchValue: t, subscribe: f };
 }, Ur = ({ getWatchValue: s }) => {
-  const t = Y(/* @__PURE__ */ new Map()), u = Y(/* @__PURE__ */ new Map()), i = b(() => u.current, []), c = b(() => t.current, []), l = b(() => {
+  const t = Y(/* @__PURE__ */ new Map()), u = Y(/* @__PURE__ */ new Map()), l = h(() => u.current, []), c = h(() => t.current, []), f = h(() => {
     t.current.clear(), u.current.clear();
-  }, []), o = (a) => a.replace("values.", "").replace("values", ""), h = b((a, ...v) => {
+  }, []), o = (a) => a.replace("values.", "").replace("values", ""), b = h((a, ...v) => {
     const C = a.split(".");
-    C.forEach((F, S) => {
-      const P = C.slice(0, C.length - S).join("."), y = t.current.get(P), _ = u.current.get(P);
+    C.forEach((A, S) => {
+      const $ = C.slice(0, C.length - S).join("."), y = t.current.get($), _ = u.current.get($);
       if (S > 0) {
-        const O = v[0], $ = s({ name: o(P) });
-        v = [M($, a.replace(P, ""), O)];
+        const O = v[0], P = s({ name: o($) });
+        v = [M(P, a.replace($, ""), O)];
       }
       y && y.forEach((O) => O(...v)), _ && _.forEach((O) => O(...v));
     });
-  }, []), E = b((a, { trickle: v = !1, bubble: C = !1 }) => {
-    const F = a.split(".");
+  }, []), E = h((a, { trickle: v = !1, bubble: C = !1 }) => {
+    const A = a.split(".");
     let S = [s({ name: o(a) })];
-    F.forEach((P, y) => {
-      const _ = F.slice(0, F.length - y).join("."), O = t.current.get(_), $ = u.current.get(_);
+    A.forEach(($, y) => {
+      const _ = A.slice(0, A.length - y).join("."), O = t.current.get(_), P = u.current.get(_);
       if (y > 0 && C) {
         const x = S[0], q = s({ name: o(_) });
         S = [M(q, a.replace(_, ""), x)];
       }
-      O && (y === 0 || C) && O.forEach((x) => x(...S)), $ && (y === 0 || C) && $.forEach((x) => x(...S));
-    }), v && (t.current.forEach((P, y) => {
-      y.startsWith(a) && P.forEach((_) => _(s({ name: o(y) })));
-    }), u.current.forEach((P, y) => {
-      y.startsWith(a) && P.forEach((_) => _(s({ name: o(y) })));
+      O && (y === 0 || C) && O.forEach((x) => x(...S)), P && (y === 0 || C) && P.forEach((x) => x(...S));
+    }), v && (t.current.forEach(($, y) => {
+      y.startsWith(a) && $.forEach((_) => _(s({ name: o(y) })));
+    }), u.current.forEach(($, y) => {
+      y.startsWith(a) && $.forEach((_) => _(s({ name: o(y) })));
     }));
-  }, []), R = b((a, v) => (t.current.has(a) || t.current.set(a, /* @__PURE__ */ new Set()), t.current.get(a).add(v), () => {
+  }, []), R = h((a, v) => (t.current.has(a) || t.current.set(a, /* @__PURE__ */ new Set()), t.current.get(a).add(v), () => {
     var C;
     return (C = t.current.get(a)) == null ? void 0 : C.delete(v);
-  }), []), m = b((a, v) => {
+  }), []), m = h((a, v) => {
     u.current.has(a) || (u.current.set(a, /* @__PURE__ */ new Set()), u.current.get(a).add(v));
   }, []);
-  return { reset: l, publish: h, subscribe: R, subscribeWatch: m, getEvents: c, getWatchEvents: i, trigger: E };
+  return { reset: f, publish: b, subscribe: R, subscribeWatch: m, getEvents: c, getWatchEvents: l, trigger: E };
 }, zr = ({ defaultValues: s = Dr, shouldUnRegister: t = !1, groups: u = [] } = {}) => {
-  const [i, c] = Mr(), l = Y(), o = Y({}), h = Y({}), E = Y({ ...pr }), R = Y({ ...s }), m = Y({ ...s }), a = Y(/* @__PURE__ */ new Set()), v = Y(new Set(u)), C = b((r, n = m.current) => Object.keys(n).reduce((f, d) => {
+  const [l, c] = Mr(), f = Y(), o = Y({}), b = Y({}), E = Y({ ...pr }), R = Y({ ...s }), m = Y({ ...s }), a = Y(/* @__PURE__ */ new Set()), v = Y(new Set(u)), C = h((r, n = m.current) => Object.keys(n).reduce((i, d) => {
     if (typeof n[d] == "object")
-      return { ...f, [d]: C(r, n[d]) };
-    const k = { ...r ? {} : h.current[d] || {}, ...hr };
-    return { ...f, [d]: k };
-  }, {}), []), F = b(
-    (r = {}, { clearCustomFormStates: n = !1, clearCustomFieldStates: f = !1, groups: d = v.current } = {}) => {
-      o.current = {}, m.current = { ...m.current, ...r }, R.current = { ...m.current }, a.current = /* @__PURE__ */ new Set(), v.current = new Set(d), E.current = { ...n ? {} : E.current, ...pr }, h.current = C(f), A.reset(), c();
+      return { ...i, [d]: C(r, n[d]) };
+    const k = { ...r ? {} : b.current[d] || {}, ...br };
+    return { ...i, [d]: k };
+  }, {}), []), A = h(
+    (r = {}, { clearCustomFormStates: n = !1, clearCustomFieldStates: i = !1, groups: d = v.current } = {}) => {
+      o.current = {}, m.current = { ...m.current, ...r }, R.current = { ...m.current }, a.current = /* @__PURE__ */ new Set(), v.current = new Set(d), E.current = { ...n ? {} : E.current, ...pr }, b.current = C(i), F.reset(), c();
     },
     []
-  ), S = b(() => {
-    let r = Object.fromEntries(new FormData(l.current));
-    a.current.forEach((f) => {
-      r = M(r, f, D(R.current, f));
+  ), S = h(() => {
+    let r = Object.fromEntries(new FormData(f.current));
+    a.current.forEach((i) => {
+      r = M(r, i, D(R.current, i));
     });
     let n = { ...R.current, ...r };
     return Wr(n);
-  }, []), P = b((r) => Fr(r.target), []), y = b(() => m.current, []), _ = b(() => a.current, []), O = b((r, n) => n ? Array.isArray(n) ? n.reduce((f, d) => ({ ...f, [d]: D(r, d) }), {}) : D(r, n) : { ...r }, []), $ = b((r) => O(R.current, r), [O]), x = b((r) => O(o.current, r), [O]), q = b((r) => O(h.current, r), [O]), H = b(
-    (r) => O({ ...E.current, lastReset: i }, r),
-    [i]
-  ), J = b(({ name: r, compute: n } = {}) => !r && !n || r === "values" ? $() : typeof n == "function" ? n($()) : Array.isArray(r) ? r.reduce((f, d) => ({ ...f, [d]: J({ name: d }) }), {}) : D(
+  }, []), $ = h((r) => Fr(r.target), []), y = h(() => m.current, []), _ = h(() => a.current, []), O = h((r, n) => n ? Array.isArray(n) ? n.reduce((i, d) => ({ ...i, [d]: D(r, d) }), {}) : D(r, n) : { ...r }, []), P = h((r) => O(R.current, r), [O]), x = h((r) => O(o.current, r), [O]), q = h((r) => O(b.current, r), [O]), H = h(
+    (r) => O({ ...E.current, lastReset: l }, r),
+    [l]
+  ), J = h(({ name: r, compute: n } = {}) => !r && !n || r === "values" ? P() : typeof n == "function" ? n(P()) : Array.isArray(r) ? r.reduce((i, d) => ({ ...i, [d]: J({ name: d }) }), {}) : D(
     {
       ...R.current,
       errors: o.current,
-      fieldStates: h.current,
+      fieldStates: b.current,
       formState: H()
     },
     r
-  ), []), A = Ur({ getWatchValue: J }), { watch: nr, registerHookWatcher: K, subscribe: sr } = Vr({ getWatchValue: J, channels: A }), fr = b((r, n) => {
+  ), []), F = Ur({ getWatchValue: J }), { watch: nr, registerHookWatcher: K, subscribe: sr } = Vr({ getWatchValue: J, channels: F }), fr = h((r, n) => {
     typeof n == "function" && (n = n(H(r)));
-    const f = E.current, d = D(f, r);
-    d !== n && (E.current = M(E.current, r, n), A.publish(`formState.${r}`, n, d));
-  }, []), X = b((r, n) => {
+    const i = E.current, d = D(i, r);
+    d !== n && (E.current = M(E.current, r, n), F.publish(`formState.${r}`, n, d));
+  }, []), X = h((r, n) => {
     typeof n == "function" && (n = n(x(r))), W(r, "error", n);
-  }, []), z = b((r) => {
+  }, []), z = h((r) => {
     W(r, "error", null);
-  }, []), or = b(() => {
+  }, []), or = h(() => {
     E.current.isError && Object.keys(o.current).forEach((r) => z(r));
-  }, []), W = b((r, n, f) => {
+  }, []), W = h((r, n, i) => {
     try {
-      if (typeof f == "function" && (f = f(q(r))), v.current.has(r))
-        if (typeof f == "object" && f !== null) {
-          Object.keys(f).forEach((N) => {
-            W(`${r}.${N}`, n, f[N]);
+      if (typeof i == "function" && (i = i(q(r))), v.current.has(r))
+        if (typeof i == "object" && i !== null) {
+          Object.keys(i).forEach((N) => {
+            W(`${r}.${N}`, n, i[N]);
           });
           return;
         } else
           return console.error(
             `Cannot set primitive value for nested parent field "${r}". Please set value for its children or provide an object.`
           );
-      const d = D(h.current, r) || { ...hr }, k = D(d, n);
-      if (k !== f) {
-        if (h.current = M(h.current, `${r}.${n}`, f), A.publish(`fieldStates.${r}.${n}`, f, k), n === "error") {
-          const N = D(o.current, r), B = f || null;
-          N !== B && (o.current = M(o.current, r, B), A.publish(`errors.${r}`, B, N));
+      const d = D(b.current, r) || { ...br }, k = D(d, n);
+      if (k !== i) {
+        if (b.current = M(b.current, `${r}.${n}`, i), F.publish(`fieldStates.${r}.${n}`, i, k), n === "error") {
+          const N = D(o.current, r), B = i || null;
+          N !== B && (o.current = M(o.current, r, B), F.publish(`errors.${r}`, B, N));
           const U = Cr(v.current, o.current);
-          E.current.errorFields = U, A.publish("formState.errorFields", U);
+          E.current.errorFields = U, F.publish("formState.errorFields", U);
           const ar = U.length > 0;
           if (E.current.isError !== ar) {
             const gr = E.current.isError;
-            E.current.isError = ar, A.publish("formState.isError", ar, gr);
+            E.current.isError = ar, F.publish("formState.isError", ar, gr);
           }
         }
         if (n === "isDirty") {
-          const N = _r(v.current, h.current);
-          E.current.dirtyFields = N, A.publish("formState.dirtyFields", N);
+          const N = _r(v.current, b.current);
+          E.current.dirtyFields = N, F.publish("formState.dirtyFields", N);
           const B = N.length > 0;
           if (E.current.isDirty !== B) {
             const U = E.current.isDirty;
-            E.current.isDirty = B, A.publish("formState.isDirty", B, U);
+            E.current.isDirty = B, F.publish("formState.isDirty", B, U);
           }
         }
         if (n === "isTouched") {
-          const N = Or(v.current, h.current);
-          E.current.touchedFields = N, A.publish("formState.touchedFields", N);
+          const N = Or(v.current, b.current);
+          E.current.touchedFields = N, F.publish("formState.touchedFields", N);
         }
       }
     } catch (d) {
       console.log(d);
     }
-  }, []), ur = b((r) => {
-    W(r, "isDirty", !1), W(r, "isTouched", !1), W(r, "error", !1);
-  }, []), cr = b((r) => {
+  }, []), ur = h((r) => {
+    W(r, "isDirty", !1), W(r, "isTouched", !1), W(r, "error", null);
+  }, []), cr = h((r) => {
     const n = Fr(r.target);
     n ? X(r.target.name, n) : z(r.target.name);
-  }, []), e = b((r, n, { shouldDirty: f = !0, shouldOnChange: d = !0 } = {}) => {
-    if (typeof n == "function" && (n = n($(r))), v.current.has(r)) {
+  }, []), e = h((r, n, { shouldDirty: i = !0, shouldOnChange: d = !0 } = {}) => {
+    if (typeof n == "function" && (n = n(P(r))), v.current.has(r)) {
       typeof n == "object" && n !== null ? Object.keys(n).forEach((B) => {
-        e(`${r}.${B}`, n[B], { shouldDirty: f, shouldOnChange: d });
+        e(`${r}.${B}`, n[B], { shouldDirty: i, shouldOnChange: d });
       }) : console.error(
         `Cannot set primitive value for nested parent field "${r}". Please set value for its children or provide an object.`
       );
@@ -670,7 +670,7 @@ const p = () => {
     }
     const k = D(R.current, r);
     if (n === k) return;
-    if (R.current = M(R.current, r, n), A.publish(`values.${r}`, n, k), r.includes(".")) {
+    if (R.current = M(R.current, r, n), F.publish(`values.${r}`, n, k), r.includes(".")) {
       const B = r.split("."), U = B.findIndex(
         (ar, gr) => !v.current.has(B.slice(0, gr + 1).join("."))
       );
@@ -678,56 +678,59 @@ const p = () => {
     }
     n && W(r, "isTouched", !0);
     const N = n !== (D(m.current, r) || "");
-    f && W(r, "isDirty", N), d && A.publish("onChange", r, n, k);
-  }, []), g = b((r) => {
+    i && W(r, "isDirty", N), d && F.publish("onChange", r, n, k);
+  }, []), g = h((r) => {
     const n = r.split(".");
-    let f = "";
+    let i = "";
     n.forEach((d, k) => {
-      k < n.length - 1 && (f = f ? `${f}.${d}` : d, v.current.add(f));
+      k < n.length - 1 && (i = i ? `${i}.${d}` : d, v.current.add(i));
     });
-  }, []), T = b((r) => {
+  }, []), T = h((r) => {
     Array.isArray(r) ? r.forEach((n) => g(n + ".")) : g(r + ".");
-  }, []), w = b(
-    (r = "", { shouldUnRegister: n = t } = {}) => r ? (a.current.add(r), h.current = M(h.current, r, { ...hr }), r.includes(".") && g(r), () => {
-      n && a.current.delete(r);
+  }, []), w = h(
+    (r = "", { shouldUnRegister: n = t } = {}) => r ? (a.current.add(r), b.current = M(b.current, r, { ...br }), r.includes(".") && g(r), () => {
+      n && (e(r, void 0, { shouldDirty: !1, shouldOnChange: !1 }), a.current.delete(r));
     }) : console.error("Controller must have a name"),
     []
-  ), L = b((r, { keepError: n, keepDirty: f, keepTouched: d, defaultValue: k }) => {
+  ), L = h((r, { keepError: n, keepDirty: i, keepTouched: d, defaultValue: k }) => {
     if (!a.current.has(r))
       throw new Error(`Cannot reset "${r}" because it's uncontrolled field`);
-    m.current = M(m.current, r, k), R.current = M(R.current, r, k), A.publish(`values.${r}`, k), n || z(r), f || W(r, "isDirty", !1), d || W(r, "isTouched", !1);
-  }, []), I = b((r, { bubble: n, trickle: f } = {}) => {
-    if (!r) return A.trigger("values", { bubble: n, trickle: f ?? !0 });
+    m.current = M(m.current, r, k), R.current = M(R.current, r, k), F.publish(`values.${r}`, k), n || z(r), i || W(r, "isDirty", !1), d || W(r, "isTouched", !1);
+  }, []), I = h((r, { bubble: n, trickle: i } = {}) => {
+    if (!r) {
+      F.trigger("values", { bubble: n, trickle: i ?? !0 }), F.trigger("blur.values", { bubble: n, trickle: i ?? !0 });
+      return;
+    }
     if (!Array.isArray(r)) {
       const d = G(r);
-      A.trigger(d, { bubble: n, trickle: f });
+      F.trigger(d, { bubble: n, trickle: i }), F.trigger(`blur.${d}`, { bubble: n, trickle: i });
       return;
     }
     r.forEach((d) => {
       const k = G(d);
-      A.trigger(k, { bubble: n, trickle: f });
+      F.trigger(k, { bubble: n, trickle: i }), F.trigger(`blur.${k}`, { bubble: n, trickle: i });
     });
-  }, []), Z = b((r) => {
-    A.publish(`blur.values.${r}`, $(r)), A.publish(`blur.errors.${r}`, x(r));
+  }, []), Z = h((r) => {
+    F.publish(`blur.values.${r}`, P(r)), F.publish(`blur.errors.${r}`, x(r));
     const n = q(r);
     Object.keys(n || {}).forEach((d) => {
-      A.publish(`blur.fieldStates.${r}.${d}`, n[d]);
+      F.publish(`blur.fieldStates.${r}.${d}`, n[d]);
     });
-    const f = H();
-    Object.keys(f || {}).forEach((d) => {
-      A.publish(`blur.formState.${d}`, f[d]);
+    const i = H();
+    Object.keys(i || {}).forEach((d) => {
+      F.publish(`blur.formState.${d}`, i[d]);
     });
-  }, []), Q = b((r, n = $(r)) => {
-    A.publish("onBlur", r, n, $()), Z(r);
-  }, []), j = br(
+  }, []), Q = h((r, n = P(r)) => {
+    F.publish("onBlur", r, n, P()), Z(r);
+  }, []), j = hr(
     () => ({
       subscribe: sr,
-      reset: F,
+      reset: A,
       trigger: I,
       reload: c,
       resetField: L,
       setValue: e,
-      getValues: $,
+      getValues: P,
       getErrors: x,
       getFieldStates: q,
       getFormState: H,
@@ -735,45 +738,45 @@ const p = () => {
       clearError: z,
       clearErrors: or,
       checkValidity: cr,
-      getFieldValidity: P,
+      getFieldValidity: $,
       getDefaultValues: y,
       setFieldState: W,
       triggerFieldBlur: Q,
       resetFieldState: ur,
       getControlledFields: _,
       setFormState: fr,
-      getEvents: A.getEvents,
-      getWatchEvents: A.getWatchEvents,
+      getEvents: F.getEvents,
+      getWatchEvents: F.getWatchEvents,
       addGroups: T
     }),
-    [i]
-  ), V = b(() => {
-    [...l.current.querySelectorAll("[name]")].forEach((f) => {
-      const d = f.name || "";
-      d.includes(".") && g(d), !f.defaultValue && !a.current.has(d) && D(m.current, d) && (f.defaultValue = D(m.current, d));
+    [l]
+  ), V = h(() => {
+    [...f.current.querySelectorAll("[name]")].forEach((i) => {
+      const d = i.name || "";
+      d.includes(".") && g(d), !i.defaultValue && !a.current.has(d) && D(m.current, d) && (i.defaultValue = D(m.current, d));
     });
     const n = S();
     R.current = { ...n }, m.current = { ...n };
-  }, []), rr = br(
+  }, []), rr = hr(
     () => ({
-      ref: l,
+      ref: f,
       watch: nr,
       actions: j,
       initForm: V,
       registerController: w,
       registerHookWatcher: K,
-      lastReloadedAt: i,
+      lastReloadedAt: l,
       loadFormValues: S,
       getWatchValue: J,
       triggerBlurWatchers: Z,
-      channels: A
+      channels: F
     }),
-    [i]
-  ), dr = br(() => ({ control: rr, actions: j, watch: nr }), [i]);
+    [l]
+  ), dr = hr(() => ({ control: rr, actions: j, watch: nr }), [l]);
   return mr(() => {
-    l.current && V();
-  }, [i]), mr(() => {
-    h.current = C(!1);
+    f.current && V();
+  }, [l]), mr(() => {
+    b.current = C(!1);
   }, []), dr;
 };
 export {

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

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

package/package.json

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