react-simple-formkit 2.4.0 → 2.4.2

package/README.md

@@ -24,6 +24,9 @@ A lightweight library for managing forms as uncontrolled. State updates only whe
 - [Managing errors](#managing-errors)
   - [Get field error](#get-field-error)
   - [Set field error](#set-field-error)
+- [Grouping fields (nested object)](#grouping-fields-nested-object)
+- [Utilities](#utilities)
+  - [restoreFromDotNotation](#restoreFromDotNotation)
 - [APIs](#apis)
   - [useForm](#useForm)
   - [Form](#form)
@@ -55,7 +58,7 @@ A lightweight library for managing forms as uncontrolled. State updates only whe
   - [Managing form state](#managing-form-state): isDirty, isError, dirtyFields, touchedFields, errorFields, ...
   - [Managing field states](#managing-field-states): isDirty, isTouched, isError, custom states, ...
   - [Managing errors](#managing-errors): form errors, field errors, ...
-  - [Managing nested fields](#managing-nested-fields): Supports nested fields with dot notation.
+  - [Grouping fields (nested object)](#grouping-fields-nested-object): Supports nested fields with dot notation.
 
 # Quick start
 
@@ -175,7 +178,7 @@ Example `fieldState`:
 
 ## Watching for updates
 
-State updates only when observed via `watch()`, `useWatch()`, `subscribe()`, or by tracking changes through the Form component's `onChange`, `onBlur` callbacks. You can watch Values, Form States, Field States, and Errors through the same interface.
+State updates only when observed via `watch()`, `useWatch()`, `subscribe()`, or by tracking changes through the Form component's `onChange`, `onBlur` callbacks. You can watch Values, Form States, Field States, and Errors through the same name interface.
 
 - [watch(name)](#watch) will trigger a re-render at the form level.
 - [useWatch({ name })](#usewatch) will trigger a re-render only in the component where it is called.
@@ -375,10 +378,16 @@ return (
 )
 ```
 
-# Managing Nested Fields
+# Grouping fields (nested object)
+
+- **Use cases**: When you need to group multiple fields into an object. By registering these fields with dot notation, you can manage these fieldStates, errors, values as a nested object.
+
+- **Example**: Suppose an address has two fields, line1 and line2. You want to track their individual states (fieldStates, errors, values) separately, but you also need to group them under a single address object for easier management and form submission.
 
 ## Registering
 
+- Auto register when using inputs or controllers with dot notation
+
 ```
 // uncontrolled
 <input name="address.line1" />
@@ -393,6 +402,17 @@ return (
 />
 ```
 
+- Register manually
+
+```
+// 'groups' option
+const { control, actions } = useForm({ groups: ["address"] })
+// actions.addGroups
+actions.addGroups(["address"])
+```
+
+> **Rule\***: Nested fields must be registered using dot notation through inputs or Controllers `name` prop. If not registered, the field will be treated as a regular field with an object type value.
+
 ## Watching
 
 ```
@@ -413,6 +433,28 @@ actions.setFieldState("address.line1", "disabled", true)
 actions.setFieldState("address.line1", "custom", { hello: "world" })
 ```
 
+> **Rule\***: If nested field is registered, all the fieldState, error, and value will be stored in the bottom level fields (leaf nodes). You cannot set a primitive value for a parent field.
+
+# Utilities
+
+## restoreFromDotNotation(object)
+
+Convert dot notation objects to nested objects
+
+```
+import { restoreFromDotNotation } from "react-simple-formkit";
+
+const dotNotationObject = watch(["errors.email", "errors.password"])
+const nestedObject = restoreFromDotNotation(dotNotationObject)
+// Output:
+// {
+//   "errors": {
+//     "email": "Email is required",
+//     "password": "Password is required",
+//   }
+// }
+```
+
 # APIs
 
 ## useForm
@@ -421,6 +463,7 @@ Generic props:
 
 - `defaultValues`: `Object` [Example](#default-values-and-reset)
 - `shouldUnRegister`: `Boolean` Default is **false**,
+- `groups`: `Array` to register field groups, [Example](#registering)
   <!-- - `shouldConvertNumber`: `Boolean` Default is **false** -->
   <!-- - `numberFields`: `Array` if passed, shouldConvertNumber will set **true**. Lib auto load field with type **number** by default -->
 
@@ -448,6 +491,7 @@ Return:
   - `actions.getNumberFields()`: `() => Array`
   - `actions.getDefaultValues()`: `() => Object`
   - `actions.trigger(name)`: `(name: String | Array) => void` trigger watchers (e.g. `watch`, `useWatch`, `subscribe`) re-update values if needed.
+  - `actions.addGroups()`: `(name: String | Array) => void` [Example](#registering)
 
 ## Form
 

package/dist/react-simple-formkit.js

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