react-simple-formkit 2.2.7 → 2.4.0

package/README.md

@@ -1,6 +1,6 @@
 # React Simple FormKit
 
-Supports managing forms as uncontrolled. State updates only when watched. Simple and quick to configure with outstanding efficiency.
+A lightweight library for managing forms as uncontrolled. State updates only when actively watched. Simple and quick to configure with outstanding efficiency.
 
 # Table of Contents
 
@@ -8,20 +8,20 @@ Supports managing forms as uncontrolled. State updates only when watched. Simple
 - [Features](#features)
 - [Quick start](#quick-start)
 - [Core concepts](#core-concepts)
-  - [Modes of input field](#modes-of-input-field)
+  - [Input Field Modes](#input-field-modes)
   - [Watching for updates](#watching-for-updates)
   - [The Power of watch (Unified Observation)](#the-power-of-watch-unified-observation)
-- [Manage values](#manage-values)
+- [Managing values](#managing-values)
   - [Get value](#get-value)
   - [Set value](#set-value)
   - [Default values and reset](#default-values-and-reset)
-- [Manage form state](#manage-form-state)
+- [Managing form state](#managing-form-state)
   - [Get form state](#get-form-state)
   - [Set form state](#set-form-state)
-- [Manage field states](#manage-field-states)
+- [Managing field states](#managing-field-states)
   - [Get field states](#get-field-states)
   - [Set field states](#set-field-states)
-- [Manage errors](#manage-errors)
+- [Managing errors](#managing-errors)
   - [Get field error](#get-field-error)
   - [Set field error](#set-field-error)
 - [APIs](#apis)
@@ -47,14 +47,15 @@ Supports managing forms as uncontrolled. State updates only when watched. Simple
 
 # Features
 
-- **Lightweight**: only ~**15KB**
-- **Easy setup**: simple and quick configuration
-- **Optimized for uncontrolled forms**: no unnecessary re-renders
+- **Lightweight**: Only ~**15KB**
+- **Easy setup**: Simple and quick configuration
+- **Optimized for uncontrolled forms**: No unnecessary re-renders
 - Comprehensive form management:
-  - [Values](#manage-values): get/set values, defaults, reset, ...
-  - [Form state](#manage-form-state): isDirty, isError, dirtyFields, touchedFields, errorFields, ...
-  - [Field states](#manage-field-states): isDirty, isTouched, isError, custom states, ...
-  - [Errors](#manage-errors): form errors, field errors, ...
+  - [Managing values](#managing-values): get/set values, defaults, reset, ...
+  - [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.
 
 # Quick start
 
@@ -79,9 +80,7 @@ return (
 
 # Core concepts
 
-## Modes of input field
-
-React Simple FormKit provides three flexible modes to help you balance performance and feature requirements.
+## Input Field Modes
 
 ### 1. `Uncontrolled`:
 
@@ -89,7 +88,7 @@ React Simple FormKit provides three flexible modes to help you balance performan
 
 - **Use Cases**:
   - Standard HTML inputs (e.g. `<input>`, `<textarea>`, `<select>`...)
-  - UI library components that are simple wrappers around these native elements that still follow the browser's standard behavior
+  - UI library components that act as simple wrappers around native elements and follow standard browser behavior
 
 - **How it works**: The browser manages form by default. However, you still maintain **full visibility**: you can [watch](#watching-for-updates) the entire form state, field states, and values.
 
@@ -99,7 +98,8 @@ React Simple FormKit provides three flexible modes to help you balance performan
 
 **Best for**: Absolute control over input or complex UIs.
 
-**Use Cases**: Advanced UI components with complex **INPUT AND OUTPUT** . For example, a multiple select component expects an array as its input/output, but your form state might need to store the value as a string.
+- **Use Cases**:
+  - Advanced UI components with complex **INPUTS AND OUTPUTS**. For example, a multiple select component expects an array as its input/output, but your form state might need to store the value as a string.
 
 By using `Controller`, you can transform the value in both directions:
 
@@ -116,11 +116,12 @@ Example:
 ```
 <Controller
   name="multipleSelect"
-  render={({ value = "", onChange, name }) => {
+  render={({ value = "", onChange, onBlur, name }) => {
     return (
       <Select
         multiple
         name={name}
+        onBlur={onBlur}
         value={value.split(",")}
         onChange={(e) => {
           const value = e.target.value;
@@ -137,46 +138,40 @@ Example:
 />
 ```
 
-### `Full Example`
+Example `fieldState`:
 
-```
-const { control, actions } = useForm();
+- Only when you get `fieldState` from render props, `Controller` will auto subscribe to fieldState changes.
+- If you need to set custom `fieldState`, you can use [`actions.setFieldState`](#useform).
 
-return (
-  <Form control={control} onChange={console.log}>
-    {/* Uncontrolled */}
-    <input name="number1" placeholder="Enter a number" />
-    {/* Controlled by Controller. And the value at this field can be controlled by actions.setValue() */}
-    <Controller
-      name="multipleSelect"
-      render={({ value = "", onChange, name }) => {
-        return (
-          <Select
-            multiple
-            name={name}
-            value={value.split(",")}
-            onChange={(e) => {
-              const value = e.target.value;
-              // value as array by default but on autofill value as string
-              onChange(typeof value === "string" ? value : value.join(","));
-            }}
-          >
-            <MenuItem value="10">Ten</MenuItem>
-            <MenuItem value="20">Twenty</MenuItem>
-            <MenuItem value="30">Thirty</MenuItem>
-          </Select>
-        );
-      }}
-    />
-    <button type="button" onClick={() => alert(JSON.stringify(actions.getValues()))}>
-      Get value
-    </button>
-    <button type="submit">Submit</button>
-  </Form>
-)
 ```
-
-> **Rule\*:** All fields in the form must follow one of the three modes above to ensure the form works correctly
+<Controller
+  name="multipleSelect"
+  render={({ value = "", onChange, onBlur, name, fieldState }) => {
+    if(fieldState.hidden) return null
+    return (
+      <FormControl error={Boolean(fieldState.error)}>
+        <Select
+          multiple
+          name={name}
+          onBlur={onBlur}
+          value={value.split(",")}
+          error
+          onChange={(e) => {
+            const value = e.target.value;
+            // value as array by default but on autofill value as string
+            onChange(typeof value === "string" ? value : value.join(","));
+          }}
+        >
+          <MenuItem value="10">Ten</MenuItem>
+          <MenuItem value="20">Twenty</MenuItem>
+          <MenuItem value="30">Thirty</MenuItem>
+        </Select>
+        <FormHelperText>{fieldState.error}</FormHelperText>
+      </FormControl>
+    );
+  }}
+/>
+```
 
 ## Watching for updates
 
@@ -187,10 +182,11 @@ State updates only when observed via `watch()`, `useWatch()`, `subscribe()`, or
 - [actions.subscribe(name, callback)](#subscribe) is just a handler callback that is called when watched values change.
 - [onChange](#form) is just a handler callback that is called when field values change.
 - [onBlur](#form) is just a handler callback that is called when field blurred.
-- [actions.subscribeChange(callback)](#useform) subscribe onChange callback instead of passing `onChange` in [Form](#form) component.
-- [actions.subscribeBlur(callback)](#useform) subscribe onBlur callback instead of passing `onBlur` in [Form](#form) component.
+- [actions.subscribe('onChange', callback)](#useform) subscribe onChange callback instead of passing `onChange` in [Form](#form) component.
+- [actions.subscribe('onBlur', callback)](#useform) subscribe onBlur callback instead of passing `onBlur` in [Form](#form) component.
+- [actions.trigger(name)](#actions.trigger) trigger watchers (e.g. `watch`, `useWatch`, `subscribe`) re-update values if needed.
 
-> **Rule\*:** By default, onBlur works automatically for uncontrolled fields. However, for controlled fields, you must explicitly pass the onBlur prop when rendering the field. For captured fields, use actions.triggerFieldBlur(fieldName) to manually trigger the onBlur event.
+> **Rule\*:** By default, onBlur works automatically for uncontrolled fields. However, for controlled fields, you must explicitly pass the onBlur prop when rendering the field.
 
 ### The Power of watch (Unified Observation)
 
@@ -207,7 +203,7 @@ The `watch` function (and `useWatch`, `subscribe`) is the "brain" of your form.
 
 > **💡Why it matters\*:** This unified approach ensures you only need to learn one API to track the entire lifecycle of your form.
 
-# Manage values
+# Managing values
 
 ## Get value
 
@@ -289,7 +285,7 @@ return (
 );
 ```
 
-# Manage form state
+# Managing form state
 
 ## Set form state
 
@@ -317,7 +313,7 @@ console.log(actions.getFormState(["isDirty", "isError"]))
 
 > **Note\*:** watch(), useWatch(), and subscribe() share the same name format.
 
-# Manage field states
+# Managing field states
 
 ## Set field states
 
@@ -343,7 +339,7 @@ console.log(actions.getFieldStates(["fieldStates.fieldName.isDirty", "fieldState
 
 > **Note\*:** watch(), useWatch(), and subscribe() share the same name format.
 
-# Manage errors
+# Managing errors
 
 ## Get field error
 
@@ -379,6 +375,44 @@ return (
 )
 ```
 
+# Managing Nested Fields
+
+## Registering
+
+```
+// uncontrolled
+<input name="address.line1" />
+<input name="address.line2" />
+<input name="address.line3" />
+// controlled
+<Controller
+  name="address.line4"
+  render={({ value = "", onChange }) => {
+    return <input value={value} onChange={onChange} />;
+  }}
+/>
+```
+
+## Watching
+
+```
+const addressValue = watch("address")
+const addressLine1 = watch("address.line1")
+const addressLine1Error = watch("errors.address.line1")
+const addressLine1FieldState = watch("fieldStates.address.line1")
+```
+
+## Updating
+
+```
+const { actions } = useForm()
+actions.setValue("address.line1", "hello")
+actions.setError("address.line1", "error message")
+actions.setFieldState("address.line1", "hidden", true)
+actions.setFieldState("address.line1", "disabled", true)
+actions.setFieldState("address.line1", "custom", { hello: "world" })
+```
+
 # APIs
 
 ## useForm
@@ -393,13 +427,13 @@ Generic props:
 Return:
 
 - `control`: contains methods and utilities to control the form.
-- `watch(name)`: `Function` [Example](#manage-values)
+- `watch(name)`: `Function` [Example](#managing-values)
 - `actions` is an object that contains utilities
   - `actions.reset()`: `(newDefaultValues?: Object, options?: { clearCustomFormStates?: Boolean, clearCustomFieldStates?: Boolean }) => void` [Example](#default-values-and-reset)
-  - `actions.getValues()`: `(name?: String | Array) => Object` [Example](#manage-values)
-  - `actions.getErrors()`: `(name?: String | Array) => Object` [Example](#manage-errors)
-  - `actions.getFormState()`: `(name?: String | Array) => Object` [Example](#manage-form-state)
-  - `actions.getFieldStates()`: `(name?: String | Array) => Object` [Example](#manage-field-states)
+  - `actions.getValues()`: `(name?: String | Array) => Object` [Example](#managing-values)
+  - `actions.getErrors()`: `(name?: String | Array) => Object` [Example](#managing-errors)
+  - `actions.getFormState()`: `(name?: String | Array) => Object` [Example](#managing-form-state)
+  - `actions.getFieldStates()`: `(name?: String | Array) => Object` [Example](#managing-field-states)
   - `actions.setValue()`: `(name: String, value: Any, options?: { shouldDirty?: Boolean, shouldTouched?: Boolean }) => void` [Example](#set-value)
   - `actions.setError()`: `(name: String, error: Any) => void` [Example](#set-field-error)
   - `actions.setFieldState()`: `(name: String, property: String, value: Any) => void` [Example](#set-field-states)
@@ -413,6 +447,7 @@ Return:
   - `actions.subscribeBlur()`: `(callback) => unsubscribe: Function()`
   - `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.
 
 ## Form
 
@@ -442,7 +477,7 @@ Return: everything in render function above
 
 ## useWatch
 
-[Example](#manage-values)
+[Example](#managing-values)
 
 Generic props:
 
@@ -490,4 +525,4 @@ Return:
 
 # Contact
 
-For any ideas or issues, please get in touch with me at **anhhuy2000@gmail.com**
+For any ideas or issues, please contact me at **anhhuy2000@gmail.com**

package/dist/react-simple-formkit.js

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